• Авторизация


Уроки фотошопа. Как сделать тройную анимацию на одной картинке 01-12-2013 13:49 к комментариям - к полной версии - понравилось!

Это цитата сообщения Alexandrovna2828 Оригинальное сообщение

Уроки фотошопа. Как сделать тройную анимацию на одной картинке




http://gylhataj.ru/uroki-fotoshopa-kak-sdelat-animaciyu#more-3772



 



[700x470]



Урок фотошопа Как сделать тройную анимацию на одной картинке, а в общем даже не тройную, а четверную.  Как правильно соединить 3 разных анимации - анимацию воды, анимацию развевающихся на ветру волос и платья и анимацию мчащегося поезда. При этом анимацию мы будем делать только с помощью встроенных в фотошоп фильтров и инструментов фотошопа, никакие дополнительные фильтры для нашей анимации не нужны.





1. Открываем в фотошопе первый клипарт - картинку с идущим поездом. Двойной клик по замочку на слое - преобразуем фон в слой.



 



[300x200]



 



2.  Открываем в фотошопе второй клипарт - Девушку и переносим ее на картинку с поездом, установив в правом нижнем углу, опустив нижний край картинки с девушкой за границу картинки с поездом. Идем в Редактирование - Трансформирование - Отразить по горизонтали.



[199x300]



 



3. Стоим на слое с девушкой, идем в Фильтр - Усиление резкости - Резкость+. Переименуйте слои: нижний слой- Поезд, верхний слой- Девушка. Сделать это можно двойным кликом по названию слоя



 



. [300x169]



 



