Уроки Flash MX. Перший урок, Програми для роботи з графікою, Програмні керівництва, статті

У рок перший (основи інтерфейсу, малювання, зафарбовування, заливка, символи (види і типи), анімація, покадрова анімація, шари)

Ну здрастуй мій дорогий юзверя, цілком розумію твоє бажання скоріше ознайомитися з пакетом Macromedia Flash, та й усієї Flash технологією в цілому. Давайте трохи подивимося в минуле, технологія Flash була створена, як векторна графіка для використання в інтернеті. Але з часів тих часу пройшло вже пристойно і бридке каченя перетворився на красивого лебедя, технологія Flash придбала свій об’єктно-орієнтований мову програмування Action script (тов. програмісти почали писати на ньому ігри та інші красивості), розвинулися та алгоритми зберігання інформації та пр. Якщо ти хочеш ознайомитися з навичками роботи в Flash MX то ти потрапив за адресою, отримавши базовий курс знань, ти далі зможеш в залежності від своєї фантазії, кмітливості, смаку і бажання створювати свої Flash кліпи. Так що приступимо!

Для початку, я так думаю доведеться нам з тобою ознайомитися з інтерфейсом. Сподіваюся, що як виглядає Flash MX після запуску ти вже подивився. Спершу розберемося з панеллю інструментів розташована вона за замовчуванням ліворуч, на ній знаходяться основні інструменти для роботи з графікою, при виборі одного з них під панеллю інструментів з’являється панель додаткових опцій для кожного інструменту. А тепер детальніше про кожного з них (я перерахую їх зліва направо, зверху вниз)






 

1 це “виділення” за допомогою нього можна виділяти прямокутні області графіки та об’єкти
2 це так зване “суб виділення” за допомогою нього можна координувати
3 “пряма” – дозволяє намалювати пряму лінію
4 “ласо” – можна захоплювати частину зображення
5 “pen-tool” – (перекладу я не знаю) дозволяє намалювати лінії по точках і задати кут між кожною
6 “текст” – текстовий введення
7 “коло” – малює коло, або овал
8 “квадрат” – малює квадрат або прямокутник
9 “олівець” – малювання від руки, олівцем
10 “кисть”-малювання пензлем
11 “трансформація”-обертання, зміна розмірів
12 “зміна заливки” – дозволяє управляти заливанням: напрямок, радіус
13 “чорнило” – надає додаткову товщину
14 “заливка” – можна заливати квітами об’єкти
15 “піпетка” можна вибрати будь-який колір з меж робочої обдасть Flash MX

А тепер перейдемо до практичного застосування кожного з інструментів, для початку вибери з панелі інструмент коло і потягнув покажчик на робочій області вправо і одночасно вниз. У тебе вийшло якесь подобу кола, а щоб вийшов точно коло, то потрібно плюс до всього під час малювання затиснути shift. Ти напевно помітив, що під панеллю інструментів коли ти вибрав “коло” з’явилися додаткові опції: вони вказують колір заливки та обведення. В результаті твого малювання повинно вийти щось подібне.

Тепер якщо ви виділите наш об’єкт інструментом виділення (див. вище), то в панелі “властивості” повинно з’явитися наступне

Де:
1-висота об’єкта
2-ширина об’єкта
3-положення по осі Х
4 – положення по осі Y
5-заливка
6-товщина ліній обведення
7-колір ліній обведення
8-вид ліній обведення
9-настройка ліній обведення

Я думаю, що якщо ви самі поексперіментіруете, з усіма параметрами, то ви швидко розберетеся з усім самі. Я розповім вам детальніше про панель “властивості”: вона відображає властивості активного (тобто того якого ви виділили) об’єкта. За умовчанням вона виглядає так

1-настройки публікації
2-розмір сцени
3-фон сцени
4-швидкість зміни кадрів

Тепер повернемося до нашого колу і виділимо його за допомогою інструмента “трансформація”






  Якщо перевести курсор в точку
1-отримуєте можливість зміни розмірів висоти
2-зміна розмірів ширини
3-одночасно і ширина і висота
4-обертання

Тепер давайте заллємо наш круг градієнтом, для цього виберіть інструмент “заливка”. А потім у панелі “властивості” виберемо колір зелений градієнт

і клацнемо в центрі нашого кола, вийти приблизно це-

