Создание флеш баннера

Флеш баннер (flash-banner) — анимированный рекламный блок, созданный с помощью векторной технологии flash, разработанной корпорацией Adobe.

Создание флеш баннера возможно не только с помощью сложных и дорогих программных пакетов, но и с помощью простых бесплатных программ, вроде той, что прадставлена на данной странице.


LiveSwif lite 2.1

  • Размер: 2.1 МБ
  • Интерфейс: Английский
  • Платформа: Windows 2000/XP/Vista/7
  • Посмотреть: скриншот
  • Обновлено: 20.04.2010
  • Сайт разработчиков:  неизвестно
  • Платный аналог: Adobe Flash Professional (25850 руб.)

Реклама на форуме. Тарифы на рекламу.

Скачать LiveSwif lite 2.1 для Windows (32-bit)

Похожая программа: Создание флеш анимации Advanced Effect Maker

LiveSwif lite 2.1

Бесплатный редактор для создания флеш-баннеров без использования скриптов.

Создание флеш баннера LiveSwif lite 2.1Говоря сегодня о создании флэш-анимации, в 90% случаев подразумевают программу Adobe Flash. На данном этапе развития — это самый мощный инструмент, позволяющий создавать практически все — от небольших баннеров, до сложнейших и красивых сайтов или игр. Однако еще несколько лет назад лидером была программа Macromedia Flash (которую Adobe, кстати, выкупил вместе с компанией Macromedia и присоединил к себе). К чему я это все веду? А к тому, что сегодня мы рассмотрим бесплатную программу, которая поможет нам создавать несложную флэш-анимацию и при этом очень напоминает ранние версии уже упомянутой Macromedia Flash. Это программа LiveSwif lite.

Как Вы уже наверне догадались, приставка lite значит, что мы имеем дело с несколько урезанной версией более «продвинутой» программы. Так и есть — LiveSwif — это полноценная среда флэш-разработки, от которой lite-версия отличается отсутствием поддержки ActionScript. То есть, сложных игр и сайтов в программе сотворить не получится, однако она прекрасно подойдет для создания анимированных баннеров или небольших презентационных роликов. LiveSwif lite — это единственная на сегодняшний день более или менее приличная альтернатива платному софту данной категории, поэтому предлагаю сравнить ее возможности с флагманом флэш-разработки Adobe Flash:

Сравнение LiveSwif lite с платным аналогом Adobe Flash


Особенности LiveSwif lite Adobe Flash
Стоимость 0 руб. 27594.00 руб
Инструменты для рисования + +
Инструменты для деформации +/- +
Трансформация объектов + +
Работа со слоями + +
Покадровая работа с таймлайном + +
Кисти - +
Поддержка скриптов - +

Помимо этого в LiveSwif lite отсутствует ряд привычных инструментов таких, как «Ластик», «Пипетка», «Лассо» и т.д. Отличается и управление программой. Так, например, сначала очень непривычно отсутствие контекстных меню для объектов кадра или раскрытие меню инструментов (чтобы открыть и выбрать альтернативный инструмент следует зажать левую клавишу мыши на нужной иконке и потянуть вправо). Но не будем забегать наперед…

Установка флеш-редактора LiveSwif lite

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

Интерфейс редактора

Внешний вид окна программы Создание флеш баннера LiveSwif lite 2.1

