Перше знайомство з Флеш-редактором | Матеріали по flash (флеш), вихідні коди і уроки | Фантазія в стилі фентезі - Арканум Клуб

Матеріали по flash (флеш), вихідні коди і уроки

Будь-яка нова програма кілька «напружує» будь-якого користувача ... Оскільки - нова. Хочеться закрити новинку, відкласти в сторону і ... Коли-небудь потім.

Щоб цього не сталося з Вашим Flash-редактором давайте трохи почекаємо з закриттям і подивимося, чи не так страшний чорт, як його малюють. В уроці - знайомство з редактором, інтерфейс, інструменти, маленькі приклади роботи, основи малювання та анімації, основні поняття. Коротше - почнемо з початку.

Чи готові? Отже. Будемо вважати, що у вас вже є Flash-редактор. Я буду розповідати про конкретно - Macromedia Flash MX 2004, але абсолютно не принципово для новачка який редактор у нього. Цілком можливо, у Вас встановлені більш нові версії програми, наприклад Adobe Flash CS3 або навіть CS4. Звичайно нові пакети багато могутніше, мають більші можливості (особливо в програмній частині). Але, на щастя, інтерфейс пакетів мало змінився, а створювати щось грандіозне і шедевральний ми не будемо, так що даний урок цілком годиться, для першого знайомства. Якщо хочеться зробити простенький банер, менюшку, кліп, кнопку і т.д. У мене редактор русифікований, але якщо у Вас і англійська версія - розібратися буде нескладно, є скріншоти.

Встановити програму дуже легко - з цим впорається будь-який, хто встановив хоча б парочку програм в Windows. Тому подробиці процесу установки - опускаємо.

Після установки можете сміливо заходимо в редактор, і ось, приблизно, те, що Ви побачите:

Щоб «не тягнути кота за хвіст» відразу створюємо новий документ, натиснувши на відповідну іконку.

Інтерфейс Flash-редактора (колишньої Macromedia, а нині - Adobe) дуже схожий на інтерфейс програм Adobe. Він дуже зручний, інтуїтивний, простий. Після деякого часу роботи з програмою розумієш, як добре все грамотно продумано, оптимально для користувача.

Подивимося основні панелі. Зліва знаходяться панелі інструментів. За допомогою них можна вибирати інструменти, а також управляти робочою областю, модифікувати об'єкти і вибирати прості кольори. Справа знаходяться діалоги настроювання інструментів, кольору, тексту, властивості кадрів і об'єктів. Посередині - робоча область, де ми будемо творити, а над нею шкала часу (Timeline або Графік часу).

Налаштування інтерфейсу можна коригувати через вкладку Вікно. Оскільки налаштувань досить багато відкриємо тільки найнеобхідніше. Що це буде: Панелі інструментів, Властивості документа, Графік (Графік часу), Інструменти, Бібліотека, Панелі дизайну (Змішування кольорів). Для початку цілком достатньо. Вибір вікна здійснюється як і в будь-якій програмі - установкою прапорця на відповідній опції. Швидше за все зазначені Вікна у Вас відкриються за замовчуванням, якщо немає - все просто зробити і самому.

Перш ніж почати ліпити - трохи налаштувань. Внизу, на панелі Властивості задайте розмір майбутньої флеші, колір фону і Швидкість анімації. Для цього - тиснемо кнопку Розмір:

Я поставив розміри 300 × 300, червоний колір фону, швидкість 25 кадрів в секунду. Ну і - ОК.

На жаль, докладний опис інструментів малювання виходить за рамки даної статті, оскільки це буде цілий підручник на не одну тисячу сторінок. Згодом, ми можемо розглянути ці інструменти трохи докладніше (за заявками трудящих). Але - найкращий спосіб чогось навчиться - практика при певній кількості теорії. Як практики просто поекспериментуйте з різними інструментами, а в якості теорії можете почитати підручник.

Сторінки (файли, анімації - як хочете) Flash прийнято називати фільмами (Movie). Оскільки потрібні налаштування ми вже зробили - збережіть вашу роботу десь на своєму комп'ютері. Файл буде має розширення .fla (так званий «исходник»). Після «публікації» він буде перетворений в результуючий .swf файл, який вже може бути переглянутий в браузері, обрамлений за допомогою HTML, і т.д. Хоч ми поки нічого і не зробили, проте - налаштуйте публікацію і створіть результуючий файл, просто, для знайомства з процесом публікації.