Але ще можна підкоригувати заливку, для цього виберемо інструмент “зміна заливки” з знову клацнемо в центр кола, з’явитися коло відображає стан заливки, їм можна управляти (дуже схоже на те що я описав вище, інструмент трансформація). Далі я думаю не має сенсу розбиратися з рештою інструментами, тому що якщо самому поекспериментувати з ними, то ви все помети самі. А які ніякі, основні навички роботи в Flash інтерфейсі ви отримали.

Тепер прийшов час розбиратися з анімацією і символами. Давайте для початку подивимося що таке timelalane (далі таймлайн)






 

1 – шар (їх може бути необмежена), про них докладніше нижче
2 – приховати те що намальовано в шарі
3 – замкнути шар для редагування
4 – відображати лише контури шару
5 – активний фрейм (тому, що на ньому стоїть каретка)
6 – наступний фрейм (кадр)
7 – каретка яка показує фрейм, який зараз відображається в робочій області
8 – створити шар
9 – створити направляючий шар
10 – створити папку, в яку можна поміщати верстви
11 – видалити шар

Тепер докладніше про те що таке шар. Можна легко зрозуміти якщо припустити, що у вас є прозоре скло, під ним лежать листки паперу на яких щось намальовано. Те ж саме і тут.

Що таке покадрова анімація? У Flash `e є два способи малювання анімації. Перший-ви самі все малюєте в кожному кадрі, не дуже продуктивний в наслідок часто великого розміру фаіла, спосіб, але іноді незамінний. Є також і другий спосіб, де ви вказуєте перший і кінцевий кадр, а Flash домальовує все за вас!

Зараз я розповім про покадрової анімації, як я вже говорив у покадрової анімації художник малює кожен новий кадр сам. Щоб виконати подібне треба навчитися вставляти кадри. Клацніть на таймлайн, пером кадрі та натисніть f6, це ви вставили ключовий кадр (тобто повторює зміст попереднього), тепер зміните зміст вашого вставленого фрейма, і знову вставляєте наступний кадр. І так поки не доб’єтеся своєї мети, це і є покадрова анімація.

Є ще один спосіб анімації, де flash малює за вас. Давайте намалюємо не дуже великий гурток у правому нижньому кутку що то зразок цього

виділимо його, як на малюнку і перетворимо в об’єкт, натиснемо f8 і з’явитися ось така панелька






  Де:
1 – вирівнювання
2 – назва символу (може бути будь-яке)
3 – анімаційний кліп (в цей тип стота перетворювати якщо ваш символ має кокое або рух)
4 – кнопка, має чотири фіксовані положення (докладніше про кнопки у наступному уроці)
5 – графіка, варто перетворювати якщо у вас об’єкт статичний

Нам же потрібен movie clip, ставимо галочку і тиснемо ОК. Тепер на таймлайн вставляємо ключовий (f6) фрейм на позначці 20

Під фреймі номер двадцять наш гурток з правого нижнього кута переміщаємо в лівий верхній кут

А потім УВАГА, виділяємо перший фрейм і клацаємо правою кнопкою, вибираємо create motion tween або також виділяємо перший фрейм і в панелі властивості вибираємо Tween – motion. Таймлайн тут же забарвлюється в бузковий колір

Тепер тиснемо Control + Enter і дивимося. Як ти напевно зрозумів Flash за тебе намалював кадри 2-19. Давай тепер зробимо щоб наше коло з’являвся з нізвідки, виділи коло в першому фреймі і в панелі властивості вибери color – alpha – 34%, ну як. Якщо ти ще поекспериментуєш сам то ти багато чого зрозумієш, так що давай.

Тепер ще один приклад анімації, як зробити з квадрата синього кольору коло зеленого. Намалюйте в першому фреймі квадрат синього кольору. Вставте ключовий кадр на позначці 20, і видаліть з нього квадрат, а на його місці намалюйте крутий зеленого кольору. Тепер виділіть перший фрейм, в панелі властивості виберіть tween – snape. Якщо ви зробили все правильно, то таймлайн повинен забарвитися не в бузковий як попередньому випадку, а в зеленуватий колір. Тут анімація пов’язана зі зміною властивостей самого об’єкта тобто колір, форма вона називається Shape Tween. А розглянута в попередньому випадку, пов’язана з розмірами і положенням об’єкта, його прозорістю та іншими ефектами Motion Tween.

Що то типу передмови, на розглянутих прикладах я розглянув лише прості об’єкти, типу коло і квадрат. Вони можуть бути будь-якими. І ЩЕ раз повторюся, якщо ви будете самі експериментувати на основі отриманих тут відомостей, то ви не тільки швидше розберетеся що до чого, але і створите щось своє.


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*