На скриншоте Вы видите все элементы окна программы. Оно состоит из нескольких частей. Сверху находятся стандартные панели меню и панель инструментов. Ниже расположен таймлайн. На нем мы сможем увидеть все наши слои и кадры, расположенные на них (номера кадров находятся на линейке вверху). Под таймлайном есть ряд кнопок, которые предоставляют возможность переключатся между слоями, сценами, а также добавлять и удалять спрайты. Центральная часть окна LiveSwif lite разделена на три окна: окно инструментов, текущей сцены и файловых библиотек. Последние разделены на два подраздела — «Library», в котором отображаются объекты и спрайты текущего проекта, и «FileLib», где Вы найдете подборку готовых объектов (в основном кнопки). Ниже расположен встроенный текстовый редактор, хотя в lite-версии толку от него немного, так как скрипты она не обрабатывает :(. Под редактором находится полоска координат для точного позиционирования местонахождения выбранного объекта. И в самом низу Вы обнаружите палитру.

С интерфейсом более или менее разобрались, а теперь давайте поработаем в среде LiveSwif lite. Предлагаю нарисовать баскетбольный мяч и его анимировать.


Создание объектов в LiveSwif lite

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

Окно свойств холста программы Создание флеш баннера LiveSwif lite 2.1

Здесь мы сможем настроить размер холста проекта, частоту кадров и цвет фона.

Жмем «Ok» и идем дальше. Каждая сцена в флэше формируется из большого количества объектов, на которые в свою очередь можно наложить любые изображения, которые называются спрайтами. Если мы хотим получить анимированный баскетбольный мяч, то начать следует именно с создания спрайта. Для этого нажмите на кнопку «New Scene (Sprite/Button)» и выберите пункт «New Sprite». Теперь можно начинать творить. Поскольку мяч имеет форму круга, выберем соответствующий инструмент. Наведите мышь на инструмент «Прямоугольник» («Rectangle Tool»), зажмите левую клавишу и потяните мышь вправо. В открывшемся меню выбираем круг («Circle Tool»).

Создание нового спрайта в программе Создание флеш баннера LiveSwif lite 2.1

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

Создание изображения в программе Создание флеш баннера LiveSwif lite 2.1

Чтобы иметь возможность произвести заливку, следует сначала выделить редактируемый объект, а затем уже провести прямую инструментом «Радиальная заливка» (при этом точка начала прямой будет точкой блика).

Заливка в программе Создание флеш баннера LiveSwif lite 2.1

Теперь возьмем инструмент «Увеличение» («ZoomIn») и приблизим наш мяч. Нарисуем на нем соответствующие полосы. Для этого выбираем инструмент «Свободное рисование» («Freehand tool» — Карандаш) и от руки нанесем нужный узор. Обратите внимание на значение «Smooth» (по умолчанию — 30). Это коэффициент выравнивания рисуемой линии. То есть Вы можете нарисовать линию и не очень ровно, но она автоматически будет сглажена.

Рисование от руки в программе Создание флеш баннера LiveSwif lite 2.1

Работа с кадрами и объектами

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

Формирование сцены в программе Создание флеш баннера LiveSwif lite 2.1

Теперь переместим наш мяч в новую точку экрана — за ним появится след — траектория движения. Вернем его в исходное положение. Посмотрим на таймлайн. Здесь появилась синяя прямая, которая тянется до 35-го кадра. Переходим на последний кадр и устанавливаем наш мяч в новом месте. Таким образом мы задали движение по диагонали сверху вниз:

Применение трансформации в программе Создание флеш баннера LiveSwif lite 2.1

Теперь, нажав на панели инструментов кнопку «Play», Вы сможете увидеть, как будет двигаться объект.

Окно предпросмотра анимации программы Создание флеш баннера LiveSwif lite 2.1

Трансформация объектов

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

Применение трансформации для формирования последовательных движений в программе Создание флеш баннера LiveSwif lite 2.1

Трансформацию удобно использовать, если достаточно движения по прямой. Если же требуется задать криволинейное движение, то лучше использовать другой вариант движения — «Path Motion». Перед тем, как применять данный эффект следует добавить на рабочую сцену спрайт, который будет двигаться и нарисовать, например карандашом, путь, по которому должно происходить движение. Теперь следует выделить сначала нарисованную траекторию движения, а затем, зажав SHIFT, и сам объект. Осталось только зайти в меню «Insert» и выбрать уже упомянутый выше инструмент «Path motion».

Формирование криволинейных движений в программе Создание флеш баннера LiveSwif lite 2.1

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

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

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

В любом случае, даже если Вы и не занимаетесь дизайном, Вам все же стоит ознакомиться с этой интересной и в своем роде уникальной программой. Она может стать хорошим подспорьем при изучении основ флэш-анимации, так как бесплатна, небольшая (всего пара мегабайтов) и достаточно проста в освоении. Дерзайте, и Вам откроется новый удивительный мир под именем Flash!

P.S. Данная статья предназначена для свободного распространения. Приветствуется её копирование с сохранением авторства Руслана Тертышного и всех P.S. и P.P.S.

P.P.S. Для просмотра готовой флэш-анимации на компьютере Вам понадобится флэш-плеер. Предлагаю скачать вот этот:
Flash плеер http://gold-free.ru/soft/media/flashplayer.php#FlashMoviePlayer

Магазин выживальщицких товаров. Товары для охотников и рыболовов на 60market.ru



← кнопка для выражения благодарности :)




