Главная » 2011 » Октябрь » 10 » Сверкающая звезда
14:03
Сверкающая звезда

В этом уроке мы будем создавать анимацию "Сверкающая звезда". 
Вот что у нас должно получится в результате:

конечный результат

Шаг 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) - Сохранить
Можете теперь самостоятельно поэкспериментировать с другими фигурами и формами звездочек-блесток.

конечный результат

Просмотров: 366 | Добавил: muradkurshumov | Теги: Сверкающая звезда | Рейтинг: 0.0/0
Всего комментариев: 0
Движок: uCoz
Адаптация by © AID