Перелистывание страниц
26-11-2015 18:12
к комментариям - к полной версии
- понравилось!
Это цитата сообщения R-Oksana Оригинальное сообщение
Анимация - Перелистывание страниц
Для урока вам понадобиться изображение книги или альбома. В инете много таких картинок.
Итак - картинка найдена - открываем ее в фотошопе. Разблокируем слой - удалим замочек со слоя - двойной клик по замочку и в открывшемся окошке - нажмите Ок, либо просто мышкой перетащите замочек в корзинку
Выделям с помощью инструмента Лассо правую часть книги и копируем ее на новый слой ( после выделения поставьте курсор на картинку - правой клавищей мышки - команда - скопировать на новый слой)
[показать]
Создаем несколько слоев, новый слой активный - нажать комбинацию клавиш Ctrl+J. Для урока я создала 4 новых слоя - для более качественной и интересной анимации - слоев должно быть больше, но для того, чтобы понять - как такую анимацию создать - их хватит.
[показать]
Закрываем глазки во всех слоях, кроме Основного и Слоя-1. Слой -1 активный - с ним и будем работать. Нажмите на клавиши Ctrl+T ( мы вызвали инструмент - Свободное трансформирование) - вокруг картинки появился прямоугольник, с центром в середине. Вот этот центр мышкой передвиньте на середину левой стороны квадрата - относительно этой точки и мы будем переворачивать нашу страничку
[показать]
Правую сторону мы начнем сжимать - подвиньте мышкой
[показать]
Но странички, перелистываясь, слегка "играют". Чтобы придать более естественный вид, мы сейчас со страничкой поработаем. Не снимая выделения - Свободное трансформирование, щелкните правой мышкой по рисунку в фотошопе и выберите функцию -Искажение
[показать]
И немного исказим лист, приподняв нижний и верхний правые углы
[показать]
Переходим на слой - Слой -2. Коомбинацией клавиш Ctrl+T, вызываем Свободное трансформирование, сжимаеи лист еще больше, искажаеи его - вот так должно все выглядеть, под вторым слоем я отставила включеным для вас Слой -1, чтобы вы видели, насколько стоит сжимать и искажать
[показать]
Помимо функции - Исказить, можно еще задействовать функйию - Деформация, она даст вам возможность деформировать саму плоскость листочка, страница легкая, она может выгинаться от дуновения ветра, если он листает или от руки человека, но это вы уже сами попробуйте - по эксперементируйте и посмотрите на получные результаты.
Переходим с слою Слой -3. Вызываем клавишами функцию свободное трансформирование, не забываем переставить центр на середину той плоскости, относительно которой мы вращаем (перелистываем) наш листок книги, сжимаем его и искажаем.
[показать]
Переходим на слой - Слой -4 - сжимаем его, искажаем
[показать]
Осталось собрать анимацию. Открываем анимационную панкб - Окно - и поставвть галочку на Анимация.
Первый кадр - у нас глазок включен на Основном слое, с которым мы не работали. выставим задержку в 0,2 секунды
[показать]
Создаем дубликат кадра
[показать]
Второй кадр - включен основной слой и Слой -1
Третий кадр - включен основной слой и Слой -2
Четвертый кадр - включен основной слой и Слой -3
Пятый кадр - включен основной слой и Слой -4
Шестой кадр - включен только основной слой
Смотрим, что у нас получилось
[показать]
Это основа. Как видите - все довольно просто. Здесь одна картинка. После того, как вы поймете саму суть, то сможите делать более сложную анимацию и , перелистывать странички, на которых будут разные изображения, т.е. будет идти просмотр книги, альбома.
Удачи всем!
источник http://bestanimationgif.com/lessons/view?id=43
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения R-Oksana Оригинальное сообщение
Анимация - Перелистывание страниц
Итак - картинка найдена - открываем ее в фотошопе. Разблокируем слой - удалим замочек со слоя - двойной клик по замочку и в открывшемся окошке - нажмите Ок, либо просто мышкой перетащите замочек в корзинку
Выделям с помощью инструмента Лассо правую часть книги и копируем ее на новый слой ( после выделения поставьте курсор на картинку - правой клавищей мышки - команда - скопировать на новый слой)
[показать]Создаем несколько слоев, новый слой активный - нажать комбинацию клавиш Ctrl+J. Для урока я создала 4 новых слоя - для более качественной и интересной анимации - слоев должно быть больше, но для того, чтобы понять - как такую анимацию создать - их хватит.
[показать]Закрываем глазки во всех слоях, кроме Основного и Слоя-1. Слой -1 активный - с ним и будем работать. Нажмите на клавиши Ctrl+T ( мы вызвали инструмент - Свободное трансформирование) - вокруг картинки появился прямоугольник, с центром в середине. Вот этот центр мышкой передвиньте на середину левой стороны квадрата - относительно этой точки и мы будем переворачивать нашу страничку
[показать]Правую сторону мы начнем сжимать - подвиньте мышкой
[показать]Но странички, перелистываясь, слегка "играют". Чтобы придать более естественный вид, мы сейчас со страничкой поработаем. Не снимая выделения - Свободное трансформирование, щелкните правой мышкой по рисунку в фотошопе и выберите функцию -Искажение
[показать]И немного исказим лист, приподняв нижний и верхний правые углы
[показать]Переходим на слой - Слой -2. Коомбинацией клавиш Ctrl+T, вызываем Свободное трансформирование, сжимаеи лист еще больше, искажаеи его - вот так должно все выглядеть, под вторым слоем я отставила включеным для вас Слой -1, чтобы вы видели, насколько стоит сжимать и искажать
[показать]Помимо функции - Исказить, можно еще задействовать функйию - Деформация, она даст вам возможность деформировать саму плоскость листочка, страница легкая, она может выгинаться от дуновения ветра, если он листает или от руки человека, но это вы уже сами попробуйте - по эксперементируйте и посмотрите на получные результаты.
Переходим с слою Слой -3. Вызываем клавишами функцию свободное трансформирование, не забываем переставить центр на середину той плоскости, относительно которой мы вращаем (перелистываем) наш листок книги, сжимаем его и искажаем.
[показать]Переходим на слой - Слой -4 - сжимаем его, искажаем
[показать]Осталось собрать анимацию. Открываем анимационную панкб - Окно - и поставвть галочку на Анимация.
Первый кадр - у нас глазок включен на Основном слое, с которым мы не работали. выставим задержку в 0,2 секунды
[показать]Создаем дубликат кадра
[показать]Второй кадр - включен основной слой и Слой -1
Третий кадр - включен основной слой и Слой -2
Четвертый кадр - включен основной слой и Слой -3
Пятый кадр - включен основной слой и Слой -4
Шестой кадр - включен только основной слой
Смотрим, что у нас получилось
[показать]Это основа. Как видите - все довольно просто. Здесь одна картинка. После того, как вы поймете саму суть, то сможите делать более сложную анимацию и , перелистывать странички, на которых будут разные изображения, т.е. будет идти просмотр книги, альбома.
Удачи всем!
источник http://bestanimationgif.com/lessons/view?id=43
Вы сейчас не можете прокомментировать это сообщение.
Дневник Перелистывание страниц | Рыжая_НаташА - Дневник Рыжая НаташА |
Лента друзей Рыжая_НаташА
/ Полная версия
Добавить в друзья
Страницы:
раньше»