Ноя
29
2010

Простая анимация в photoshop

Конечно программ для создания gif-анимации пруд — пруди, но если есть photoshop, то зачем захламлять себе винт кучей программ.

Тут опишу способ создания анимации в photoshop, на основе простого примера:


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


В меню Окно, ставишь галку на пункте Анимация, этим действием откроется окно анимации.

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

1. Нажимаешь на кнопку добавления нового кадра;

2. Удаляешь новый создавшийся слой (если такое произошло);

3. Делаешь видимым необходимый слой. В моём примере — это слой 2;

4. Делаешь невидимым предыдущий кадр. В моем примере — это слой 1.

Аналогично делается и с последующими слоями-кадрами. Пока не добьёшься следующего результата:

Теперь выставляешь время, после которого должен манятся каждый кадр, или время задержки перед появлением следящего кадра, кому какое название нравится больше. Для этого внизу каждого кадра будет выпадающее меню со значениями. В моё примере это 0.5с.

Для проверки анимации можешь нажать пиктограмму «Плей»  . Теперь сохраняешь эту анимацию. Файл: Сохранить для Web. Там ставим формат gif и настройки качества на свой вкус. Также проверить получившийся результат можно нажав аналогичную клавишу «плей» внизу панели настроек.

Всё наша анимация готова. На самом деле всё гораздо проще, чем казалось.

Правила перепечатки материалов сайта

Все материалы сайта являются интеллектуальной собственностью данного проекта (кроме случаев, когда прямо указано другое авторство) и охраняются законом "Об авторском праве и смежных правах".

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

Написать комментарий