Без заголовка
03-10-2015 08:49
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Irina_Gizhdeu Оригинальное сообщение
"дождь на стекле" со стекающими каплями от дождя.
Для просмотра используйте прокрутку справа.
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Irina_Gizhdeu Оригинальное сообщение
"дождь на стекле" со стекающими каплями от дождя.
Для просмотра используйте прокрутку справа.
Урок взят отсюда Дождь на стекле. Сегодня предлагаю сделать не сложную анимацию "дождь на стекле" со стекающими каплями от дождя. В результате должен получится такой эффект.  [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. |
Вы сейчас не можете прокомментировать это сообщение.
Дневник Без заголовка | МИЛОК52 - Дневник МИЛОК52 |
Лента друзей МИЛОК52
/ Полная версия
Добавить в друзья
Страницы:
раньше»