Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

В этом уроке Фотошопа мы создадим анимационную картинку - «Весь мир перед глазами».

Photoshop для чайников Фотошоп с нуля в видеоформате Photoshop для фотографа

Для примера будем использовать следующее изображение:

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Используя инструмент () выбираем верхнюю часть глаза.


Нажимаем Ctrl+J и сохраняем тем самым выделенную область на новом слое.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Спрячем новый слой. Используя инструмент () выделяем глаз.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Выбираем через меню (Выделение - Сохранить выделенную область);

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Называем это выделение «eyelid».

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Создаем новый слой и заливаем глаза белым цветом.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Выбираем инструмент (Инструмент «Ластик» / Клавиша «E»), настройте большой радиус и нажмите в центре глаза.


Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Поместим на глаз карту. Карту стоит обработать до этого момента. Т.е сделать её меньше.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп
Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Создаем два дубликата слоя с картой. Двигаем направо и налево на оригинальном слое карты. Удостоверьтесь, что Вы имеете равные промежутки между тремя видами слоя карты.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Слейте все три слоя. Переместите первую область соединения карты в центр глаза.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Выбираем через меню (Выделение - Загрузить выделенную область).

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Выбираем «eyelid».


Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп
Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Выбираем через меню - Reveal selection (Слои - Слой-маска - Показать выделенную область).

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Переместите слой карты ниже белого слоя с глазом.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Сделаем видимым тот слой, что мы «спрятали».

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

Открываем окно анимации (в новых версиях (Окно - Шкала времени));


Примечание: Процесс создания анимации на примере Photoshop CC вы можете посмотреть в уроке - «».

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

В окне слоев ( (Окно - Слои / Клавиша «F7»)) «расцепляем» маску и карту.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

В панельке анимации дублируем первый слой, и двигаем слой с картой налево.

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

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

Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп
Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп
Создаем анимационную картинку - «Весь мир перед глазами» используя Фотошоп

И нажимаем на кнопку «Проиграть» (Play).


Вот что у Вас должно было получиться. Удачной работы.

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

Адаптация текста:


Уроки Фотошопа