Похожие программы:
Создание флеш анимации: Advanced Effect Maker Создание флеш анимации: Advanced Effect Maker Бесплатная программа для создания флеш-анимации с помощью готовых апплетов.
Создание игр: Game Maker Создание игр: Game Maker Простой бесплатный конструктор для создания несложных 2D- и псевдо-3D-игр. Прочитав инструкцию, Вы сможете сделать свою первую простую игрушку, всего за пару часов.
Сделать ролик: UVScreenCamera Сделать ролик: UVScreenCamera Простая и удобная программа для записи всего, происходящего на экране в компактные видеоролики.
Запись видео с экрана: CamStudio Запись видео с экрана: CamStudio Бесплатная программа для записи видео с экрана монитора, в частности, она предназначена для создания видеоуроков, видеороликов и т.п. вещей.
Адобе Флеш Плеер: Adobe Flash Player Адобе Флеш Плеер: Adobe Flash Player Flash-плеер от гиганта Adobe. Плеер не имеет собственного окна, но позволяет проигрывать файлы SWF в установленном браузере
Flash плеер: Swiff Player Flash плеер: Swiff Player Программная оболочка для флеш-плеера от Adobe, позволяющая воспроизводить swf-файлы без посредства браузера.
Конвертер медиа файлов: FormatFactory Конвертер медиа файлов: FormatFactory Универсальный конвертер аудио, видео и флеш-файлов.
Конвертер видео в flv: Free Video to Flash Converter Конвертер видео в flv: Free Video to Flash Converter Бесплатный конвертер видео для создания flash-видеороликов со встроенным flash-плеером, удобных для публикации на сайтах в Интернете.
Видеомонтаж: VideoPad Video Editor Видеомонтаж: VideoPad Video Editor Бесплатная программа для видеомонтажа. Несмотря на бесплатность, в программе есть всё необходимое для создания собственного фильма.
Конвертер видео: Hamster Free Video Converter Конвертер видео: Hamster Free Video Converter "Хомячный" конвертер видео для тех, кто не любит замороченных интерфейсов.
Редактор программ: Resource Hacker Редактор программ: Resource Hacker Бесплатная программа для редактирования ресурсов приложений, библиотек и т.д.
Редактор mp3 файлов: mp3DirectCut Редактор mp3 файлов: mp3DirectCut Маленький бесплатный редактор MP3-файлов для прямого редактирования (без декодирования), что исключает потерю качества и экономит время.


Лаборатория Хакера - Всё лучшее только для вас!

Правила добавления комментариев:

1. Все комментарии проходят цензуру, нет смысла спамить.
2. Однозначно будут удалены:
Бессмысленные, нецензурные, глупые комментарии, неаргументированная критика, а также ссылки на файлообменники и прочие сайты не в тему.
3. Приветствуются:
Аргументированные отзывы о данной программе, а также грамотность и умение формулировать свою мысль в рамках приличия.

Тимофей 2012-09-27 05:17:47

↑ 0 ↓
Руслан Тертышный 2012-09-27 11:46:57

↑ -3 ↓

Оставить комментарий


Ваше имя:

RSS
 
Комментарий:
Введите символы: *
captcha
Обновить

 

Бесплатный софт:

Полезности:

Развлечения:

САМОРЕАЛИЗАЦИЯ
ГАДАНИЕ НА СОФТЕ
Надёжное место для Вашего сайта

Система Orphus