Для цього заходимо у вкладку редактора Файл, вибираємо Зберегти як ... і зберігаємо исходник .fla. В цьому ж меню - Файл знаходимо і натискаємо Налаштування публікації.

У вікні: Вибираємо формат, в якому ми отримаємо результат. Редактор може зберегти результат не тільки у вигляді флешки, але і прописати html, анімований gif, статичну картинку і т.д. Нас цікавить тільки флеш, ставимо відповідний прапорець. І переходимо в наступну вкладку: Flash.

У цьому уроці подробиці настройки опустимо, нас цілком влаштовують ті, що на скріншоті, по-замовчуванню. Просто натисніть Публікація. В папці з вашим ісходником з'явиться результуючий swf-файл. Подивіться. Зараз - у мене це просто червоний квадрат (Малевич?) Але - сподіваюся розібралися ми з публікацією. Тепер варто щось і намалювати вже.

Давайте спробуємо намалювати перший найпростіший мультик. Нам знадобляться інструменти - «Овал» та «Виділення». (Новий скріншот робити лінь, я помітив інструменти на малюнку вище).

Виконайте наступну послідовність дій:

1. Виберіть інструмент «Овал» і намалюйте з його допомогою коло в лівій частині сцени.

Тонкощі дрібні: В панелі Властивості вибираємо колір кола (у мене синій) і колір обведення (без обведення).

2. Далі виберіть інструмент «Виділення» і виділіть коло - клацніть по ньому. Тепер натисніть по багатостраждальному колі правою кнопкою миші. У меню вибираємо «Перетворити в символ» (передостанній пункт менюшки).

У панелі, що з'явилася Перетворити в символ ставимо прапорець Графіка і тиснемо ОК. Ви створили свій перший символ. Ура. Йдемо далі. Питання - після (можна на форумі). Переходимо до найцікавішого.

3. Виберіть на шкалі часу вгорі 25-й кадр, натисніть по ньому правою кнопкою миші. У меню -> Вставити порожній ключовий кадр. Тимчасова шкала буде виглядати якось так:

4. Кількома на часовій шкалі за першим кадром, далі - по колу. Тиснемо кнопку Копіювати. Тиснемо на часовій шкалі по 25-му (порожньому) кадру і -> Вставити. На робочому просторі з'явилася копія нашого кола, десь.

5. Клацніть по «знову знайденому» кухоль і перетягніть його куди потрібно, утримуючи ліву кнопку миші. Як в Фотошопі.

Тобто Що ми маємо: На першому кадрі - гурток в точці А ( «точка відправлення»), на останньому, 25-му кадрі - гурток в точці B ( «пункт призначення»). Тепер відправимо наш коло в подорож, «з пункту А в пункт В ...»

6. Виділяємо (інструмент Виділення, як і всюди, не забуваємо) перший кадр на часовій шкалі і відкриваємо в нижній панелі Властивості меню інтерпольованого (у мене там написано «Між»), вибираємо пункт Рух.

Власне: Ура! Ми створили анімацію. Потрібно переглянути що вийшло. Зробіть публікацію, як було вже прописано вище. І - ву-а-ля.

Давайте додамо дещо в наш мультик. Виберіть знову 25-й кадр і виділіть вашу фігуру. Увійдіть в діалог Ефект (Effect) на панелі Властивості. У випадаючому списку в цьому діалозі виберіть Прозорість (Alpha), а що з'явився параметр опустіть до 0% (спробуйте самі інші ефекти, Відтінок, Яскравість і т.д.). Тепер на 25-му кадрі гурток стане прозорим. Я додав ще: Вставив на часовій шкалі ще один порожній ключовий кадр - 50-й, скопіював перший кадр і вставив його вміст в 50-й кадр. Вгадайте, що вийшло.

Отже, що ж в результаті: Ви трохи менше стали боятися редактора Flash; Познайомилися коротко з інтерфейсом редактора і деякими інструментами, навчилися робити просту анімацію, ознайомилися з деякою специфікою роботи по застосуванню ефектів; навчилися налаштовувати і публікувати свої флешки. Для першого разу - зовсім непогано. завантажити исходник , 5.42 Кб Zip.

При наявності деякого часу я спробую продовжити прості уроки, пишіть - чи варто.

Якщо у Вас виникнуть запитання або пропозиції - звертайтеся на Форум.