ПМ 01. Творческая художественно-проектная деятельность в культуре и
искусстве
МДК 01.02 Средства исполнения дизайн-проекта
Компьютерная графика
Специальность 54.02.01 Дизайн (в области культуры и искусства)
3 курс
ТЕМА:
Инструменты выделения, слои, текст в Adobe Photoshop
Творческое задание:
Создание открытки
Преподаватель
Макшанова Вера Алексеевна
Тольятти, 2015 г.
ПЛАН-КОНСПЕКТ ОТКРЫТОГО УРОКА
Тема: инструменты выделения, слои, текст в Adobe Photoshop
Творческое задание: создание открытки
Тип
урока:
комбинированный
урок:
усвоение
нового
материала
и
применение полученных знаний в практической работе.
Задачи урока:
1.
Образовательная:
углубление
знаний,
умений
и
навыков
работы
с
растровым
графическим
редактором Adobe Photoshop. Инструменты
выделения
(волшебная
палочка,
магнитное
лассо,
маска),
слои,
эффекты слоя, инструмент Текст.
2.
Творческая: понятие о цветовой гамме, стилевом соответствии проекта
его
функциональному
назначению,
стилевое
соответствие
шрифта
характеру изображения.
3.
Развивающая:
умение
работать
с
ассоциативными
образами,
соответствующими теме задания, композиционная практика.
Оборудование:
1.
Компьютер
2.
Редактор Adobe Photoshop версии не старше CS5
3.
Набор кириллических шрифтов не менее 100 шт.
4.
Исходные JPEG-файлы с разрешением не ниже 300 dpi
План урока
№ п/п
Этап урока
Приемы и методы
Время, мин
1
Организационная часть
5
2
Объяснение нового
материала. Показ
последовательности
действий в программе.
Работа преподавателя за
компьютером, показ с
объяснением нового материала на
проекторе. Поэтапная
демонстрация алгоритма
выполнения задания.
20
3
Самостоятельная работа
обучающихся по
выполнению
практического задания
Работа обучающихся за
компьютером. Помощь
преподавателя по мере
необходимости.
45
4
Завершение работы.
Оценка.
Конвертация и сохранение
готовых файлов задания.
Обсуждение, выставление оценок.
20
Ход урока
№ этапа
Деятельность преподавателя
Деятельность обучающегося
1
Демонстрация и объяснение
2
Необходимая помощь, индивидуальная
работа с обучающимися
Выполнение практического
задания
3
Оценка работ
Обсуждение
1.
Объяснение нового материала
В этом уроке мы освоим некоторые инструменты выделения, поработаем со
слоями и с текстом. На просмотр выкладываете исходный материал, который
вы
использовали,
и
саму
работу.
В
работе
обязательно
должны
присутствовать стили слоя и буквы.
Открываем каждую картинку, которую мы решили использовать, в Adobe
Photoshop. В качестве фонового изображения возьмем, например, ананас.
Выбираем ананас, Файл - Сокранить как... - psd - ОК.
Перетащим все картинки в файл с ананасом. Для этого выбираем инструмент
Перемещение
и
перетаскиваем
изображения
на
окно
с
ананасом.
У
нас
получился один файл с несколькими слоями. Остальные окна закрываем.
Панель Слои предоставляет сведения обо всех слоях изображения, включая
их имена и миниатюры того, что содержится в каждом. Панель Слои можно
использовать,
чтобы
скрывать,
просматривать,
перемещать,
удалять,
переименовывать и объединять слои. По мере редактирования и обновления
слоев их миниатюры тоже автоматически обновляются. Чтобы скрыть слой,
кликаем по значку глаза рядом с миниатюрой слоя. Чтобы поменять слои
местами, просто тянем нужный слой на панели Слои вверх или вниз. Давайте
переименуем все слои, чтобы было удобней работать. Для этого кликаем два
раза на имени слоя и вводим новое, жмем Enter.
Вырежем цветок. Берем инструмент Быстрое выделение. Ведем мышкой по
цветку, программа автоматически определяет края выделенной области. Если
с первого раза не получилось захватить весь цветок, продолжаем водить по
нужным областям мышкой с нажатой клавишей Shift (курсор изменится на
плюсик — добавить к выделенной области).
На панели управления жмем Уточнить край... В появившемся окне немного
изменяем размер Радиуса, Сглаживание и Растушевку. Жмем ОК.
Выполняем команду Выделение - Инверсия. У нас выделяется все, кроме
самого цветка (в данном случае можно было сразу выделять белый фон, но
если фон был бы сложным, проще делать таким способом — сначала нужное,
потом инвертировать). Делаем Редактирование - Очистить. Фон удаляется.
Выделение - Отменить выделение. Сохраняем.
Инструментом
Перемещение
находим
нашему
цветку
свое
место.
Чтобы
изменить
размер
цветка,
жмем
Редактирование
-
С во б од н о е
трансформирование. Появляется рамка с маркерами (чтобы менять размер
изображения без искажения пропорций, тянем за угловой маркер с нажатой
клавишей Shift). Жмем Enter.
Перейдем
к
следующему
цветку.
Если
он
по
размеру
больше
фонового
изображения (у нас это ананас), то уменьшаем его размер тем же Свободным
трансформированием.
Этот
цветок
будем
избавлять
от
фона
немного
другим
способом.
Берем
инструмент
Прямоугольная
область
и
выделяем
весь
слой.
Далее
инструментом Волшебная палочка кликаем на кусках белого фона (курсор
Волшебной
палочки
имеет
значок
минус,
что
означает
вычитание
из
выделенной области). Кликаем до тех пор, пока не вычтем из выделения весь
фон.
Так же уточняем края, инвертируем выделенную область, очищаем, снимаем
выделение
(Уточнить
край...,
Выделение
-
Инверсия,
Редактирование
-
Очистить,
Выделение
-
Отменить
выделение).
Ставим
цветок
на
место.
Сохраняемся.
Пусть изображение с пальмами будет фотографией. Находим ей место и
нужный размер. Добавляем стиль к слою с пальмами. На панели Слои внизу
щелкаем Добавить стиль слоя - Обводка... Задаем параметры обводки на свой
вкус. Жмем ОК.
Из слоя с коктейлем тоже сделаем фотографию. Изменим порядок слоев на
панели Слои, перетаскивая их выше или ниже. Обрежем нашу открытку
инструментом Рамка. После применения обрезки на фоновом слое обрежутся
и остальные слои, и их миниатюры на панели Слои изменятся.
Теперь
поменяем
белый
фон
за
изображением
ананаса.
Так
как
слой
с
ананасом у нас был фоновым, мы не можем перемещать его на панели Слои.
Создаем копию слоя Фон. Для этого жмем правой кнопкой мыши на слой
Фон, выбираем Создать дубликат слоя... Появляется новый слой Фон копия
поверх старого. Снова переключаемся на слой Фон. Внизу панели Слои жмем
на кнопку Создать новый слой. Называем его Облака. Теперь слой Фон
можно удалить. Так как ананас мы не вырезали, нужно избавиться от белого
фона. Делаем это любым удобным вам способом. Переименовываем слой в
Ананас. Сохраняемся.
Теперь сделаем облака на пустом нижнем слое. Изменяем основной цвет на
панели инструментов на голубой. Фоновый цвет при этом должен остаться
белым. Выполняем команду Фильтр - Рендеринг - Облака. Появляются почти
настоящие облака на голубом небе.
Давайте
придадим
фотографиям
на
нашей
открытке
тени.
Для
этого
добавляем стиль Тень к слоям Пальмы и Коктейль (внизу панели Слои жмем
кнопку Добавить стиль слоя - Тень, выставляем в появившемся окне нужные
параметры, жмем ОК). Можно перенести Эффект от одного слоя на другой
прямо на панели Слои. Просто перетащите эффект на нужное место. В окне
Стиль слоя отображается список всех стилей, которые можно применить к
данному слою, галочками отмечены примененные стили.
Добавим
букв.
Делаем
активным
верхний
слой.
Инструментом
Горизонтальный текст щелкаем в любом месте и пишем текст. Программа
автоматически создаст новый слой с текстом. Задаем буквам шрифт, размер,
цвет (если нет окна Символ, вызываем его Окно - Символ). Задаем основной
цвет
на
панели
инструментов,
фоновый
оставляем
белым.
Применяем
к
текстовому слою стили тень и градиент.
Теперь выделяем все слои на панели Слои, кликаем правой кнопкой мыши,
выбираем Выполнить сведение. Все слои у нас сливаются в однослойное
изображение. Открытка готова.
2.
Практическая работа
Каждый студент работает со своим набором исходных файлов. Работы у всех
получаются
разные.
Даже
если
исходные
картинки
будут
одинаковы
–
композиционное решение индивидуально.
3.
Завершение работы
Оцениваем и обсуждаем получившиеся открытки. Высказываем замечания и
пожелания. Сохраняем файлы в рабочую папку.
