Работа со слоями в программе Adobe Photoshop. Создание календаря

Разделы: Информатика

Цель урока: обобщение и систематизация знаний, умений и навыков работы в растровом редакторе Adobe PhotoShop для создания изображений из нескольких слоев.

Задачи:

Образовательные:

  • Закрепление  практических навыков учащихся  при работе со слоями в Adobe PhotoShop

Развивающие:

  • развитие навыков самостоятельной работы, работы по алгоритму, под руководством учителя;
  • развитие умения оперировать ранее полученными знаниями; развитие умения;
  • планировать свою деятельность;
  • развитие творческих способностей учащихся

Воспитательные:

  • развитие гармоничного восприятия окружающего мира, исполнительности, ответственности, активности во время учебного процесса

Тип урока: обобщение и закрепление на практике ранее изученного материала.

Технические и программные средства:

  • Персональные компьютеры;
  • Приложение Windows – программа Adobe Photoshop CS2;
  • Проектор.

Раздаточный материал:

Карточки с индивидуальными заданиями

План урока:

  1. Организационный момент – 3 мин.
  2. Проверка домашнего задания – 10 мин.
  3. Обобщение изученного материала по работе в графическом редакторе Photoshop – 30 мин.
  4. Отработка на практике полученных знаний – 30 мин.
  5. Подведение итогов урока. Домашнее задание – 7 мин.

Ход урока

I. Организационный момент.

Проверка готовности учащихся к уроку, отметка отсутствующих, объявление темы и цели урока.

При выполнении работы должны соблюдаться правила ТБ при работе за ПК и правила поведения в компьютерном классе.

II. Проверка домашнего задания. (фронтальный опрос)

Вопросы для проверки:

  1. Что такое растровая графика?
  2. Что такое векторная графика?
  3. При работе с какой графикой наблюдается эффект пикселизации?
  4. Как в программе PhotoShop открыть ранее созданный документ?
  5. Какими способами можно скопировать выделенный объект в буфер обмена?
  6. Какими способами можно вставить содержимое буфера обмена?
  7. Что такое слой?
  8. Как определить, какой Слой является активным?
  9. Перечислите способы создания нового Слоя.
  10. Как изменить порядок следования Слоёв в палитре Слои?
  11. Как переименовать выделенный слой?
  12. Как сделать Слой невидимым?
  13. Как сохранить файл в формате PhotoShop?
  14. Какая команда позволяет добавить таблицу в программе Word?

III. Обобщение изученного материала по работе в графическом редакторе Photoshop. (работа с проектором)

Вступительная беседа:

Сегодня мы продолжаем работать в графическом редакторе Adobe PhotoShop. Ранее вы уже  познакомились с понятием слой, узнали, какие есть способы для создания нового слоя, как переименовать слой, сделать слой невидимым, изменить порядок слоев.

На этом занятии мы будем работать с использованием тех знаний, умений и навыков по работе со слоями, которые получили на предыдущих уроках.

Цель нашего урока – применить знания, полученные на предыдущих уроках для  создания календаря средствами Adobe Photoshop.

Запишите тему урока в тетрадь.

Учитель показывает (на мультимедийном проекторе) в программе Adobe PhotoShop несколько отдельных изображений (Рисунки 1–4) и задает вопрос:

рис.1

Рисунок 1
рис.2

Рисунок 2
рис.3

Рисунок 3
рис.4

Рисунок 4

– Какие действия нужно выполнить для создания календаря из этих фотографий?

Учащиеся называют:

  1. Определить замысел календаря
  2. Определить какое изображение будет фоном,
  3. Определиться с расположением накладываемых изображения (в каком именно месте они будут находиться)
  4. Применить преобразования изображения (масштабирование, поворот)
  5. Создать сетку календаря

Давайте вместе создадим календарь с помощью программы Photoshop:

  1. Запустите программу Photoshop: Пуск ► Программы ► Adobe PhotoShop.
  2. Открываем файл с фоном нашего будущего календаря Учебные материалы \ Задание \ Календарь\ Рисунок1.jpg (Файл ►Открыть):
рис.5

Рисунок 5

и называем его в палитре слоёв просто Фон.

  1. Откройте файл Учебные материалы \ Задание \ Календарь\ Рисунок2.psd
рис.6

