Macromedia Flash, перше знайомство, Flash, Інтернет-технології, статті

BuG (www.psactions.by.ru)
www.gnezdo.webscript.ru

Flash … про це ви точно чули і навіть бачили, причому перша зустріч напевно була запам'ятовується, валиться просто в шоковий стан: що відбувається??? Ні, у вас з головою все в порядку, монітор ваш працює нормально і це зовсім не пустощі Білл Гейтса – перед вами Flash!

Починаючи писати цю статтю мені хотілося б охопити весь масив інформації відноситься до Flash, але, як відомо, стислість –
сестра таланту, і моє завдання не навчати вас цієї технології, а лише ДОПОМОГТИ почати вивчати! Я розповім вам про те де все
це робиться і навіщо все це робиться, про те чому технологія Flash за кілька років стала сверхпопулярной серед web-розробників,
ну а також про те, чому так багато людей фанатіють від Flash, адже Flasher – це не та людина, яка просто щось там робить,
Flasher – це насамперед людина захоплений, захоплений Flash, може з моєї подачі ще одним флешер більше буде? Отже, почнемо …

Що таке Flash або про Спалаху.

Flash (в перекладі з англ. "Спалах") – порівняно нова мультимедіа технологія для мережі Інтернет.
Флеш працює з векторною графікою, а з виходом Flash 4 з'явилася можливість створення інтерактивних програм. Сама ж технологія Flash
з'явився близько 4-х років тому (тобто Flash почав свою ходу з 1996 р.), а російськомовна частина мережі стала обростати прикладами Flash в останні
1,5-3 року (тобто з 1997 г). Звичайно ж, Flash в дії найкраще самому побачити, ніж почути це від кого-небудь: не вистачить ніякого таланту,
щоб описати ту незвичайну гладкість ліній, соковитість фарб і динаміку, доповнюється вдало підібраною музикою. Спочатку це були
найпростіші заставки, а потім з'явилися й цілі Flash-сайти, які включають в себе чати, гостьові книги, голосування та форуми – і все
на флеш. Флеш пов'язали з CGI, Java, PHP …

Що потрібно вам, як Flash глядачеві?

Для перегляду флеш-заставок, або будь-якого іншого
флеш-контенту до броузеру повинен бути встановлений флеш-плагін, який можна скачати безпосередньо з сайту-розробника Flash –
Macromedia (Www.macromedia.com). Але після випуску в 2000р. чергового Macromedia Flash 5 корпорація
Microsoft заявила, що тепер Flash повністю інтегрований з усіма продуктами Microsoft, пов'язаними з мережею Інтернет. Напевно вам і
викачувати нічого не доведеться (за статистикою 90% комп'ютерів в Інтернеті мають підтримку Flash), можливо, у вас вже все встановлено,
тато Microsoft слів на вітер не кидає – сказав, як відрізав! Тепер flash – стандарт визнаний і підтримуваний всіма. (Перевіряється
наявність плагінів легко – сходіть на flash-сайт, наприклад сюди: sobaka.knows.it,
readme.webscript.ru якщо все працює, значить нормально, нічого вам не треба, ну а якщо
абсолютно нічого не працює, то вам явно потрібно встановити flash plug-in.)

Я б у флешер пішов …

Але ви напевно читаєте
все це не для того, щоб просто почитати, напевно ви хочете спробувати свої сили в Flash … Звичайно, можна замовити флеш-сайт, або
заставку який-небудь дизайнерської групі зразок Legus (www.legus.ru),
Eye4U (www.eye4u.com), Але ціни на ці супермодні та видовищні
послуги надвеликі – нерідко тільки створення заставки перевалює за $ 1000, а якщо вже говорити про цілий Flash-сайті … Спробуємо зробити
це самі – али ми на кнопки тикати не вміємо? Для створення свого флеш-проекту нам знадобиться комп'ютер (якщо такого у вас немає, то терміново
біжіть в найближчий магазин, і мишку купити не забудьте!), конфігурація якого може бути будь-яка (починаючи від комп'ютерів покоління Pentium),
і програма, для створення флеш-анімації. На даний момент лідерами серед таких програм є Macromedia Flash і Adobe Go Live.
Особисто я віддаю перевагу продукти Macromedia, тому і вам раджу (всі уроки, ради тощо будуть виконані використовуючи виключно
Macromedia Flash 5). У новій п'ятої версії Macromedia Flash був значно змінений інтерфейс (".. доступний будь-якій людині, перший раз
побачив Flash … "- так заявила сама Макромедіа, хоча, якщо чесно, просто тикаючи на всі кнопки, нічого путнього не доб'єшся. У програмі
є курс уроків, навчальних основам роботи – уроки хороші, але англійською …). Отже встановлюйте Flash 5-ої версії, і почнемо …

