Программы для создания обучающих флеш роликов. Презентационный flash-ролик из ваших фотографий. Видео уроки по созданию Flash
Многие создатели инфопродуктов, интерактивных интерфейсов, игр, баннерных материалов, видео и прочей анимации уже знакомы с SWF файлам и активно с ними взаимодействуют.
Этот формат работает с Flash-анимацией, векторной графикой, аудио, видео в сети интернет. Воспроизводиться любым браузером с установленным Flash Player.
У этого формата есть ряд достоинств, среди которых:
- Видеоролики сохраненные имеют небольшой размер и легко загружаются. Что очень цениться вебмастерами, работающими с видеоконтентом, так как это способно значительно уменьшить размер страниц. Соответственно повысить их скорость загрузки .
- При изменении масштабировании SWF картинки ее качество практически не будет затронуто.
Если вы являетесь одним из тех, кто планирует заниматься работой с Flash медиа-файлами, вам понадобиться софт, а так же определённые знания. Какие? Читайте далее…
Программа для создания SWF
Для создания SWF-анимации вам нужен Adobe Flash. Программа коммерческая (платная), однако учитывая, что мы живем в мире «пиратства» и «беззакония», вы наверняка без проблем найдете крякнутую версию в Яндексе.
Но помните, пиратство преследуется законом! Так что, это все на вашей совести =)
Есть аналоги, например — Sothink SWF Quicker . К сожалению, программа тоже не бесплатная.
Видео уроки по созданию Flash
Давным-давно, еще в ранние школьные годы, ходил на курсы по Flash. И помню, что разобраться без наставника в работе софта (Adobe Flash) было весьма нелегко (возможно из-за англоязычной версии, а быть может дело было в возрасте и отсутствии базиса). Поэтому рекомендую воспользоваться видео уроками, которые я нашел на Youtube. Надеюсь, автор не будет против, если я размещу у себя на сайте первый из них:
В профиле вы найдете еще очень много полезного материала по работе с Flash, в честности по созданию SWF-файлов .
Урок. Создаём флеш-ролик с помощью программы SWFTextДля того, чтобы создать такую флеш-открытку, нам потребуется сама программа, которую можно скачать SWFText
У кого не получится скачать по этой ссылке, то внизу страницы есть ещё одна ссылка, с помощью неё тоже свободно можно закачать эту программу.
Это значок программы:
Открываем программу.
Жмём на верхнюю кнопочку "Ролик", здесь устанавливаются размеры окна флешки, обычно задаются автоматически, но вполне возможно вручную изменить размер флешки в соответствии с вашим желанием.
Жмём на следующую кнопочку "Фон", ставим точку в окне "изображение", далее жмём на "обзор" и находим у себя на компьютере нужное изображение.
Далее выбираем "фоновые эффекты" по своему вкусу.
Я выбрала "вращение звезды"
На следующем этапе нажимаем на кнопку "текст", открывается следующее окно:
Здесь мы будем писать наш текст, который сопровождает нашу картинку. Для этого нажимаем на кнопку "добавить", в новом открывшемся окне пишем наш текст.
Если у вас текст короткий, то может уместиться в одном окне, ежели он длинный, как у меня, то следует применить несколько окон с написанием текста, при просмотре эти окна будут открываться последовательно, друг за другом, пока не будет открыт весь, написанный мной текст. И так: жмём на кнопку "добавить" и пишем первый столбик нашего текста, далее на "ОК" , текст отобразится в верхнем окне и на просмотре,
Снова жмём кнопку "добавить" и пишем следующий столбик нашего текста, жмём "ОК"
и т. д. пока не будет написан весь нужный нам текст.
Далее жмём на кнопку "Текстовые эффекты"
Открывается окно с текстовыми эффектами, т.е способ загрузки текста на страницу.
Эффектов достаточно много, выбираем по своему вкусу, я выбрала "Двойной сканер".
Теперь выбираем кнопку "шрифт", откроется окно с настройками шрифта:
В этом окне мы выберем шрифт, цвет шрифта, размер шрифта, текст должен обязательно вписываться в окно, поэтому следует уменьшить или увеличить размер шрифта.
После каждого изменения любого из параметров, предварительный просмотр происходит автоматически.
По сути на этом можно закончить, я сделала именно так. Но можно и продолжить и добавить звуковой файл, а точнее музыкальный файл.
Выбираем команду "Звук", кнопка находится чуть ниже, нажимаем на неё. Откроется окно с настройкой звукового сопровождения.
Выбираем музыкальный файл с помощью кнопки "обзор", файл должен быть сжат в размере, как это делается можно посмотреть несколькими постами ниже.
Галочки расставляем как у меня. В этом случае музыкальный файл проиграет только 1 раз.
Внизу справа есть кнопочка "Публикация", жмём на неё и сохраняем наш флеш-ролик
.
Загружаем его к себе в дневник с помощью команды "обзор", как обычно.
Удачи вам, дорогие мои друзья! Будут вопросы, рада буду помочь.
На данной web странице Вашему вниманию представлены программы для создания и редактирования флеш анимации. С их помощью Вы сможете реализовать собственные идеи в анимированные ролики для Вашего сайта.
Флеш редактор – это программа для создания flash анимации и редактирования уже готовых флеш роликов.
Формат FLA - это исходный документ вашего клипа. Открыв его, вы попадаете в программу Macromedia Flash и можете дальше редактировать клип.
Формат SWF - это исполняемый файл Flash, при "клике" мышью на нем вы имеете возможность просмотреть клип с помощью программы Macromedia Flash Player.
Анимация с помощью Adobe Flash Professional
Adobe Flash Professional CS3 – достоинства и функциональности данной программы можно описывать очень долго. Данная программа является безусловным лидером в среде флеш технологий. Adobe Flash Professional пользуются, как профессиональные разработчики Web-сайтов, так и flash дизайнеры.
С помощью этой программы можно реализовать во флеш даже самую больную фантазию. В общем если Вы решили создавать профессиональные анимированные флеш файлы , то Adobe Flash Professional – это именно та программа, без которой Вам не обойтись.
Объём зависит от версии от 500 Mb.
На данный момент Adobe Flash Professional CS5 - новая версия программы для работы с анимацией и мультимедиа.
ОС: Windows XP/Vista/7
Скриншот программы:
скачать Adobe Flash Professional CS3Возможно, для начинающего web мастера создание флеш анимации с помощью программы Adobe Flash Professional покажется, чем то сложным и не досягаемым.
В этом случаи не стоит отчаиваться и бросать начатое. Попробуйте свои флеш идеи с программой Swishmax.
Swishmax – флеш редактор
SwishMAX – это альтернативная программа с дружественным и простым интерфейсом для создания flash-анимации, которая является менее функциональной, по сравнению с предыдущей, но при этом позволяет получить результат хорошего качества. Главное преимущество донного flash редактора - это простота использования. Даже начинающий пользователь, имея под руками видео уроки, за короткое время сможет создать с ее помощью профессиональные флеш - ролики.
Объём: 9.27 MB.
Язык интерфейса - русский есть.
Операционная система: Windows 98/Me/NT/2000/XP
Скриншот программы:
скачать Swishmax
Alligator Flash Designer
Следующая flash программа является ещё более простой, как по функциональности, так и по содержимому интерфейса. Возможности этого флеш редактора позволяют с лёгкостью за считанные минуты создавать flash баннер для сайта.
Имеется более 130 эффектов: исчезновение, изменение масштаба, вращение. Анимированные рисунки, фигуры или текст, и даже звук без проблем добавляются к Вашей Flash-анимации.
Здесь так же можно указать OnClick или OnOver.
Объём: 5.3 MB.
Язык интерфейса - русский есть.
ОС: Windows XP/Vista/7
Скриншот программы:
скачать Alligator_Flash_Designer_7.0
Ещё одна программа, которая не является flash редактором анимации, но её возможности необходимы для начинающего веб дизайнера.
Flash Decompiler Trillix
Flash Decompiler Trillix – основное предназначение этой программы - экспорта SWF файлов обратно в FLA формат одним нажатием кнопки мыши. Извлекает все объекты Flash из SWF файла и сохраняет их во FLA файл, который в дальнейшем можно редактировать во Flash.
Достоинство Flash Decompiler - редактирование звуков, изображений, цвета, градиента, линий, динамических текстов и ссылок без конвертации во FLA.
Объём: 7.27 MB.
Язык интерфейса - русский есть.
ОС: Windows XP/Vista/7
Скриншот программы:
скачать Flash Decompiler Trillix
October 13, 2014
Но чтобы они работали, нужно делать их ссылками. Любой баннер должен при нажатии на него направлять посетителя туда, куда Вам нужно, иначе flash-ролик будет просто картинкой, пусть даже анимированной.
С помощью html-кода это сделать не получится. Поработать придется именно с нашим flash-роликом, в программе Macromedia Flash Professional .
Откройте свой fla файл в программе Macromedia Flash, и сделайте новый слой на временной ленте с помощью меню Insert — Timeline — Layer , или с помощью нажатия на иконку создания нового слоя Insert Layer . Можете переименовать этот новый слой с помощью двойного клика по названию. Назовите его, например, link . Название, в принципе, большого значения не имеет. Главное, чтобы новый слой располагался выше всех других слоев. Если он ниже — перетаскиваете его вверх.
Затем в этом слое выберите инструмент Rectangle (прямоугольник), и в окне Color в закладке Color Mixer пропишите цвет заливки прозрачный: Alpha 0% , а цвет линии — без форматирования (белый квадрат, перечеркнутый красной линией). И нарисуйте прямоугольник там, где у Вас будет ссылка. Если ссылка на весь flash-ролик — рисуйте прямоугольник на весь рабочий лист.
В том, что прямоугольник действительно существует, Вы можете убедиться, если выберете инструмент Selection (выделение), и кликните по рабочей области. Вся рабочая область будет выделена. Убрать выделение Вы можете, щелкнув инструментом Selection за пределами рабочей области, или отменив операцию выделения с помощью меню: Edit — Undo Change Selection .
Теперь откройте закладку Info в окне Align&Info&Transform . Если этой закладки у Вас нет, поставьте галочку в пункте Info в меню Window . В этом окне Вы сможете подкорректировать размеры прямоугольника. Выделяете его еще раз, и если ссылка у Вас должна быть на весь flash-ролик, делаете в Info такие же размеры, как размеры Вашего рабочего листа. Кроме того, координаты крайней точки в верхнем левом углу должны быть равны нулю.
После этого выделяете прямоугольник, если он не выделен, и преобразуете в кнопку с помощью меню Modify — Convert to Symbol , или с помощью нажатия клавиши F8 . В открывающемся окне ставите точку напротив пункта Button (кнопка).
Нажимаете клавишу F9 , чтобы открыть панель Action . Выбираете язык программирования Action Script 2,0 . Нажимаете на рабочую область, чтобы выделить кнопку. При этом в заголовке панели Action появится название: Action — Button . Проследите, чтобы название было именно таким, а не Action — Frame (это название появляется при выделении кадра, а не кнопки).
Вставляете следующий код в окно панели Action :
on (release) {
getURL("
http://сайт
", _blank);
}
В этом коде Вы измените адрес моего блога на тот адрес, куда будет вести Ваша ссылка. Ссылка будет открываться в новом окне. Если Вы хотите, чтобы ссылка открывалась в том же окне, что и flash-ролик , убираете из кода _blank , то есть код в этом случае будет таким:
on (release) {
getURL("
http://сайт
");
}
Когда вставите код, сохраняете как flash-ролик, с расширением .swf , и уже можете этот flash-ролик размещать на своем хостинге с помощью FTP-соединения , FileZilla, или любой другой программы.
После размещения, для того, чтобы ролик отобразился на сайте, или на странице блога, прописываете в соответствующем месте следующий код:
В котором поставите вместо URL-адреса моего flash-ролика свой адрес. Допустим, Вы положили свой flash-ролик в папку mojsajt.ru, в этой папке в папку flash, и название ролика у Вас mojrolik.swf. В этом случае, URL-адрес Вашего flash-ролика будет: http://mojsajt.ru/flash/mojrolik.swf.
Также проставьте свои размеры (ширина и высота в первой строчке кода).
Вот, в принципе, и все. Если flash-ролик сразу не появился, подождите, иногда он появляется не сразу. И в том случае, когда Вы что-то изменили в своем flash-ролике, и закачали новый вариант на хостинг, изменения тоже могут произойти через некоторое время. Подождите минут десять, и тогда уже возможно, сможете эти изменения увидеть.
Видео о том, как сделать flash-ролик баннером в программе Macromedia Flash Professional
Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Бесплатная программа для создания флеш-анимации с помощью готовых апплетов.
Многие из Вас, я думаю, когда-нибудь пытались создавать свои собственные сайты (а может быть, Вы даже являетесь обладателем весьма популярного портала).
Так или иначе, каждый сталкивался с проблемой эффектного оформления своих web-страничек. И, поскольку статический HTML-код постепенно уходит в прошлое, многие сегодня обращают свое внимание на такие популярные технологии, как JavaScript и Flash. Они позволяют создавать красивые анимированные динамические странички с расширенной функциональностью.
Для специалиста не составит особого труда сделать небольшой анимированный flash-баннер, однако, что делать остальным непосвященным? Если скрупулезное изучение языков программирования не входит в Ваши ближайшие планы, то можно как всегда прибегнуть к помощи специализированного софта. Сегодня мы ознакомимся с основами работы в программе Advanced Effect Maker .
Эта утилита позволяет создавать всевозможные flash и JavaScript эффекты, причем как свои собственные «с нуля», так и на основе готовых шаблонов! Advanced Effect Maker существует в нескольких редакциях, которые отличаются количеством готовых эффектов и степенью свободы пользователя. Сравним максимальную и бесплатную конфигурации:
Сравнение бесплатной версии флеш-редактора Advanced Effect Maker Free Edition с коммерческой версией Commercial Edition
Самый большой недостаток бесплатной версии программы — наличие своеобразного преаплодера, который позволяет перейти к просмотру некоторых готових эффектов только после клика на созданном баннере. На этом все различия в принципе и заканчиваются:).
Установка программы
Установка Advanced Effect Maker происходит стандартным образом, поэтому перейдем сразу к непосредственной работе с программой:
При первом запуске нам предложат ознакомиться с лицензионным соглашением. Чтобы принять его нажмите кнопку «I agree». После этого можно приступать к изучению интерфейса утилиты:
Интерфейс и работа с редактором
Несмотря на английский язык, здесь все просто и наглядно. Окно Advanced Effect Maker разделено на две части. В левой находится всего две большие кнопки: первая для входа в галерею доступных эффектов, а вторая — для добавления дополнительных апплетов (это если Вы захотите купить их;)). В правой же части мы видим каталог доступных шаблонов с подразделами и окном предпросмотра, а также область редактирования эффекта.
Чтобы начать редактировать нужный шаблон, достаточно нажать на его изображение, а если хочется просто посмотреть, как он работает, тогда жмите надпись «Preview» под картинкой:
При открытии нужного эффекта может появиться сообщение об уже существующем файле. Если такое произошло, то просто игнорируем его, нажимая кнопку «Ok»:
Если шаблон открылся успешно, мы сможем увидеть несколько вкладок, которые содержат всевозможные настройки:
Настройки программы и создание анимации
Первая вкладка — «General». Здесь содержатся общие настройки проекта. Обычно это размеры (ширина — width и высота — height), имя (file name), качество будущего файла (quality), а также режим окна флеш-ролика (window mode).
Вторая вкладка — «Color», как видно из названия, отвечает за цвета, используемые в проекте. Здесь все предельно ясно, поэтому перейдем к следующей — «Messages»:
Здесь у нас имеется два поля. В первое поле (слева) вводим текст, который нам нужно вывести со спецэффектом, а во втором — ссылку, по которой пользователь перейдет, кликнув по нашему баннеру. Плюс Advanced Effect Maker в том, что ввести мы можем неограниченное количество строк текста (равно как и ссылок), но главный минус — отсутствие поддержки русского языка:(.
Последующие две вкладки служат для управления шрифтами (Fonts) и свойствами анимации (Others), соответственно. Один нюанс: если Вы хотите использовать альтернативные TTF-шрифты, их придется предварительно конвертировать для совместимости с Advanced Effect Maker. Для этого следует из меню «Tools» вызвать инструмент «Convert Fonts» и, выбрав нужный шрифт, нажать кнопку «Convert»:
Когда все изменения будут внесены, мы можем нажимать кнопку «Create Applet». После чего в папке назначения проекта будет создано два файла: SWF (непосредственная анимация) и HTML (содержит инструкции по внедрению полученной анимации в код Вашей странички:
Сохранение результатов работы
Однако это еще не все. С Advanced Effect Maker Вы можете создать свой собственный эффект на базе уже существующего, либо полностью «с нуля»! Для этого следует перейти в меню «Tools» и активировать пункт «Plugin Maker»:
Здесь сначала потребуется задать имя для нового проекта, а также некоторые другие параметры (не обязательно). После этого можно будет нажимать кнопку «Create Applet», и мы перейдем непосредственно в окно редактора эффектов:
Здесь присутствует несколько кнопок, которые позволяют ввести в сценарий будущего эффекта некоторые стандартные функции. Проблема состоит только в том, что все нужные переменные и значения придется вписывать вручную самостоятельно, а здесь уже требуются кое-какие навыки программирования на ActionScript или JavaScript:(.
Выводы
Advanced Effect Maker может прийтись по вкусу начинающим веб-дизайнерам, поскольку позволяет без особых усилий создавать довольно эффектные баннеры, анимированные меню, слайдшоу, и даже небольшие игры (типа пятнашек). Недостаток же в виде преаплодера (если он имеется в выбранном эффекте) можно устранить, используя специальные программы-декомпиляторы SWF-файлов (в том числе и бесплатные) ;).
Удачи Вам во всех начинаниях и творческих успехов!
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.