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

Вторник, 24 Февраля 2015 г. 08:38 + в цитатник

Цитата сообщения Иннушка

Прочитать целиком В свой цитатник или сообщество!

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

Для урока вам понадобиться изображение книги или альбома. В и-нете много таких картинок.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Серия сообщений "• анимация-уроки":
Часть 1 - Написание текста ручкой.
Часть 2 - Украшаем текст и картинку с помощью готовой анимации.
...
Часть 40 - "Анимация при помощи футажей"
Часть 41 - Анимация"Перелистывание 2 листов"+6 фонов
Часть 42 - Анимация - Перелистывание страниц

Рубрики:

ФОТОШОП

<a href="https://www.liveinternet.ru/users/4423612/post354484568/">РђРЅРёРјР°С†РёСЏ - РџРµСЂРµР»РёСЃС‚С‹РІР°РЅРёРµ СЃС‚СЂР°РЅРёС†</a><br/>РђРЅРёРјР°С†РёСЏ - РџРµСЂРµР»РёСЃС‚С‹РІР°РЅРёРµ СЃС‚СЂР°РЅРёС†

Р”Р»СЏ СѓСЂРѕРєР° РІР°Рј РїРѕРЅР°РґРѕР±РёС‚СЊСЃСЏ РёР·РѕР±СЂР°Р¶РµРЅРёРµ РєРЅРёРіРё&nbsp; РёР»Рё Р°Р»СЊР±РѕРјР°. Р’ Рё-РЅРµС‚Рµ РјРЅРѕРіРѕ С‚Р°РєРёС… РєР°СЂС‚РёРЅРѕРє.
	
		
			РС‚Р°Рє - РєР°СЂС‚РёРЅРєР° РЅР°Р№РґРµРЅР° - РѕС‚РєСЂС‹РІР°РµРј РµРµ РІ С„РѕС‚РѕС€РѕРїРµ. Р Р°Р·Р±Р»РѕРєРёСЂСѓРµРј СЃР»РѕР№ - СѓРґР°Р»РёРј Р·Р°РјРѕС‡РµРє СЃРѕ СЃР»РѕСЏ - РґРІРѕР№РЅРѕР№ РєР»РёРє РїРѕ Р·Р°РјРѕС‡РєСѓ Рё РІ РѕС‚РєСЂС‹РІС€РµРјСЃСЏ РѕРєРѕС€РєРµ - РЅР°Р¶РјРёС‚Рµ РћРє, Р»РёР±Рѕ РїСЂРѕСЃС‚Рѕ РјС‹С€РєРѕР№ РїРµСЂРµС‚Р°С‰РёС‚Рµ Р·Р°РјРѕС‡РµРє РІ РєРѕСЂР·РёРЅРєСѓ
			Р’С‹РґРµР»СЏРј СЃ РїРѕРјРѕС‰СЊСЋ РёРЅСЃС‚СЂСѓРјРµРЅС‚Р° Р›Р°СЃСЃРѕ РїСЂР°РІСѓСЋ С‡Р°СЃС‚СЊ РєРЅРёРіРё Рё РєРѕРїРёСЂСѓРµРј РµРµ РЅР° РЅРѕРІС‹Р№ СЃР»РѕР№ ( РїРѕСЃР»Рµ РІС‹РґРµР»РµРЅРёСЏ РїРѕСЃС‚Р°РІСЊС‚Рµ РєСѓСЂСЃРѕСЂ РЅР° РєР°СЂС‚РёРЅРєСѓ - РїСЂР°РІРѕР№ РєР»Р°РІРёС‰РµР№ РјС‹С€РєРё - РєРѕРјР°РЅРґР° - СЃРєРѕРїРёСЂРѕРІР°С‚СЊ РЅР° РЅРѕРІС‹Р№ СЃР»РѕР№)
		
			
		
			РЎРѕР·РґР°РµРј РЅРµСЃРєРѕР»СЊРєРѕ СЃР»РѕРµРІ, РЅРѕРІС‹Р№... <a href="https://www.liveinternet.ru/users/4423612/post354484568/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Рубрики

-Новости

-Музыка

-Друзья

-Постоянные читатели

-Статистика

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