Створення флешок та анімації у програмі SWF Text. Створення Swf - Завантажити Програми - Софт Soft Як створити файл swf на комп'ютері

Створення флешок та анімації у програмі SWF Text. Створення Swf - Завантажити Програми - Софт Soft Як створити файл swf на комп'ютері

Багато творців інфопродуктів, інтерактивних інтерфейсів, ігор, банерних матеріалів, відео та іншої анімації вже знайомі із SWF файлами та активно з ними взаємодіють.

Цей формат працює з Flash-анімацією, векторною графікою, аудіо, відео в Інтернеті. Відтворюватися будь-яким браузером з встановленим Flash Player.

Цей формат має низку переваг, серед яких:

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

Якщо ви є одним з тих, хто планує займатися роботою з Flash медіа-файлами, вам знадобиться софт, а також певні знання. Які? Читайте далі…

Програма для створення SWF

Для створення SWF-анімаціївам потрібен Adobe Flash. Програма комерційна (платна), проте з огляду на те, що ми живемо у світі «піратства» та «беззаконня», ви напевно без проблем знайдете крякнуту версію в Яндексі.

Але пам'ятайте, що піратство переслідується законом! Так що це все на вашій совісті =)

Є аналоги, наприклад - Sothink SWF Quicker. На жаль, програма також не безкоштовна.

Відео уроки зі створення Flash

Давним-давно, ще в ранні шкільні роки, ходив на курси з Flash. І пам'ятаю, що розібратися без наставника в роботі софту (Adobe Flash) було дуже нелегко (можливо через англомовну версію, а можливо справа була у віці і відсутності базису). Тому рекомендую скористатися відео-уроками, які я знайшов на Youtube. Сподіваюся, автор не буде проти, якщо я розмістю у себе на сайті перший із них:

У профілі ви знайдете ще дуже багато корисного матеріалу по роботі з Flash, в чесності по створення SWF-файлів.

Більшість користувачів комп'ютерних систем так чи інакше стикалися з Flash-анімацією. У такому форматі виконано багато мультфільмів, банерів на сайтах або навіть простеньких інтернет-ігор. Але що ж є SWF-файли і як вони створюються або редагуються, якщо в готовий проект потрібно внести якісь зміни? Про це і багато іншого далі й йтиметься.

Що таке SWF-файли?

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

Насправді, самі файли є компільованими похідними від вихідного формату FLA, який, у свою чергу, є проектом, в якому можна побачити і змінити початкову структуру. Звичайно, для цього потрібен якийсь редактор SWF-файлів. Але який? Адже сьогодні для створення та редагування Flash-анімації створено стільки програм, що в них досить легко заплутатися.

Чим відкрити файл SWF?

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

У другому випадку для коректного відтворення обов'язковою умовою є наявність встановленого плагіна Flash Player від компанії Adobe або його аналога у вигляді розширення Macromedia Flash, що, загалом, те саме.

Принцип редагування готового Flash-ролика

Тепер кілька слів про те, як загалом здійснюється редагування готового проекту. Редактор SWF-проектів найпримітивнішого типу просто так відкрити файл не зможе, оскільки готовий SWF-файл, як уже було сказано, є компільованим і містить мінімум інформації про початкову структуру.

Таким чином, перед тим як використовуватиметься найпростіший редактор SWF-файлів, спочатку готовий файл потрібно перевести, так би мовити, в читабельний вигляд. Іншими словами, його потрібно декомпілювати у вихідну форму FLA. Для цього застосовуються спеціальні утиліти, Про які буде сказано окремо.

Найкращі редактори для створення анімації з нуля

Тим не менш, для створення ролика (а не його редагування) на початковому етапі можуть застосовуватися і найпростіші програми, і цілі програмні пакети професійного рівня.

Всі їх описати не вийде, але серед призначених для цього програм можна виділити кілька найпопулярніших:

  • Alligator Flash Designer
  • SWiSH Max.
  • Adobe Flash Professional.
  • Corel R.A.V.E.
  • Sony Vegas Pro.

Alligator Flash Designer

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

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

SWiSH Max

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

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

Adobe Flash Professional

Редактор SWF файлів Adobe Flash є програмним пакетом професійного рівня, який з першого разу освоїти зможе далеко не кожен.

У його арсеналі є стільки інструментів, що, як вважають багато професійних веб-дизайнерів та аніматорів, з їх допомогою можна реалізувати будь-яку фантазію. До речі, якщо подивитися на світові рейтинги програмного забезпеченняцього напряму, саме програми Adobe Flash серії CS та CC є безумовними лідерами.

