Сегодня предлагаю сделать не сложную анимацию "дождь на стекле" со стекающими каплями от дождя. В результате должен получится такой эффект.
[400x295]
Подберем подходящую картинку и начнем создавать дождь на стекле.
1-Файл открыть.
[400x295]
Теперь сделаем две копии слоя "фон" и будем создавать мокрое стекло.
2-Слой-создать дубликат слоя. И еще раз сделать дубликат.
Окно слоев выглядит так.
[345x252]
3-В окне слоев встать на слой "фон копия".(Кликнуть по этому слою).
4-Фильтр-искажение- океанские волны.Поставить размер волн 3, сила волн 3. (Если такие параметры не устроят, поставьте значения, которые понравятся.)
[400x295]
5- Встать на слой "фон копия 2".
6- Фильтр-искажение-стекло. Параметры такие: искажение 2, смягчение 2, текстура-изморозь.
[400x295]
Следующий слой послужит фоном для капель дождя.
7-Слой-новый-слой.
И зальем его серым цветом.
8-Редактирование-выполнить заливку.
[400x295]
Окно слоев такое.
[348x280]
Как сделать капли на стекле смотрите в уроке "Капли дождя". Напомню, что сами капли должны быть не на сером , а на новом слое.
[345x359]
Делайте капли не густо. Лишние можно стереть ластиком. 
Получится примерно так.
[400x295]
А сейчас подготовим слои для анимации дождя.
В окне слоев активирован слой с каплями " слой 2".
9-Слой-создать дубликат слоя.
[329x420]
10-Редактирование-трансформирование отразить по горизонтали. На картинке прибавится капель.
[400x295]
Сделаем еще две копии слоя капель.
11-Слой-создать дубликат слоя.
[348x471]
12-Редактирование-трансформирование-отразить по вертикали.
[400x295]
13- Слой-выполнить дубликат слоя.
[345x547]
14-На панели инструментов выбрать инструмент "перемещение" 
, кликнуть по картинке и сдвинуть слой немного вверх, чтобы расположение капель стало другим.
[400x295]
Слои с дождем готовы.
16--В окне слоев отключить глазки на верхних трех слоях с каплями и встать на слой 1.
[348x545]
Уменьшить непрозрачность серого слоя до 50%. (В правом верхнем углу окна слоев.)
Картинка станет такой.
[400x295]
17-На панели инструментов выбрать "ластик " и сделать "потеки на стекле".
[400x295]
Теперь создадим капли, которые будут стекать по стеклу.
18-На картинке выбрать каплю побольше и выделить ее инструментом "лассо".
[423x331]
19-Слой-новый-скопировать на новый слой.
[345x617]
20-Редактирование-свободное трансформирование. Увеличить до 150%. Нажать 
[447x34]
21-Инструментом "перемещение", перенести каплю на одну из вертикальных полосок "потека".
[400x295]
22-Слой -создать дубликат слоя.
[303x676]
23-Переместить новую каплю на другую полоску.
[400x295]
24- Сделать еще дубликат и поставить каплю ниже верхней капли.
[400x295]
Теперь для анимации все есть. Осталось самое интересное, это собрать анимацию.
Окно слоев выглядит так.
[331x741]
25-В окне анимации поставить время 0,2
[492x132]
и сделать дубликат первого кадра.
[489x128]
26-В окне слоев встать на слой 3
[346x753]
и инструментом "перемещение" опустить первую каплю вниз.
[400x295]
27-В окне слоев встать на слой 3 копия и опустить другую каплю вниз.
[400x295]
28-В окне слоев встать на слой 3 копия 2 и опустить третью каплю вниз.
[400x295]
29-В окне анимации нажать на значок tween,
[530x131]
в появившемся окне поставить 15 кадров.
[441x261]
теперь можно нажать на пуск
[600x69]
и посмотреть, что получилось.
[400x295]
Осталось добавить дождь на стекле.
30-В окне анимации кликнуть по первому кадру, затем по второму, третьему и проверить, чтобы в окне слоев был включен глазок на слое 2.
31-В окне анимации кликнуть по четвертому кадру, в окне слоев включить глазок на слое 2 копия.
[344x744]
32-В окне анимации поочередно кликать по пятому, шестому, седьмому кадрам , а в окне слоев включать глазок на слое 2 копия.
33-В окне анимации кликнуть по восьмому кадру, а в окне слоев включить глазки на слое 2 копия и на слое 2 копия 2.
[343x744]
34-В окне анимации кликать по девятому, десятому, одиннадцатому кадрам, одновременно включать глазки на слое 2 копия и на слое 2 копия 2 .
35-В окне анимации кликнуть по двенадцатому кадру, в окне слоев включить глазки на верхних трех слоях.
[336x744]
36-В окне анимации кликать по кадрам тринадцать, четырнадцать, пятнадцать и шестнадцать,одновременно включать глазки на верхних трех слоях.
37- Кликнуть по семнадцатому кадру, поставить время на этом кадре, 1 сек.,
[600x52]
а в окне анимации выключить глазки на верхних трех слоях.
[342x742]
38- В окне анимации нажать на значок "пуск" и картинка оживет.
[400x88]
Анимация "дождь на стекле" готова, сохраняем файл для Web и устройств в формате Gif.
Поделиться в соц. сетях