No Image

Регистрация






Забыли пароль?
Ещё не зарегистрированы? Регистрация
No Image
Создаем эффект свечения букв со вспышкой
Рейтинг: / 1
ХудшаяЛучшая 
Автор Administrator   
свечение со вспышкой

Этот урок является как бы продолжением предыдущего урока, но эффект, создаваемый в нем, получается более изящным и впечатляющим.

 Проделаем все шаги из предыдущего урока для фразы RAY OF LIGHT, но для буквы " I" вместо эффекта свечения шлейфа сделаем  эффект вспышки.

 Создаем вспышку. Вспышка состоит из пяти деталей — создайте их и сохраните каждую как графический символ.

Чтобы создать первую деталь, выполните следующие действия:

1. Нарисуйте окружность с помощью инструмента Oval Tool.

2. Откройте меню Color Mixer командой Window => Color Mixer (Shift+F9).

3. В раскрывающемся списке выберите необходимый тип градиентной заливки, в нашем случае — Radial (Радиальный).

4. Для изменения цвета щелкните на одной из меток, расположенных под цветовой линейкой, чтобы сделать ее активной, и выберите для нее цвет.

5. Добавьте еще несколько меток, щелкнув на цветовой линейке, и подберите для них цвет:

• первая — белая со значением Alpha = 100%;

• вторая — серо-розовая, близкая к белому, также со значением Alpha = 100%;

• третья (последняя) — белая со значением Alpha = 0%.

6. Залейте созданной градиентной заливкой окружность.

7. Удалите окружность, чтобы осталась только заливка.

8. Путем добавления меток и изменения их подберите цвета градиента (рис 1)

9. Сохраните градиент как графический символ с именем Gr-Base Flare.

градиентрис.1

Чтобы создать вторую деталь, выполните следующие действия:

1. Нарисуйте две окружности без заливки — одна внутри другой (рис. 2).

окружностирис.2

2. Используя инструмент Paint Bucket, заливаем пространство между окружностями коричнево-розовым цветом со значением Alpha = 80% (рис. 3).

заливкарис.3

3. Удаляем окружности, чтобы осталась только заливка (рис. 4).

контурырис.4

4. Сохраняем изображение как графический символ с именем Gr-Ring 1.

А теперь создадим третью деталь:

1. Нарисуем окружность с помощью инструмента Oval Tool.

2. Откройте меню Color Mixer командой Window => Color Mixer (Shift+F9).

3. Для создания градиентной заливки, как и в случае первой детали, нужны три метки:

• первая — белого цвета со значением Alpha = 0%;

• вторая — белого цвета со значением Alpha = 0%;

• третья — коричнево-розового цвета со значением Alpha = 30%.

4. В результате должна получиться такая фигура, как на рис. 5.

5. Сохраните изображение как графический символ с именем Gr-Ring 2.

фигурарис.5

Четвертая деталь создается так же, как и вторая, только с другими размерами и значением Alpha не 80, а 20%. Полученное изображение сохраните как графический символ с именем Gr-Ring 3.

Чтобы создать пятую деталь, выполним следующее:

1. С помощью инструмента Rectangle Tool нарисуйте узкий, длинный прямоугольник (рис. 6).

прямоугольникрис.6

2. Заливаем полученный прямоугольник белым цветом.

3. Удаляем  контуры прямоугольника.

4. Нарисуем еще один такой же прямоугольник, но расположим  его горизонтально.

5. Заливаем  прямоугольник белым цветом.

6. Удалим  контуры прямоугольника.

7. Соединяем  две полученные заливки, чтобы получился крест (рис. 7).

крестрис.7

8. Заливаем  крест радиальной градиентной заливкой серого цвета (рис. 8).

градиент2рис.8

9. Сохраняем  изображение как графический символ с именем Gr-Lens Cross.

Получив все детали, можно приступить к моделированию эффекта:

1. Создаем  семь слоев командой Insert => Layer. Дайте имена слоям, щелкнув дважды на имени слоя в панели Timeline:

• первый — Actions/Labels;

• второй — Ring 3;

• третий — Ring 2;

• четвертый — Ring 1;

• пятому — Base Flare;

• шестой — Cross;

• седьмой — Cross 2.

2. Щелкним  на первом кадре слоя Action/Labels, чтобы выделить его.

3. Откроим  окно Actions – Frame командой Window => Actions (F9).

4. В иерархическом списке групп действий и операторов откроим  группу Actions (Действия), а затем группу Movie Control (Управление фильмом). Щелкним  дважды на действии Stop (Остановка фильма), которое появится в поле сценария справа (рис. 9).

действиярис.9

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

5. Затем щелкним, например, на 40-м кадре, в иерархическом списке групп действий и операторов откроим группу Actions, а затем группу Movie Control. Щелкним  дважды на действии Goto и выберем пункт Go to and Stop — в поле сценария должен появиться текст: «gotoAndStop (1);» (рис. 10). Помните, что слой Actions/Labels и все действия выполняемые над ним необходимы для того, чтобы эффект не повторялся несколько раз.

сценарис.10

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

6. Щелкним  на втором кадре слоя Ring 3, нажмите клавишу F7, тем самым добавив пустой кадр, щелкним  на нем и перетащим  из библиотеки символов графический символ Gr-Ring 3 (рис. 11).

графический символрис.11

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

7. Задаем  начало анимации, выбрав в списке Tween инспектора свойств команду Motion.

8. Выбрав инструмент Arrow, щелкним  по изображению и в инспекторе свойств установив  для него значение Alpha = 0%.

9. Щелкним  на седьмом кадре слоя и нажмем  клавишу F6 — это приведет к созданию ключевого кадра (от 2-го кадра до 7-го на синем фоне должна пройти стрелка), установим  для изображения значение Alpha = 100% и переместим  его вправо.