Corel R.A.V.E.

Перед нами ще один професійний редактор SWF, який має можливості порівняти з попереднім пакетом від Adobe.

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

Sony Vegas Pro

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

Програма дозволяє створювати та редагувати анімаційні ролики (в даному випадку упор робиться саме на них) з використанням понад 200 ефектів, редагування можна проводити на основі 8-бітного режиму, а на стадії фіналізації для покращення якості переключитися на 32-бітний. Тут же можна застосовувати колірні фільтри для усунення відмінностей у різних фрагментах, задавати частоту розкадрування на рівні 30 fps і вище, а також встановлювати різні співвідношення сторін зображення, включаючи навіть перетворення і переходи між ними (4:3, 16:9, 16: 10), і т. д. Загалом інструментів вистачає.

Додаткові утиліти для роботи з Flash

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

Серед самих необхідних программожна відзначити такі:

  • Flash Decompiler Trillix.
  • Sothink SWF Decompiler.
  • Flash Optimizer.
  • Sparkle SWF Optimizer.

Flash Decompiler Trillix

Ця програма знадобиться початківцю для перетворення файлу SWF у формат FLA, щоб проект можна було відкрити навіть у самому простому редакторі і внести в нього необхідні зміни.

По суті, це просунутий конвертер із можливостями редактора, в якому зміни можна вносити «на льоту». Також за його допомогою можна проводити пакетну конвертацію. І робиться це все без обов'язкової установки плагінів Adobe та Macromedia.

Sothink SWF Decompiler

Ця програма – теж декомпілятор-редактор, щоправда, платний. Можливості його дуже цікаві. Він орієнтований на швидке створення або редагування банерів, роликів та навіть Flash-ігор.

Для новачків у додатку передбачено наявність спеціального «Майстра» на основі вибору виду та структури майбутнього проекту із наявних шаблонів. Крім того, можна працювати з вихідним кодом, застосовувати всілякі фільтри, ефекти або створювати векторні зображення в спеціальному середовищі WYSIWYG.

Flash Optimizer та Sparkle SWF Optimizer

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

Як стверджується на офіційних сайтах розробників, ці утиліти дозволяють зробити компресію та зменшити розмір вихідного об'єкта на цілих 70%. Вони є кілька типів оптимізації із застосуванням автоматичного перетворення після завдання необхідних параметрів.

Що використовувати?

Нарешті, питання найголовніше: «Що з цього вибрати?». Думаємо, аніматорам-початківцям і веб-дизайнерам почати варто з найпростіших утиліт. Тим, хто хоч трохи розуміється на створенні та редагуванні SWF-роликів, без сумніву, підійдуть професійні утиліти. Тут вибір за юзером. Втім, за бажання та вивчення довідкової інформації, яка є в більшості представлених додатків, освоїти роботу з ними можна дуже просто. Але який редактор краще? По праву пальма першості належить розробкам компанії Adobe, хоча й інші редактори та декомпілятори скидати з рахунків не варто.

Все ж таки існуючі SWF flash-фільми можуть бути використані як зразки для створеннянових flash-фільмів (при заміщенні відеокліпів, текстів, картинок, різновидів скриптів дій SWFзразком). ... - Здатність конвертувати SWFв EXE, SWFу SCR (екранну заставку). ... - Здатність використовувати існуючі SWFфайли як шаблони для створеннянових flash фільмів.

5 наступні: - Перетворення MP3/WAV файлів для прослуховування або SWFзвуків; - перетворення MP3 файлів; - створення SWFЗвукових бібліотек; - Перезаписування через мікрофон та пряме перетворенняв SWF; - вибір сотні звукових файлів відразу для перетворення; - Легкий у використанні інтерфейс; - Завантаження сервера Програми Передачі Файлів; - створення XML базованого проекту;

Sothink SWF Decompiler – це лідируюча сервісна програма, для захоплення, декомпіляції та вилучення Shockwave Флеш фільмів, особливо конвертування ваших SWFу FLA. ... Для керування, перегляду веб сторінки в Internet Explorerабо Firefox, ви можете увімкнути Sothink SWF Catcher як допоміжна програма для захоплення флеш фільмів; дана програма дуже зручна для декомпіляції SWF.

