Как сделать анимацию движения в фотошопе
Как сделать анимацию движения в фотошопе
Всем привет!
Сегодня мы будем создавать анимацию движения.
Вы можете выполнить урок строго по описанию или же подкорректировать настройки на свое усмотрение.
Например, можно использовать другой оттенок для фонового слоя и/или поэкспериментировать с настройками стилей слоя.
Сначала мы создадим новый документ и зальем фоновый слой темно-синим цветом.
Затем применим к фоновому слою стили слоя, создадим три копии данного слоя и в двух копиях изменим настройки стилей слоя.
Затем откроем шкалу времени (панель анимации), образуем кадры из слоев, добавим промежуточные кадры для плавности переходов и в завершение урока "Как сделать анимацию движения в фотошопе" сохраним анимацию.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
В панели цвета в качестве цвета основного плана устанавливаем оттенок # 0a4297. Активируем инструмент Заливка. Кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.
В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.
Во вкладке Глянец меняем оттенок на # 83fafb и вводим настройки, как на изображении ниже.
Результат после применения стилей слоя.
В панели слоев создаем три копии слоя «Фон» (Ctrl+J). Переименовываем дубликаты слоев снизу вверх на «1», «2» и «3».
В панели слоев скрываем видимость двух верхних слоев («3» и «2»), нажав на «глазики» около слоев.
В панели слоев дважды щелкаем по слою «1», чтобы открыть стили слоя.
Во вкладке Глянец редактируем уже существующий стиль слоя. Оттенок оставляем тот же.
Результат после применения стилей слоя.
В панели слоев дважды кликаем по слою «2», чтобы открыть стили слоя.
Редактируем настройки вкладки Глянец. У строки выбора контура кликаем по «треугольнику» справа и выбираем контур, как на рисунке ниже.
Результат после применения стилей слоя.
Слой «3» оставляем без изменений.
Теперь нам нужно «оживить» нашу заготовку из слоев.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
При активном первом кадре анимации в палитре слоев оставляем видимым слой «Фон» и скрываем все остальные слои, нажав на «глазики» около слоев.
Создаем новый кадр, нажав на соответствующую иконку в панели анимации и в панели слоев делаем видимым слой «1». Видимость слоя «Фон» оставляем.
Добавляем третий кадр и в панели слоев делаем видимым слой «2», а также слои «1» и «Фон».
Для четвертого кадра делаем в панели слоев видимыми все слои.
На шкале времени (панели анимации) делаем активным второй кадр и нажимаем на иконку создания промежуточных кадров, отмеченную ниже стрелочкой. В появившемся окне вводим настройки, как на рисунке ниже.
Делаем активным на шкале времени предпоследний кадр, и, нажав на иконку создания промежуточных кадров, вводим те же настройки, что и в предыдущем шаге.
Выделяем на шкале времени последний кадр и добавляем промежуточные кадры, используя все те же настройки, что и прежде.
Выделяем все кадры при помощи клавиши Shift, щелкаем по времени и в открывшемся меню устанавливаем время проигрывания кадра - 0,02 секунды.
Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимашка после сохранения и, при необходимости, подкорректировать ее.
Если все устраивает, то можно переходить к сохранению.
Переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Анимация движения готова! Урок "Как сделать анимацию движения в фотошопе" завершен.
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Подробнее...