• Авторизация


Анимация - Перелистывание страниц 01-07-2015 23:43 к комментариям - к полной версии - понравилось!

Это цитата сообщения Irina_Gizhdeu Оригинальное сообщение

Анимация - Перелистывание страниц

Для просмотра используйте прокрутку справа.
Анимация - Перелистывание страниц
Источник урока

Для урока вам понадобиться изображение книги или альбома. В и-нете много таких картинок.
Итак - картинка найдена - открываем ее в фотошопе. Разблокируем слой -
удалим замочек со слоя - двойной клик по замочку и в открывшемся окошке - нажмите Ок, либо просто мышкой перетащите замочек в корзинку .Выделяем с помощью инструмента Лассо правую часть книги и копируем ее на новый слой ( после выделения поставьте курсор на картинку - правой клавищей мышки - команда - скопировать на новый слой)

[550x390]

Создаем несколько слоев, новый слой активный - нажать комбинацию клавиш Ctrl+J. Для урока я создала 4 новых слоя - для более качественной и интересной анимации - слоев должно быть больше, но для того, чтобы понять - как такую анимацию создать - их хватит.

[350x346]

Закрываем глазки во всех слоях, кроме Основного и  Слоя-1. Слой -1
активный - с ним и будем работать. Нажмите на клавиши Ctrl+T ( мы
вызвали инструмент - Свободное трансформирование) - вокруг картинки
появился прямоугольник, с центром в середине. Вот этот центр мышкой
передвиньте на середину левой стороны квадрата - относительно этой точки
и мы и будем переворачивать нашу страничку

[306x344]

Правую сторону мы начнем сжимать - подвиньте мышкой

[306x344]

Но странички, перелистываясь, слегка "играют". Чтобы придать более
естественный вид, мы сейчас со страничкой поработаем. Не снимая
выделения - Свободное трансформирование, щелкните правой мышкой по
рисунку в фотошопе  и выберите функцию -Искажение

[317x347]

И немного исказим лист, приподняв нижний и верхний правые углы

[314x358]

Переходим на слой- Слой -2. Коомбинацией клавиш Ctrl+T, вызываем
Свободное трансформирование, сжимаеи лист еще больше, искажаеи его - вот
так должно все выглядеть, под вторым слоем я отставила включеным для
вас Слой -1, чтобы вы видели, насколько стоит сжимать и искажать

[600x360]

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

Переходим с слою Слой -3. Вызываем клавишами функцию свободное
трансформирование, не забываем переставить центр на середину той
плоскости, относительно которой мы вращаем (перелистываем) наш листок
книги, сжимаем его и искажаем.

[600x360]

Переходим на слой - Слой -4 - сжимаем его, искажаем

[600x360]

Осталось собрать анимацию. Открываем анимационную панкб - Окно - и поставвть галочку на Анимация.

Первый кадр - у нас глазок включен на Основном слое, с которым мы не работали. выставим задержку в 0,2 секунды

[468x385]

Создаем дубликат кадра

[467x135]

Второй кадр - включен основной слой и Слой -1

Третий кадр - включен основной слой и Слой -2

Четвертый кадр - включен основной слой и Слой -3

Пятый кадр - включен основной слой и  Слой -4

Шестой кадр - включен только основной слой

Смотрим, что у нас получилось

[500x300]

Это основа. Как видите - все довольно просто. Здесь одна картинка. После
того, как вы поймете саму суть, то сможите делать более сложную
анимацию и , перелистывать странички, на которых будут разные изображения, т.е. будет идти просмотр книги, альбома.

Удачи всем!
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация - Перелистывание страниц | Alma-Mater - Дневник Alma-Mater | Лента друзей Alma-Mater / Полная версия Добавить в друзья Страницы: раньше»