Здравствуйте, уважаемое сообщество habrahabr.ru!
Перейду сразу к делу, на днях нашел очень полезный инструмент для создания анимации в html5.
HTML5MAKER — это инструмент, который позволяет создавать кросс-браузерный анимированный контент. Под контентом, я имею ввиду разные красивые анимированные баннеры, слайд-шоу и другие элементы веб-дизайна.
Он очень удобен в использовании. Предусмотрен export созданной анимации в:
Если перейти на главную страницу сайта, то перед нами откроется вот такая картина:
В окне редактора все очень просто и интуитивно понятно.
Слева располагаются слои нашей композиции, с права — настройки самой композиции, с верху — кнопки добавления в композицию текста, картинки и их настройки.
Добавляем наш текст, с права выбираем шрифт, внизу рабочей области появляется «Эффекты для выбранного объекта».
Выбираем нужный нам эффект на «появление» и «уход» объекта с нашей композиции.
Хоть это и бета версия сервиса, но эффектов и сглаживаний предостаточно.
Далее, можно добавить картинку. Как я уже говорил, сервис хотя в бета тестировании, у него очень много картинок присутствует для выбора, разбросанных по категориям.Так-же можно загрузить картинку. Что мы и делаем. На картинку так-же вешаем эффекты.
Нажимаем на кнопку Сохранить, и перед нами открывается окно с выбором формата сохранения.
Как я уже говорил, этот прелестный сервис может сохранять в 3 форматах. А так-же, есть возможность сохранить .swf файл для работы в google ads.
После, сохранения мы можем использовать анимацию у себя на сайте.
HTML5MAKER простой сервис для создания не совсем простой анимации для сайтов. Как по мне, так данный сервис должен быть у каждого веб-разработчика в избранном.
Сервис позволяет сделать за 5-10 минут хорошую анимацию для презентации, слайд-шоу или баннера на сайт.
Вот что получилось у меня за 3 минуты в редакторе — мой пример
Спасибо за внимание.
Редактор — html5maker.com/app/
Перейду сразу к делу, на днях нашел очень полезный инструмент для создания анимации в html5.
Что это за такой инструмент?
HTML5MAKER — это инструмент, который позволяет создавать кросс-браузерный анимированный контент. Под контентом, я имею ввиду разные красивые анимированные баннеры, слайд-шоу и другие элементы веб-дизайна.
Он очень удобен в использовании. Предусмотрен export созданной анимации в:
- JAVASCRIPT
- HTML5
- FLASH (SWF)
Ознакомление
Если перейти на главную страницу сайта, то перед нами откроется вот такая картина:
Вид сайта
«Нам нужен сам редактор» — скажете Вы, он доступен по адресу — html5maker.com/app/
Вот так выглядит окно самого редактора
Приступим к созданию самой анимации
В окне редактора все очень просто и интуитивно понятно.
Слева располагаются слои нашей композиции, с права — настройки самой композиции, с верху — кнопки добавления в композицию текста, картинки и их настройки.
Добавляем наш текст, с права выбираем шрифт, внизу рабочей области появляется «Эффекты для выбранного объекта».
Выбираем нужный нам эффект на «появление» и «уход» объекта с нашей композиции.
Хоть это и бета версия сервиса, но эффектов и сглаживаний предостаточно.
Далее, можно добавить картинку. Как я уже говорил, сервис хотя в бета тестировании, у него очень много картинок присутствует для выбора, разбросанных по категориям.Так-же можно загрузить картинку. Что мы и делаем. На картинку так-же вешаем эффекты.
Сохранение
Нажимаем на кнопку Сохранить, и перед нами открывается окно с выбором формата сохранения.
Вид сайта
Как я уже говорил, этот прелестный сервис может сохранять в 3 форматах. А так-же, есть возможность сохранить .swf файл для работы в google ads.
После, сохранения мы можем использовать анимацию у себя на сайте.
Итог
HTML5MAKER простой сервис для создания не совсем простой анимации для сайтов. Как по мне, так данный сервис должен быть у каждого веб-разработчика в избранном.
Сервис позволяет сделать за 5-10 минут хорошую анимацию для презентации, слайд-шоу или баннера на сайт.
Вот что получилось у меня за 3 минуты в редакторе — мой пример
Спасибо за внимание.
Редактор — html5maker.com/app/