Business flash banner

Прочитайте все объяснения, подробно написанные в этом уроке, и вы увидите, как создать привлекательный flash баннер. Вы можете использовать этот баннер для какой-нибудь бизнес презентации, анимации или для любого web -сайта. Используя этот урок, вы научитесь, как импортировать любые картинки в библиотеку flash, как анимировать их, применять к ним фильтры, создавать motion tween и многому другому. Чтобы выполнить этот урок, вам не нужно будет использовать код action script. Давайте начнем!



Шаг 1

Вначале загрузите фото, которые вы будете использовать в этом уроке.

Шаг 2

Создайте новый flash документ. Нажмите Ctrl+J (Document Properties) и установите ширину вашего документа 400 пикселов, а высоту 305 пикселов. Выберите белый цвет цветом фона. Установите для вашего Flash мувика frame rate=38 и кликните ok.

Шаг 3

Назовите текущий слой img1. Дважды кликните по его default-имени (Layer 1) , чтобы изменить его. Нажмите Enter после того, как введете новое имя!

Шаг 4

Выберите в меню File > Import > Import to Library. В появившемся окне выбора файлов, найдите 4 картинки и с зажатым Shift кликните и выделите их все. Затем кликните open. Если вы теперь откроете вашу flash библиотеку (Ctrl+L key) вы увидите 4 картинки, которые вы только что импортировали. Смотри картинку ниже!



Шаг 5

Используя Selection Tool (V) и технологию drag and drop, перетащите первую картинку из библиотеки на сцену. После этого, не снимая выделения с картинки, перейдите в панель Align (Ctrl+K) и сделайте следующее:

1. Убедитесь, что кнопка Align/Distribute to Stage нажата,
2. Кликните по кнопке Align horizontal center и
3. Кликните по кнопке Align vertical center.



Шаг 6

Не снимая выделения с картинки, нажмите F8 (Convert to Symbol), чтобы конвертировать ее в символ мувиклипа.



Шаг 7

Кликайте по фреймам 15,30 и 45 и нажимайте F6 (вставка ключевых кадров).

Шаг 8

Не уходя с кадра 45, выберите Selection Tool (V) и кликните по картинке, чтобы выделить ее. Затем перейдите в панель Properties (Ctrl+F3) внизу сцены. Затем выберите таб Filters с левой стороны. После этого кликните по иконке с плюсом и выберите фильтр Blur. Сделайте следующие настройки:



Шаг 9

Теперь кликните снова по иконке с плюсом и выберите фильтр Adjus Color. Сделайте следующие настройки:



Шаг 10

Выделите первый фрейм и повторите предыдущие два шага.

Шаг 11

Правой кнопкой мыши кликните где-нибудь по серой площадке между фреймом 1 и 15, и фреймом 30 и 45 на timeline и выберите из появившегося меню Create Motion Tween.



Шаг 12

Создайте новый слой выше слоя img1 и назовите его img2.

Шаг 13

Кликните по фрейму 40 слоя img2 и нажмите F6.

Шаг 14

Вы все еще находитесь в фрейме 40 слоя img 2, претащите вторую картинку и библиотеки на сцену. Не снимая выделения с картинки, повторите шаги 5 и 6.

Шаг 15

Теперь кликайте по фреймам 55,70 и 85 и нажимайте F6 (вставка ключевых кадров).

Шаг 16

Вы все еще во фрейме 85. Повторите шаги 8 и 9.

Шаг 17

Вернитесь во фрейм 40 и повторите предыдущий шаг.

Шаг 18

Правой кнопкой мыши кликните где-нибудь по серой площадке между фреймами 40 и 55, и фреймами 70 и 85 на timeline и выберите из появившегося меню Create Motion Tween.



Аналогично проделайте все действия для третьей и четвертой картинок.
Это все!
Протестируйте ваш мувик!
Перевод kedicik
Источник

Присоединённые файлы
 bBanner.rar ( 245.1к ) Кол-во скачиваний: 451

Уроки
Уроки AS3

ключевые слова: business flash баннер во флэш уроки, flash баннер конкурс, flash баннеры, flash баннер, flash banner photoshop, flash banner урок demiart, бизнес фон, создание флеш баннера, баннер анимационный, флеш баннер xml