Символ в символе: копии, урок для начинающих N4
Adobe Flash CS3, анимированные символы, копии символов, свойства копий. Умение создавать анимацию внутри символов предоставляет следующие возможности:
1. Быстро создавать новые анимированные объекты на основе исходного анимированного символа. Например, если у нас будет символ «Моргающий колобок», то для того чтобы сделать 5 моргающих колобков достаточно 5 раз перетащить этот символ из библиотеки на рабочую область.
2. Создавать символы-персонажи – несколько одинаково выглядящих символов, отличающихся заложенной в них анимацией. Например, человек неподвижный, человек идущий, человек прыгающий. Если есть необходимый персонаж, вместо создания анимации в нужный момент производится замена символа.
3. Создавать комбинированное движение. Например, движение по параболе можно разложить на горизонтальное движение по прямой и вертикальный прыжок.
4. Создавать символы иерархической структуры. Например, летящая птица: символ «птица» содержит символы «тело» и «крылья». Анимация взмаха крыльев создаётся внутри символа «крылья». Анимация движения птицы как целого создаётся снаружи символа «птица».
Здесь рассмотрим первую из описанных выше возможностей (остальные будут рассмотрены в последующих уроках). Чтобы не создавать анимацию с нуля возьмём готовую, описанную в первом уроке.
Исходник, если нужен, здесь:
для Flash CS3:
для css3
для Flash 8:
для flash8
1. Открываем колобка File > Open… > …
2. Скопируем анимацию внутрь нового символа «Моргающий колобок».
- Выбираем первый кадр верхнего слоя (в исходнике - слой «Брови»)
- Shift + выбираем последний кадр нижнего слоя (в исходнике – 20 кадр слоя «Колобок»). При этом должны выбраться все кадры анимации. Все эти кадры мы скопируем в новый символ.
- Копируем кадры. Для этого нажимаем правой кнопкой на один из выбранных кадров, выбираем Copy Frames.
- Создаём пустой символ Insert > New Symbol… (Ctrl+F8). Называем его «Моргающий колобок», тип символа – Movie Clip.
При создании символа мы были перемещены во временную шкалу этого символа, другими словами мы зашли внутрь этого символа (или вошли в режим редактирования символа). На рабочей области пока ничего нет, т.к. мы создали новый пустой символ. Основная (родительская) временная шкала называется «Scene 1». Имя временной шкалы, в которой мы находимся, отображается на палитре Timeline справа от «Scene 1» и совпадает с именем символа.
- Вставляем в новый символ скопированные кадры. Для этого нажимаем правой кнопкой на первый кадр слоя Layer 1, затем выбираем Paste Frames.
3. Выйдем в основную временную шкалу, нажав на «Scene 1» на палитре Timeline.
Для дальнейшей работы с символом используется палитра Library (Window > Library (Ctrl+L)). На ней можно найти все символы текущего документа, расположенные в алфавитном порядке. Выберите созданный нами символ «Моргающий колобок». Если символ содержит анимацию её можно просмотреть, нажав кнопку проигрывания.
[img]Чтобы зайти в символ (редактировать символ) через библиотеку, нажмите правой кнопкой на его имя в библиотеке, затем выберите Edit. Чтобы
выйти из символа нажмите «Scene 1» на палитре Timeline.[/img]
4. Очистим основную временную шкалу (анимация теперь сохранена внутри символа). Перед очисткой проверьте, что находитесь в основной временной шкале «Scene 1»
- Выберем верхний слой (нажмите на имя слоя «Брови»).
- Удаляем все слои, кроме слоя «Колобок», нажав несколько раз на урну на палитре Timeline.
- Выберем оставшийся слой («Колобок»)
- Удаляем кадры. Для этого нажимаем правой кнопкой на один из выбранных кадров, выбираем Remove Frames.
- Добавим ключевой кадр (Insert Keyframe) в первый кадр слоя «Колобок» (иначе анимация находится в состоянии небытия , когда нет ни одного кадра).
5. Переименуем слой «Колобок» в «Колобки»
6. Перетащим мышкой несколько «Моргающих колобков» с палитры Library (тащить за название) на рабочую область.
7. Проверим анимацию (Ctrl + Enter). Моргают все!
8. Изменим свойства символов
- Инструмент Free Transform – меняем размер.
- Поменяем цвет колобков (описанный далее способ изменения цвета будет работать только во Flash 8 и более поздних версиях). Сначала выбираем одного из колобков чёрной стрелкой. Затем на палитре Filters (Window > Properties > Filters, обычно она находится внизу) добавляем фильтр изменения цвета (нажимаем на плюс > Adjust Color). Затем изменяем тон (Hue), а может быть и насыщенность (Saturation), яркость (Brightness), контраст (Contrast) – по вкусу. Повторяем для остальных колобков.
7. Проверим анимацию (Ctrl + Enter).