 [показать]
Результат урока:
 [600x415]
 [600x415]
Открываем исходник. Берём инструмент ТЕКСТ и пишем слово. Для примера я беру короткое слово, дабы вы не запутались в слоях.
Кто справится с длинным текстом - нет проблем.
И так... беру слово ЛЮБЛЮ. Оформляете текст по своему желанию: накладываете на него стиль, или градиент, делаете искажение.
Одним словом, делаете всё, что хотите с ним (материал прошлых уроков).
Я сделала так.
 [600x450]
Идём МЕНЮ - СЛОЙ - РАСТРИРОВАТЬ - ТЕКСТ
В панели слоёв встаём на слой с текстом и дублируем его 10 раз (Ctrl+J).
Теперь у нас в панели слоёв один слой с исходником, то есть фоном и 11 слоёв с текстом. Наведём порядок в панели слоёв, дав имя каждому слою, после чего отключаем глазики у всех слоёв с текстом, оставив только один глазик на слое ФОН.
 [278x600]
Слой ФОН у нас будет включен всегда.
Встаём на первый слой с текстом. Включаем на нём глазик.
Идём МЕНЮ - ФИЛЬТР - ИСКАЖЕНИЕ - СКРУЧИВАНИЕ
 [528x469]
выставляем там цифру 999 и жмём ДА.
 [366x319]
Видим такую картинку.
 [600x426]
Теперь переходим на второй слой, включаем у него глазик, (у всех остальных слоёв с текстом глазики отключены) и снова идём
МЕНЮ - ФИЛЬТР - ИСКАЖЕНИЕ - СКРУЧИВАНИЕ. Но теперь цифровое значение поставим 900.
Тоже самое проделываем со всеми слоями текста, кроме слоя 11. На нём ничего менять не будем, а вот на всех остальных будут такие значения скручивания:
 [220x288]
Помните! Глазик должен гореть только на том слое, на котором делаете скручивание и он активен. На всех остальных слоях, кроме фона, глазики выключены.
Ну вот..все наши слои готовы к анимации..и теперь мы можем снова отключить глазики у всех слоёв с текстом, дабы не путаться. на слое с фоном глазик горит всегда.
Открываем панель анимации. там уже есть один кадр. нам нужно столько кадров, сколько слоёв с текстом, то есть 11. Значит добавим 10 кадров, нажав на вторую иконку справа внизу панели.
Если панель анимации узковата для всех кадров, значит наведите курсор на боковую сторону панели. Он превратится в стрелочку. Растяните до нужного размера, чтобы было видно все кадры.
Стоим на первом кадре в панели анимации. В панели слоёв должны быть включены глазики у фона и слоя 1.
 [600x331]
Переходим теперь на второй кадр в панели анимации. В панели слоёв ставим глазики на основной и второй.
 [600x323]
Далее...
3 кадр - омновной и 3 слой
4 кадр - основной и 4 слой
5 кадр - основной и 5 слой
и так до конца соответственно.
На последнем кадре высталяю время 1 сек, чтобы была возможность у спеть прочитать текст. На всех остальных так и оставляю ноль.
 [573x94]
Идём МЕНЮ - ФАЙЛ - СХРАНИТЬ ДЛЯ ВЕБ.
Это и будет первым домашним заданием, которое вы мне должны будете показать.
Но мы ещё сделаем кое что.
Вот смотрите... у нас 11 кадров, которые нам показывают раскручивание текста до читабельного слова. А если мы захотим показать в анимации, что текст ещё и скручивается, значит нам что делать? ещё 11 слоёв с фильтрами???...конечно нет. Нам такая радость не нужна. Для этого мы воспользуемся возможностями программы. И так...смотрите внимательно. На панели анимации есть малюсенькая стрелочка. При нажатии на неё выпадает окно - меню панели анимации. В нём есть разные возможности управления кадрами.
 [468x485]
Давайте я буду сейчас в дальнейших объяснениях эту стрелочку так и называть СТРЕЛОЧКА.
И так идём СТРЕЛОЧКА - ВЫДЕЛИТЬ ВСЕ КАДРЫ.
Видим, что все наши кадры выделились.
Идём СТРЕЛОЧКА - СКОПИРОВАТЬ КАДРЫ.
Снова СТРЕЛОЧКА - ВСТАВИТЬ КАДРЫ.
Выскочит окошко с вопросом куда вставлять. По умолчанию стоит ВСТАВИТЬ ПОСЛЕ ВЫДЕЛЕННОЙ ОБЛАСТИ. Жмём ДА.
Снова СТРЕЛОЧКА - ОБРАТНЫЙ ПОРЯДОК КАДРОВ
Тепрь у нас в панели анимации 22 кадра. То есть первые 11 кадров на раскручивание, а вторые 11 кадров на скручивание.
Панель анимации раздвигать не нужно. Нам не важно видеть их.
Сохраняете работу на рабочий стол. Это и будет вашим вторым домашним заданием.
Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились создавать анимацию текста при помощи фильтра ИСКАЖЕНИЕ - СКРУЧИВАНИЕ.
2. Познакомились с меню панели анимации.
3. Научились задавать обратный порядок кадров для противоположного действия анимации.
========================================================
Домашнее задание:
1. Выполнить урок.
2. В комментах выложить две работы по уроку.
===============================================
Следующий урок будет опубликован 15 апреля в 12.00 по мск.
===============================================
Удачи!
С теплом Милледи Малиновская
Сообщество ХОЧУ ВСЁ ЗНАТЬ
|
|
|
|