Цветовые эффекты на базе автоматической анимации движения

Изучаем Macromedia Flash. Урок 6. Цветовые эффекты на базе автоматической анимации движения Изменение яркости, оттенка и прозрачности Текстовые эффекты на базе изменения прозрачности Освещение от свечи Слайд-шоу с эффектом изменения прозрачности Замена одного символа на другой В предыдущих уроках мы рассмотрели примеры автоматической анимации движения — Motion Tween, в которых моделировалась анимация перемещения и изменения формы. Следует отметить, что слово «Motion» (движение) в названии данной функции отражает только часть ее возможностей, поскольку Motion Tween позволяет не только задавать анимацию движения и деформации, но и, например, осуществлять покадровое изменение цвета, яркости, прозрачности и других эффектов, о которых мы и расскажем в данном уроке. Изменение яркости, оттенка и прозрачности Рис. 1. Анимация Motion Tween позволяет создать эффект изменения яркости Нарисуем прямоугольник на некотором фоне (отличном от белого) и определим анимацию Motion Tween, при которой прямоугольник будет переходить сам в себя на протяжении 20 кадров (рис. 1). Далее щелкнем на экземпляре символа в последнем кадре, в результате чего в панели Properties появится меню выбора цвета Color, в котором выберем настраиваемый параметр Brightness (яркость) (рис. 2). Рис. 2. Меню Color имеет четыре настраиваемых параметра Увеличим параметр Brightness до 100%, в результате чего получим фильм. Соответственно если принять яркость в последнем кадре на уровне – 100%, то получим переход цвета от исходного к черному. Следующий параметр, находящийся в том же меню (рис. 2), — это Tint (оттенок). Он позволяет определить цвет, в который будет окрашиваться экземпляр символа. Панель, показанная на рис. 3, позволяет выбрать цвет из палитры, определить численные значения цветовых составляющих RGB, а также оттенок цвета — от прозрачного (1%) до насыщенного (100%). Следующий фильм показывает пример использования параметра Tint. Рис. 3. Панель выбора оттенка Наиболее часто используемым является параметр, Alpha, который определяет прозрачность экземпляров, вернее непрозрачность, поскольку полная прозрачность задается при Alpha = 0. Если в примере (рис. 1) мы поставим в последнем кадре значение Alpha равным нулю, то получим следующий результат. Обратите внимание: на белом фоне разница между примером, в котором увеличивается яркость, и примером, в котором до максимума растет прозрачность, будет не заметна. Для определения сложных цветовых эффектов для растровых изображений наиболее удобен режим Advanced. Рассмотрим пример, в котором будет меняться цветовая схема растровой картинки, показанной на рис. 4. Рис. 4. Исходное растровое изображение Рис. 5. Создание негатива цветного растрового изображения При выборе пункта Advanced в меню Color появляется кнопка Settings, при нажатии на которую вызывается панель Advanced Effect (рис. 5). Данная панель позволяет регулировать по отдельности значения каждой из цветовых составляющих RGB и прозрачности Alpha. Вычисление цвета в каждом из каналов R, G, B производится по формуле: Red = (x1 * R) + y1, Green = (x2 *G) + y2, Blue = (x3 * B) + y3, где х1, x2, x3 изменяется от –1 до +1 (задается в процентах от –100 до +100%), y1, y2, y3 — параметры, которые могут изменять свое значение от –255 до + 255. При этом если значение цветовой составляющей становится отрицательным, то оно приравнивается к нулю. На рис. 5 параметры х1, x2, x3 определены равными –1 (или 100%), а y1, y2, y3 — 255. Таким образом, задан эффект создания негатива цветного изображения. Данный пример иллюстрируется фильмом. Текстовые эффекты на базе изменения прозрачности Рассмотренные возможности изменения цвета и прозрачности экземпляров позволяют создавать различные текстовые эффекты. В качестве примера рассмотрим, как создать эффект растворения букв. Рис. 6. Исходный текст Введем исходный текст — в нашем примере слово «Привет». Для того чтобы эффект был нагляднее, выберем режим Bold (рис. 6). Далее разобьем текст по команде Modify => Break Apart и применим команду Modify => Time Line => Distribute to Layers, после чего каждая буква слова будет помещена в отдельный слой, при этом каждый слой будет назван соответствующей буквой (рис. 7). Рис. 7. Каждая буква автоматически попадает на отдельный одноименный слой Перейдем в слой с первой буквой и создадим анимацию Motion Tween на 10 кадров. В последнем кадре увеличим масштаб буквы до 300% — для этого вызовем панель Transform по команде Window => Design Panels => Transform (рис. 8) и введем нужное значение масштаба в процентах. Рис. 8. Панель Transform позволяет задать численное значение масштабирования Далее выделим экземпляр символа в 10-м кадре и в панели Properties увеличим прозрачность экземпляра символа (рис. 9). При установке параметра Alpha на уровне 0% буква станет прозрачной. Рис. 9. Так выглядит экземпляр символа при значении Alpha = 37% Далее переместим первый фрейм в слое «р» в 10-й кадр (для этого необходимо щелкнуть по нему мышью и потом в режиме drag&drop перетащить в нужное место) и повторим ту же процедуру, что и с буквой «П» (рис. 10). Рис. 10. Анимация масштабирования с увеличением прозрачности для буквы «р» Аналогично поступим со всеми буквами. Рис. 11. Определим аналогичную анимацию для каждой буквы Теперь вернемся к слою Layer 1 и в первом кадре поместим слово «Привет» так, чтобы оно совпало с буквами на других слоях. Далее в 60-м кадре слоя Layer 1 введем ключевой кадр, после чего все кадры автоматически заполнятся тем же текстом (рис. 11). Текстовый эффект готов. Если анимация покажется вам слишком медленной, можно поменять скорость смены кадров. Для этого нужно дважды щелкнуть мышью на текущем значении скорости смены кадров — 12 fps (рис. 11), после чего появится панель Document Properties (рис. 12), на которой следует задать более высокую скорость смены кадров. В результате получаем окончательный вариант. Рис. 12. Панель Document Properties Можно также предложить эффект, при котором прозрачные буквы из разных частей сцены собираются в слово и при этом становятся непрозрачными. Данный пример иллюстрируется следующим фильмом. Читатели наверняка смогут придумать свои варианты интересных текстовых эффектов, которые можно использовать в Web-рекламе.

