Яндекс.Метрика
Рейтинг@Mail.ru

psd-icon

Делаем анимацию для товара в фотошопе (товар показывается с разных сторон). Инструкция


 

Попробуем сделать что-то типа вот этого (анимация появится при приближении):

ст

Делается это в Фотошопе обыкновенном, причем довольно легко и быстро (ну, если есть уже готовые обработанные фотографии).


 

1) Открываем фотошоп. Нам потребуется шкала времени — её можно добыть в меню Окно — Шкала времени, кроме этого справа потребуется панелька слоев, ну и собственно, все.

012) Загружаем в фотошоп наши фотографии на разные слои (В нашем случае 3 фотки и 3 слоя). Подгоняем размеры и создаем 3 кадра на шкале времени.

02

 

3) Далее делаем так, чтобы на 1 кадре был виден только 1 слой (нажимаем на иконку в виде глаза в панели слоев)

034) Далее создаем промежуточные кадры. Выбираем количество (я предпочитаю 3). Ставим переход на следующий кадр и добавляем эффекты

04

055) Для последнего кадра делаем тоже самое, но меняем переход на 1 кадр

066) Выделяем промежуточные кадры (они полупрозрачные и нажимаем на треугольник)

07

08

 

7) В появившемся окошке можно выбрать предложенное время анимации, но я предпочитаю задать свое — 0,3 секунды.

09

10

8) Далее аналогично выделяем ключевые кадры и ставим время уже побольше (3 секунды в нашем примере).

12

9) Все готово! Можно посмотреть в фотошопе на то, что получилось (на шкале времени есть кнопка проссмотра). И теперь нужно сохранить это дело. Идем в файл — сохранить для web (т.к. не все форматы в интернете читаются).

13

10) Появляется страшное окошко с кучей настроек. Но нас тут интересует только 2 окно, размер (задаем поменьше), ну и предварительный просмотр в браузере. Формат gif (качество, конечно, ухудшится, но это не беда). Сохраняем

14

Все, у нас появляется gif анимированная картинка, которая покажет предмет с разных сторон! Никаких программ, кроме фотошопа не понадобилось.


Анимация разных сторон предмета в фотошопе was last modified: 2 октября, 2014 by admin