СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Ту?ан - ?лкем! gif. файл авто калам

Категория: Информатика

Нажмите, чтобы узнать подробности

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

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

 

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

 

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

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

 

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

 

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

 

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

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

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

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

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

Второй кадр - включен основной слой и Слой -1 Третий кадр - включен основной слой и Слой -2 Четвертый кадр - включен основной слой и Слой -3 Пятый кадр - включен основной слой и  Слой -4 Шестой кадр - включен только основной слой Смотрим, что у нас получилось

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