×
Ruby on Rails: постинг твитов через Twitter API (04 нояб 2017)

Практикуемся в Ruby on Rails.

Вопрос Flash-анимация для сайта

Больше
6 года 7 мес. назад #1 от tekumze
tekumze создал эту тему: Flash-анимация для сайта
Здравствуйте, не могли бы подсказать софт для создания flash-анимации.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
6 года 7 мес. назад - 6 года 7 мес. назад #2 от Vasilij
Vasilij ответил в теме Re: Flash-анимация для сайта

tekumze пишет: Здравствуйте, не могли бы подсказать софт для создания flash-анимации.


Попробуйте для начала LiveSwif lite.

LiveSwif lite - бесплатная программа для создания несложной флеш-анимации без использования скриптов.

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

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

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

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

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

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

P.P.S. Для просмотра готовой флэш-анимации на компьютере Вам понадобится флэш-плеер. Предлагаю скачать вот этот .
Последнее редактирование: 6 года 7 мес. назад от Vasilij.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
6 года 7 мес. назад #3 от Aleksej
Aleksej ответил в теме Re: Flash-анимация для сайта
mediAvatar Photo to Flash v1.0.1.0224

mediAvatar Photo to Flash v1.0.1.0224 — создавайте красивые флеш-слайд-шоу, наслаждайтесь ими сами и выкладывайте в Сети. Выбирайте шаблон, добавляйте фотографии, фоновую музыку и спецэффекты, сохраняйте результат в формате SWF flash, SWF flash+HTML или XML, а затем загружайте слайд-шоу в Интернет или записывайте на диск.

Основные возможности:
  • Просто перетаскивайте фотографии в проект (jpg, jpeg, png, gif, bmp, tiff, xbm и xpm) и создавайте слайд-шоу всего за пару шагов.
  • Добавляйте любимую музыку.
  • Выбирайте прикольные шаблоны (доступны 3D flash шаблоны).
  • Сохраняйте проект в форматах SWF, SWF+HTML или XML.
  • Выкладывайте слайд-шоу или 3D в Интернет на свой сайт или блог.
Системные требования: Microsoft Windows XP/Vista/7
Разработчик: mediAvatar Software Studio

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
6 года 7 мес. назад #4 от Aleksej
Aleksej ответил в теме Re: Flash-анимация для сайта
Serif DrawPlus X4 11.0.3.23

DrawPlus X4 — новая версия мощной программы для создания векторной графики и анимации. DrawPlus позволит вам создавать логотипы, плакаты, графику для веб-страниц, различные иллюстрации и многое другое. Кроме того, программа позволяет создавать анимацию на основе технологии Flash, включая создание интерактивных игр и головоломок с последующим сохранением в SWF, анимированные GIF или видео-файлы. Множество имеющихся в программе кистей позволяют также использовать DrawPlus в качестве решения для рисования с возможностью применения различных эффектов.

Возможности DrawPlus X4:
  • Создание и редактирование векторной графики
  • Импорт изображений, PDF, AutoCAD и Adobe Illustrator файлов
  • Встроенный шаблоны для дизайна и иллюстрации
  • Множество встроенных эффектов (тени, свечения, размытость и т.д.)
  • Поддержка цветовых моделей RGB, CMYK, HSL
  • Возможность создания и редактирования анимации
  • Экспорт анимации в качестве видео файлов, SWF или GIF файлов
  • Полностью настраиваемый интерфейс программы
  • И множество других возможностей

DrawPlus X4 is the powerful, fun and versatile designer that makes creating beautiful artwork and graphics easier than ever. Design attractive logos and documents for print, create eye-catching web graphics and banners, paint and sketch with easy tools that let you edit at any time, enhance your photos by quickly transforming them into stunning pieces of art, turn drawings into animations, and output your designs at high quality and at any size – whatever your level of experience.

Design Unleashed
DrawPlus X4 makes it easy to achieve creative results fast.

Logos & Web Graphics
Craft high impact and high quality graphics for print and the web.

Easy Animations
Create jaw-dropping Flash® Web animations and fun cartoons.

Create Stunning Artwork
Sketch and paint naturally using realistic brushes and media.

Transform Your Photos
Enhance, cut out, or transform your photos into works of art.

Highly Compatible
Share your artwork in standard formats and fully edit PDFs.

Общая информация:
Операционная система: Windows XP/Vista/Win 7.
Язык интерфейса: Multilanguage / Английский
Оф. сайт: serif.com
Размер: 506.26 MB

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
6 года 7 мес. назад #5 от ralf
ralf ответил в теме Re: Flash-анимация для сайта
Page Builder

Page Builder — мощное приложение, которое поможет вам создавать профессиональные полноэкранные Flash страницы. Программа сама встраивает flash страницу в веб страничку. Сами создавайте страницы, добавляя фотографии и текст, а затем дополняя сотнями уже предустановленных Flash анимаций, фоновых рисунков и Flash кнопочек. Flash страницу можно создать всего за пару минут, даже не обладая никакими навыками в программировании.

Возможности Page Builder:
  • 60 страниц фоновых рисунков и обоев;
  • Flash видео;
  • Более 1000 встроенных flash анимаций;
  • 20 страниц, готовых к редактированию;
  • Все объекты на странице можно свободно перемещать или изменять их размер;
  • и многое другое…

Create Full screen Flash webpages in minutes. Program will embed the flash page into a webpage for you. Choose from hundreds of backgrounds, Flash animations,special effects, buttons and primitive shapes or add your own. Program has built in Flash Video players and up to ten videos can be added to each page.

Page Builder V2.2

Create Flash webpages in minutes!

Key features

  • 60 pages of background and wallpaper images.
  • Flash video
  • Over 1000 flash animations built in.
  • Primitive shapes.
  • 30 pages of buttons.
  • Can import flash.
  • Can import images.
  • Can add hyperlinks.
  • Creates all necessary files for a WEB page.
  • Can create an executable file.
  • Can format and add text.
  • Can select different sounds effects for buttons.
  • Can make a flash page as large as 1260x768.
  • Can change the depth of objects with a simple slider.
  • 20 preset pages ready for editing.
  • All objects on the page can be resized and moved to any position.
  • Option to add published files to a zip file.
  • 100 flash templates included.
  • Can import and combine swf files with built-in ones.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
6 года 1 мес. назад #6 от Aleksej
Aleksej ответил в теме Re: Flash-анимация для сайта
И еще - хороший софт для создания флеш- и gif- анимации. Рекомендую, см. по ссылке .

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.