Анимация движения

С этим уроком также смотрят

Данный видеокурс простым и понятным языком расскажет вам о самых популярных возможностях анимации в известной во всем мире программе Adobe® Photoshop®!

Посмотрите наши видеоуроки, и вы удивитесь, насколько простой и эффектной может быть анимация изображений в Фотошопе!


Adobe® and Photoshop®® are registred trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 4 июня 2012

Анимация в Adobe® Photoshop®,
Графика

Loading the player...
Текст урока
Как создать анимацию движения в Фотошопе?
 

В данном уроке мы научимся создавать простую анимацию движения объекта в Фотошопе.

Создадим новый документ размером 200 на 200 пикселей с прозрачным фоном. Для того, чтобы создать новый документ, выберем пункты меню «Файл» - «Новый», зададим ему ширину и высоту, и прозрачный фон. На панели инструментов выберем инструмент «Кисть», зададим ей главный диаметр – 15 пикселей и любой цвет. Теперь при помощи данного инструмента нарисуем траекторию, по которой будет двигаться наш объект.

Затем создадим новый слой.

При помощи инструмента «Кисть» аналогичным образом нарисуем насекомое, уменьшив немного размер кисти и изменив её цвет.

Теперь следует изменить положение насекомого таким образом, чтобы оно соответствовало направлению его движения. Для этого выберем пункты меню «Редактировать» - «Трансформирование» - «Поворот».

Создадим дубликат слоя с насекомым. Для этого щёлкнем по слою правой кнопкой мыши и выберем «Создать дубликат слоя». Зададим полученному слою произвольное имя. Далее немного изменим положение насекомого, снова применив к полученному слою «Трансформирование» - «Поворот».

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

Когда вся траектория будет «заполнена», перейдём к созданию анимации. Для этого выберем «Окно» - «Анимация».

В появившемся окне «Animation» на данный момент находится один кадр.

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

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

Теперь выберем все имеющиеся кадры, зажав предварительно клавишу «Ctrl». Зададим время задержки для каждого кадра 0,2 секунды и сделаем слой с траекторией невидимым.

Анимация движения готова. Теперь сохраним полученное анимированное изображение. Для этого выберем пункты меню «Файл» - «Сохранить для web» и зададим файлу любое имя.

Комментарии (0)

Оглавление
1. Простая текстовая анимация 1:48 1 4107
2. Переливающийся текст 2:44 0 5686
3. Мигание картинки 1:51 0 2415
4. Сверкающие фары 2:26 0 4159
5. Анимация дождя 2:12 0 1999
6. Падающий Снег 2:33 0 4987
7. Анимация глаза 1:57 0 3953
8. Cлайд-шоу с переходами 1:59 1 12103
9. Анимация движения 2:09 0 7984
10. Блеск драгоценностей 2:52 0 2269
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook