Фотошоп для фотографа 2013

Создаем плавный переход от одного цвета к другому в Фотошопе

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания анимации - плавного перехода от одного цвета к другому.


Финальный результат

Создаем плавный переход от одного цвета к другому в Фотошопе

Приступаем к уроку Фотошопа


Шаг 1.


Создаем документ любого размера... я сделал 128х128 пикселей (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Шаг 2.


Создаем нужное количество слоёв (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")).


Создаем плавный переход от одного цвета к другому в Фотошопе

В данном уроке сделано 7.


Создаем плавный переход от одного цвета к другому в Фотошопе

Каждый слой заливаем любым цветом по порядку: ↓


1. Выбираем первый слой.


2. Редактирование -> Выполнить заливку... Или Shift + F5.


Создаем плавный переход от одного цвета к другому в Фотошопе

3. Выбираем первый цвет ff0000.


Тоже самое делаем для остальных слоёв...


2ой слой ff8000.

ffff00.

00ff00.

00ffff.

0000ff.

ff00ff.


Создаем плавный переход от одного цвета к другому в Фотошопе

Затем дублируем первый слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) и перетаскиваем его в верх.


Создаем плавный переход от одного цвета к другому в Фотошопе

Создаем плавный переход от одного цвета к другому в Фотошопе

Создаем плавный переход от одного цвета к другому в Фотошопе

Шаг 3.


Открываем окно анимации.


Создаем плавный переход от одного цвета к другому в Фотошопе

Выбираем первый кадр делаем видимым только первый слой.


Создаем плавный переход от одного цвета к другому в Фотошопе

Создайм новый кадр для него делаем видимым второй слой.


Создаем плавный переход от одного цвета к другому в Фотошопе

Создаем плавный переход от одного цвета к другому в Фотошопе

Для 3 его и последующих слоёв убираем видимость предыдущего слоя.


Создаем плавный переход от одного цвета к другому в Фотошопе

В конце получаем кадры разных цветов.


Создаем плавный переход от одного цвета к другому в Фотошопе

Шаг 4.


Выбираем 1ый и 2ой кадр... (левой кнопкой мыши удерживая нажатым Ctrl)


Создаем плавный переход от одного цвета к другому в Фотошопе

Создаём промежуточные кадры.


В появившемся окне выставляем количество кадров. (в уроке 15) зависит от того как плавно вы хотите менят цвет.


Создаем плавный переход от одного цвета к другому в Фотошопе

Далее выбираем следующий кадр (жёлтого цвета) и выбираем предыдущий.


Создаем плавный переход от одного цвета к другому в Фотошопе

Снова создаём промежуточные кадры и повторяем всё с остальными кадрами.


В итоге получаем 113 кадров. Я удалил последний (думаю так будет правильней. чтобы первый кадр не совподал по цвету с последним).


Создаем плавный переход от одного цвета к другому в Фотошопе

Наша анимация готова.


Финальный результат

Создаем плавный переход от одного цвета к другому в Фотошопе

Урок подготовлен для Вас командой сайта PhotoshopPro.ru