Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Практическая работа. Создание анимации.

Тема: Практическая работа. Создание анимации.

Цель: Научить создавать анимационные изображения.

Задание.Создать анимационную прыгающую букву в программе Adobe Photoshop.

Ход выполнения.

• Для начала открываем Фотошоп и создаем новый документ размером300 на 300 пикселей с прозрачным фоном (transparent). Берем инструмент Текст и пишем большую букву А.
• Далее дублируем три раза данный слой (три раза жмем Ctrl+J). Выбираем нижний слой и заходим в меню Редактирование – Трансформация (или нажимаем Ctrl+T), после чего «сплющиваем» нашу букву.
• На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента Перемещение)
• Для этого передвинутого выше слоя, создаем еще две копии.
• Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды Ctrl+T.
• 
• Должно получиться все так:

• Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в Image Ready (для Фотошоп до версий CS3) или в меню Окно-Анимация (Window-Animation) (в версиях от CS3).

В открывшимся внизу окне Анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (Make Frames from layers). Затем выделяем все рамки, выставляем интервал на 0,1 секунду и для пробного анимирования нажимаем кнопочку Воспроизвести.

• Сохранять анимацию нужно так: Файл - Сохранить для Web-устройств и в открывшимся окошке жмем-Сохранить.

Вот что вышло:

Файл:Rezuults.gif

Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.

Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.