Створення флеш банера

Крім цього в LiveSwif lite відсутня ряд звичних інструментів таких, як «Ластик», «Піпетка», «Лассо» і т.д. Відрізняється і управління програмою. Так, наприклад, спочатку дуже незвично відсутність контекстних меню для об'єктів кадру або розкриття меню інструментів (щоб відкрити і вибрати альтернативний інструмент слід затиснути ліву кнопку миші на потрібній іконці і потягнути вправо). Але не будемо забігати наперед ...

Для початку установімLiveSwif lite. Завантажуємо архів з інсталяційним файлом і запускаємо його. Тепер Вам залишається тільки постійно натискати кнопку «Next» і через пару секунд установка завершиться. Запустимо програму:

З інтерфейсом більш-менш розібралися, а тепер давайте попрацюємо в середовищі LiveSwif lite. Пропоную намалювати баскетбольний м'яч і його анімувати.

Створення об'єктів в LiveSwif lite

Для початку зайдемо в меню «Edit» і виберемо пункт «Movie Properties».

Тут ми зможемо налаштувати розмір полотна проекту, частоту кадрів і колір фону.

Тиснемо «Ok» і йдемо далі. Кожна сцена в флеші формується з великої кількості об'єктів, на які в свою чергу можна накласти будь-які зображення, які називаються спрайтами. Якщо ми хочемо отримати анімований баскетбольний м'яч, то почати слід саме з створення спрайту. Для цього натисніть на кнопку «New Scene (Sprite / Button)» і виберіть пункт «New Sprite». Тепер можна починати творити. Оскільки м'яч має форму кола, виберемо відповідний інструмент. Наведіть мишу на інструмент «Прямокутник» ( «Rectangle Tool»), затисніть ліву кнопку і потягніть миша вправо. У меню, вибираємо коло ( «Circle Tool»).

Намалюємо коло на робочому полі. Тепер розфарбуємо його. За замовчуванням інструмент «Заливка» відповідає за однотонне заповнення певним кольором обраної області ( «Flat fill»). Розкриємо меню заливки і активуємо інструмент «Радіальне заповнення» ( «Radial fill»).

Щоб мати можливість зробити заливку, слід спочатку виділити редагований об'єкт, а потім вже провести пряму інструментом «Радіальна заливка» (при цьому точка початку прямої буде точкою відблиску).

Тепер візьмемо інструмент «Збільшення» ( «ZoomIn») і наблизимо наш м'яч. Намалюємо на ньому відповідні смуги. Для цього вибираємо інструмент «Вільне малювання» ( «Freehand tool» - Олівець) і від руки нанесемо потрібний візерунок. Зверніть увагу на значення «Smooth» (за замовчуванням - 30). Це коефіцієнт вирівнювання рисуемой лінії. Тобто Ви можете намалювати лінію і не дуже рівно, але вона автоматично буде згладжена.

Робота з кадрами та об'єктами

Тепер, коли наш спрайт готовий, ми повинні занести його в бібліотеку (віконце Library). Для цього достатньо клікнути по порожньому квадратику, який заповниться створеним малюнком. Пора переходити на першу сцену нашої майбутньої анімації. Для цього скористайтеся стрілками переходу на панелі над основним вікном програми. Перетягуємо з бібліотеки наш спрайт на робочу сцену і встановлюємо його в потрібному місці. Ми отримали перший кадр. Давайте симітіруем підскакування нашого м'яча. Для цього слід задати йому рух по ламаної кривої. Виділимо м'яч і в меню «Insert» активуємо інструмент «Tranform motion».

Тепер перемістимо наш м'яч в нову точку екрану - за ним з'явиться слід - траєкторія руху. Повернемо його в початкове положення. Подивимося на таймлайн. Тут з'явилася синя пряма, яка тягнеться до 35-го кадру. Переходимо на останній кадр і встановлюємо наш м'яч в новому місці. Таким чином ми задали рух по діагоналі зверху вниз:

Тепер, натиснувши на панелі інструментів кнопку «Play». Ви зможете побачити, як буде рухатися об'єкт.

трансформація об'єктів

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

Трансформацію зручно використовувати, якщо достатньо руху по прямій. Якщо ж потрібно задати криволінійний рух, то краще використовувати інший варіант руху - «Path Motion». Перед тим, як застосовувати цей ефект слід додати на робочу сцену спрайт, який буде рухатися і намалювати, наприклад олівцем, шлях, по якому має відбуватися рух. Тепер слід виділити спочатку намальовану траєкторію руху, а потім, затиснувши SHIFT, і сам об'єкт. Залишилося тільки зайти в меню «Insert» і вибрати вже згаданий вище інструмент «Path motion».

Вставка зображень та музики

Якщо Ви були уважні, то помітили, що в меню «Insert» знаходяться ще кілька опцій, які дозволяють прикрасити створювані проекти. Це вставка зображень і фонової музики. Таким чином - ось Вам ще один варіант використання LiveSwif lite - створення фотоальбомів або навіть презентацій!

Раджу також заглянути в меню «File» і ознайомиться з деякими наведеними прикладами в розділі «Samples». Звідси Ви зможете почерпнути інформацію про роботу з текстом або, наприклад, про створення кнопок.

У будь-якому випадку, навіть якщо Ви і не займаєтеся дизайном, Вам все ж варто ознайомитися з цією цікавою і в своєму роді унікальною програмою. Вона може стати гарною підмогою при вивченні основ флеш-анімації, так як безкоштовна, невелика (всього пара мегабайтів) і досить проста в освоєнні. Дерзайте, і Вам відкриється новий дивовижний світ під ім'ям Flash!

Створення флеш анімації: Advanced Effect Maker Безкоштовна програма для створення флеш-анімації за допомогою готових аплетів.

Створення ігор: Game Maker Простий безкоштовний конструктор для створення нескладних 2D- і псевдо-3D-ігор. Прочитавши інструкцію, Ви зможете зробити свою першу просту іграшку, всього за пару годин.

Адоби Флеш Плеєр: Adobe Flash Player Flash-плеєр від гіганта Adobe. Плеєр не має власного вікна, але дозволяє програвати файли SWF в установленому браузері

Flash плеєр: Swiff Player Програмна оболонка для флеш-плеєра від Adobe, що дозволяє відтворювати swf-файли без посередництва браузера.

Схожі статті