- Преподавателю
- Информатика
- Учебно-методическое пособие программы Adobe Photoshop
Учебно-методическое пособие программы Adobe Photoshop
Раздел | Информатика |
Класс | - |
Тип | Другие методич. материалы |
Автор | Аракелян Ю.Ю. |
Дата | 12.08.2015 |
Формат | docx |
Изображения | Есть |
ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ
ЖЕЛЕЗНОДОРОЖНЫЙ КОЛЛЕДЖ № 52
Учебно-методическое пособие программы Adobe Photoshop.
ПМ.01. Обработка отраслевой информации
Москва 2014
Составители: Аракелян Ю.Ю., Мирошников В.В.
Учебное пособие предназначено для развития навыков работы в графическом редакторе Adobe Photoshop. Учебное пособие используется при изучении программного модуля «Обработка отраслевой информации» при обучении студентов по специальности «Прикладная информатика» 230701. Практикум рекомендуется использовать для работы в классе, а также при организации дополнительных, факультативных занятий и элективных курсов. Также его можно использовать в качестве самоучителя и домашней работы.
Рассмотрено и одобрено на заседании предметно цикловой комиссии
Содержание
Оглавление
Теоретическая часть.
Редакторы растровой графики.
Microsoft Paint - простой (или лучше сказать - простейший) редактор, входящий в стандартную поставку операционных систем Microsoft. Он обладает набором простейших функций (кисточка, карандаш, резинка и т.д.), которые позволяют создавать незамысловатые картинки. К сожалению, для обработки графики он практически не пригоден. Вы уже, наверное, сталкивались с этой программой и знаете ее возможности. Картинка, которую вы видете справа, нарисована в Paint'е. Наверное, это большее, на что способен этот редактор.
Существует еще ряд редакторов (Microsoft Photo Editor, Microsoft Photo DRAW), также позволяющих реализовать простейшие задачи, но не удовлетворяющих запросам профессионалов.
Adobe Photoshop - на сегодняшний день это самый мощный пакет для профессиональной обработки растровой графики. Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей. Пакет предлагает, например, средства для восстановления поврежденных изображений, ретуширования фотографий или создания самых фантастических коллажей, которые только может позволить себе наше воображение. В общем, потенциал этого пакета поистене огромен. Начиная с версии 5.5 в пакет включена программа Adobe ImageReady, предоставляющие огромные возможности по обработке графики под WEB (оптимизация изображений, создание анимированных gif, «разрезание» картинок на более мелкие и т.д.). Девиз разработчиков Adobe Photoshop - «Camera of your mind» - предполагает не только техническое совершенство, но и полную свободу творчества, на которую человек, работающий с этой программой, просто обречен. Естественно, что каждый программный продукт не лишен некоторых недостатков. Фирма Adobe постоянно предпринимает все возможные усилия по совершенствованию своей продукции.
PhotoPaint - еще один не менее известный графический редактор (из пакета Corel Draw) для обработки растровой графики, конкурирующий с Adobe Photoshop. Здесь также имеются все необходимые инструменты для обработки графики, разнообразные фильтры, текстуры... Разница лишь в удобстве работы, интерфейсе и скорости наложения фильтров - наложение происходит немного медленнее.
Painter - редактор предоставляет великолепные возможности для эмуляции реальных инструментов рисования: графит, мел, масло и т.д. Также позволяет имитировать фактуру поверхности материалов, живопись, создавать анимацию. Очень удобен для разработки фоновых рисунков или сайтов в стиле живописи. Пользуясь это программой чуствуешь себя настоящим художником.
Photoshop открывает файлы в 28-ми форматах и сохраняет в 16. Собственный формат Photoshop - PSD - формат, оптимизированный для возможностей и функций Photoshop. Открываются и сохраняются файлы такого формата быстрее, чем в любом другом. Наиболее распространены также форматы JPEG, BMP, GIF, TIFF.
Заставка и пригласительное окно программы.
В результате двойного щелчка на значке Photoshop открывается окно программы с заставкой, где указано, какие компоненты в данный момент загружаются и приведены сведения, внесенные при установке Photoshop, в частности ваше имя и серийный номер программы. Здесь также представлены имена дизайнеров и разработчиков Photoshop.
Когда загрузка программы завершится, заставка исчезнет. После исчезновения заставки вы увидите пригласительное окно Adobe Photo shop. Этот элемент программы предназначен для немедленного доступа к интерактивным руководствам, а также советам и подсказкам от лучших специалистов по Photoshop. Кроме того, отсюда можно сразу перейти к настройке цветов программы, что важно для обеспечения соответствия изображений, выводимых на экран и полученных после печати. Ознакомившись со всеми ссылками пригласительного окна, щелкните на кнопке Close (Закрыть), чтобы оказаться в рабочей среде Photoshop.
Интерфейс Photoshop
Графический пользовательский интерфейс- это средства взаимодействия программы с пользователем. Другими словами, с помощью интерфейса вы даете указания программе, а она выполняет ваши команды. На рис. показано, как выглядит интерфейс Photoshop. В левой части главного окна выводится
вертикальная панель инструментов, а в правой -четыре группы палитр. Вверху располагается
строка меню. В этих трех областях сосредоточены все средства и команды программы, связанные с редактированием изображений.
Главное меню
Большинство операций выполняется с помощью команд меню, расположенных в верхней строке главного окна, называемой строкой меню. Программа содержит девять раскрывающих меню:
•File (Файл) - этим меню приходится пользоваться в основном в начале и в конце работы, так как большинство его функций связано с созданием, открытием и сохранением файлов.
•Edit (Редактирование)- в этом меню находятся основные команды редактирования, многие из которых есть и в других программах.
•Image (Изображение)- подменю, созданное для работы непосредственно с изображением. Многие его команды придется применять почти в каждой работе.
•Layer (Слои)- работа со слоями.
•Select (Выделение)- создание и редактирование выделения.
•Filter (Фильтры)- в этом подменю находятся фильтры - дополнительные модули PhotoShop, выполняющие самые разные функции.
•View (Вид)- различные настройки интерфейса, помогающие пользователю в работе.
•Window (Окно)- с помощью данного подменю вы управляете отображением палитр и размещением документов на экране.
•Help (Помощь)- команды справочной системы, помогут получить доступ к руководству по программе Photoshop.
Панель инструментов
Панель инструментов Photoshop включает значки 22 инструментов. Если рядом со значком инструмента имеется маленькая черная стрелка, щелкните на ней и не отпускайте кнопку мыши в течение одной секунды - раскроется дополнительная панель со списком инструментов, входящих в ту же группу. Задержите указатель мыши на любом значке, и появится маленькая подсказка с именем инструмента и клавишей, используемой для его выбора. Чтобы выбрать инструмент, достаточно щелкнуть на его кнопке. Дальнейшие действия зависят от выбранного инструмента.
Панель параметров
По умолчанию панель параметров выводится в верхней части экрана непосредственно под строкой меню. Здесь отображаются параметры выбранного инструмента.
Панель параметров после выбора инструмента Brush
Палитры
Многие инструменты и операции Photoshop представлены на так называемых палитрах - вкладках в небольших окнах, расположенных обычно вдоль правого края главного окна Photoshop. Эти палитры позволяют быстро и эффективно выполнять операции над изображением, экономя время, которое занимает выбор команд из меню и установка параметров в диалоговых окнах.
Вывести или скрыть определенную палитру можно щелчком на ее имени в меню Window (Окно). Отобразить или скрыть все палитры вместе с панелью инструментов и панелью параметров поможет клавиша Tab. А если необходимо скрыть палитры, но оставить при этом на экране панель инструментов, следует воспользоваться клавишами Shift+Tab.
Окно изображения
Когда вы создаете или открываете уже имеющееся изображение, оно выводится в новом окне, пример которого представлен на рис. Это окно можно как перетаскивать в пределах рабочего пространства Photoshop, так и менять его размер. Чтобы переместить окно, следует захватить его мышью за полосу заголовка, а для изменения размера - потянуть за любую из четырех границ окна. В окне изображения содержится информация о документе.
Основные операции с изображениями
Открытие документа
Получив изображение с помощью сканера или цифрового фотоаппарата и сохранив его на диске, вы можете загрузить этот файл в Photoshop. Откройте файл . jpg.
-
Выполните команду File► Open (Файл ► Открыть).
Откроется диалоговое окно, показанное на рис. В этом окне представлено содержимое диска. Команду «Открыть» можно вызвать двойным щелчком мыши по пустому месту в окне программы.
-
Выделите файл . jpg. и в окне будет выведена миниатюра содержащегося в нем изображения.
-
Нажмите кнопку «Открыть».
Сохранение файлов
Существует шесть способов сохранения документа Photoshop на диске. Они представлены командами меню File (Файл), к которым относятся: Save As (Сохранить как), (Сохранить), ► Pathsto Illustrator (Экспорт ► Контуры в Illustrator), Save for Web (Сохранить для Веб) и Save a Version (Сохранить версию). Сюда можно также отнести флажок As а Сору (Сохранить как копию), имеющийся в окне Save As. Далее описаны некоторые из этих команд:
•Команда File ► Save As (Файл ► Сохранить как) предназначена для сохранения документа в указанном вами месте на диске. В открываемом ею диалоговом окне Save As (Сохранить как) предусмотрены элементы управления для задания имени документа и выбора его формата, а также другие элементы. Флажки в области Save (Сохранить) используются для настройки документа под конкретные нужды. Выбирая флажок As а Сору (Как копию), вы должны знать, что будет создан новый документ, идентичный исходному.
•Команда сохранения документа File► Save (Файл ► Сохранить) обновляет файл, с которым вы работаете, записывая в него текущую версию изображения. Периодическое сохранение документа защищает вас от потери информации в случае отказа системы.
•Команда File► Save for Web (Файл ► Сохранить для Веб) позволяет подготовить файлы для публикации в Веб.
•Команда File► Save aVersion (Файл ► Сохранить версию) дает возможность сохранить очередную версию файла с соответствующими комментариями и другой информацией.
Создание заметок
В Photoshop имеется два инструмента, позволяющих присоединять к изображению произвольные заметки либо в текстовой форме, либо в звуковой.
Текстовая заметка создается следующим образом.
1. Выберите на панели инструментов инструмент Notes (Заметки) или нажмите клавишу N.
2. Щелкните на изображении, в этом месте появится область для ввода текста.
3. Введите текст заметки, как показано на рис., и щелкните на кнопке закрытия текстового окна.
4. Для того чтобы прочитать текст заметки, дважды щелкните на ее изображении.
Просмотр изображения
Когда вы открываете изображение в программе Photoshop, оно выводите целиком и, как правило, в реальных размерах. Однако во время работ: приходится увеличивать или, наоборот, уменьшать масштаб изображения на экране. Такое изменение масштаба отображения никак не влияет на его физические размеры.
Инструмент Zoom
Для увеличения и уменьшения масштаба отображения документа на экране служит инструмент Zoom (Масштаб).
Выберите его на панели инструментов, щелкнув на соответствующей кнопке или нажав клавишу Z. Когда вы подведете указатель мыши к изображению, он примет вид лупы со знаком плюс внутри, указывающим на то, что инструмент работает в режиме увеличения. Щелкните на изображении мышью, и его масштаб увеличится. Каждый следующий щелчок будет увеличивать изображение сильнее, пока оно не достигнет максимального увеличения - 1600 %. Если во время выполнения щелчка удерживать клавишу Alt, инструмент будет работать в режиме уменьшения масштаба, а его указатель примет вид лупы со знаком минус. Изображение можно уменьшить до 1 пиксела.
Прокрутка
Средства и приемы прокрутки позволяют передвигать изображение в окне, когда оно не помещается в него целиком.
•Инструмент Hand (Рука).
Щелкните на кнопке с изображением руки на панели инструментов или нажмите клавишу Н. Затем, нажав кнопку мыши в любом месте изображения и неотпуская ее, двигайте изображение.
•Полосы прокрутки.
В Photoshop справа и снизу окна имеются полосы прокрутки. Захватите движок и перемещайте его в ту или другую сторону либо щелкните с одной или другой стороны движка, чтобы прокрутить содержимое окна.
•Клавиатура.
Для прокрутки изображения можно воспользоваться клавишами перемещения, расположенными на основной и расширенной клавиатуре.
Клавиатурные команды прокрутки
Клавиши Прокрутка
PgUp Вверх
Shift+PgUp Немного вверх
PgDn Вниз
Shift+PgDn Немного вниз
Ctrl+PgUp Влево
Shift+Ctrl+PgUp Немного влево
Ctrl+PgDn Вправо
Shift+Ctrl+PgDn Немного вправо
Быстрая навигация
Более бы стрые способы увеличения или прокрутки. Таких способов несколько.
•Вывод нужного фрагмента изображения. Выберите инструмент Zoom (Масштаб) и, удерживая нажатой кнопку мыши, начертите прямоугольник вокруг области, которую хотите увеличить. Когда вы отпустите кнопку, выделенный фрагмент займет все окно документа.
•Восстановление масштаба до 100 %. Дважды щелкните на кнопке Zoom (Масштаб) на панели инструментов.
•Изменение масштаба без инструмента Zoom (Масштаб). Нужно нажать клавиши Ctrl+Пробел- для увеличения изображения или клавиши Alt+Пробел - для его уменьшения, в результате чего указатель примет вид увеличительного стекла со знаком плюс или минус соответственно, а затем, удерживая клавиши нажатыми, следует один или несколько раз щелкнуть мышью до достижения требуемого масштаба. Когда вы отпустите клавиши, указатель примет вид того инструмента, с которым вы работали.
•Переход к другому фрагменту с помощью инструмента Hand (Рука). Нажмите клавишу пробела - указатель мыши примет вид инструмента Hand (Рука) - и, удерживая ее нажатой, перемещайте изображение в окне.
Палитра Navigator
Палитра Navigator (Навигатор)- своего рода интерактивная карта изображения, на которой показана его миниатюра, где красной рамкой выделен отображаемый в окне фрагмент.
Основные элементы этой палитры:
•Поле просмотра. В центре палитры представлена миниатюра изображения, а на ней красной прямоугольной рамкой выделена та его часть, которая отображается в окне документа. Поместите указатель мыши внутрь рамки и, удерживая кнопку мыши нажатой, перетащите рамку в другое место миниатюры. Изображение в окне соответственно сдвинется.
•Ползунок для изменения масштаба. Для того чтобы изменить масштаб изображения в окне документа, сдвиньте вправо или влево ползунок, расположенный внизу палитры.
•Кнопки Zoom In (Увеличить) и Zoom Out (Уменьшить). Кнопка с изображением маленьких гор слева от ползунка уменьшает масштаб изображения, а кнопка с большими горами справа -увеличивает.
•Поле масштаба. В левом нижнем углу палитры Navigator (Навигатор) можно ввести определенный процент масштабирования изображения.
Меню View Команда View► Zoom In (Вид ► Увеличить) производит то же действие, что и нажатие клавиш Ctrl+«+», а команда View► Zoom Out (Вид ► Уменьшить) - что и нажатие клавиш Ctrl+«-». И то же самое можно сделать с помощью инструмента Zoom (Масштаб) и панели Navigator (Навигатор). Кроме команд увеличения и уменьшения масштаба в меню View (Вид) имеются и другие, представленные ниже.
•Fit On-Screen (По размеру экрана) - выводит изображение с максимальным увеличением, прикотором оно помещается на экране целиком;
•Actual Pixels (Реальный размер) - выводит изображение в масштабе 1:1 относительно разрешения монитора;
•Print Size (Печатный размер) - выводит изображение с таким масштабом, при котором оно будет иметь на экране те же высоту и ширину, что и на бумаге.
Отмена действий
В Photoshop ведется история работы над изображением, в которую записывается каждая выполняемая операция и соответствующее ей состояние изображения. Эта история хранится на палитре History (История), открываемая командой Window► History (Окно ► История), в виде элементов списка (см. рис). Каждый элемент списка называется состоянием. Для того чтобы отменить одно или несколько действий:
1.Перетащите строку состояния, поместив ее на кнопку с изображением корзины в правом нижнем углу палитры History (История).
2.Щелкнув на строке состояния, выберете из меню палитры History (История) команду Delete (Удалить) или можете щелкнуть на кнопке с изображением корзины.
3. Выделите строку состояния. Все строки, расположенные под ней, станут недоступными. Теперь, после выполнения в документе любой операции редактирования, недоступные строки будут удалены.
4. Выполните из меню палитры History (Протокол) команду Clear History (Очистить историю), которая удалит все автоматически сохраненные состояния; снимки же при этом останутся нетронутыми.
5. Активизируйте команду Edit► Purge► Histories (Правка ► Очистить ►История). Программаудалит все состояния, кроме последнего в списке; снимки в этом случае тоже сохранятся. Данное действие отменить нельзя.
Выделение области изображения
Группа «Marquee Tools»
Rectangular Marquee Tool (Прямоугольная выделенная область). С помощью этого инструмента создаются прямоугольные выделения. Если удерживать Shift во время создания выделения, то оно получится квадратным.
Elliptical Marquee Tool (Эллиптическая выделенная область). Служит для создания овальных выделений. Получить круг можно, зажав Shift.
Single Row Marquee Tool (Строка пикселей). Данный инструмент всего лишь частный случай Rectangular Marquee Tool. Полученное выделение будет размером 1px по высоте, и 100% по ширине.
Single Column Marquee Tool (Столбец пикселей). Получаемые выделения будут размером 100% по высоте, и 1px по ширине.
На практике, если это необходимо, можно использовать дополнительные возможности:
1 › Текущее выделение сбросит предыдущее.
2 › Текущее выделение суммируется с предыдущим. (Альтернативный вариант: зажать Shift до начала создания выделения, при этом рядом с курсором появится знак "+".)
3 › Текущее выделение вычитается из предыдущего. (Альтернативный вариант: зажать Shift+Alt до начала создания выделения, рядом с курсором появится знак "-".)
4 › Результирующим будет пересечение текущего и предыдущего выделений. (Альтернативный вариант: зажать Shift+Alt до начала создания выделения, рядом с курсором появится знак "x".)
5 › "Мягкие" края у выделения. Значение в поле - радиус пера.
6 › Использовать функция сглаживания Anti-alias.
7 › Режим для создания выделений без дополнительных функций
8 › Фиксированное соотношение ширины и высоты. Задается в виде числа в полях 10 и 11. При соотношении 1х1 вы получаете прямоугольник с равными сторонами, то есть квадрат.
9 › Фиксированный размер выделения. Задается в px в полях 10 и 11.
Группа «Lasso Tools»
Lasso Tool (Лассо). Служит для создания выделений произвольной формы.
Polygonal Lasso Tool (Многоугольное лассо). Используется для создания многоугольников.
Magnetic Lasso Tool (Магнитное лассо). Принцип работы инструмента Magnetic Lasso Tool -создание выделения по границе (разницы значений цвета между соседними N пикселями). Вам нужно вести курсор мыши возле границы, при этом выделение будет "прилипать" к этой границе.
Инструмент «Magic Wand» (Волшебная палочка)
Данный инструмент имеет особенную мощь в отделении объекта от фона, хотя помогает и не всегда. Для получения выделения необходимо нажать на некоторую точку. Программа анализирует пиксели, и если разница значений цвета (анализируемого пикселя и того, что был выбран за основной) меньше значения Tolerance (Допуск) (5), то данные пиксели включаются в результат. (Необходимо понимать, что любой цвет представляется в виде значения - числа. Если в цветовой модели несколько каналов, подсчитывается общая разница).
1, 2, 3, 4, 6 › такие же, как и для Marquee Tools.
7 › указывает на то, что нужно анализировать только близлежащие пиксели. Если какие-либо пиксели не включаются в результат, то они действуют как "преграда", дальше которых анализ не происходит.
8 › указывает, что нужно анализировать все слои. Вообще говоря, то изображение, что вы видите перед собой и есть "все слои", с него и будет происходит анализ.
Лабораторная работа №1
Тема:«Волшебная палочка».
Цель: научиться использовать инструмент волшебная палочка.
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл Peppers.psd
-
Увеличьте масштаб изображения до 200-300% и далее работайте с таким масштабом. Для перемещения по изображению используйте палитру Навигатор или инструмент Рука .
-
Используя инструмент Волшебная палочка , выделяйте отдельные овощи и с помощью инструмента Заливка раскрасьте их в разные цвета.
Совет:
-
-
Отрегулируйте параметр Чувствительность Волшебной палочки так, чтобы овощи выделялись целиком и при этом не захватывались другие элементы (значение должно быть в диапазоне от 0 до 255).
-
Если Заливка закрашивает слишком много или слишком мало, то отрегулируйте параметр Чувствительность (значение должно быть в диапазоне от 0 до 255).
-
Вместо инструмента Заливка можно использовать Кисть или Аэрограф .
-
-
В результате у вас получится некоторый абстрактный натюрморт. Готовое изображение сохраните в своей папке.
Готовое изображение
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Загрузите файлы atheletic.jpg и landscape.jpg
-
Перейдите к окну с изображением гимнастки Используя инструмент Волшебная палочка , выделите фон вокруг гимнастки. Для добавления выделения фона в замкнутом пространстве (ограниченном руками, ногами и др.) к основному выделению, используйте инструмент Волшебная палочка , удерживая при этом нажатой клавишу .
Совет:
-
Отрегулируйте параметр Чувствительность Волшебной палочки так, чтобы выделяемые фрагменты изображения охватывались целиком и при этом не захватывались другие элементы (значение должно быть в диапазоне от 0 до 255).
У Вас получился выделенным синий фон. Теперь необходимо выделить саму гимнастку. Для этого инвертируйте выделение, выполнив команду Выделение ► Инвертировать выделение, или воспользуйтесь «горячими» клавишами ++
-
Выделенное изображение поместите в буфер обмена с помощью команды Редактирование ► Копировать (+)
Перейдите к окну с пейзажем (landscape.jpg).
Вставьте изображение командой Редактирование ► Вставить(+)
-
С помощью инструмента Перемещение выровняйте изображение гимнастки на фоне пейзажа. Готовое изображение сохраните в своей папке.
Готовое изображение
Задание 3:
-
Откройте приложение Adobe Photoshop
-
Загрузите файлы: radioCat.jpg и Schtirlitz.jpg
-
Сперва необходимо «подготовить» изображение с машиной. Перейдите к окну с файлом Schtirlitz.jpg. С помощью инструмента Кадрирование выделите область внутри чёрной рамки (см.рисунок) и нажмите . В результате останется изображение, находившееся внутри выделения.
-
Отрегулируйте цветовую гамму изображения с помощью команды меню Изображение ► Регулировки ► Автоуровни (++).
-
Перейдите к окну с изображением девушки (radioCat.jpg)
Используя инструмент Волшебная палочка , выделите фон фокруг девушки.
-
Добавьте к получившемуся выделению не выделившиеся области, используя инструмент Волшебная палочка , удерживая при этом нажатой клавишу .
-
Инвертируйте выделение, выполнив команду Выделение ► Инвертировать выделение, или воспользуйтесь «горячими» клавишами ++.
Перейдите к окну с Schtirlitz.jpg.
Выделенное изображение поместите в буфер обмена с помощью команды Редактирование ► Копировать (+).
-
Вставьте изображение командой Редактирование ► Вставить (+).
-
На слое с изображением девушки измените её размер командой меню Редактирование ► Трансформация ► Масштаб (Для изменения размеров с сохранением пропорций удерживайте нажатой клавишу ).
Переместите изображение девушки поближе к машине.
-
Инструментом Пипетка выберите цвет тени под машиной. На слое с машиной инструментом Кисть с нечёткими краями аккуратно дорисуйте тень от девушки.
-
Отрегулийте цветовую гамму слоя с девушкой. Постарайтесь выполнить её в тонах, близких к тонам изображения с машиной. Для этого используйте окно Кривые, которое вызывается командой Изображение ► Регулировки ► Кривые (+)
Окно Кривые
-
Объедините слои командой Слой ► Выполнить сведение. Готовое изображение сохраните в своей папке.
Готовое изображение
Лабораторная работа №2
Тема: Магнитное лассо
Цель: научиться использовать инструмент магнитное лассо.
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл Eagle.psd
-
Увеличьте масштаб изображения до 200-300% и далее работайте с таким масштабом. Для перемещения по изображению используйте палитру Навигатор или инструмент Рука .
-
Используя инструмент Магнитное лассо , выделяйте отдельные чёрные перья и с помощью инструмента Заливка раскрасьте орла в разные цвета.
Совет:
-
Цвета заливки выбирайте самостоятельно на палитрах Цвет и Образцы или в окне Сборщик цветов. Это окно можно вызвать двойным щелчком на кнопках установки цвета фона и переднего плана на Палитре инструментов.
Палитра Цвет
Палитра Образцы
Палитра Сборщик цветов
-
Если Заливка закрашивает слишком много или слишком мало, то отрегулируйте параметр Чувствительность (значение должно быть в диапазоне от 0 до 255).
-
Вместо инструмента Заливка можно использовать Кисть или Аэрограф .
В результате у вас получится птица, больше похожая на попугая, чем на орла. Готовое изображение сохраните в своей папке.
Готовое изображение
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл vegetables.psd
-
Создайте новый рисунок командой Файл ► Новый (+). Укажите следующие парамерты нового рисунка:
Ширина:
300 пикселей
Окно ИмяВысота:
400 пикселей
Разрешение:
72 пиксели/дюйм
Режим:
RGB
Содержание (фон):
Белый
-
Выделяя с помощью инструмента Магнитное лассо и Многоугольное лассо поочерёдно разные овощи, создайте на новом рисунке изображение «Повара»
-
Объедините слои командой Слой ► Выполнить сведение. Готовое изображение сохраните в своей папке.
Готовое изображение
Задание 3:
-
Откройте приложение Adobe Photoshop
-
Загрузите файлы: camel.jpg и dog.jpg
-
Выделите голову верблюда (с учётом замкнутых областей) и скопируйте в буфер обмена.
-
Вставьте голову верблюда в рисунок с собакой.
-
Командой Редактирование ► Трансформация ► Масштаб измените размер головы верблюда. Выровняйте верблюда относительно собаки.
-
Инструментом Ластик с мягкими краями аккуратно удалите лишние детали головы верблюда.
-
В окне Цветовой баланс, которое вызывается командой Изображение ► Регулировки ► Цветовой баланс (+) измените цветовую гамму слоя с верблюдом так, чтобы она была близка к цветовой гамме собаки.
Окно Цветовой балланс
-
Инструментами Штамп копий и Палец устраните оставшиеся недостатки изображения.
-
Объедините слои командой Слой ► Выполнить сведение.
Готовое изображение сохраните в своей папке.
Готовое изображение
Лабораторная работа №3
Тема: Базовые операции при редактировании изображений. Инструменты выделения и рисования
Цель: научиться с помощью инструментов выделения и рисования изменять изображения.
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл men.jpg
-
Перейдите к рисунку с изображением человека. Постарайтесь улучшить качество изображения, воспользовавшись командой Изображение ► Регулировки ► Авто Уровни (++) и окном Кривые Изображение ► Регулировки ► Кривые (+)
-
Выделите с помощью инструмента Волшебная палочка задний фон изображения.
-
Теперь необходимо несколько расширить выделение, чтобы исключить случайные области. Для этого выполните команду Выделение ► Модифицировать ► Расширить.
В открывшемся окне Выбор расширения установить <Расширить на 2 пикселя>
Окно Выбор расширения
-
Не отменяя выделения, выберите инструмент Градиент .
-
Инструментом Цвета переднего плана и фона установите цвета переднего плана и фона, выбрав в окне Сборщик цветов следующие составляющие:
для переднего плана:
для фона:
Окно Сборщик цветовR:
14
R:
94
G:
218
G:
43
B:
211
B:
162
-
На панели инструмента Градиент выберите тип градиента Foreground to Background (от цвета переднего плана к фону).
Панель инструмента Градиент
-
Поэкспериментируйте с различными направлениями и типами (Линейный, Радиальный, Угловой, Отражённый, Ромбовидный) и видами переходов градиента.
-
Готовое изображение сохраните в своей папке.
Готовые изображения
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл fruits.tif
-
Поверх слоя с изображением создайте новый слой командой Слой ► Новый ► Слой... (++) (можно воспользоваться кнопкой Создать новый слой , расположенной на палитре Слои).
Палитра Слои
-
На палитре Слои в выпадающем списке Установить режим смешивания установите режим Цвет
-
Выберите инструмент Кисть с твёрдыми краями.
Настройки Кисти
-
Выбирая необходимые цвета инструментом Цвета переднего плана и фона, начните раскрашивать изображение.
Инструмент Цвета переднего плана и фона
-
Объедините слои командой Слой ► Выполнить сведение.
Готовое изображение сохраните в своей папке.
Готовое изображения
Задание 3: Урок создания S-образного изгиба для шапки веб-страниц.
-
Создайте новое изображение командой Файл ► Новый (+). Укажите следующие парамерты нового рисунка:
Ширина:
500 пикселей
Окно ИмяВысота:
45 пикселя
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
Создайте новый слой
-
В новом слое инструментом Эллипс создайте круглое выделение в левом верхнем углу изображения:
-
Удерживая нажатой клавишу , добавьте к круглому выделению прямоугольное
-
Инструментом Заливка залейте выделенную область синим цветом.
-
С помощью инструмента Перо отметьте точки, как показано на рисунке. Это будет маршрутом для выделения. Две ключевые точки, отмеченные на рисунке, расположите так, чтобы образовалась диагональ между ними. Чем длиннее эта диагональ, тем плавней будет S-образный изгиб.
-
Выберите инструмент Преобразование точки и щелкнув по ключевым точкам, тяните горизонтально, чтобы получить нужный вам изгиб.
-
После подготовки маршрута, вам нужно его выделить, с помощью нажатия на кнопку Загрузить путь как выделение , которая находится в палитре Пути.
После этого возвратитесь к палитре Слои), выберете слой с изображением и нажмите клавишу Delete, чтобы вырезать выделение.
-
В палитре Пути удалите созданный контур.
-
Удалите ненужное продолжение, используя Инструментом Прямоугольник .
-
Командой Слой ► Эффекты слоя ► Рельефность придайте изображению объём
-
Готовое изображения сохраните в своей папке.
Готовое изображения
Лабораторная работа №4
Тема: Базовые операции при редактировании изображений.
Цель: научиться редактировать изображение с помощью различных операций
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл dessert.tif
-
Переведите изображение в чёрно-белый режим командой Изображение ► Режим ► Чёрно-белый. После этого вся информация о цвете данного изображения стирается. В результате должна получиться обычная чёрно-белая фотография.
-
На палитре Слои в выпадающем списке Установить режим смешивания установите режим Цвет
-
Готовое изображение сохраните в своей папке.
Готовое изображения
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Загрузите файл oldfoto.tif
-
Переведите изображение в чёрно-белый режим командой Изображение ► Режим ► Чёрно-белый. Ретуширование производите используя инструменты инструмент Кисть и Штамп копий .
При необходимости используйте инструмент цветокоррекции Изображение ► Регулировки ► Яркость/Контрастность. -
Готовое изображение сохраните в своей папке.
Готовое изображения
Задание 3:
-
Откройте приложение Adobe Photoshop
-
Загрузите файлы: beach.TIF и factory.TIF
Обязательное условие - первая и вторая фотографии должны быть одинаковыми по размеру (хотя бы по ширине).
-
Сделайте активной фотографию beach.TIF. Перейдите в режим быстрой маски, нажав на клавиатуре «горячую клавишу» .
-
Установите цвета фона и переднего плана белый и чёрный.
-
Инструментом Градиент , залейте изображение сверху вниз с переходом от цвета переднего плана к цвету фона.
Поскольку Вы в режиме Быстрой Маски, то белый цвет выглядит прозрачным, а черный красным. Чем краснее, тем прозрачнее будет это место на картинке.
-
Вернитесь в обычный режим редактирования нажатием «горячей клавиши» .
Вы получите выделение, большая часть которого будет невидимой, так как пиксели выделены частично.
-
Сделайте активной вторую фотографию.
Выделите всё изображение командой Выделение ► Всё, или воспользуйтесь «горячими» клавишами +.
Выделенное изображение поместите в буфер обмена с помощью команды Редактирование ► Копировать (+).
-
Снова сделайте активной первую фотографию.
Вставьте изображение командой Редактирование ► Вставить В (++).
-
Объедините слои командой Слой ► Выполнить сведение.
Готовое изображение сохраните в своей папке.
Готовое изображение
Лабораторная работа № 5
Тема: Текстовые эффекты
Цель: научиться работать с текстовыми эффектами.
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение командой Файл ► Новый (+). Укажите следующие парамерты нового рисунка:
Ширина:
10 см
Окно ИмяВысота:
7 см
Разрешение:
72 пиксели/дюйм
Режим:
Чёрно-белое
Содержание (фон):
Белый
-
Инструментом Текст создайте надпись fire:
-
Тип шрифта:
Time New Roman
Начертание:
Bold Italic
Размер:
150 пкс
-
Инструментом Перемещение выровняйте надпись ближе к нижнему краю изображения.
-
Склейте слои командой Слой ► Слить с нижним (+).
-
Кристаллизуйте надпись: Фильтр ► Pixelate ► Cristallize
-
Cell Size (размер ячейки):
3-5 пикселя
-
«Размойте» изображение: Фильтр ► Смазывание ► Смазывание Гаусса...
-
Радиус:
1 пиксель
-
Инвертируйте изображение: Изображение ► Регулировки ► Инвертировать (+)
-
Поверните изображение: Изображение ► Повернуть Холст ► 90o против часовой стрелки
-
Создайте язычки пламени: Фильтр ► Stylize ► Wind...
-
Для усиления язычков примените фильтр несколько раз
-
Для реалистичности добавьте колебания: Фильтр ► Distort ► Ripple...
-
Amount (эффект):
50%
Size (размер):
Medium
-
Поверните изображение: Изображение ► Повернуть Холст ► 90o по часовой стрелке
-
Примените ещё раз: Фильтр ► Distort ► Ripple...
-
Amount (эффект):
30%
Size (размер):
Lage
-
Раскрасте пламя: Изображение ► Режим ► Индексированные Цвета
-
Сопоставьте пламени цветовую модель:
Изображение ► Режим ► Палитра.
В окне Таблица цветов выберите BlackBody
-
Готовое изображения сохраните в своей папке.
Готовое изображения
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение командой Файл ► Новый (+). Укажите следующие парамерты нового рисунка:
Ширина:
10 см
Окно ИмяВысота:
7 см
Разрешение:
72 пиксели/дюйм
Режим:
Чёрно-белое
Содержание (фон):
Белый
-
Добавьте новый слой Слой ► Новый ► Слой... (++) и залейте его белым цветом с помощь. инструмента Заливка .
-
Инструментом Текст создайте надпись ice:
-
Тип шрифта:
Time New Roman
Начертание:
Bold Italic
Размер:
180 пкс
Цвет:
Черный
-
Инструментом Перемещение выровняйте надпись ближе к верхнему краю изображения (внизу оставьте место для сосулек).
-
Склейте слои командой Слой ► Слить с нижним (+).
-
Кристаллизуйте надпись: Фильтр ► Pixelate ► Cristallize
-
Cell Size (размер ячейки):
6-8 пикселей
-
Придайте шероховатость ледяной поверхности: Фильтр ► Шум ► Добавить шум:
-
Количество:
70
Окно Добавить шумРаспределение:
Гауссовское
Одноцветный:
-
Смягчите полученный эффект: Фильтр ► Смазывание ► Смазывание Гаусса...
-
Радиус:
1,5-2 пикселя
-
Произведите цветокоррекцию: Изображение ► Регулировки ► Кривые... (+)
Склейте слои командой Слой ► Слить с нижним (+).
-
Инвертируйте изображение: Изображение ► Регулировки ► Инвертировать (+)
-
Поверните изображение: Изображение ► Повернуть Холст ► 90° против часовой стрелки
-
Создайте сосульки: Фильтр ► Stylize ► Wind...
-
Direction (направление): From the Right (Справа)
-
Верните изображение: Изображение ► Повернуть Холст ► 90° против часовой стрелке
-
Переведите изображение в цветовой режим: Изображение ► Режим ► RGB цвет
-
Раскрасте изображение:
Изображение ► Регулировки ► Тон/насыщенностьУстановить флажок
Тонирование:Тон:
191
Насыщенность:
77
Яркость:
3
-
Загрузитe кисти (Program_files/ Photoshop/ Goodies/ Brushes/ Assorted Brushes.abr).
Выберите опцию Включить возможности пульверизатора и создайте эффект искрящегося льда.
-
Готовое изображения сохраните в своей папке.
Задание 3:
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение:
Ширина:
15 см
Окно ИмяВысота:
7 см
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
Залейте фон нежно-голубым цветом __.
-
Напишите текст в оттенках тёмно-синего цвета __.
-
Добавьте новый слой.
-
На новом слое Кистью или Пульверизатором (аэрографом) с размытыми краями нанесите краску туда, где скопился бы снег, если бы он падал на надпись сверху.
-
Инструментом Палец смажьте края снега, как будто он под своей тяжестью стал нависать над буквами.
Имитируйте наплывы снега, смазывая снег в вертикальном направлении.
-
Добавьте шум: Фильтр ► Шум ► Добавить шум
-
Количество:
16%
Распределение:
Униформа
Одноцветный:
-
Примените фильтр: Фильтр ► Смазывание ► Смазывание...
-
Нанесите снежинки Кистью
-
Склейте слои
-
Готовое изображения сохраните в своей папке.
Лабораторная работа № 6
Тема: «Создание текстур»
Цель: научиться создавать различные текстуры
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение:
Ширина:
300 пикселей
Высота:
300 пикселей
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
Залейте фон цветом деревянных оттенков __.
-
Добавьте шум: Фильтр ► Шум ► Добавить шум
-
Количество:
50%
Распределение:
Униформа
Одноцветный:
-
Превратите изображение в гладкую деревяннцю поверхность, применив фильтр: Фильтр ► Смазывание ► Смазывание движения
-
Искажение:
0°
Дистанция:
300 пикселей
-
Произведите смещение: Фильтры ► Другие ► Смещение...
-
Горизонтальный:
150
Вертикальный:
150
-
Ещё раз примените фильтр: Фильтр ► Смазывание ► Смазывание движения
-
Искажение:
0°
Дистанция:
300 пикселей
-
Придайте текстуре естественный, природный вид, применив в разных выделениях фильтр Фильтр ► Distort ► Pinch
Эффект подберите «на глаз».
-
В разных выделениях примените фильтр Фильтр ► Distort ► Twirl
так же с настройками «на глаз».
-
Готовое изображения сохраните в своей папке.
Готовое изображения
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение квадратной формы:
Ширина:
400 пикселей
Высота:
400 пикселей
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
Установите цвета фона и переднего плана белый и чёрный
-
Примените фильтр Облака: Фильтр ► Render ► Clouds.
-
Примените фильтр: Фильтры ► Sketch ► Chrome...
-
Detail:
5
Smoothness:
7
-
Раскрасьте изображение: Изображение ► Регулировки ► Цветовой балланс
Цветовые уровни: -40, +42, +85.
-
Создайте новый слой.
-
Примените фильтр Облака: Фильтр ► Render ► Clouds.
-
Примените фильтр: Фильтры ► Sketch ► Chrome...
-
Detail:
5
Smoothness:
7
-
Раскрасте изображение:
-
Изображение ► Регулировки ► Тон/насыщенность
-
Установить флажок
Тонирование:Тон:
216
Насыщенность:
25
Яркость:
-11
-
Установите прозрачность верхнего слоя 40%.
-
Перейдите к нижнему слою.
-
Примените фильтр:
Фильтры ► Distort ► Twirl...
Angle: 285°
-
Готовое изображения сохраните в своей папке.
Задание 3:
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение квадратной формы:
Ширина:
400 пикселей
Высота:
400 пикселей
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
По диагонали примените линейный градиент с переходом между любыми цветами
-
Примените радиальный градиент в режиме Разница
-
Далее можно поэкспериментировать с любыми градиентами в любых режимах.
Готовые изображения
Задание 4:
Откройте приложение Adobe Photoshop
Создайте новое изображение квадратной формы:
-
Ширина:
400 пикселей
Высота:
400 пикселей
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
По диагонали примените линейный градиент с переходом между большим количеством любых цветов.
-
Перейдите в палитру каналов, и выбирая поочерёдно каждый канал используемой цветовой модели, применить к нему различные фильтры, например, фильтром Twirl,
Angle = 430°.
-
При работе с каналами можно использовать не только фильтры, но и уровни и кривые.
Готовые изображения
Лабораторная работа № 7
Тема: эффекты имитации.
Цель научиться использовать эффекты имитации.
-
Откройте приложение Adobe Photoshop
-
Откройте изображение rain.jpg
Создайте новый слой.
Залейте новый слой белым или чёрным цветом.
Добавьте шум: Фильтр ► Шум ► Добавить шум
-
Количество:
400%
Распределение:
Униформа
Одноцветный:
Придайте форму струй дождя, применив фильтр Motion Blur: Фильтр ► Смазывание ► Смазывание движения
-
Искажение:
-63°
Дистанция:
44 пикселя
-
Установите в параметрах слоя:
-
Режим смешивания:
-
Уменьшить толщину струй Изображение ► Регулировки ► Уровни:
-
Создайте новый слой.
-
Установите цвета фона и переднего плана белый и чёрный
-
На новом слое примените линейный градиент: переход Foreground to Background (из основного цвета в фон). Белая часть градиента внизу, чёрная - вверху.
-
Установите в параметрах слоя с градиентом:
-
Режим смешивания:
-
Подкорректируйте, если надо, прозрачность слоя.
-
Склейте слои. Готовое изображения сохраните в своей папке.
Готовое изображения
Лабораторная работа № 8
Тема: Создание рамок.
Цель: научиться создавать градиентную и художественную рамку.
Задание 1:
-
Откройте приложение Adobe Photoshop
-
Откройте изображение Avto.tif
-
Создайте новый канал в палитре каналов.
-
Возьмите инструмент Градиент .
-
Установите цвет переднего плана - белый.
-
В настройках градиента выбрать тип Foreground To Transparent (Основной цвет в прозрачный).
-
Залитйте линейным градиентом новый канал, как показано на рисунке:
-
Примените фильтр: Фильтр ► Смазывание ► Смазывание Гаусса...
Радиус: 2,6 пикселя.
-
Для придания неоднородности поверхности добавьте шум: Фильтр ► Шум ► Добавить шум
-
Количество:
10%
Распределение:
Униформа
Одноцветный:
-
Перейдите в PGB-канал
-
Загрузите канал в выделение, щелкнув по нему мышью с нажатой клавишей .
-
Установите цвет переднего плана чёрный __, а цвет фона белый __.
(Можно поэкспериментировать с другими цветами).
-
Примените выделенной области фильтр Облака: Фильтр ► Render ► Clouds.
-
Подкорректируйте изображение одной из команд коррекции изображения: Тон/Насыщенность, Яркость/Контрастность, Кривые из меню Изображение ► Регулировки
-
Отмените выделение
-
Склейте слои. Готовое изображение сохраните в своей папке.
Готовое изображение
Задание 2:
-
Откройте приложение Adobe Photoshop
-
Откройте изображение Evening.tif
-
Создайте новый канал в палитре каналов.
-
На новом канале инструментом Прямоугольное выделение создайте прямоугольник.
-
Инвертируйте выделение: Выделние ► Инвертировать выделение.
-
Залейте полученную область белым цветом.
-
Отмените выделение.
-
Примените к каналу фильтр Brush Strokes: Фильтр ► Brush Strokes ► Sprayed Strokes
-
Stroke Length:
18
Spray Radius:
23
Stroke Direction:
-
Перейдите в PGB-канал.
-
Загрузите канал в выделение, щелкнув по нему мышью с нажатой клавишей .
-
Залейте выделение любым подходящим цветом.
-
Отмените выделение.
-
Готовое изображение сохраните в своей папке.
Лабораторная работа № 9
Тема: применение фильтров, имитация объема
Цель: научиться рисовать трехмерные объекты.
-
Откройте приложение Adobe Photoshop
-
Создайте новое изображение:
Ширина:
300 пикселей
Высота:
300 пикселей
Разрешение:
72 пиксели/дюйм
Режим:
RGB цвет
Содержание (фон):
Белый
-
Создайте новый слой.
-
На новом слое создайте круглое выделение и залейте его любым цветом.
-
Cоздайте новый слой.
-
Примените: Фильтр ► Render ► Lighting Effects...
со следующими параметрами:
-
Style:
Light type:
On:
Intensity:
35
Focus:
69
Gloss:
0
Material:
69
Exposure:
0
Ambience:
8
Texture channal:
White is high:
Height:
50
-
Для увеличения реалистичности пустить по шару блики фильтром Фильтр ► Render ► Lens Flare...
-
Применить к слою с шаром эффект слоя Тень
-
Склейте слои. Готовое изображение сохраните в своей папке.
Готовое изображение
Лабораторная работа № 10
Тема: создание изображений с помощью инструментов раскрашивания.
Цель: научиться и раскрашивать изображения. Научиться работать с контурами.
Каждый слой соответствует определенной детали рисунка или определенному цвету, все раскрашивается разными цветами или градиентами поочередно и соединяется в одно целое. Основное в такой работе - умение работать с инструментами выделения, а для этого нужна усидчивость и скрупулезность.
Но, не многие могут работать с панелью слоев, а именно будем применять режим наложения, когда один слой взаимодействует определенным образом с другим. И это замечательное подспорье в раскрашивании с большим списком параметров, из них мы сегодня рассмотрим только три, для примера.
Возьмем черно- белую картинку и загрузим ее в фотошоп - «Файл» => «Загрузить».
Я взяла картинку из интернета, этот рисунок в виде портрета, подойдет для аватарки.
Как раскрасить черно-белый рисунок
Вначале нужно разукрасить лицо и волосы, а затем уже все остальные детали.
Для этого создадим новый слой.
Как раскрасить черно-белый рисунок
Дадим ему название.
Как раскрасить черно-белый рисунок
Кисточку я взяла такую(66):
Как раскрасить черно-белый рисунок
Для лица я взяла цвет - eed6be, а для волос - dfbd8f. Вы можете взять совсем другие цвета, возможно для лица нужен тон немного светлее. Меняя, по потребности, радиус кисти, раскрашиваем на этом слое лицо и волосы.
Если где-то вылезли за край - не беда, все можно подправить ластиком.
Разукрасили? В панели слоев выбираем «Умножение», обычно этот параметр применяем для тех участков рисунка, которые требуют полного закрашивания.
Все штрихи рисунка, которые были закрашены, опять стали видны, правда, цвет кожи и волос неестественно бледные.
Создаем новый слой и заливаем его красным цветом.
Как раскрасить черно-белый рисунок
Применяем к нему параметр слоя «Мягкий свет».
Вот теперь гораздо лучше.
Создаем еще один новый слой, для всех остальных деталей и раскрашиваем их.
Сейчас будем применять параметр слоя «Цветовой тон», так как одежда и другие детали не требуют полного закрашивания, как при заливке.
Вот здесь, нужно внимательно отнестись к раскрашиванию. Лучше небрежно выходить за рамки рисунка, закрашивая и линии, чем аккуратно доходить до линии не захватывая их.
Вот пример не докрашевания:
А вот правильное раскрашивание.
На слое с волосами, пройдемся ластиком с прозрачностью в 20% и нажимом в 50%, чтобы добавить имитацию блеска и кисточкой добавим немного тени.
Подправим ластиком свои огрехи и объединим слои.
Лабораторная работа № 11.
Тема: выделение и трансформация областей.
Цель: научиться выделять правильные области, всё изображение, области произвольной формы, области одного цвета; инвертировать выделение; расширять и сужать выделенную область; перемещать выделенные области; дублировать и удалять выделенные области;
1. Коллаж - изображение, созданное из частей нескольких разных изображений. Ваша задача - создать коллаж «Мечта» (см. образец). Запомните - неудачное действие (и даже несколько действий подряд) можно отменить, открыв пункт меню Редактирование, и выбрав команду Шаг назад.
1.1. Запустите программу Photoshop и откройте в ней эти 3 файла саванна, тигр и котенок.
1.2. Для выполнения работы нам потребуется выделять области изображения неправильной формы. Инструменты выделения Прямоугольная и Овальная области для этого не подходят. Найдите группу Лассо на панели Инструментов сверху, раскройте правой кнопкой, выберите инструмент выделения Лассо.
1.3. Разверните на весь экран окно фотографии котенок. Инструментом Лассо попробуйте точно обвести голову котенка. Это сложно сделать мышью - малейшее неправильное движение и выделение не получается. Но вы можете сделать приблизительное выделение, а затем поправить его в более удобном режиме - Быстрая маска. Обведите голову и лапы котенка на фотографии, захватывая изображение с некоторым запасом, не слишком заботясь о точности и не затрачивая лишнее время, примерно так
1.4. На панели инструментов, внизу, под инструментами и квадратами Основного/фонового цвета расположены 2 кнопки: слева - Нормальный режим выделения, справа - Быстрая маска. Перейдите в режим Быстрой маски. Изображение разделилось на 2 области - покрытая красным и прозрачная. Граница красной области проходит там, где вы проводили выделение (красное - за границей выделения, прозрачное - выделено). Теперь при помощи инструментов Кисть (рисует красное) и Ластик (стирает красное) вы можете, сочетая подрисовывания и подтирания, аккуратно поправить границу выделения. При необходимости можно отменить неудачные мазки. Новая граница должна проходить по краю головы и лап котенка, как на рисунке справа. Поправив границу, вернитесь в Нормальный режим.
1.5. Скопируйте обведенного котенка Редактирование→Скопировать. Сверните окно фотографии котенок и разверните окно фотографии саванна. Вставьте скопированную голову котенка в окно фотографии саванна командой Редактирование→Вклеить.
1.6. Котенка необходимо а) - уменьшить, б) - повернуть и в) - передвинуть на место. Эти 3 действия можно выполнить через пункт меню Редактирование→Свободное трансформирование. Примените этот пункт - голова котенка будет помещена в прямоугольник с маркерами по краям.
а) чтобы уменьшить величину изображения по вертикали или горизонтали, наведите курсор на 1 из маркеров, он должен принять вид стрелки ↔. Хватайте маркер угла мышью и двигайте, пока размер головы не покажется вам приемлемым.
б) чтобы выполнить поворот головы, выведите курсор за пределы прямоугольника, и он сменит свой вид на . Зажав левую кнопку мыши, слегка поверните рисунок, чтобы спящий котенок казался мечтающим (см. образец).
в) переместите котенка в угол - поставьте курсор внутри головы котенка так, чтобы он не касался кружка в центре и боковых линий, затем нажмите левую кнопку и тащите голову в нужное место. Повторяйте действия а), б), в), пока результат не станет схож с образцом. Тогда нажмите кнопку Enter, чтобы применить трансформацию.
1.7. Выберите инструмент выделения Овальная область. Выделите область, соответствующую первому мечтательному облачку (см. образец). Выделив, зайдите в Редактирование и там нажмите Выполнить обводку (ширину штриха установите 4 пикселя, цвет выберите Черный (если он отличается)). Не снимая выделение, выберите Редактирование→Выполнить заливку (В пункте Использовать установите - Белый). Таким же образом нужно сделать еще 2 облачка, покрупнее.
1.8. Перейдите к фотографии тигр. Голову тигра выделите инструментом Овальная область, скопируйте. Вставьте ее в фотографию саванна, уменьшите и передвиньте, как на образце (снова нужно Свободное трансформирование). Теперь фотографию тигра нужно обвести, чтобы она стала содержимым главного облачка. Зайдите в Редактирование и там нажмите выполнить обводку.
Результат сохраните в свою папку под названием Мечта.jpg. Появится диалог, где вам будет предложено выбрать Качество jpg-файла. Установите показатель качества на максимум (12). Закройте фотографии саванны, котенка и тигр.
Лабораторная работа №12
Тема: создание анимации.
Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop.
Для работы воспользуйтесь следующими заготовками:
Если Вам не нравятся эти образцы, можете выбрать любые другие на свой вкус. Муху можно заменить на муравья, гусеницу, любое другое насекомое, которое можете сами нарисовать в Photoshop с помощью кисти.
-
Откройте рис. в среде Adobe Photoshop.
2. Создайте новый слой.
3. Вставьте на новый слой изображение мухи. Для этого откройте в Adobe
Photoshop. С помощью Инструмента волшебная палочка
выделите белое пространство вокруг мухи, а затем с помощью Выделение- Инвертировать выделение выделите контур мухи, скопируйте его на новый слой.
4. С помощью Редактирование - Трансформация уменьшите размер мухи.
5. Дублируйте слой с изображением мухи. С помощью инструмента Перемещение
Сместите положение мухи, относительно начального положения на предыдущем слое. Для этого используйте также функцию Трансформация - Поворот.
6. Дублируйте верхний слой и опять сместите положение мухи. Проделайте эти действия, пока траектория движения мухи не замкнётся.
7. Отключите все слои кроме самого первого с изображением Мистера Бина и следующего за ним с изображением мухи.
8. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку .
9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра -
Выключаем слой с первым положение мухи и включаем следующий слой. Таким образом размещаем все кадры на «раскадровке» для создания анимации.
10. Устанавливаем временную выдержку каждого кадра 0.1 сек.
Нажимаем кнопку пуск
11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.
Тест 1
1.Что значит RGB?
-
Red, Green, Black
-
Right, Good, Bad
-
Red, Green, Blue
-
Red, Great, Black
2.Графика, представляемая в памяти компьютера в виде совокупности точек, называется:
-
Растровой.
-
Векторной.
-
Трехмерной.
-
Фрактальной.
3.Качество растрового изображения оценивается:
-
Количество пикселей.
-
Количество пикселей на дюйм изображения.
-
Размером изображения.
-
Количеством бит в сохраненном изображении.
4. Элементарным объектов растровой графики является:
-
То, что рисуется одним инструментом.
-
Пиксель.
-
Символ.
-
Примитив.
5. Для чего необходима палитра «История»?
-
Содержит наборы инструментов с различными предустановленными параметрами.
-
Позволяет отменять выполненные действия, включая и те, которые не отменяются посредством сочетания клавиш Ctrl+Z.
-
Дает широкий круг возможностей выбора формы и размеров кисти.
-
Дает общее представление об изображении, его цветовом решении, размерах и помогает при просмотре и редактировании.
6. Изображения представленные посредством пикселей, то есть разложенные на элементы, называется:
-
Растровым.
-
Фрактальным
-
Трехмерным
-
Векторным
7. Сетка которую на экране образуют пиксели, называют:
-
Видеопамять;
-
Видеоадаптер;
-
Растр;
-
Дисплейный процессор.
8. Одной из основных функций графического редактора является:
-
Ввод изображений;
-
Хранение кода изображения;
-
Создание изображений;
-
Просмотр и вывод содержимого видеопамяти.
9. Кнопки панели инструментов, палитра, рабочее поле, меню образуют:
-
Полный набор графических примитивов графического редактора;
-
Среду графического редактора;
-
Перечень режимов работы графического редактора;
-
Набор команд, которыми можно воспользоваться при работе с графическим редактором.
10. Пиксель на экране монитора представляет собой:
-
Минимальный участок изображения, которому независимым образом можно задать цвет
-
Двоичный код графической информации;
-
Электронный луч;
-
Совокупность 16 зерен люминофора.
Тест 2
-
Какие инструменты относятся к инструментам выделения?
-
Прямоугольная область, лассо, карандаш;
-
Лассо, рамка, вертикальная строка;
-
Горизонтальная область, рамка, вертикальная строка.
-
-
Лассо выполняет функцию:
-
Перетаскивает выделенный объект;
-
Рисование распылителем;
-
Выделяет любую зону, которую нужно обвести мышкой.
-
Какой инструмент выполняет вырезание прямоугольного изображения?
-
-
-
Карандаш;
-
Обрезка границ;
-
Ластик.
-
Что такое градиент?
-
-
Инструмент выделения;
-
Плавное изменение цвета;
-
Рисование текста.
-
Какие инструменты относятся к инструментам ретуширования?
-
-
Размытие рисунка, пальцевая размазка, затемнение объекта;
-
Ластик, карандаш;
-
Перо, губка, карандаш.
-
Что такое захват цвета?
-
-
Копирование пикселов;
-
Плавное изменение цвета;
-
Установка такого же цвета как тот, на который только что кликнули.
-
Какой инструмент относят к инструментам удаления?
-
-
Ластик;
-
Кисть;
-
Перо.
-
Соотнесите инструмент и назначение:
-
-
Ластик;
-
Карандаш;
-
Градиент;
-
Обрезка;
-
Лассо.
-
плавное изменение цвета;
-
рисование;
-
удаление нарисованного объекта;
-
выделение областей;
-
обрезание прямоугольных областей.
-
Назначение кнопки Копирование пикселей?
-
Плавное изменение цвета;
-
После указания исходного места, удерживая клавишу Alt, водят по месту, где нужен рисунок, там появляется исходный рисунок;
-
Размытие рисунка.
-
-
Как называются панели инструментов Photoshop?
-
Стандартные
-
Палитры
-
набор кнопок
Тест 3
-
Одной из основных функций графического редактора является:
-
масштабирование изображений;
-
хранение кода изображения;
-
создание изображений;
-
Сетка из горизонтальных и вертикальных столбцов, которую на экране образуют пиксели, называется:
-
видеопамять;
-
видеоадаптер;
-
растр
-
-
Выбери растровые форматы графических файлов
-
CDR, WMF
-
EPC, EPS;
-
PSD, BMP
-
Что это за инструмент в Photoshop?
-
Вырезание
-
Перемещение
-
Выделение контура
-
Что это за инструмент в Photoshop?
-
Кисть историческая
-
Размытие
-
Штамп
-
Что это за инструмент в Photoshop?
-
Штамп
-
Ластик
-
Объемная фигура
-
Что это за инструмент в Photoshop?
-
Заметки
-
Текст
-
Штамп
-
Что это за инструмент в Photoshop?
-
Кисть
-
Размытие
-
Градиент
-
Что это за инструмент в Photoshop?
-
Масштаб
-
Размытие
-
Лассо
-
В цветовой модели RGB установлены следующие параметры: 0, 255, 0. Какой цвет будет соответствовать этим параметрам?
-
Черный
-
красный
-
зеленый
Контрольная работа
Нарисуйте: