Главная » 2012 » Декабрь » 13 » Анимированные песочные часы, простой урок для новичков
23:13
Анимированные песочные часы, простой урок для новичков
Animated hourglass
1) Создаем новый документ. Берем инструмент Custom shape tool и выбираем из списка песочные часы.
2) На новом слое у нас должно получится следующее (размер часов определите по своему усмотрению).
3) При помощи direct selection tool и выделяем внутреннюю часть часов. Тянем направляющие как показано ниже:
4) Используя тот же инструмент, убираем белые области в нижней половине часов:
5) Выделим белую фигуру в нижней части при помощи direct selection tool и удалим её. Сделаем то же самое с остальными белыми областями.
6) Копируем белую фигуру из верхней половины, затем на верхней панели настроек выбираем subtract from the shape area и вставляем (Ctrl + V):
7) Теперь повернем ее (edit > free transform) и при помощи стрелочки вниз на клавиатуре переместим ее вниз.
8) Теперь нужно сделать песок. Создаем новый слой (CTRL+N) и поместим этот слой поверх слоя с часами. При помощи pen tool нарисуйте что-то вроде фигуры на картинке ниже и залейте цветом какой вам больше нравится (автор использовал розовый).
9) Переходим в режим быстрой маски (жмем Q ). Идем в меню Filter > add noise . Применяем такие настройки:
10) Выходим из режима быстрой маски (для этого снова жмем Q). Картинка должна выглядеть примерно так:
11) Теперь жмем delete, чтобы удалить выделение.
12) Дублируем этот слой. Жмем Ctrl + T, делаем правый клик на слое, выбираем flip vertical .
13) При помощи rectangular shape tool рисуем тонкую линию:
14) Выделяем верхний слой с песком и жмем на иконке add layer mask:
15) При помощи Rectangle marquee tool создаем прямоугольник:
16) Теперь жмем Ctrl + Alt + D, и вводим значение 10.
17) Залейте маску черным цветом как показано на рисунке:
18) Разъедините маску и слой (щелкните на значке-цепочке). Повторите то же самое с нижним слоем с песком.
19) Теперь мы сделаем тонкую струйку песка. Используем тот же цвет что и для песка.
20) Переходим в Image Ready и открываем окно анимации.
21) Дублируем фрейм и перемещаем струйку песка сверху вниз:
22) Двигаем маску слоя с песком в верхней части часов вниз, маску слоя с песком в нижней части - вверх. Это создаст эффект сыплющегося песка.
23) Дублируем фрейм и перемещаем маску слоя с песком в верхней части так, чтобы вехняя часть выглядела пустой. А маску слоя с песком в нижней части перемещаем вверх так, чтобы она казалась заполненной.
24) Выделяем второй фрейм и выбираем функцию tween (перетекание) в окне анимации.
25) Можете выставить свои собственные параметры временных интервалов:
26) Выделяем последний фрейм, выбираем tween (настройки как в шаге 25).