Вы находитесь здесь: Главная » Уроки фотошоп » Как в фотошопе сделать анимацию

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

На одном из последних занятий мы с вами рассмотрели, как создавать аватар из фильма. Эти знания пригодятся нам на сегодняшнем уроке, во время которого мы узнаем, как в фотошопе сделать анимацию. Рассмотрим это на основе двух примеров: создание анимированного аватара из фильма, создание аватара в виде бегущих титров (баннера с подвижным тестом).

В данном уроке главное понять сам процесс анимации, как она проходит. Если у вас это получится, остальное будет делом техники. Давайте разберемся. Всё происходит довольно просто – кадры меняют друг друга, через заданный промежуток времени. Исходя из этих знаний, мы и будем делать нашу анимацию. Для этого нам понадобится несколько изображений-заготовок и подходящий по смыслу текст. Они и станут основой нашей анимации, её кадрами. Исходник могут быть произвольными-можно сделать скриншоты из фильма, нарисовать самим, сделать слайд-шоу из фотографий. Обойтись можно даже одной картинкой, сделав из неё несколько дубликатов.

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

Для начала нам надо вспомнить, как сохранить нужные кадры из фильма. Выбираем нужные кадры и сохраняем их, после чего открываем в фотошопе. Открываем панель «Layers» (Слои), после чего из каждого изображения переносим слой «Background» в одно, выбранное изображение.

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

После переноса всех слоев, закрываем остальные изображения, больше они нам не понадобятся. При помощи инструмента «Crop Tool» (Обрезка) производим выделение необходимой для последующей работы области, и нажимаем «Enter». В результате имеем один файл, состоящий из нескольких слоев.

Выбираем команду «Window –> Animation» (Окно –> Анимация).

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

На экране появляется панель анимации программы фотошоп.

В данный момент на ней отображается всего один кадр. Нам надо сделать каждый слой нашей фотографии отдельным кадром, после чего останется только лишь указать нужное нам время для показа каждого кадра. При условии, что слои расположены по порядку, на панели инструментов выбираем команду «Make Frames From Layers» (Создать кадры из слоев).

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

В строке раскадровки появятся кадры, полученные из наших слоев. Для просмотра получившейся анимации следует нажать «Play» (Просмотр). Всё, наша анимация практически готово. Чтобы придать достоверности и реалистичности получившейся анимации следует выставить задержку перед каждым кадром. Во избежание рывков и дерганий мы выставим одинаковое значение. Выделяем все кадры (выделяем первый и последний кадр, удерживая клавишу «Shift»). Затем нажимаем на маленьком треугольнике, расположенном под каждым кадром и выбираем необходимое значение.

 

Выбор времени показа слайда дело сугубо индивидуальное, например я выставил «0,15 секунды». Есть ещё несколько параметров, о которых не было сказано не слова. Это «No Delay» (Нет задержки) – всё и так понятно, «Other» (Другое) – с его помощью можно ввести значение вручную, и «Forever» (Всегда) – обеспечивает проигрывание вашей анимации непрерывно, по кругу.

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

Последний шаг – это сохранение полученной анимации в «gif» формате. Данный формат предназначен для хранение анимации в сети интернет. Для сохранения выбираем команду «File –> Save For Web & Devices» (Файл –> Сохранить для Веб и устройств), или комбинацию клавиш «Ctrl+Shift+Alt+S». Среди форматов сохранения выбираем «GIF», вставляем параметры исходя из своих желаний. Параметров много и единых значений для сохранения нет, поскольку у всех разные фотографии. Жмем команду «Сохранить» и всё. Ваша первая анимация готова.
Это был первый способ, пожалуй самый распространённый и уж точно не самый сложный. Сейчас я расскажу вам о ещё одном способе созданий анимации в программе фотошоп, но уже с использованием всего лишь двух кадров.
Мы будем создавать простой баннер с бегущим текстом. Суть данного способа примерно такая же, как было писано выше, только в нашем распоряжении будет всего два слоя-первый слой фоновый, а второй непосредственно, с текстом. При смене кадров анимации будет меняться только текстовый слой. Давайте начнём.

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

Создаем новый слой, после чего заливаем его черным цветом при помощи команды «Заливка». Пишем на этом слое нужный нам текст. Он должен быть очень длинным, чтобы не помещался в пределах слоя, ведь наш текст будет двигаться, ехать вверх.

Открываем панель анимации. При включенной видимости обоих наших слоев, делаем несколько дубликатов текстового слоя.

Далее работаем исключительно на панели «Анимация». Первый слой оставляем без изменения, а сразу идем на второй слой. При помощи команды «Move Tool» (Перемещение) (клавиша «V») сдвигаем тест на нужное нам расстояние. Для получения качественной анимации сдвигать текст мы должны на одинаковое расстояние. Для этого выбираем нужный нам слой (кадр), выделяем тестовый слой и нажимаем на клавиатуре стрелку управления курсором «Вверх» 10 раз. Переходим на следующий кадр и выполняем те же действия, но уже два раза по 10. На третьем кадре три раза по 10 и т.д., в зависимости от того сколько у нас слоев. Выделяем все кадры и выставляем нужную нам задержку, каждый индивидуально. На последнем кадре стоит поставить задержку в пару секунд, чтобы анимация перед повтором приостановилась.

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

Сохраняем в формат «GIF», как было описано в первом способе.

Всё.

На одном из последних занятий мы с вами рассмотрели, как создавать аватар из фильма. Эти знания пригодятся нам на сегодняшнем уроке, во время которого мы узнаем, как в фотошопе сделать анимацию. Рассмотрим это на основе двух примеров: создание анимированного аватара из фильма, создание аватара в виде бегущих титров (баннера с подвижным тестом). В данном уроке …

Рейтинг:

100
  • Алекс88

    Я такое делал с картинками. К примеру беру картинку с изображением волка, и картинку с изображением того же волка, но с открытым ртом. Далее соединяю их по принципу статьи, и получается анимационная картинка, как волк открывает и закрывает рот). Лучше всего конечно использовать больше картинок, тогда анимация будет интереснее.

Вернуться в начало страницы