Сегодня 28 августа, четверг ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7281
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Ikarus283
Ikarus283
Голосов: 2
Адрес блога: http://ikarus.loreleya.com/
Добавлен:
 

Как сделать баннер.

2011-03-13 02:37:26 (читать в оригинале)

Тогда, когда у меня ничего не получалось делать, забросила я изучать флеш. Но я сегодня установила CS5 и поняла что он разительно отличается от той программы в которой я училась. Буду учиться снова =))




Прочитайте все объяснения, подробно написанные в этом уроке, и вы увидите, как создать привлекательный 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 картинки, которые вы только что импортировали. Смотри картинку ниже!



Business flash banner



Шаг 5



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



1. Убедитесь, что кнопка Align/Distribute to Stage нажата,

2. Кликните по кнопке Align horizontal center и

3. Кликните по кнопке Align vertical center.



Business flash banner



Шаг 6



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



Business flash banner



Шаг 7



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



Шаг 8



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



Business flash banner



Шаг 9



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



Business flash banner



Шаг 10



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



Шаг 11



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



Business flash banner



Шаг 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.



Business flash banner



Аналогично проделайте все действия для третьей и четвертой картинок.

Это все!

Протестируйте ваш мувик! 

Перевод kedicik

Источник 



Тэги: flash

 


Самый-самый блог
Блогер ЖЖ все стерпит
ЖЖ все стерпит
по сумме баллов (758) в категории «Истории»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.