Рисунок 6

  1. Выделение ► Выделить все.
  2. Скопируйте изображение бумаги в файл с фоном (Редактирование ► Копировать)
  3. Назовите этот слой Бумага.
  4. Масштабируйте изображение бумаги (Редактирование ► Произвольная трансформация) и переместите ее к правому краю фотографии, как показано на рисунке.
рис.7

Рисунок 7

  1. Откройте файл Учебные материалы \ Задание \ Календарь\ Рисунок3.jpg
  2. Выделение ► Выделить все
  3. Скопируйте пейзаж в буфер обмена (Редактирование ► Копировать);
  4. Переключитесь на окно с фоном;
  5. Вставьте изображение (Редактирование ► Вставить).
  6. Переместите его на слой Бумага с помощью инструмента Перемещение Перемещение.
  7. Трансформируйте пейзаж с зажатой кнопкой Ctrl, чтобы фотография повторила форму листа бумаги (Редактирование ►Произвольная трансформация).

 

рис.8

Рисунок 8

  1. С помощью инструмента Текст сделаете надпись года.
  2. С помощью команды Редактирование ► Произвольная трансформация поверните её:

 

рис.9

Рисунок 9

  1. Можно использовать в трансформации искажение перспективы и  добавить эффекты слоя.
  2. Откройте файл Учебные материалы \ Задание \ Календарь \ Рисунок4.jpg
  3. Выберите инструмент Волшебная палочка;
  4. Щёлкните по белому фону – он выделится;
  5. Выделение ► Инвертировать выделение – выделение будет инвертировано, и теперь выделенными станут только животные;
  6. Скопируйте животных в буфер обмена (Редактирование ►Копировать);
  7. Переключитесь на окно с фоном;
  8. Вставьте изображение (Редактирование ►Вставить).
рис.10

Рисунок 10

  1. Откройте файл Сетка.doc с календарной сеткой.
  2. Скопируйте сетку и вставим в уже почти готовый календарь.
  3.  Назовите этот слой Сетка.
  4. Вызовите диалоговое окно Стиль слоя двойным щелчком левой кнопки мыши по иконке слоя Сетка.
  5. Примените к слою Сетка следующие настройки слоя:
рис.11

Рисунок 11

  1. Сейчас палитра слоёв у вас должна выглядеть так:
рис.12

Рисунок 12

  1. Добавим рамку для календаря: для этого в окне Редактирование ► Штриховать… установим такие настройки:
рис.13

Рисунок 13

  1. Календарь готов:
рис.14

Рисунок 14

  1. Сохраните календарь в свой папке под именем Календарь_2009.psd (Файл \ Сохранить как…)

IV. Отработка на практике полученных знаний (работа на компьютерах по карточкам)

Объяснение задания (пример карточки выводится на экран с помощью проектора).

Пример карточки:

Используя следующие файлы с изображениями (указываются имена файлов) из папки Рабочий стол \ Учебные Материалы \ Библиотека фотографий создайте отрывной календарь на один месяц года.

Сохраните его в своей рабочей папке в двух форматах PSD. и JPEG.

Сетку для нужного вам месяца создайте в программе Microsoft Word  с помощью таблицы, границы таблицы сделайте невидимыми.

Алгоритм создания календаря:

  1. Запустить программу Photoshop.
  2. Открыть файл с фоном.
  3. Открыть файл с Пейзажем.
  4. Скопировать пейзаж в файл с фоном.
  5. Изменить размеры  пейзажа, если необходимо.
  6. С помощью инструмента Текст сделать надпись года.
  7. Создать в программе Microsoft Word  сетку для нужного месяца с помощью таблицы.
  8. Сделать границы таблицы невидимыми.
  9. Скопировать таблицу в файл с фоном.
  10. Примените к слою с таблицей следующие настройки слоя:
рис.15

Рисунок 15

  1. Сделать рамку для календаря.
  2. Сохранить календарь в свой папке под именем Отрывной календарь в двух форматах PSD и JPEG.

V. Подведение итогов.

После выполнения задания работы учащихся  демонстрируются с помощью проектора, делаются замечания.

Контрольные вопросы:

  • В чем преимущества использования слоев?
  • Как совместить два изображения?
  • Как трансформировать изображение?
  • Как вызвать диалоговое окно Стиль слоя?
  • В каких форматах могут быть сохранены файлы?
  • Какой формат поддерживает работу со слоями?

Оценки за урок.

Домашнее задание:

Создание тематического календаря: календарь для студента, менеджера, преподавателя и т.д.