17 нояб. 2011 г.

Как в Фотошопе сделать анимацию.

Ещё один из популярных поисковых запросов Яндекса и Google. Конечно есть программы для изготовления «гифов» – CoffeCup Gif Animator, Gif Construction Set pro и другие. Но они делают заложенный в них алгоритм определённых действий и разновидность анимационных картинок очень мала. Конечно в фотошоп это будет более трудоёмко, но зато вы сможете сделать анимацию любую и на свой вкус. Коротенько расскажу как это делается. Потому что это не очень сложно.
Вообще анимация – это чередование к показу активных слоёв. Не понятно? Сейчас всё сами увидите. Беру две картинки для создания простейшей анимации. Можно и одну конечно. Но мне вот хочется солнышко с глазками. Попутно вспомним урок по перемещению , трансформированию и выделению.



В левой палитре инструментов есть инструмент «Овальная область». При помощи этого инструмента выделил необходимый фрагмент смайлика. Далее: Редактирование – Скопировать. Откроем картинку с солнышком: Редактировать – Вклеить ( Вставить). Смайлик перемещён на солнце. При необходимости подгоню масштаб. Редактирование – свободное трансформирование.


Получилась вот такая картинка солнышко с глазками. Так как фон у нас однородный и тем более белый мне не составит труда вырезать изображение из картинки для создания анимации. Но для этого сделаем дубликат слоя.


Дубликат слоя у нас получился активным. Его можно трансформировать , кроить, вырезать и так далее. В уроке о клипарте написано об активных слоях. Инструмент «волшебная палочка» по белому фону – вырезать.


Вырезать пикселы. Редактирование – Вырезать. У меня получился получился активный слой с клипартом. Сделаем несколько дубликатов этого слоя.


Допустим ещё два. А вот теперь смотрите внимательно начинаем урок по изготовлению простейшей анимации в Фотошопе. Более сложные анимации, баннеры или картинки в формате GIF, имеют тотже принцип. Только там больше слоёв.Уверяю вас это совершенно не сложно. Сделаем эту анимашку и вам захочется сделать ещё и ещё .. и чем дальше тем сложнее. В общем продолжаем. Есть три слоя с солнышком. Во вкладке "Окно"  находим пункт анимация и ставим птичку для активации функции. Если у кого нет такого пункта то не ищите , а качайте другую версию Фотошоп. Бывают программы без функции Анимация.


Поставите птичку для активации будет вот так.. Как видно внизу появилась шкала для изготовления анимации. (См. ниже)


Сделайте дубликаты отображённого кадра на шкале анимации. ( смотрим картинку )


Внимательно смотрите картинку. Шаг первый.


Шаг второй.


Шаг третий.


А теперь, если запустить анимацию, каждый кадр будет отображать включённый слой . По задумке солнышко должно двигаться на подобии маятника для этого скопирую второй кадр и поставлю его четвёртым. Получится 1-влево 2 центр 3 вправо 4 центр. и так далее.


Установите на каждом кадре временной промежуток в сек. как вам нравится. Быстрее- медленнее. И жмём пуск . Проверили.? Всё так? Сохраняем анимацию в формате GIF 




Как обычно статья не является прямым указанием к беспрекословному исполнению, а написана в целях ознакомления с возможностями тех или иных инструментов графического редактора Фотошоп. Удачи!  :)

Комментариев нет:

Отправить комментарий

Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.