Создаем анимационную древнюю книжку в Фотошопе

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

В данном уроке Фотошопа мы рассмотрим процесс создания анимационной деревянной книжки.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


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

Создаем анимационную древнюю книжку в Фотошопе

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


1. Создаём новый лист 500 на 400 (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Можно взять любой фон.


2. Делаем саму книжку. Примерно как на рисунке: ↓


Создаем анимационную древнюю книжку в Фотошопе

Тут я использовал инструмент Burn Tool Инструмент - Затемнитель (Инструмент Затемнитель / Клавиша "O") часть я наносил простой кистью что бы придать эффект старой бумаги, а потом кисть менял и затемнял инструментом что бы придать более эффектную форму.


Придаем краям нужную форму используя Blending Options (Параметры наложения).


3. Layer > Merge down (Слой > Объединить слои). теперь у нас один рисунок. Можно снова использовать Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) что бы придать форму книге.


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


У кого не включена анимация. нажмите Window > Animation (Окно > Анимация) (4 c верху).


5. Делаем Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)) не передвигая слоя.


Создаем анимационную древнюю книжку в Фотошопе

6. Выбираем слой нажимаем Ctrl+T правой кнопкой по слою и выбираем Warp (Деформация). Начинаем двигать слой так что бы он изобразил открытие книги, но много не надо так как мы делаем анимацию достаточно сделать чучуть. вот примерно как тут.


Создаем анимационную древнюю книжку в Фотошопе

После того как закончили Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация)) нажимаем Enter и получаем изображение, но уже без сетки.


6.1. Делаем копию Слоя (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). В Анимации создаём новый Frame (Кадр).


7. Выбираем вторую копию и снова Free Transform > Warp (Свободная трансформация > Деформация).


Создаем анимационную древнюю книжку в Фотошопе

7. Продолжаем делать копии получившихся слоёв и добавлять в анимацию. Но будте внимательны. Так как в анимации могут добавится сразу все слои, Выбирайте каждый кадр и с правой стороны ставте те слои которые вам нужны. Просто щёлкаем на глазик и слой появляется или убирается в кадре.


Создаем анимационную древнюю книжку в Фотошопе

После того как закончите со слоями и всё будет готово. (Книжка откроется) Можно сделать хотя бы 1 листочек в ней. Это достаточно легко и лучше сделать на последнем кадре. Выбираем инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и накладываем его с верху. (Создаётся Новый слой) Далее мы обрабатываем его. Выбираем Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") и немножко подтираем края. Потом затемняем инструментом Burn Tool Инструмент - Затемнитель (Инструмент Затемнитель / Клавиша "O").


Создаем анимационную древнюю книжку в Фотошопе

8. После того как вы закончите у вас автоматически лист появляется на всех кадрах, Но скорее всего он будет находится с верху вашего кадра. Поэтому вам нужно в слоях перенести его в низ, но не в самый а предпоследний, или он просто напросто будет под слоями а нам нужно что бы он был по серединке.


Создаем анимационную древнюю книжку в Фотошопе

Вот примерно вот так должен быть. ↑


Далее у нас должен быть примерно такой список. ↓


Создаем анимационную древнюю книжку в Фотошопе

Далее нажимаем File > Save optamized as (Файл > Сохранить оптимизированный как...) (Alt+Shift+Ctrl+S) у нас выходит новое окошко. Там мы выбираем сетинги как на рисунке.


Создаем анимационную древнюю книжку в Фотошопе

Вот и все.


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

Создаем анимационную древнюю книжку в Фотошопе

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


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