Я никогда не создавал анимацию, но хочу сделать ее для главной страницы своего сайта. По сути, у меня есть изображение, на котором каждая чакра человеческого тела показана со своим названием. Я хочу показать, как уровень энергии перемещается в теле, от самой нижней чакры к самой верхней чакре, меняя цвета энергии по мере того, как они поднимаются до другой чакры.
Какое программное обеспечение я могу использовать для создания этой анимации?
Для анимации веб-сайтов я могу придумать следующие основные варианты:
Большинство этих опций требуют практики (и/или знаний в области программирования), поэтому все зависит от того, насколько вам удобно пользоваться этими инструментами. Если вы знакомы с графическими программами и ваша анимация проста, вы можете выбрать анимированный GIF (таким образом вам нужно будет только нарисовать каждый кадр анимации, а затем соединить их вместе).
Вы также можете попробовать Adobe Edge Animate .
Другой вариант — создать слайд-шоу jquery. Цикл jQuery с опцией Fade хорошо подойдет для этого. Вы бы создавали каждое изображение в Illustrator или Photoshop, а затем циклически перебирали их с помощью jQuery. Если вам удобно работать с jQuery, вы можете использовать функцию пейджера и использовать заголовок HTML для каждого изображения в качестве пейджера, а затем расположить пейджер с помощью CSS. Текст, который вы используете для каждого заголовка изображения, будет отображаться в виде списка, поэтому, когда пользователь нажимает на этот текст, загружается соответствующий слайд. Но для этого потребуется более продвинутый jQuery.
Примечание. Я не пробовал подробно ни один из этих инструментов.
Самое близкое к полноценному веб-аниматору, которое я могу найти, — это Animatron . Похоже, что он отображается в Canvas, что означает, что он построен на HTML5 и JavaScript. Еще один похожий инструмент — HTML5Maker .
Однако, если вы просто хотите создать онлайн-видео, существует множество инструментов, включая Moovly , GoAnimate и Wideo , но есть и много других подобных.
Если вы ищете, какие технологии вы можете использовать для веб-анимации, вы должны проверить вопрос здесь под названием « Какой лучший способ анимировать иллюстрацию для Интернета?»
Для чего-то большего, чем просто анимация типа видео, особенно для чего-то, требующего большого взаимодействия с пользователем, я рекомендую нанять разработчика / аниматора (например, меня!), Чтобы создать его для вас или научиться делать это самостоятельно.
Если вы хотите создавать изображения в формате GIF, вы можете попробовать использовать Adobe After Effects, который поможет вам создать видео.
Попробуйте http://daneden.github.io/animate.css/ и http://mynameismatthieu.com/WOW/ оба работают вместе как чудо с текстом или изображениями и имеют множество многочисленных эффектов с задержкой, активацией прокрутки
Лучше всего подходят Javascript и jQuery, потому что они не задерживают загрузку веб-страницы. Но они требуют знания программирования
Суништа Сингх
Зак Сосье