Блог ☯

суббота, 3 декабря 2016 г.

Анимация в фотошопе

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

Давайте посмотрим, как создаются анимации в фотошопе
Для начала нам нужно открыть окно шкалы времени

У этого окна есть два режима

  • Первый - с полосами времени
  • Второй - с кадрами

Мы рассмотрим их особенности чуть позже


А пока давайте поговорим о том, как в принципе работает анимация в фотошопе.

В фотошопе мы можем для каждого кадра анимации определить следующее: 

  • Какие слои видимы, какие нет 
  • Прозрачность слоя
  • Смещения слоя
  • Эффекты слоев

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



Итак, мы знаем что:
Для созданием анимации нам нужно манипулировать настройками слоев.


Например, мы можем сделать так:

Пример простой анимации в фотошопе


Для такой анимации достаточно лишь манипулировать настройками эффекта "Обводка"

А вот что можно сделать добавив работу с позицией слоя

анимация


Вернемся к двум режимам окна времени.

В режиме с полосками отражается список слоев и их характеристик в виде полосок отражающих изменения состояния в течении времени.



Манипулируя полосами мы настраиваем саму анимацию.




В режиме кадров мы можем создавать новые кадры, настраивать и настраивать им длительность.





  • Кнопка с листом бумаги создаёт новый кадр.
  • Кнопка с рядом шариков позволит создать ряд промежуточных кадров между двумя другими кадрами, например:

Рисуем

Создадим слой и нарисуем какой-то объект

Урок фотошопа


Создадим второй кадр и перейдем на него 


Фотошоп блог анимация



Теперь сделаем слой прозрачным


В итоге у нас два кадра, на одном слой прозрачный на другом нет, теперь сделаем плавный переход









Задаем нужное количество промежуточных кадров






и вот результат


Уроки фотошопа блог



Настроем продолжительность 

и в итоге получим что-то такое 


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


Мы точно так же можем манипулировать положением объекта и стилями, это дает нам возможность создавать интересные, хоть и не очень большие и сложные анимации.

На этом сегодня все. 


В следующий раз я расскажу вам о технике покадровой анимации и мы разберемся как делать подобные вещи:

Пример анимации в фотошопе

Пример анимации в фотошопеПример анимации в фотошопе





Экспериментируйте, практикуйтесь, вырабатывайте стиль.

И помните, нет шедевров без титанических усилий.

Подписывайтесь на группу в ВК и следите за моим творчеством :
https://vk.com/ihmttd

и можете посмотреть мой другой урок.
В блоге Econ Dude

Удачи!