4. Встаем на слой Поезд, идем в панели слоев вниз и с помощью значка новый слой создаем новый слой, перетаскиваем его под слой Поезд и переименовываем в слой Рамка. Затем встаем на слой Девушка, жмем значок Новый слой (он теперь самый верхний и называем слой Подпись.



 



[300x169]    [300x162]



 



5.Стоим на самом нижнем слое Рамка, идем в Изображение - Размер холста и добавляем по 20 пикселей по высоте и по ширине:



 



[300x226]     [300x162]



 



6. Теперь видно, что клипарт Девушка выходит за края картинки с поездом. Это помешает нам сделать красивую рамку, поэтому уберем все лишнее. Встаем на слой Поезд, идем в Выделение - Загрузить выделенную область и слова в Выделение - Инверсия. Образовалась двойная  пунктирная рамочка по периметру. Переходим на слой Девушка, идем в Редактирование - Очистить. Выделение - Отменить выделение.



 



[300x162]   . [300x162]



 



7. Переходим на слой Рамка, берем инструмент Ведерко и заливаем слой черным цветом. После чего используем подходящий по колору стиль, хотя вы можете оформить рамку любым удобным для вас способом, главное придать ей объема и и подчеркнуть законченность картинки. Отключаем глазик на слое Девушка, клик правой кнопкой по слою Рамка и Объединить видимые. Включаем снова глазик на слое Девушка.



 



[300x162] [300x162]



 



[300x162]



 



8. Приступаем непосредственно к анимации. Начнем с девушки. Стоим на слое Девушка. Увеличим размер с помощью клавиш Ctrl+-так удобнее будет работать с мелким объектом.  Создаем еще две копии слоя с помощью клавиш Ctrl+J. Отключаем глазик на слое Девушка и на верхнем слое копия2. Глазки включены только на слое Рамка и на среднем слое с девушкой. Идем в Редактирование - Трансформирование -Деформация. На картинке с девушкой появляется сетка. Зажимаем клавишу Shift и тихонько тянем за точки на сетке платье, придвигая его немного к девушке, так, как если бы его немного сморщило ветром. Не делайте больших сдвигов,  это работа тонкая, иначе вы сдвините всю девушку. Если все нравится, нажимаем Ок.



 



[300x169]   [300x162]



 



9. Переходим на верхний слой копия2, глазик на предыдущем слое отключаем. Снова выполняем эти же действия, т.е. Редактирование - Трансформирование - Деформация. Но теперь потяните за эти точки, как если бы платье раздуло в другую сторону или чуть вниз.



10. Начинаем делать анимацию волос. Встаем на нижний слой Девушка. Берем инструмент Лассо и выделяем волосы девушки, вы можете выделить любым другим, привычным для вас инструментом выделения. Идем в Фильтр - Пластика, увеличиваем % в размерах до 300%, чтобы увеличить выделенную область и подбираем размер кисти для более тонких локонов поменьше, для крупных побольше (см. настройки). Работа с этим фильтром тоже достаточно тонкая, поэтому сдвиги нужно делать очень аккуратно и маленькие.



 



[300x222]



 



Слой Девушка копия пропускаем, на нем не будем делать никаких изменений, выделение не снимаем, переходим на самый верхний слой  Девушка копия2. Повторяем действия с фильтром Пластика, только волосы теперь сдвигаем в противоположную сторону. Все устраивает - Выделение - Отменить выделение.



11. Переходим к анимации поезда. Встаем на самый нижний слой Рамка. Давайте его снова переименуем в Поезд для удобства. Выделяем поезд с помощью того же инструмента выделения, что и волосы - инструмент лассо. Делаем еще 3 копии с помощью тех же клавиш Ctrl+J. Встаем на самую нижнюю копию слоя Поезд. На двух верхних слоях глизик отключен. При этом глазик на основном слое Поезд включен. Дальше идем в Фильтр - Размытие - Размытие в движении (см. настройки для нижнего слоя).



 



[300x162]    [288x300]



 



[300x162]



 



12 Переходим на второй слой с выделенным поездом. Глазик включен на нем, на двух других отключен. Снова идем в Фильтр - Размытие - Размытие в движении и выставляем другие значения:



 



[300x162]    [300x162]



 



[288x300]    [300x162]



 



13. Переходим на верхний слой с выделенным поездом. И выставляем следующие настройки:



 



[288x300]    [300x162]



 



14. Снова переходим на самый нижний слой Поезд и будем делать анимацию воды в реке. С помощью инструмента Лассо выделяем контур реки. Как и перед этим, создаем три копии слоя выделенной области.



 



[300x162]    [300x162]



 



15. Встаем на самый нижний слой-копию реки, на остальных глазки отключаем. Идем  Фильтр - Штрихи - Разбрызгивание со следующими параметрами, которые вы выставите и на остальных двух слоях, отключая глазки на предыдущих. Т.е. повторяем эти настройки без изменения на остальных копиях слоя.



 



[300x162]    [300x169]



[300x216]



 



16.Теперь нам надо объединить все анимации в одну, для этого идем в Окно - Анимация.  В слоях переименовываем слои для удобства и внимательно смотрим, где стоят глазки ( см. скрин).



 



[300x162]    [300x162]



 



18.  В панели анимации нажимаем на добавить кадр и переходим в слоях с поездом, девушкой и рекой на  один  слой выше. Снова нажимаем на новый кадр в панели анимации и переходим на следующие слои в панели слоев. Перед запуском анимации, проверяем соответствие кадров слоям. Итак: глазик всегда включен на самом нижнем слое. 1 кадр соответствует в панели слоев слоям: река, поезд, девушка. 2 кадр соответствует слоям: река копия, поезд копия и девушка копия. 3 кадр соответствует: река копия2, поезд копия 2 и девушка копия2.  В итоге у нас в слоях 10 слоев, в панели кадров всего 3 кадра.



[300x162] [300x162]



 



19. В панели кадров стоим на 1 кадре. Выставляем общее время для всех кадров - 0,2 сек. Включаем и смотрим анимацию. Если все устраивает, то  идем Файл - Сохранить для Web  и устройств, как Gif.



 



[300x162]



 



Любуемся сохраненной анимацией:



 



[300x201]



Я желаю вам удачи в творчестве! Экспериментируйте, пробуйте и у вас получится шедевр!



вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Уроки фотошопа. Как сделать тройную анимацию на одной картинке | dragonshik - Дневник dragonshik | Лента друзей dragonshik / Полная версия Добавить в друзья Страницы: раньше»