Конспект урока "Создание анимации (баннера) в Adobe Photoshop"

Кривенцов Л.А., учитель информатики Создание анимации в Adobe Photoshop
- 2 -
Создание анимации (баннера) в Adobe Photoshop.
Цели урока:
Обучающие:
обучить работе с Adobe Photoshop;
освоить основные приемы создания анимации;
повторить и систематизировать навыки работы с программой Adobe Photoshop.
Развивающие:
воспитывать художественный интерес.
Воспитательные:
воспитывать добросовестное отношение к труду, инициативность;
уверенность в своих силах.
Тип урока:
урок совершенствования знаний, умений и навыков;
целевого применения усвоенного.
Вид урока: практическая работа.
Структура урока:
организационный момент;
закрепление и совершенствование приобретенных умений и навыков путём
выполнения практической работы;
Оборудование: Графический редактор Adobe Photoshop 7.0, приложение Adobe ImageReady,
программа презентаций Microsoft Office PowerPoint 2003, мультимедиа проектор.
План урока:
1. Организационный момент (2 мин)
2. Представление практического задания (3 мин)
3. Закрепление изученного материала. Практическая работа на компьютере (30 мин)
4. Задание на дом (1 мин)
5. Вопросы учеников, подведение итогов урока (4 мин)
Кривенцов Л.А., учитель информатики Создание анимации в Adobe Photoshop
- 3 -
Ход урока:
I. Организационный момент.
Приветствие учащихся. Проверка присутствующих. Настрой на урок.
II. Представление практического задания.
Наиболее интересной способностью Adobe Photoshop является создание
анимированных рисунков, например, баннеров для сети Internet.
Итак, что такое Баннер (Вanner)?
В простейшем случае это графическая гиперссылка, представляющая собой
графический файл формата .GIF или .JPG, помещаемая на web-страницу. Как правило,
имеет прямоугольную форму. Для обеспечения быстрой загрузки баннера на него обычно
накладывают ограничения по информационному размеру (например, не более 15 Кбайт).
Самый распространенный размер баннеров 468 на 60 пикселей, хотя помимо этого
существует изрядное количество баннеров других размеров. Также получили
распространение НТМL-баннеры, CGI-баннеры, Java-баннеры, Flesh-баннеры - все это дает
возможность более эффектно воздействовать на посетителей сайтов.
Сегодня на уроке мы создадим баннер для web-страницы.
III. Закрепление изученного материала. Практическая работа на компьютере.
Начнём. Для начала откроем файл banner.jpg (Файл Открыть), который находится
в папке Banner на вашем компьютере в Общих Документах.
Затем выбираем инструмент Прямоугольник (значок ), и рисуем прямоугольник
по границам рисунка. В результате получается чёрный прямоугольник, который
располагается на новом слое. Оставляем этот слой активным и находим панель со
страничкой «Стили»:
В этом окне выбираем стиль для фона нашего будущего баннера. После этого
полученные два слоя сливаем в один с помощью команды (Слой → Выполнить сведение).