Як зробити Flash-баннер? » Корисні поради на всі випадки життя. Поради як правильно щось робити чи вибрати.



*

Як зробити Flash-баннер?

Як зробити Flash-баннер?Вам знадобиться
Персональний комп'ютер
Базові знання ПК
Програма «Adobe Flash» або «Adobe Flash Professional»
Вільний час
Інструкція
.1
Крок 1 - Створіть новий банер. Запустіть програму «Adobe Flash». У меню «File» («Файл») виберіть опцію «New» («Створити»), а потім «Flash Document» («Flash-документ») і «ОК». Це перенесе вас на екран, який виглядає ось так: У центрі на білому фоні знаходиться ваш банер. Тут ви будете над ним працювати.
.2
Крок 2 - Встановіть розмір та колір підкладки. Давайте почнемо з зменшення розміру до звичайного горизонтального банера. Клацніть правою кнопкою миші на білому фоні і виберіть «Document Properties» («Властивості документа»). Встановіть ширину на 600, а висоту на 150. Колір підкладки - «# 990000». На деяких сайтах існують певні вимоги до розмірів банера. Дізнайтеся їх, і міняйте розмір банера в разі потреби.
.3
Крок 3 - Напишіть простий текст. На правій стороні екрану є палітра інструментів. Клацніть на іконці з буквою «А» - це редактор тексту. Клацніть всередині вашого банера і надрукуйте «Клікніть СЮДИ!». Виділіть текст, у віконці його властивостей під банером клікніть на «Text color box» («Колір тексту») і виберіть жовтий. Встановіть розмір шрифту - 50. Клацніть на тексті правою кнопкою миші і виберіть «Convert to Symbol» («Конвертувати в символ»). Виберіть «Movie Cliр» («Кліп»), назвіть його «Txt 1» та натисніть «ОК». Ви тільки що додали кліп в «Бібліотеку» на правій стороні екрану. Бібліотека - це список всіх складових нашого банера. Тепер можете клікнути на «Selection Tool» («Інструмент вибору») з палітри інструментів, затиснути і перемістити текст. У вікні властивостей банера значення Х одно 160, Y - 45.
.4
Подивіться на область над банером, і ви побачите віконце «Layer and timeline» («Шар і час»). Поки існує тільки один шар «Layer 1». Двічі кликніть на ньому і назвіть його «Txt 1». Це шар буде містити тільки що створений текст. Тепер натисніть на іконку «New Layer» («Новий шар») під списком всіх верств. Назвіть новий шар «Static Text» («Статичний текст»). Знову натисніть на редактор тексту і напишіть нову фразу, наприклад: «Клікніть сюди, щоб знайти найкращі статті-керівництва у всьому Інтернеті!». Встановіть білий колір і 20 розмір шрифту. За допомогою інструменту вибору перенесіть цей текст в нижню частину екрану.
.5
Додамо анімацію! Клацніть на шар «Txt 1», щоб зробити його активним. Праворуч від списку шарів ви побачите шкалу часу - вона являє собою низку прямокутників, кожний з яких є кадром анімації. На першому екрані («Frame 1») ви бачите затемнене віконце з чорним колом. Це опорний кадр для вашого тексту. Тепер натисніть на 12 кадрі («Frame 12») - це 1 секунда анімаційного часу - і клікніть правою кнопкою миші, щоб вибрати опцію «Insert Keyframe» («Вставити опорний кадр»). Це дозволить вам змінювати текст для створення 12-кадрової анімації.
Тепер натисніть на сам текст. У нижньому віконці властивостей встановіть «W» (ширину) на 780, «H» (висоту) на 150, X на75 і Y на 0. Клацніть меню «Color» («Колір») і виберіть «Alpha». Встановіть відсоток, рівний 60%-це робить ваш текст більше і тимчасово «ховає» його. Тепер між кадрами 1 і 12 є затемнений екран. Клацніть всередині екрану і виберіть «Create Motion Tween» («Створити перехід»). Це створює анімаційний перехід від кадру 1 до кадру 12. Спробуйте пересувати тимчасової слайдер назад і вперед, щоб побачити створений ефект. Не складно, правда?
.6
Давайте створимо ще три таких же переходу, щоб наша анімація була різнобарвною і різноманітною. У Бібліотеці клікніть правою кнопкою миші на кліпі «Txt 1» і виберіть «Duplicate» («дублювати»). Назвіть копію «Txt 2». Виконайте те ж самої ще два рази і назвіть нові об'єкти «Txt 3» і «Txt 4». Ми не будемо повторювати всі описані дії для кожного Txt - об'єкта. Активізуйте шар «Txt 2», клікнувши на нього. Натисніть на 12 кадр і вставте новий опорний кадр. Тепер перенесіть кліп «Txt 2» з бібліотеки на банер. Встановіть X на 160, а Y на 45. Повторіть дії з пункту 5, але в цей раз використовуйте кадри 12 - 24. Це створить такий же ефект для «Txt 2», але з'являтися він буде після програвання «Txt 1».
Проробіть ці операції ще два рази з об'єктами «Txt 3» і «Txt 4», і кадрами 24-36 і 36-48 відповідно. Тепер ваша тимчасова лінія повинна складатися з кадрів від 0 до 48, і коли ви рухаєте «бігунок», кадри змінюються, темніючи і змінюючись в розмірі.
.7
Ну, ось анімація готова!
В останню чергу треба змінити колір кожного тексту і створити кнопку для переходу по банеру. Клацніть на шар «Txt 2» і двічі клікніть на «Txt 2» в банері. Цей клік переносить вас у тимчасову шкалу Txt 2. Над шкалою ви тепер бачите напис «Txt 2», а праворуч від неї «Scene 1» («Сцена 1»). Тепер знову кликніть текст і в меню властивостей виберіть синій колір. Клацніть на синю ліву стрілку поруч зі словом «Scene 1» («Сцена 1»). Повторіть ці дії для об'єктів «Txt 3» і «Txt 4» і виберіть зелений та рожевий відповідно.
.8
Ви помітили, що з переміщенням тимчасового слайдера статичний текст зникає? Щоб виправити це, клікніть на 48 кадрі шару «Static Text» («Статичний текст»). Клацніть правою кнопкою миші на цьому кадрі і виберіть опцію «Insert Frame» («Вставити кадр»). Тепер через всю анімацію повинен проходити затемнений «бігунок» в шарі статичного тексту. Спробуйте перемістити тимчасової слайдер - тепер проблема повинна бути вирішена.
.9
Крок 9 - перегляд анімації. У меню «Control» клікніть «Test Movie» («Перевірити кліп») або натисніть Ctrl + Enter. Почнеться перегляд анімації. Тепер додамо на банер швидку кнопку, щоб, натиснувши на неї, можна було перейти на рекламований сайт. Спочатку додамо для кнопки новий шар і назвемо його «Button» («Кнопка»). Клацніть на першому кадрі нового шару - ви побачите порожній коло.
.10
На палітрі інструментів виберіть інструмент «Прямокутник». У меню кольору, під вибраним інструментом, клікніть на віконце поряд з іконкою з олівцем. Це колір контуру. Натисніть на біле віконце з проходить у верхньому правому кутку лінією, щоб прибрати окантовку. Намалюйте на банері прямокутник. Поки не думайте про розмір - його можна змінити пізніше. Намалювавши прямокутник, виділіть його та у віконці властивостей встановіть значення Х і Y на 0, «W» («ширину») на 600 і «H» (довжину) на 150. Так кнопка закриє весь банер. У тому ж віконці клікніть на квадратик поряд з іконкою з відром фарби. Так ми встановимо колір. Відсоток альфа - 0%. Так кнопка буде невидима.
.11
Правою кнопкою миші клікніть на намальований прямокутник і виберіть опцію «Convert to Symbol» («Конвертувати в символ»). Виберіть шар «Button» («Кнопка») і перейменуйте його в "Banner Button» («Кнопка банера»). Тепер зробимо кнопку посиланням. Правою кнопкою миші клікніть на кнопці і виберіть опцію «Actions» («Дії») - відкриється вікно дій. У віконці для тексту введіть наступну напис на мові Actionscript:
on (release) {
getURL ("http://www.eHow.com");
}
Вийшла команда, котра трансформує кнопку на заслання.
.12
Ось і все! Ваш банер готовий. Можете перевірити його, натиснувши Ctrl + Enter. Не забудьте зберегти документ («FLA файл») у вибраній папці. Щоб створити файл-анімацію, в меню «File» («Файл») виберіть «Publish» («Опублікувати») і збережіть SWF-файл, який ви згодом можете закачати на будь-який інтернет сайт.

Доречі, кожне популярне радіо має свій флеш банер, для прикладу радио онлайн має свій. Ви можете слухати музику онлайн на сайті onservis.ru




Шановний відвідувач, Ви зайшли на сайт як незареєстрований користувач.
Ми рекомендуємо Вам зареєструватися або увійти на сайт під своїм ім'ям.
Зареєстровані користувачі бачать набагато менше реклами ніж Ви.


Корисна порада

^

Помітив помилку в тексті?

^
Якщо Ви помітили орфографічну помилку просто виділіть її та натисніть клавіші Ctrl+Enter Система Orphus

Цікаве в інтернеті

^
Загрузка...

Календар подій

^
Календар свят і подій. Листівки, вітання та побажання

Цікаве в інтернеті

^