Практическое занятие № 10
Тема: Создание анимации.
Задание 1. Анимация «Весна»
1. Создайте новое изображение:
Ширина: 500 пикселов
Высота: 500 пикселов
Цветовой режим: RGB
Содержимое фона: Прозрачный.
2. Добавьте новый слой к изображению (Слой – Новый – Слой). Дайте имя слою - Ствол
3. На слое Ствол кистью на 5 пикселов рисуем ствол дерева и заливаем заливкой, дорисовываем кору:
4. Добавьте новый слой и назовите его Ветки. На нём нарисуйте ветки дерева:
5. Вставьте новый слой - Листья. Возьмите кисть Разбросанные кленовые листья, подберите зелёный цвет, размер, установите настойки кисти (F5) и «засыпьте» этими листьями дерево. Ластиком уберите всё лишнее.
6. Вставьте новый слой - Трава. С помощью кисти Дюнная трава, подобрав цвет и размер, рисуем траву у подножия дерева.
7. Вставьте новый слой - Цветы. При помощи кисти Пух нарисуйте цветы разного размера и цвета.
8. Сохраните файл в формате psd под именем Весна_Фамилия.
9. Увеличьте размер холста (Изображение – Размер холста),
Ширина: 700 пиксел
Высота: 600 пиксел
Укажите направление увеличения размера.
10. Выберите слой Трава дорисуйте траву и цветы к новым участкам.
11. Создайте новый слой – Солнце.
12. Возьмите мягкую круглую кисть и в левом верхнем углу нарисуйте диск солнца.
13. Используйте Фильтры – Размытие – Размытие по рамке к слою Солнце.
14. К слою Солнце и примените Параметры
наложения: Внутреннюю тень, Внешнее
свечение, Ввнутреннее свечение.
15. Перейдём на Слой1 (Фон), создайте градиентную заливку, выполните команду Фильтры – Рендеринг – Блик. Задайте положение Блика, изменяя (перетаскивая) его. Примените команду Блик на слое Листья.
16. Выберите инструмент Текст и напишите заголовок рисунка Весна. Обратите внимание на настройки инструмента вверху.
17. Отключите все слои в изображении кроме слоя Фон, нажав на глазок в обозначении слоя.
18. Перейдите к созданию анимации
слоев: Окно – Анимация.
19. Создайте дубликат кадра Фон, нажав на кнопку Создание копии выделенных кадров в окне Анимация.
20. Включите слой Солнце. Создайте новый дубликат кадра в окне Анимация.
21. Включите слой Ствол. Создайте новый дубликат кадра в окне Анимация.
22. Повторяйте включение новых слоёв и дублирование кадров, пока все слои не будут включены.
23. Выделите все кадры. Задайте время демонстрации кадра 1 с.
24. Нажмите на кнопку показа фильма.
25. Если вас не устраивает, то задайте другое время или каждому кадру демонстрации собственное время.
26. Сохраните файл в gif формате, используя для этого
команду Файл – Сохранить для Web и устройств.
Задание 2. Анимация с бликами и блестками.
1. Откройте изображение 10-01.jpg.
2. В палитре слоев дублируйте 3 раза основной слой (можно просто перетащить
слой на значок нового слоя).
3. С помощью Фильтры – Редеринг - Блик
нанесите блики в разные места каждого из четырех слоев, меняя размер и
яркость на свое усмотрение.
4. Перейдите к созданию анимации слоев: Окно – Анимация.
5. В окне анимации тоже должно быть 4 картинки. То
есть 3 раза нажмите на значок нового слоя.
6. Оставьте видимым только первый слой в Палитре слоев. Картинка на этом слое пропишется как первая картинка
анимации.
7. Нажмите на вторую картинку анимации и оставьте видимым только второй
слой в Палитре слоев. И так все
картинки.
8. Нажмите на треугольник под картинками в окне Анимации, установите время 0,2 сек или свое совственное.
9. Нажмите кнопку проигрывания анимации и посмотрите результат.
10. Файл - Сохранить для Вэб и
устройств для сохранения анимации. Параметр просмотра можно сделать
постоянный (будет крутиться всегда) и разовый (один раз). И кнопка Сохранить.
Задание 3. Анимация «Весёлое привидение»
1. Откройте изображение 10-02.jpg.
2. Создайте три слоя: фоновый черный и два слоя с привидениями.
3. Откройте окно Окно – Анимация.
4. Дублируйте кадр, нажмите на кнопку в окне анимации Создание копии выделенных кадров.
5. Переместите привидение на этом слое в другой угол документа, как на рисунке:
6. Нажмите кнопку Создание промежуточных кадров внизу окна с анимацией. Проставьте в настроечном окне параметры:
7. Получилось 7 кадров. Нажмите кнопку Создание копии выделенных кадров и в восьмом кадре отключите в Палитре слоев тот слой, с которым вы работали, и включите видимость второго слоя с привидением.
8. Продублируйте кадр, для 9-ого кадра переместите привидение в левый угол.
9. Нажмите кнопку Создание промежуточных кадров с такими же настройками, как и в шаге 6.
10. Сохраните как GIF (Файл - Сохранить для веб и устройств).
Задание 4. Анимация «Прыгающая буква»
1. Создайте новый документ размером 300х300 пикселей с прозрачным фоном и напишите любую букву.
2. Сделайте три дубликата этого слоя.
3. Перейдите на нижний слой, выберите Редактирование – Трансформация (Ctrl+T), немного «сплющите» букву.
4. Выделите средний слой из трех слоев, которые создали и подвиньте его немного повыше при помощи инструмента Перемещение.
5. Для этого слоя, который передвинули повыше, создайте еще два дубликата.
6. Средний слой среди тех, что только что сделали, подвиньте чуть повыше и «растяните» с помощью команды Ctrl+T.
7. Оставьте видимым только первый слой.
8. Перейдите Окно-Анимация.
9. В окне анимации в верхнем правом углу справа есть стрелка с выпадающим меню. В этом меню выберите функцию Создать кадры из слоев. Затем выделите все рамки и выставьте интервал на 0,1 с.
10. Сохраните как GIF (Файл - Сохранить для веб и устройств).