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


Урок №7. Анимация текста скручиванием. 16-01-2014 19:14 к комментариям - к полной версии - понравилось!


Результат урока:
[500x]

[500x]
Открываем исходник. Берём инструмент ТЕКСТ и пишем слово.Для примера я беру короткое слово, дабы вы не запутались в слоях.
Кто справится с длинным текстом - нет проблем.
 И так... беру слово ЛЮБЛЮ. Оформляете текст по своему желанию: накладываете на него стиль, или градиент, делаете искажение.
Одним словом, делаете всё, что хотите с ним (материал прошлых уроков).
Я сделала так.



Идём МЕНЮ - СЛОЙ - РАСТРИРОВАТЬ - ТЕКСТ

В панели слоёв встаём на слой с текстом и дублируем его 10 раз (Ctrl+J).

Теперь у нас в панели слоёв один слой с исходником, то есть фоном и 11 слоёв с текстом. Наведём порядок в панели слоёв, дав имя каждому слою, после чего отключаем глазики у всех слоёв с текстом, оставив только один глазик на слое ФОН.


Слой ФОН у нас будет включен всегда.

Встаём на первый слой с текстом. Включаем на нём глазик.
Идём МЕНЮ - ФИЛЬТР - ИСКАЖЕНИЕ - СКРУЧИВАНИЕ



выставляем там цифру 999 и жмём ДА.



Видим такую картинку.



Теперь переходим на второй слой, включаем у него глазик, (у всех остальных слоёв с текстом глазики отключены) и снова идём
МЕНЮ - ФИЛЬТР - ИСКАЖЕНИЕ - СКРУЧИВАНИЕ. Но теперь цифровое значение поставим 900.

Тоже самое проделываем со всеми слоями текста, кроме слоя 11. На нём ничего менять не будем, а вот на всех остальных будут такие значения скручивания:



Помните! Глазик должен гореть только на том слое, на котором делаете скручивание и он активен. На всех остальных слоях, кроме фона, глазики выключены.

Ну вот..все наши слои готовы к анимации..и теперь мы можем снова отключить глазики у всех слоёв с текстом, дабы не путаться. на слое с фоном глазик горит всегда.

Открываем панель анимации. там уже есть один кадр. нам нужно столько кадров, сколько слоёв с текстом, то есть 11. Значит добавим 10 кадров, нажав на вторую иконку справа внизу панели.

Если панель анимации узковата для всех кадров, значит наведите курсор на боковую сторону панели. Он превратится в стрелочку. Растяните до нужного размера, чтобы было видно все кадры.

Стоим на первом кадре в панели анимации. В панели слоёв должны быть включены глазики у фона и слоя 1.



Переходим теперь на второй кадр в панели анимации. В панели слоёв ставим глазики на основной и второй.



Далее...
3 кадр - основной и 3 слой
4 кадр - основной и 4 слой
5 кадр - основной и 5 слой

и так до конца соответственно.

На последнем кадре высталяю время 1 сек, чтобы была возможность у спеть прочитать текст. На всех остальных так и оставляю ноль.



Идём МЕНЮ - ФАЙЛ - СХРАНИТЬ ДЛЯ ВЕБ.

Это и будет первым домашним заданием, которое вы мне должны будете показать.

Но мы ещё сделаем кое что.

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



Давайте я  буду сейчас в дальнейших объяснениях эту стрелочку так и называть СТРЕЛОЧКА.

И так идём СТРЕЛОЧКА - ВЫДЕЛИТЬ ВСЕ КАДРЫ.
Видим, что все наши кадры выделились.

Идём СТРЕЛОЧКА - СКОПИРОВАТЬ КАДРЫ.

Снова СТРЕЛОЧКА - ВСТАВИТЬ КАДРЫ.

Выскочит окошко с вопросом куда вставлять. По умолчанию стоит ВСТАВИТЬ ПОСЛЕ ВЫДЕЛЕННОЙ ОБЛАСТИ. Жмём ДА.

Снова СТРЕЛОЧКА - ОБРАТНЫЙ ПОРЯДОК КАДРОВ

Тепрь у нас в панели анимации 22 кадра. То есть первые 11 кадров на раскручивание, а вторые 11 кадров на скручивание.
Панель анимации раздвигать не нужно. Сохраняете работу на рабочий стол. Это и будет вашим вторым домашним заданием.

Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились создавать анимацию текста при помощи фильтра ИСКАЖЕНИЕ - СКРУЧИВАНИЕ.
2. Познакомились с меню панели анимации.
3. Научились задавать обратный порядок кадров для противоположного действия анимации.

По уроку Милледи Малиновской.



LEDI_NATA

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


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

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