Похожие:

	Практическая работа №7, 8, 9, 10 С помощью PowerPoint Вы легко обретете дополнительную уверенность при выступлении. Программа позволяет без особого труда создавать...		Преподаватель Большаков Александр Высший колледж Маргту “Политехник” С помощью PowerPoint Вы легко обретете дополнительную уверенность при выступлении. Программа позволяет без особого труда создавать...
	Физика цвета и психология восприятия Следует обращать внимание на основные контрастные соотношения, гармонические сочетания цветов, пограничные контрасты, светлотные...		Законы движения Ньютона В природе предметы не просто двигаются. Первый закон движения Ньютона гласит, что предметы движутся только при воздействии на них...
	Урок обобщения и систематизации знаний. Тема: «Волшебная школа английского языка» Благодаря икт, удалось разместить большой объем информации на одном слайде, но осуществлять вывод этой информации постепенно, используя...		Урока по теме «Координатная плоскость» Красочные иллюстрации, анимации и звуковые эффекты привлекают внимание учащихся, вызывают у них живой интерес при изучении темы....
	Рабочая программа по учебной дисциплине Основы автоматической коммутации Рабочая программа предназначена для преподавания дисциплины «Основы автоматической коммутации» студентам очной полной формы обучения...		Рекомендации по использованию судовых станций автоматической идентификационнОЙ Рекомендации по использованию судовых станций автоматической идентификационной системы (ais) для решения задач предупреждения столкновений...
	Программа по формированию навыков безопасного поведения на дорогах... Факультативный курс “Основы Flash-анимации” предназначен для учащихся, владеющих начальными навыками работы на персональном компьютере...		В процессе покупки на современном этапе развития электронной экономики Были рассмотрены основные эффекты, проявляющиеся в поведении потребителей при покупке. Анализ поведения потребителей в Интернет среде...
	Отчёт по итогам городского конкурса компьютерной графики и анимации... В период с 22 декабря 2003 г по 1 марта 2004 г информационно-техническим медиацентром уо совместно с му цдод "Поиск" среди учащихся...		Рабочая программа факультативного курса в 8 классе «Технологии компьютерной анимации» Рабочая программа факультативного курса «Технологии компьютерной анимации» составлена на основе авторской программы В. Л. Кудрявцева,...
	Содержание программы II года обучения 17 Создание растровой анимации.... Понятие визуализации сцены. Методы визуализации. Модификаторы: Twist, Bend. Булевсие операции. Понятие сплайна. Кривые деформации....		Содержание программы II года обучения 16 Создание растровой анимации.... Понятие визуализации сцены. Методы визуализации. Модификаторы: Twist, Bend. Булевсие операции. Понятие сплайна. Кривые деформации....
	Тема урока: «Анимация и движение в Power Point 2007» Босовой Людмилы Леонидовны при проведении практической работы №13 на стр. 164. Дети очень любят составлять анимации и движения в...		Утверждено Программа предназначена для учащихся 9-11 классов, стремящихся освоить возможности современных анимационных систем. Приложение, включенное...