Анимация - Перелистывание страниц
24-09-2015 13:24
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Иннушка Оригинальное сообщение
Закрываем глазки во всех слоях, кроме Основного и Слоя-1. Слой -1 активный - с ним и будем работать. Нажмите на клавиши Ctrl+T ( мы вызвали инструмент - Свободное трансформирование) - вокруг картинки появился прямоугольник, с центром в середине. Вот этот центр мышкой передвиньте на середину левой стороны квадрата - относительно этой точки имы и будем переворачивать нашу страничку
Но странички, перелистываясь, слегка "играют". Чтобы придать более естественный вид, мы сейчас со страничкой поработаем. Не снимая выделения - Свободное трансформирование, щелкните правой мышкой по рисунку в фотошопе и выберите функцию -Искажение
Переходим на слой - Слой -2. Коомбинацией клавиш Ctrl+T, вызываем Свободное трансформирование, сжимаеи лист еще больше, искажаеи его - вот так должно все выглядеть, под вторым слоем я отставила включеным для вас Слой -1, чтобы вы видели, насколько стоит сжимать и искажать
Помимо функции - Исказить, можно еще задействовать функйию - Деформация, она даст вам возможность деформировать саму плоскость листочка, страница легкая, она может выгинаться от дуновения ветра, если он листает или от руки человека, но это вы уже сами попробуйте - по эксперементируйте и посмотрите на получные результаты.
Переходим с слою Слой -3. Вызываем клавишами функцию свободное трансформирование, не забываем переставить центр на середину той плоскости, относительно которой мы вращаем (перелистываем) наш листок книги, сжимаем его и искажаем.
Переходим на слой - Слой -4 - сжимаем его, искажаем
Осталось собрать анимацию. Открываем анимационную панкб - Окно - и поставвть галочку на Анимация.
Первый кадр - у нас глазок включен на Основном слое, с которым мы не работали. выставим задержку в 0,2 секунды
Создаем дубликат кадра
Это основа. Как видите - все довольно просто. Здесь одна картинка. После того, как вы поймете саму суть, то сможите делать более сложную анимацию и , перелистывать странички, на которых будут разные изображения, т.е. будет идти просмотр книги, альбома.
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Иннушка Оригинальное сообщение
Для урока вам понадобиться изображение книги или альбома. В и-нете много таких картинок.
Итак - картинка найдена - открываем ее в фотошопе. Разблокируем слой - удалим замочек со слоя - двойной клик по замочку и в открывшемся окошке - нажмите Ок, либо просто мышкой перетащите замочек в корзинку
Выделям с помощью инструмента Лассо правую часть книги и копируем ее на новый слой ( после выделения поставьте курсор на картинку - правой клавищей мышки - команда - скопировать на новый слой)
Выделям с помощью инструмента Лассо правую часть книги и копируем ее на новый слой ( после выделения поставьте курсор на картинку - правой клавищей мышки - команда - скопировать на новый слой)
Создаем несколько слоев, новый слой активный - нажать комбинацию клавиш Ctrl+J. Для урока я создала 4 новых слоя - для более качественной и интересной анимации - слоев должно быть больше, но для того, чтобы понять - как такую анимацию создать - их хватит.
Закрываем глазки во всех слоях, кроме Основного и Слоя-1. Слой -1 активный - с ним и будем работать. Нажмите на клавиши Ctrl+T ( мы вызвали инструмент - Свободное трансформирование) - вокруг картинки появился прямоугольник, с центром в середине. Вот этот центр мышкой передвиньте на середину левой стороны квадрата - относительно этой точки имы и будем переворачивать нашу страничку
Правую сторону мы начнем сжимать - подвиньте мышкой
Но странички, перелистываясь, слегка "играют". Чтобы придать более естественный вид, мы сейчас со страничкой поработаем. Не снимая выделения - Свободное трансформирование, щелкните правой мышкой по рисунку в фотошопе и выберите функцию -Искажение
И немного исказим лист, приподняв нижний и верхний правые углы
Переходим на слой - Слой -2. Коомбинацией клавиш Ctrl+T, вызываем Свободное трансформирование, сжимаеи лист еще больше, искажаеи его - вот так должно все выглядеть, под вторым слоем я отставила включеным для вас Слой -1, чтобы вы видели, насколько стоит сжимать и искажать
Помимо функции - Исказить, можно еще задействовать функйию - Деформация, она даст вам возможность деформировать саму плоскость листочка, страница легкая, она может выгинаться от дуновения ветра, если он листает или от руки человека, но это вы уже сами попробуйте - по эксперементируйте и посмотрите на получные результаты.
Переходим с слою Слой -3. Вызываем клавишами функцию свободное трансформирование, не забываем переставить центр на середину той плоскости, относительно которой мы вращаем (перелистываем) наш листок книги, сжимаем его и искажаем.
Переходим на слой - Слой -4 - сжимаем его, искажаем
Осталось собрать анимацию. Открываем анимационную панкб - Окно - и поставвть галочку на Анимация.
Первый кадр - у нас глазок включен на Основном слое, с которым мы не работали. выставим задержку в 0,2 секунды
Создаем дубликат кадра
Второй кадр - включен основной слой и Слой -1
Третий кадр - включен основной слой и Слой -2
Четвертый кадр - включен основной слой и Слой -3
Пятый кадр - включен основной слой и Слой -4
Шестой кадр - включен только основной слой
Смотрим, что у нас получилось
Третий кадр - включен основной слой и Слой -2
Четвертый кадр - включен основной слой и Слой -3
Пятый кадр - включен основной слой и Слой -4
Шестой кадр - включен только основной слой
Смотрим, что у нас получилось
Это основа. Как видите - все довольно просто. Здесь одна картинка. После того, как вы поймете саму суть, то сможите делать более сложную анимацию и , перелистывать странички, на которых будут разные изображения, т.е. будет идти просмотр книги, альбома.
|
|
|
Вы сейчас не можете прокомментировать это сообщение.
Дневник Анимация - Перелистывание страниц | Маленькая_Золушка - Дневник Маленькая_Золушка |
Лента друзей Маленькая_Золушка
/ Полная версия
Добавить в друзья
Страницы:
раньше»