No Image

Регистрация






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

Данный эффект достаточно распространен , часто используется при создании flash-баннеров и будет полезен начинающим осваивать программу Flash MX.

1) Для начала нужно найти подходящую картинку с бриллиантами или другими драгоценными картинками. Я использовал эту:

исходное фоторис.1

2) Далее открываем новый документ в программе Flash. Размеры можно установить в соответствии с вашей картинокй бриллиантов или картинку потом подогнать под размер документа, это не существенно, важно установить частоту кадров равную 34 кадр/c (окно свойств документа вызывается нажатием сочетания клавиш Ctrl+J).

3)Далее импортируем нашу картинку в рабочую область(CTRL+R) , подгоняем ее и далее откроем панель Выравнивания (CTRL+K) и нажимаем кнопки: 

Выравнять/Распределить в пределах рабочей области;

Выравнять по горизонтали;

Выравнять по вертикали;

выравниваем изображениерис.2

4) Двойной клик по Слою1(Layer1) и переименовываем его в Background.

5) Создадим новый слой, кликнув по иконке (вставить слой) верхняя панель timeline. И назовем этот новый слой shine

6) На слое shine будем создавать фигуру. Нажимаем клавишу (O) и создадим Овал(Круг) 80Х80px (в зависимости от размеров вашей картинки, размер фигуры всегда можно будет подредактировать). 

7) Оставив овал выделенным (клавиша V - выделение), переходим на панель Цвет(CTRL+F9) и устанавливаем следующие настройки:

 Тип - Радиальный(Radial);

Кликнем по левому флажку и задаем цвет #FFFFFF, Alpha = 100%;

Кликнем по правому флажку  и задаем цвет #FECE41, Alpha = 0%.

устанавливаем цветрис.3

Наш Овал должен принять созданную градиентную заливку.

8) Далее отключим выделение нашей фигуры и для цвета создадим новые настройки:

Тип - Радиальный;

Кликнем по левому флажку и зададим цвет #FECE41, Alpha = 100%;

Кликнем по правому флажку и зададим цвет #FFFFFF, Alpha = 50%.

цвет заливкирис.4

9) И теперь все на этом же слое shine создадим еще одну фигуру из линий(толщина 1пикс) ( клавиша N)с заливкой созданной в пункте 8 (  по центру Овала(Круга), это часть одной фигуры)

фигура из линийрис.5

 созданная фигурарис.6

На самом деле это и есть самая творческая часть данного примера, от созданной заливки зависит конечный результат, все остальные шагу стандартны и повторяются во многих случаях и для того чтобы могли редактировать нашу фигуру и ее заливку мы преобразуем ее в Символ. Нажимаем клавишу( F8), даем название и тип назначаем как фрагмент ролика(Movie clip). Рисунок 7

конвертируем в символ рис.7

Теперь у нас появился новый символ и в библиотеке и на панели timeline.

 новый символрис.8

10) Делаем двойной клик по movie clip(фрагмент ролика) с Выделением (V). Нам нужно сделать внутренний фрагмент ролика (Movie clip). И пока shine выделена нажимаем F8, создаем еще один фрагмент ролика (Movie clip). Рисунок 9.

новый movie clip рис.9

11) На панели timeline выделяем 5 и 20 кадр и нажимаем F6 (создать ключевой кадр). Оставшись на 20-ом кадре, сделаем клик по Movie clip, чтобы выделить его (клавиша V) и внизу на панели свойств установим Alpha = 0

alphaрис.10

12) Перейдем на 5-ый кадр и опять же в панели свойств ( Ctrl+F3) устанавливаем следующие настройки (tint - тон)

тонрис.11

кликнем по 5-ому кадру на панели timeline и в панели свойств установим: Анимация - Движение; Замедлить (-100) ; Поворот -  против часовой стрелки.

13) Осталось чуть-чуть. Вернемся на первый кадр. Нажмем Свободное трансформирование (Q) и максимально уменьшим нашу фигуру (shine).

14) Теперь, на панели timeline, кликнем правой кнопкой мыши между 1 - 5 и 5 - 20-ым кадром и выберем Создать анимацию движения (Create  Motion Tween)

15) Нажимаем Ctrl+Enter и смотрим результат, если "блеск" нас не устроил редактируем Movie clip - ShineShape_inside_mc.

На этом все! Желаю  всем удачного дня!

Посмотреть ролик

 В категорию

На главную


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

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

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

 
« Пред.   След. »
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