Поїхали!

Завантажили? Трохи недружній інтерфейс, чи не так? Не схожий на знайомий інтерфейс Windows і MSWord
(І на Quake теж не схоже ;-)), навіть не схожий на інтерфейс Adobe Photoshop. Але ви швидко звикнете, насправді він дійсно
дуже зручний.

Після завантаження програми для вас автоматично створюється новий файл. Білий прямокутник (квадрат) посередині –
це і є ваш перший флеш-проект. Розміри і колір фону вашого фільму ви можете змінити, натиснувши Ctrl+M або в меню Modify–>
Movie
. Який розмір ви виберете, такого розміру він і буде відображатися в броузері. Ось полігон для випробувань і готовий!

Зліва ви бачите панель з інструментами малювання, як ви вже здогадалися, саме цим ми й будемо малювати, і створювати свої шедеври
(Тріпочи, світ!).
По-моєму, значення всіх інструментів інтуїтивно зрозуміло (Олівець – малювати "від руки", Прямокутник – малювати
чотирикутники і т.д). Флеш працює в основному з векторною графікою, але можливий і експорт растрових зображень (той же GIF, JPEG).
Але растрові зображення істотно збільшують розмір фільму, тому бажано обмежитися тільки векторами. Не буду пояснювати
чим відрізняється растр від векторів, скажу лише пару слів:

  • векторна графіка – В файл записуються координати окремих
    точок, які потім з'єднуються лініями, тобто записуються тільки певні точки;

  • в растрі записуються всі координати
    і параметри кожної точки, що і збільшує обсяг файлу.
    Правда, при великій кількості дрібних елементів, векторні зображення
    обганяють за обсягом растрові.

    Який самий життєво важливий орган у сайту? Звичайно навігаційна панель! Ось над нею ми зараз
    і поглумився … А з чого вона складається? Правильно з кнопок, ось їх ми й будемо зараз робити.

    Робимо кнопку

    Відкривайте меню
    Insert–>New Symbol, Або натисніть Ctrl+F8. У меню, даємо ім'я, і ​​вибираємо тип об'єкту:
    Movie clip (В народі "мувік" – анімаційний фрагмент), Button (Якраз кнопка) і Graphic(Просто картинка).
    Вибираємо Button, І називаємо but1.
    Розкривається вікно редагування цієї кнопки. Вище робочої області області
    знаходиться основна частина флеша – як-би монтажерскій стіл, кожна невелика осередок – окремий кадр. В даному випадку ми редагуємо
    кнопку, і у нас 4 прямокутника з підписами: Up, Over, Down, Hit – Вони позначають положення миші по
    відношенню до нашої кнопці, відповідно звичайний вид кнопки, курсор над кнопкою, клік, і область кліка. Зліва від всіх цих прямокутнички
    знаходиться шар Layer 1 – Так, так, це шари такі-ж як у Adobe Photoshop, тим хто знайомий з цією програмою розібратися з шарами буде
    простіше простого.

    Вибираємо шар одним клацанням, клацаємо по прямокутнички з підписом Up і малюємо звичайний вид кнопки. Можете
    намалювати коло, і помістити в ньому текст. Готово? Тепер клацаємо правою кнопкою по прямокутника з написом Over і вибираємо в
    випадаючому меню Insert Keyframe. Тепер міняємо у кнопки наприклад колір. Insert Keyframe під Down і
    міняємо колір і там. Готово?

    Бачите там трохи вище ліворуч написи Scene 1 | but 1 – Це говорить про те, що ми редагуємо символ
    but1 в сцені Scene 1. Клацаємо по Scene 1 і переходимо до основного фільму. Тепер, щоб вкласти сюди свою
    кнопочку, тиснемо Ctrl+L або Window–>Library, І отримуємо віконце з назвою Library – Бібліотека,
    містить усі символи з вашого фільм. Бачите but1? Перетягніть його куди-небудь на лист (до робочої області).

    Так ми помістили свою кнопку в основному фільмі. Збережіть файл куди-небудь на жорсткому диску File–>Save. Тепер для
    перегляду отриманого тиснемо Control–>Test Movie. Ось відкрилося вікно "перегляду" – тобто так виглядатиме ваш фільм.
    Спробуйте підвести курсор до кнопки. Подобається?? Для того щоб подивитися, як це буде виглядати у броузері, натисніть F12 або
    File-“Publish Prewiev-“default(HTML). Програма автоматично створить *. html файл для вашого фільму, і відкриє
    його у вікні вашого броузера. Всі файли зберігаються там, де ви зберегли свою роботу.

    Натиснув на кнопку і?

    Кнопку ми зробили,
    ну а далі то що? Як переправити людини, натиснувши на кнопку, на якусь певну сторінку? Дуже просто! Для цього достатньо
    в основному вікні Flash редактора, клацнути правою кнопкою миші по створеній нами кнопці, і в меню вибрати Actions.
    Серед доступних команд обираєте Get Url і, в меню, вписуєте свій URL. Крім самого адреси, можна вказати:

  • ім'я вікна в рядку window (Якщо використовуються фрейми). Там же можна вказати чи відкривати при клацанні по кнопці нове вікно (target_blank)

  • Рядок Variables необхідна, якщо ви хочете передати зі свого ролика серверному скрипту будь-які дані (можна вибрати
    метод POST або GET). Для нашої кнопки цей пункт не потрібен.

    Все! Для публікації, скористайтеся File->Publish Settings.
    Де ви можете вибрати формат публікації (за умовчанням це HTML і Flash) і зможете налаштувати деякі параметри публікації.
    Після натискання Publish, Flash редактор створить вам однойменний HTML файл та *. swf файл (це flash файл для публічного перегляду.
    HTML ви можете сміливо правити, тільки обережніше зі спец. кодом).

    Сподіваюся, що все вищесказане ви читали і одночасно
    виконували – просто читати, напевно, було не дуже захоплююче …

    Happy End

    Ну от. Flash – це не так вже й складно, як може
    здатися спочатку. Просто потрібно зрозуміти суть. А потім почнете писати actionscript'и для нього, прелоадер і т.д. (Green Kakadu.
    Я нещодавно такий preloader зробив, що всі броузери висли!) Взагалі, якщо хочете подивитися як роблять професіонали, просто напишіть
    автору якого-небудь сайту з гарною анімацією і попросіть вислати исходники для самонавчання. Спрацьовує на 90% (Green Kakadu.
    А я в цьому сумніваюся, правда не пробував), але натомість ви не повинні використовувати ні один символ з кліпу. Крім того, існують досить
    багато бібліотек исходников – найбільш популярний сайт, серед флешер всього світу, це www.flashkit.com,
    там, крім великої кількості різноманітної інформації по Flash, можна знайти і безліч *. fla файлів для розтину …
    Тепер ви приблизно
    зрозуміли, що таке Flash і як це робиться (сподіваюся, що я викладав свої думки виразно). Основи отримали, а там, якщо сподобається, то методом
    "Наукового тику" ви навчитеся і створювати анімаційні ролики, і додавати музику, і експортувати растрові зображення. Хоча просто
    "Тиком" тут не обійдешся, але якщо flash вас захопить, то ви і на книжку напевно розщедритися, та й в Інтернеті інформації для флешер чимало …
    Ой, забув найголовніше! Формати файлів: *.fla – Робочий файл проекту (саме в такому файлі і знаходяться исходники); *.swf – Готовий фільм для публікації в Інтернет (його ви вже не розкриєте і не поредактіруете, тобто це файл чисто для перегляду).

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


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

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

    Ваш отзыв

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

    *

    *