В этом уроке мы будем создавать анимацию "Сверкающая звезда".
Вот что у нас должно получится в результате:
Шаг 1. Создайте новый документ размером 150x150 пикселей и залейте его фон темно-голубым цветом.
Выберите инструмент , далее из списка фигур выберите звезду, как показано на рисунке ниже. Определите цвет звезды -77DAFF
Зажмите Ctrl и кликните по звезде в палитре слоев:
и
Далее выполните команду меню Выделение - Модификация - Расширить (selection >> modify > expand), установите значение параметра- 3 , затем создайте новый слой поверх слоя с фигурой и залейте выделение цветом- 9FD7ED.
Шаг 2. Снимите выделение (Ctrl + D)
Нажмите на кнопку в палитре слоев и выберите стиль "Тиснение" (Bevel and emboss) со следующими настройками:
Шаг 3. Звезда после применения стиля:
Шаг 4. Создайте новый слой, для которого установите цвета: 05E7FF - основной, E0EBEC - фоновый.
Загрузите выделение (Ctrl + клик по первой звезде в палитре слоев) Примените линейный градиент как показано на рисунке а).
Далее, возьмите Волшебную палочку и щелкните по темной области внутри звезды.
Установите цвета: 00B9E7- основной, 15E8FF - фоновый. Проведите новый градиент, как показано на рисунке б)
а) б)
Вот что должно у вас получиться:
Шаг 5. Теперь перейдем к созданию крошечных звездочек.
Создайте новый слой. Масштабируйте изображение.
Далее возьмите и установите заданный размер 3x1 px выделяемой области.
Создайте выделение и залейте его белым цветом. На этом же слое таким же образом, только размером выделяемой области 1x3 px, создайте вертикальную палочку. Полученный крестик и будет маленькой звездочкой.
и
Создайте новую группу, назовите "мал1" и поместите туда слой с маленькой звездочкой.
Шаг 6. Теперь размножьте маленькую звездочку на большой звезде: кликните по маленькой звездочке, зажмите Alt и переместите на звезду Все эти слои со звездочками находятся в одной папке.
Шаг 7.
Для анимации мы создадим 3 кадра, поэтому нам необходимо создать 3 группы слоев, где звездочки будут находиться в разных положениях.
Продублируйте папку со звездочками, назовите "мал2". Удалите из нее все слои, кроме одного. Продублируйте оставшийся слой, причем звездочки размещайте на других местах.
Повторите действия и для третьей папки.
и
и
Шаг 8. Теперь в нашем распоряжении три папки с маленькими звездочками: "мал1", "мал2", "мал3", и в каждой папке разное расположение звездочек.
На новом слое нарисуйте звездочку чуть большего размера. Затем создайте новую группу "средняя1" и переместите новую звезду в эту группу. На время отключите видимость групп "мал2" и "мал3"
Аналогично предыдущим действиям с маленькими звездочками, дублируем, размещаем, а затем создаем еще две папки: "средняя2" и "средняя3"
и и
Шаг 9. Теперь у нас уже 6 папок: три папки с маленькими звездами, и три папки со средними звездами.
Шаг 10. Мы выходим на финишную прямую!
Создайте на новом слое звезду еще большего размера, измените ей немного форму - добавьте диагональных линии. Переместите ее в группу под именем "бол1", потом также создайте группы "бол2", "бол3".
и и
Шаг 11. Сохраните файл в формате (.psd) и откройте его в Image Ready. Откройте палитру "Анимация"
Пока у вас там высветится только один кадр.
В палитре слоев отключите видимость: "мал2", "мал3", "средняя2", "средняя3", "бол2", "бол3", оставьте только "мал1", "средняя1", "бол1"
Создайте новый кадр и в нем оставьте видимыми только "мал2", "средняя2", "бол2"
То же самое для 3-го кадра: и в нем оставьте видимыми только "мал3", "средняя3", "бол3"
и и
и
Шаг 12. Установите время на 0,1 сек.
Далее переходите в меню Файл - Сохранить оптимизированный как... выбираете тип файла "Только изображения" (.gif) - Images Оnly(.gif) - Сохранить
Можете теперь самостоятельно поэкспериментировать с другими фигурами и формами звездочек-блесток.