Ця програма створенняфлеш може редагувати практично всі елементи SWFфайлів, такі як: тексти, фігури, URL, ActionScript і т. д. Ви можете знайти все, що ви могли чути про це – дизайн форм створення рухи, що проводиться рух та додавання потокового звуку; або все, що ви чули про це – редагуйте SWFбезпосередньо.

Анімований кліп може бути збережений в avi або swfформаті і може бути легко вивантажений на веб сторінку. ... створення анімації ще ніколи раніше не було такою простою операцією. ...Конвертує фільми в анімаційні кліпи. ... Просто скачайте фільм або домашнє відео (в форматі avi), клацніть кнопкою і перегляньте готову анімацію.

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

... - створення необмежену кількість анімації. ... - Візуалізація перетворення у різних популярних форматах, включаючи Флеш SWFта анімовані GIF, також як експорт у реальних форматах, таких як JPEG, PNG, TIFF та інших. ... – Плюс велика кількість додаткових функцій. ... - Розподіл анімації з друзями та сім'єю, використовуючи вбудовану функцію надсилання електронною поштою.

Укажіть основні структури коду, написаного на AS3.Є три основні частини будь-якого AS3 коду:

  • Змінні. Вони зберігаються дані (числові, текстові, об'єктні та ще). Змінні визначаються кодом var та одним словом.
  • Оброблювачі подій. Шукають певні події, які мають бути виконані, та повідомляють про них інші частини програми. Це необхідно для введення гравця та повторення коду. Як правило, обробники подій звертаються до функцій.

    addEventListener (MouseEvent. CLICK, swingSword); // "addEventListener()" - визначення оброблювача подій. // "MouseEvent" - категорія введення, що очікується до виконання. // ".CLICK" – певна подія у категорії MouseEvent. // "swingSword" - функція, що запускається під час виконання події.

  • Опції. Розділи програми, що визначаються ключовим словом; до них звертаються під час виконання програми. Код складної гри може включати сотні функцій, а простий ігри – лише кілька. Функції можуть розташовуватися у довільному порядку, оскільки вони запускаються лише тоді, коли до них звертаються.

    function swingSword (e: MouseEvent): void; ( // Код ) // "function" - ключове слово, що вводиться на початку будь-якої функції. // "swingSword" - ім'я функції. // "e:MouseEvent" – додатковий параметр, що вказує на те, // Що до функції звертається обробник подій. // ": void" - значення, що повертається функцією. // Якщо значення не повертається, використовуйте: void.

Створіть об'єкти, з якими взаємодіятиме гравець.До об'єктів можна віднести спрайти, персонажів чи відеокліпи. У нашому прикладі простої гри ви створюватимете прямокутник.

Вкажіть властивості об'єкта.Для цього відкрийте меню «Змінити» та виберіть «Перетворити на символ» (або натисніть F8). У вікні «Перетворити на символ» призначте об'єкту ім'я, що легко впізнається, наприклад, «ворог» (enemy).

  • Знайдіть вікно «Властивості». У верхній частині вікна розташоване порожнє текстове поле, позначене як "Ім'я зразка" (якщо навести на це поле курсор). Введіть те саме ім'я, яке ви вводили під час перетворення об'єкта на символ (у нашому прикладі «ворог»). Це призведе до створення унікального імені, яке можна використовувати в коді AS3.
  • Кожен зразок є окремим об'єктом, який залежить від коду. Ви можете скопіювати вже створені зразки; для цього кілька разів натисніть "Бібліотека" та перетягніть "зразок" на "сцену". При кожному додаванні "зразка" його ім'я буде змінюватися ("ворог", "ворог1", "ворог2" і так далі).
  • Коли ви звертаєтеся до об'єкта в коді, просто використовуйте ім'я зразка (у нашому прикладі ворог).
  • Зміна властивостей зразка.Після створення зразка можна змінити його властивості, наприклад, змінити розмір. Для цього введіть назву зразка, потім «.», потім назву властивості, а потім значення:

    • enemy.x = 150; Задає положення об'єкта "ворог" по осі Х.
    • enemy.y = 150; Задає положення об'єкта "ворог" по осі Y (початок осі Y лежить у верхній точці "сцени").
    • enemy.rotation = 45; Поворот об'єкта "ворог" на 45° за годинниковою стрілкою.
    • enemy.scaleX = 3; Розтягує об'єкт "ворог" по ширині на множник 3. Негативне значення величини переверне об'єкт.
    • enemy.scaleY = 0.5; Уріже висоту об'єкта вдвічі.
    • .
  • Вивчіть команду trace().Вона повертає поточні значення для конкретних об'єктів і необхідна визначення того, що все працює правильно. Не варто включати цю команду в вихідний кодігри, але вона знадобиться вам для налагодження програми.

    Створіть найпростішу гру, використовуючи наведену вище інформацію.У нашому прикладі ви створите гру, в якій противник мінятиме розмір кожного разу, як ви клацніть по ньому, і доти, доки у нього не закінчиться запас здоров'я.

    var enemyHP: Number = 100; // Задає величину запасу здоров'я супротивника (100 початку гри). var playerAttack: Number = 10; // Задає силу атаки гравця при натисканні на противника. enemy. addEventListener (MouseEvent. CLICK, attackEnemy); // Дія цієї функції спрямоване безпосередньо на об'єкт «ворог», // тобто функція запускається тільки тоді, коли клацання припадає на об'єкт, // а чи не інше місце на екрані. setEnemyLocation(); // Розміщує супротивника на екрані. // Запускається на початку гри. function setEnemyLocation (): void (enemy. x = 200; // Переміщує супротивника праворуч на 200 пікселів від лівої частини екрана. enemy. y = 150; // Переміщує супротивника вниз на 150 пікселів від верхньої частини екрана. enemy. rotation = 45; // Повертає ворога на 45 градусів за годинниковою стрілкою. trace ("enemy"s x-value is", enemy. x, "and enemy"s y-value is", enemy. y); // Відображає поточну позицію противника для налагодження.) function attackEnemy (e: MouseEvent ) : void // Створює функцію для опису атаки при натисканні на противнику.(enemyHP = enemyHP-playerAttack; // Віднімає значення сили атаки гравця із значення запасу здоров'я супротивника. // В результаті виходить нове значення запасу здоров'я супротивника. enemy. scaleX = enemyHP / 100; // Змінює ширину з урахуванням нового значення запасу здоров'я противника. // Це значення ділиться на 100, щоб отримати десятковий дріб. enemy. scaleY = enemyHP / 100; // Змінює висоту з урахуванням нового значення запасу здоров'я противника. trace ("The enemy has", enemyHP, "HP left"); // Відображає втрачений запас здоров'я. }

    Кілька разів уже доводиться потіти над не зовсім стандартним завданням: є флеш-банер (файл у форматі.swf), який потрібно зробити посиланням... Взагалі по феншу подібні речі робляться в самому флеші ще під час розробки банера, і посиланням виступає безпосередньо банер без жодного обертання його в тег . Але, мабуть, часто флешери забувають запитати замовника, куди повинен вести банер, і ця справа перекладається на плечі верстальника. І тут виникає проблема.

    Варіант 1 (неробочий). З ходу приходить ідея тупо обернути банер посиланням. Але якщо просто обернути код самого флеш-банера в тег посилання код флеш-банера, то, як це не дивно, нічого у вас не вийде: при наведенні на банер курсора посилання в рядку стану буде не видно, і клік по банеру нічого не дасть .

    Варіант 2 (неробочий). Витончений верстальник піде далі і спробує зробити посилання блокової і спозиціонувати її абсолютно прямо поверх банера, поставивши її z-index більше. Але, як це не дивно, і це нічого не дасть. Саме час окреслити проблему: flash-об'єкти за замовчуванням мають нескінченний z-index", перекриваючи будь-який, навіть абсолютно позиціонований над ними об'єкт.

    Варіант 3 (частково робітник). Щоб позбавити flash від нескінченного z-index"a, розробники flash"a дали нам зручний параметр: Або ж просто wmode = "opaque", якщо вбудовуєте flash через .

    Тут у нас виходить наступний варіант:

    Але це ще не все! Адже цей варіант, якщо в посиланні немає ніякого тексту, дивним чином відмовляється працювати в IE 6-9 (якщо в посиланні все ж таки буде текст, то цей текст поверх flash-банера буде цілком клікабельним в IE), і як звичайно для осла нам потрібно спеціальний милиця...

    Варіант 4 (100% робітник)

    Щоб варіант 3 працював і в IE, необхідний унікальний милиця – задати для посилання прозорий бекграунд за допомогою однопіксельної прозорої картинки (в даному випадку s.gif):

    Цей варіант працює у всіх популярних браузерах. Я особисто перевірив на IE7-9, актуальних сьогодні версіях FF, Safari, Opera.

     

     

  • Це цікаво: