Почему выпуск релиза не обходится без создания анимированного контента? Чем отличаются анимации для сторис и стримингов? Почему музыканту важно заливать лирик-видео? На все эти вопросы «ИМИ.Журналу» ответил создатель дизайн-студии Stery Артемий Выпихов.
О том, как выстроить коммуникацию с дизайнером при заказе обложки для релиза, мы писали здесь.
Зачем нужны анимации
Все корпорации мира борются за ресурс, который есть у каждого, и этот ресурс — внимание. По результатам исследования Microsoft, среднее время концентрации современного человека составляет 8 секунд. И есть все основания полагать, что в будущем это время будет сокращаться.
Механика многих соцсетей — особенно TikTok и его аналогов — построена с учетом этого факта, а их пользователи становятся все более избирательными в плане потребления контента. Как следствие, обычные картинки перестают работать и им на смену приходит видеоконтент.
Это затрагивает в том числе и музыкантов: теперь выпуск песни в социальных сетях невозможно представить без анимаций. Более того, алгоритмы соцсетей (включая, например, «ВКонтакте») дают больший охват постам с видео или клипами.
КАК СДЕЛАТЬ МУЛЬТИК…? (Adobe Animate Tutorialподкаст)
Анимации для соцсетей
Самый распространенный вид анимаций — базовые анимации для соцсетей. Среди них выделяют два основных формата:
1. Формат ленты (квадрат). Оптимальный размер — 3000 х 3000 пикселей.
2. Формат истории. Оптимальный размер — 1440 х 2560 пикселей.
Эти анимации используются, чтобы получить поддержку от подписчиков и дружественных артистов. Вместе с тем анимацию в формате историй можно использовать не только для продвижения релиза, но и заливать отдельно в VK Clips, YouTube Shorts, Yappy и другие платформы.
Главная задача при создании базовых анимаций — сделать картинку максимально динамичной и интересной для аудитории. Несколько рекомендаций по тому, как этого добиться:
- Попросите дизайнера анимировать каждую деталь обложки: если на ней есть дым, анимируйте дым; если есть тело, добавьте ему движения.
- Добавьте в анимации текст песни: это нужно, чтобы люди, которые смотрят видео без звука, включили трек и впоследствии добавили его.
- Попросите дизайнера сделать одинаковые переходы в начале и в конце видео. Так аудитория будет смотреть анимацию циклически, что добавит вам органических охватов.
- Обязательно добавьте приближения и отдаления к важным элементам: это может быть фон (если он детальный), лицо артиста, название трека.
- Попросите дизайнера увеличивать яркость в ритм трека, а также добавлять один конкретный эффект в каждый новый такт.
Лирик-видео
Еще один популярный формат анимации — лирик-видео, которое загружается преимущественно на видеоплощадки, чтобы аудитория могла использовать его как караоке. Самый простой вариант лирик-видео — адаптация обложки под горизонтальный формат и добавление текста из песни:
Крупные артисты, например HammAli https://i-m-i.ru/guides/release-animations» target=»_blank»]i-m-i.ru[/mask_link]
Как сделать гифку из видео Ютуб и добавить эффекты
В этой статье Вы узнаете, как сделать гифку из видео на Ютуб. Миллионы людей посещают этот сайт, но мало кто знает, что с видео на YouTube можно делать анимацию. Делается это просто, с помощью сервиса Gifs.
Вначале я расскажу, как сделать GIF анимацию с видео, а потом разберем арсенал инструментов сервиса Gifs.com. Кстати, есть еще один классный сервис, где можно редактировать Gif файлы, только с видео он не работает. Если Вам это интересно, тогда читайте статью, как быстро изменить GIF картинку. Там же Вы можете посмотреть и видео.
Как сделать гифку онлайн на Ютуб.
Откройте любое видео на YouTube, а затем в адресной строке допишите слово «gif», как это показано на картинке ниже.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Жмите «Enter», и Вас перекинет на сервис Gifs.com. Внизу, на временной шкале ролика, Вы увидите красный маркер. Кликните мышкой в любом месте этой шкалы, чтобы обозначить начало анимации.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
После этого будет выделен отрывок ролика продолжительностью 3 секунды. Но выделенный фрагмент можно изменять с помощью мыши. Просто зацепите за край выделения, и установите новое значение.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Можно время задать и вручную. Для этого надо в специальные поля, которые находятся под временной шкалой, ввести свое значение: Start Time и End Time. То есть начало и конец Gif анимации.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Правее есть переключатель NSFW (Not safe for work), что означает «небезопасно для работы». Это можно понять так: не кликайте по этой картинке, если находитесь на работе, потому что ссылка этой картинки ведет на какой-то вульгарный контент, например, порно сайт, или вообще на какой-то вульгарный контент.
После того, как определитесь с выделенным фрагментом, жмите вверху «Create GIF». Появится форма, где нужно добавить:
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Да, и еще, на бесплатном тарифе, сохраненная анимация будет с логотипом Gifs.com. Жмем «Next» и переходим на следующую страницу, где также есть дополнительные настройки:
- Здесь мы можем своей картинкой поделиться в социальных сетях;
- Получить готовые ссылки на созданную картинку, а также получить код для встраивания картинки на сайт;
- Ниже есть тумблер «Toggle dark mode» для изменения темы.
Есть и дополнительные кнопки:
- DOWNLOAD – скачать готовую анимацию на свой ПК;
- REMIX – изменить Гифку;
- RESIZE — позволяет изменить размер анимационной картинки;
- MAKE A STICKERS – сделать наклейку. Но сколько я не жал на эту кнопку, она не работает;
- REMOVE WATER MARK – удаляет водяной знак «gif.com».
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Вот в принципе и все. Таким образом можно быстро сделать Гифку из видео на Ютуб.
Как добавить эффекты на GIF анимацию
На сервисе есть дополнительные инструменты, с помощью которых можно на анимационную картинку накладывать разные эффекты. Эти инструменты Вы можете увидеть на странице редактора видео. Любой добавленный эффект, который Вам не понравится, можно удалить, нажав кнопку «Delete».
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Caption – позволяет добавлять текст. Есть дополнительные инструменты, например: смена шрифта, изменение текста, выравнивание текста, толщина бордюра, прозрачность и другое.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Sticker – добавить наклейку. Здесь можно выбрать готовую наклейку из набора, или загрузить свою. Есть и дополнительные инструменты, например, сделать наклейку немного прозрачной, или изменить ее размер.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Crop – обрезать. Изменить картинку можно с помощью мышки, перетаскивая маркеры по углам. Просто перетащите выделенную область до того места, где хотели бы обрезать. Все затемненные области будут удалены.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Padding – делает сверху картинки и снизу отступы. Размер отступа, а также его цвет можно задать вручную.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Blur – размытие. Можно сделать часть анимации размытым. Возможно это будет полезно в случае, если надо какой-то момент скрыть. Передвигая ползунок, можно менять интенсивность размытия. Там же можно задать и время действия этого эффекта.
Не забывайте нажать «Save» для сохранения изменений.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Hue – добавляет оттенок. С помощью ползунка, можно менять цвет оттенка. Также можно задать промежуток времени для этого эффекта.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Invert – инвертирует цвета. Также можно задать определенный промежуток времени этому эффекту.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Saturation – насыщенность цветов. Перетаскивая ползунок влево или вправо, можно менять силу эффекта. Также задайте время его действия.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Flip vertical – повернуть по вертикали. Здесь Вы можете отобразить картинку не только по вертикали, но и по горизонтали.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Flip Horizontal – то же самое, что и Flip Vertical.
Ping Pong – анимация начинает проигрывать вперед, а затем назад. Там же можно посмотреть пример. Для получения этого эффекта, надо передвинуть тумблер в положение ON.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
Wrap – позволяет замедлить или ускорить анимацию. Чтобы изменить скорость, надо переместить ползунок влево или вправо, а затем нажать «Save» для сохранения эффекта.
[lazy_load_box effect=»slidefromright» speed=»1900″ delay=»20″] [/lazy_load_box]
Sticker Maker – не работает пока, или уже.
Делать GIF анимацию можно не только из видео на YouTube, но и других источников, например, Instagram. Пробовал загружать с Rutube и Vimeo, но сервис загрузить ролики не смог. Загрузить видео можно и с компьютера, а затем сделать Gif.
Вы можете перейти на главную страницу gifs.com и вставить ссылку на ролик. А для загрузки видео с ПК, нажмите «Select file», или просто перетащите его с компьютера.
[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»20″] [/lazy_load_box]
На Gifs.com есть и другие продукты, которые Вам могут понравиться:
- Gif Maker – инструмент для создания GIF файлов из роликов;
- Highlight — автоматически создает нарезку из лучших моментов Вашего видео на YouTube;
- GIF Player – можно встроить специальный плеер на сайт для проигрывания GIF анимации.
- Auto Gif Maker – находит лучшие моменты в ролике и создает из них Гиф анимацию;
- Personalized Gif – может пригодится при Email маркетинге.
Итак, подведем итоги: на сервисе Gifs.com, можно сделать не только Гифку из видео на Ютуб, но и добавлять к анимации множество эффектов.
Не забудьте почитать еще статью, как быстро изменить Gif картинку, ссылка на нее в самом начале статьи.
Источник: dvpress.ru
Анимационный ролик: полная инструкция по созданию и наглядные примеры
Анимационный ролик — это аудиовизуальное произведение, создаваемое с помощью средств анимации (технологии покадровой, шейповой анимации, перекладки, 3d и других) и используемое не только в кинематографе, но и для рекламы или презентации продуктов и услуг, в интернете и на телевидении.