10. Щелкним  на 31-м кадре, вставим  ключевой кадр (F6), выбераем  инструмент Free Transform (Свободная трансформация), щелкним  на изображении и, удерживая клавишу Shift, уменьшим  изображение, а потом установим  значение Alpha = 0%.

11. Теперь щелкним  на 2-м кадре слоя Ring 2 и добавим  пустой кадр. Щелкним  на новом кадре и перетащим  из библиотеки символов графический символ Gr-Ring 2. Поставьте символ так, чтобы его центр совпадал с центром предыдущего изображения (рис. 12).

символырис.12

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

12. Задаем  начало анимации, выбрав в списке Tween инспектора свойств команду Motion.

13. Инструментом Arrow, щелкним  по изображению и в инспекторе свойств установим  для него значение Alpha = 0%.

14. Щелкним  на 7-м кадре слоя, вставляем  ключевой кадр, установим  для изображения значение Alpha = 100%. Перемещаем  изображение немного влево и увеличиваем  его (рис. 13).

альфарис.13

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

15. Щелкним  на 34-м кадре, вставим  ключевой кадр (F6), перемещаем  изображение еще немного влево и установим  значение Alpha = 0%.

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

16. Теперь щелкним  на втором кадре слоя Ring 1, добавим  пустой кадр, щелкним  на нем и перетащим  из библиотеки символов графический символ Gr-Ring 1. Поставим  символ так, чтобы его центр совпадал с центром предыдущего изображения (рис. 14).

анимациярис.14

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

17. Задаем начало анимации, выбрав в списке Tween инспектора свойств команду Motion.

18. Инструментом Arrow щелкним  по изображению и в инспекторе свойств установим  для него значение Alpha = 0%.

19. Щелкним  на 7-м кадре слоя, вставим  ключевой кадр, установим  для изображения значение Alpha = 100%, перемещаем  изображение немного вправо и увеличиваем  его (рис. 15).

изображениерис.15

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

20. Щелкним  на 36-м кадре, вставим  ключевой кадр (F6), уменьшаем  изображение до размеров исходного и установливаем  значение Alpha = 0%.

21. Щелкним  на 2-м кадре слоя Base Flare, добавляем  пустой кадр, щелкним  на нем и перетаскиваем  из библиотеки символов графический символ Gr-Base Flare. Поставьте символ так, чтобы его центр совпадал с центром предыдущего изображения.

22. Задаем  начало анимации, выбрав в списке Tween инспектора свойств команду Motion.

23. Инструментом Arrow щелкним  по изображению и в инспекторе свойств устанавливаем  для него значение Alpha = 0%.

24. Щелкним  на 7-м кадре слоя, вставляем  ключевой кадр, установите для изображения значение Alpha = 100% и увеличьте его.

25. Щелкним  на 39-м кадре, вставляем  ключевой кадр (F6), уменьшаем  изображение до размеров исходного и установливаем  значение Alpha = 0%.

Моделирование эффекта свечения букв со вспышкой | Обучение | КомпьютерПресс 1'2005

26. Теперь щелкним  на 4-м кадре слоя Cross, добавляем  пустой кадр, щелкним  на нем и перетаскиваем из библиотеки символов графический символ Gr-Lens Cross. Поставьте символ так, чтобы его центр совпадал с центром предыдущего изображения.

27. Задаем  начало анимации, выбрав в списке Tween инспектора свойств команду Motion.

28. Инструментом Arrow щелкним  по изображению и в инспекторе свойств установите для него значение Alpha = 0%.

29. Щелкним  на 14-м кадре слоя, вставляем  ключевой кадр, установим  для изображения значение Alpha = 100% и повернем  его на 90o вправо.

30. Щелкним  на 33-м кадре, вставляем  ключевой кадр (F6), повернем  его на 90 град.  вправо и установим  значение Alpha = 0%.

31. Щелкним  на 5-м кадре слоя Cross 2, добавим  пустой кадр, щелкним  на нем и перетаскиваем  из библиотеки символов графический символ Gr-Lens Cross. Поставьте символ так, чтобы его центр совпадал с центром предыдущего изображения, уменьшите его и поверните на 45o.

32. Задаем  начало анимации, выбрав в списке Tween инспектора свойств команду Motion.

33. Инструментом Arrow щелкним  по изображению и в инспекторе свойств установим  для него значение Alpha = 0%.

34. Щелкним  на 15-м кадре слоя, вставим  ключевой кадр, установим  для изображения значение Alpha = 100% и повернем  его на 90o вправо.

35. Щелкним  на 25-м кадре, вставим  ключевой кадр (F6), повернем  его на 90град.  вправо и установим значение Alpha = 0%.

36.На последнем этапе в заранее подготовленный светящийся текст вставьте эффект в тот момент, когда должна светиться буква «I»

Я поздравляю всех кто дошел до конца!

Смотрим результат


Просмотров: 838

Ваш коментарий будет первым

Только зарегистрированные пользователи могут оставлять коментарии.
Пожалуйста зарегистрируйтесь или войдите в ваш аккаунт.

 
« Пред.   След. »
No Image
No Image No Image No Image

Реклама

Экспорт новостей

Компьютерная графика

Счетчик

Система авторегистрации в каталогах, статьи про раскрутку сайтов, web дизайн, flash, photoshop, хостинг, рассылки; форум, баннерная сеть, каталог сайтов, услуги продвижения и рекламы сайтов
LiveRSS: Каталог русскоязычных RSS-каналов Поиск в RSS новостях и блогах
Участник ePochta Blog Rating
No Image
© 2012 3d-area.ru
All rights reserved
No Image