ДомойОбработка фотографийУроки ФотошопАнимация перелистывания страниц книги

Анимация перелистывания страниц книги

Анимация страниц книги выполняется при помощи искажения дубликатов страниц. Рассмотрим на примере. Подготавливаем фон, вставляем предварительно отделенную от фона книгу (пример). Добавляем к слою с книгой слой-маску и слегка скрываем нижнюю часть книги, как бы погружая её в темноту.

Анимация перелистывания страниц книги-01

Для анимации страниц необходимо инструментом «Быстрое выделение» выделить страницы справа и слева, каждую из них скопировав и вставив в отдельные слои.

Анимация перелистывания страниц книги-02 Анимация перелистывания страниц книги-03

Далее необходимо придать каждой из этих страниц «Искажение», как бы подымая страницу для последующего перелистывания.

Анимация перелистывания страниц книги-04

Данное действие необходимо проделывать применительно к страницам с обеих сторон.

Анимация перелистывания страниц книги-05

Создаем дубликат искаженной страницы справа и снова её искажаем.

Анимация перелистывания страниц книги-06

То же самое проделываем для страницы слева.

Анимация перелистывания страниц книги-07

Снова создаем дубликат искаженной страницы справа и искажаем его ещё больше.

Анимация перелистывания страниц книги-08

То же самое проделываем для страницы слева.

Анимация перелистывания страниц книги-09

Создаем раскадровку: вкладка «Окно»- «Анимация» или «Шкала времени». Далее внизу рабочего поля в окне анимации нажимаем на «Создать шкалу времени для видео» и нажимаем на иконку «Преобразовать в покадровую анимацию» в виде кадров. Выставляем «Время выбора отображения кадра» и «Выбор параметров цикла».

Анимация перелистывания страниц книги-10

Распределяем слои со страницами по кадрам.

Анимация перелистывания страниц книги-11

От первого кадра до пятого страницы перелистываются справа налево. Соответствие кадров слоям:

кадр 1 – слой со страницей справа

кадр 2 – слой со страницей справа 2

кадр 3 – слой со страницей справа 3

кадр 4 – слой со страницей справа 4

кадр 5 – слой со страницей слева 4

кадр 6 – слой со страницей слева 3

кадр 7 – слой со страницей слева 2

кадр 8 – слой со страницей слева

Анимация перелистывания страниц книги-12

Если необходимо, то на первом кадре создаем корректирующие слои для цветокоррекции.

На первом кадре создаем новый слой и в нем кистью мягкого типа рисуем полосу по середине книги, которому придаем «Размытие по Гауссу», чтобы скрыть мелкие дефекты на слоях со страницами. Края страниц можно подправить ластиком и деформацией сдвинуть по линии сгиба, если край не соприкасается с линией сгиба книги.

Анимация перелистывания страниц книги-13

Сохраняем анимацию: Shift + Ctrl + Alt + S либо вкладка «Файл» – «Сохранить для web и устройств».

В диалоговом окне задаем характеристики для анимации.

Анимация перелистывания страниц книги-14

Сохраняем изображение в формате gif.

Анимация перелистывания страниц книги

Предыдущая статья
Следующая статья

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