Как создать анимацию в Ютубе

GIF-файлы, или просто “гифки”, захватили Интернет так давно, что трудно представить себе общение в социальных сетях без них. С помощью этих коротких, но выразительных анимаций пользователи повсюду, от Facebook до Reddit, выражают самые разные эмоции, отпускают остроумные шутки и делают отсылки к популярным шоу и фильмам. Вы можете создать уникальные гифки сами, следуя инструкциям ниже!

Делаем GIF онлайн

Существует целый ряд различных сайтов для этой задачи, однако, Giphy остаётся одним из самых удобных и эффективных сервисов. Он предлагает множество вариантов кастомизации и очень простой процесс создания GIF, который занимает менее 5 минут. Giphy поддерживает ссылки с YouTube и Vimeo, а также изображения и видео с компьютера пользователя.

1. Откройте страницу создания GIF на сайте Giphy.

2. Вставьте ссылку на YouTube-видео, из которого нужно сделать гифку, в специализированное поле внизу страницы.

КАК СДЕЛАТЬ МУЛЬТИК или НАУЧИТЬСЯ АНИМИРОВАТЬ

Обратите внимание, что видео должно быть не длиннее 15 минут.

3. Выберите время начала и продолжительность вашей гифки.

После выбора нажмите кнопку Continue to Decorate.

4. Добавьте подпись, стикеры, фильтры или даже нарисуйте поверх своей гифки, если вы в креативном настроении!

5. Нажмите кнопку Continue to Upload. Подождите пока процесс не завершится.

6. Поделитесь результатом в социальных сетях, скопируйте ссылку для вставления анимации в ваш блог или скачайте ее на компьютер.

Делаем GIF на компьютере

Этот метод предполагает наличие YouTube-видео на вашем компьютере. Если у вас его нет или вы не знаете, как его скачать, следуйте шагам ниже.

1. Запустите 4K Video Downloader+. Приложение доступно для macOS, Windows, Linux и Android.

Скачать 4K Video Downloader+

2. Скопируйте ссылку на YouTube-видео, которое хотите скачать.

3. Нажмите кнопку Вставить ссылку в загрузчике.

4. Выберите формат, качество и конечную папку.

5. Нажмите Загрузить.

Как только вы получили YouTube-видео, из которого хотели бы сделать гифку, откройте Adobe Photoshop (на скиншотах ниже изображена версия CC 2019) и сделайте следующее:

Создай AI анимацию за 30 секунд БЕСПЛАТНО

1. Нажмите Файл в строке поиска, после чего появится выпадающее меню.

2. В раскрывшемся меню наведите курсор на Импорт и выберете параметр Видеокадры в слои.

3. Выберите скачанное видео.

4. Измените настройки вашей будущего GIF-изображения в разделе в разделе Диапозон для импорта :выберите размер диапазона и установите предел количества кадров (это помогает регулировать вес файла).

5. Переместите ползунки под миниатюрой видео для выбора определенной части видео.

6. Поставьте галочку рядом с Make Frame Animation в диалоговом окне и нажмите OK.

7. Вернитесь к разделу Файл в меню, наведите курсор на опцию Экспорт и нажмите Save for Web (Legacy).

8. Вот и все! При желании вы можете изменить количество цветов, формат изображения, параметры зацикливания или покрутить ручки других настроек, после чего сохранить свою GIF.

Источник: www.4kdownload.com

Как сделать гифку из видео Ютуб и добавить эффекты

В этой статье Вы узнаете, как сделать гифку из видео на Ютуб. Миллионы людей посещают этот сайт, но мало кто знает, что с видео на 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» и переходим на следующую страницу, где также есть дополнительные настройки:

1. Здесь мы можем своей картинкой поделиться в социальных сетях;
2. Получить готовые ссылки на созданную картинку, а также получить код для встраивания картинки на сайт;
3. Ниже есть тумблер «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 есть и другие продукты, которые Вам могут понравиться:

1. Gif Maker – инструмент для создания GIF файлов из роликов;
2. Highlight — автоматически создает нарезку из лучших моментов Вашего видео на YouTube;
3. GIF Player – можно встроить специальный плеер на сайт для проигрывания GIF анимации.
4. Auto Gif Maker – находит лучшие моменты в ролике и создает из них Гиф анимацию;
5. Personalized Gif – может пригодится при Email маркетинге.

Итак, подведем итоги: на сервисе Gifs.com, можно сделать не только Гифку из видео на Ютуб, но и добавлять к анимации множество эффектов.

Не забудьте почитать еще статью, как быстро изменить Gif картинку, ссылка на нее в самом начале статьи.

Источник: dvpress.ru

Как сделать стоп-моушн видео: хитрости и интересные приёмы

Видео в стиле стоп моушн сегодня пользуются особой популярностью. Удивительно, как техника, используемая прежде преимущественно для детских историй, стала универсальным инструментом для иллюстрации чего угодно! Рекламщики используют стоп-моушн для продвижения продуктов в интернете, маркетологи – в качестве визуала для инструкций, а блогеры публикуют необычные анимации для вовлечения аудитории в социальных сетях.

Стоп моушн нравится практически всем, да и создание такого клипа – увлекательный, творческий процесс. Если у вас есть дети, это отличная идея для занятия всей семьи на выходной день.

Но самое главное – вам не потребуются ни опыт монтажа, ни специальное оборудование, ни дорогостоящие программы. Всё, что нужно – это немного творчества и терпения.

В этой статье мы собрали подробную инструкцию о том, как снять стоп-моушн видео с нуля. Вы узнаете как правильно подготовиться к съёмке, как эффективнее всего эту съёмку провести и как смонтировать материал так, чтобы получилась анимация с хорошим темпом.

И да, ещё раз повторимся: никакого бюджета. Скорее всего, всё необходимое у вас уже есть:

• Любая камера: смартфон, гоупро или зеркалка – неважно.
• Компьютер для монтажа (для инструкции мы использовали Windows ПК)
• Видеоредактор (если вы на Windows – скачайте бесплатный VSDC, а если на Mac, то подойдёт iMovie)

Нужно вдохновение? В конце статьи мы также добавили 7 простых в исполнении идей для вашей первой анимации.

Однако прежде чем переходить к практической части, давайте разберёмся, что же такое стоп моушн.

Что такое видео стоп моушн?

Для тех, кто ничего не знает о технике создания анимации, стоп моушн – это настоящее волшебство. Подумать только! Неодушевлённые объекты – куклы, детали конструктора Лего, еда и бумага – всё это двигается, изменяя попутно форму и положение.

В действительности, видео стоп моушн – это быстро «перелистываемые» фотографии предмета, снятые в промежутках между моментами, когда вы этот предмет передвигаете.

Весь процесс проходит следующим образом. Вы размещаете предмет на заранее подготовленном фоне, делаете снимок, затем перемещаете предмет на небольшое расстояние, делаете ещё снимок, снова перемещаете, снова снимок – и так далее. Когда вы соедините все фотографии в видео с помощью редактора, будет казаться, что предмет двигается без вашего участия.

Чем мельче изменения, вносимые между кадрами, тем более реалистичной будет анимация. Более подробно мы поговорим об этом ниже.

Как сделать анимацию стоп моушн: пошаговая инструкция

Теперь, когда у вас есть представление о том, как создаются стоп-моушн видео, поговорим о том, с чего начать подготовку.

Шаг первый: отрисуйте сториборд (раскадровку)

Если это ваша первая анимация, вам понадобится план. Идеальный вариант – покадрово набросать перемещения предмета. То есть, выполнить раскадровку. Визуализацию такого формата ещё называют сторибордом.

Сториборд лучше всего отрисовывать по кадрам, но если кадров слишком много – можно объединить их в группы.

Раскадровка вашего видео может выглядеть следующим образом:

Когда речь идёт о десятках, а то и сотнях кадров, недолго запутаться или забыть отснять одно из перемещений. Поэтому иметь под рукой такую раскадровку очень полезно, особенно поначалу.

Вы можете нарисовать собственный сториборд или найти шаблоны в интернете (например, в Pinterest). Просто скачайте изображение с пустой раскадровкой, распечатайте и используйте для своего проекта. Если отрисовывать кадры совсем не хочется, в качестве альтернативы можно использовать подробный текстовый список кадров и вычёркивать их по мере продвижения съёмки.

Шаг второй: установите камеру

Во время съёмки стоп-моушн анимации двигаться могут только предметы, которые находятся в кадре. А вот сама камера должна быть установлена неподвижно. Это крайне важно.

Конечно, вы сможете откорректировать минимальные сдвиги с помощью редактора, но это потребует дополнительных времени и усилий. Лучше всего стабилизировать камеру в самом начале, чтобы до конца съёмки она находилась в одном и том же месте. В идеале, не стоит касаться даже кнопки спуска.

Использовать можно как специальное оборудование, так и подручные предметы. Это могут быть и селфи-палка, и трипод, и держатель телефона для машины. Если ничего из списка у вас нет, будет чуть сложнее, потому что любые касания камеры, как правило, приводят к микросдвигам и изменению угла кадра – а это может отразиться на результате.

Если время и воображение позволяют, можно поискать идеи для стабилизации камеры или смартфона с помощью подручных средств в интернете.

Шаг третий: пора начинать съёмку

Итак, у вас отрисована раскадровка, подготовлен инвентарь для съёмок, а камера надёжно зафиксирована. Можно начинать снимать!

Стоп. А сколько кадров нужно для полноценной анимации? Чтобы ответить на этот вопрос, обратимся к простой математике.

Обычные (не анимированные) видео обычно содержат между 30 и 120 кадров в секунду. При съёмках стоп моушн такая частота, конечно, не нужна, однако, стоит стремиться хотя бы к 10 кадрам в секунду, чтобы анимация выглядела качественно.

Количество кадров напрямую влияет на результат. Чем больше кадров в секунду содержит видео, тем более плавными выглядят передвижения предмета.

В зависимости от количества кадров, вы можете прикинуть, сколько будет длиться итоговое видео. Например, если вы сделали 100 снимков, и выбрали темп анимации 10 кадров в секунду, итоговый ролик будет длиться 10 секунд. Если же вы решите увеличить темп до 25 кадров в секунду, анимация продлится всего 4 секунды, но будет выглядеть более реалистично.

Можно вести расчеты и наоборот – исходя из продолжительности каждого кадра. Например, если вы хотите задать частоту в 10 кадров в секунду, продолжительность каждого кадра должна быть 0,1 секунды. Если же вы задаете продолжительность кадра, скажем, в 0,04 секунды, анимация будет более плавной, так как в одной секунде уместится 25 кадров.

Зная логику расчетов, вы сможете без труда ответить на популярный вопрос:

Сколько кадров в 30-секундной анимации?

Это вопрос с подвохом, потому что единого ответа нет. Всё зависит от выбранной частоты кадров. Если вы выбираете 10 кадров в секунду, для 30-секундной анимации понадобится 300 кадров. Если во время монтажа вы зададите 25 кадров в секунду, анимация будет выглядеть более качественно, но вам потребуется 600 снимков.

Шаг четвёртый: соедините отснятые кадры в VSDC

VSDC – это удобный, бесплатный видеоредактор со встроенным инструментом для создания анимации. Как только вы отсняли нужное количество кадров и загрузили их на компьютер, выполните следующие шаги:

1. Запустите VSDC и создайте Пустой проект
2. В меню слева найдите опцию Добавить анимацию
3. Во всплывающем окне настройки позиции объекта нажмите ОК
4. Перейдите в меню свойств справа и нажмите кнопку Редактировать объект Анимация
5. Задайте ширину и высоту анимации по размерам используемых фотографий
6. Задайте желаемую частоту смены кадров
7. Выберите и удалите добавленный по умолчанию Embedded .PNG file
8. Нажмите +Добавить
9. Выберите фото с компьютера и нажмите OK

Вот и всё, анимация готова. Используйте окно предпросмотра, чтобы оценить результат.

Если вы захотите изменить частоту смены кадров, вы сможете сделать это в любой момент. Для этого выберите слой с анимацией на таймлайне и перейдите в Окно свойств. Затем нажмите кнопку Редактировать объект Анимация и откорректируйте частоту кадров в секунду по своему усмотрению. При смене этого параметра продолжительность анимации будет меняться автоматически.

Шаг пятый: добавьте подписи

Если вы хотите добавить заголовок или подпись, воспользуйтесь инструментом для добавления текста в видео.

Разместите текст на сцене и настройте его размер, шрифт, цвет, стиль и прочие параметры. Зажмите текстовый объект мышкой и перетащите его в нужное расположение. Чтобы изменить момент появления текста в видео, а также продолжительность его присутствия в кадре, вы можете вручную сдвинуть слой текста на таймлайне или настроить параметры Время появления объекта и Длительность отображения объекта в окне свойств справа.

Шаг шестой: наложите звук

Анимация будет смотреться гораздо лучше, если она будет со звуком!

Чтобы добавить аудио, используйте комбинацию клавиш Shift + A и выберите файл на компьютере. При необходимости вы можете обрезать аудиофайл до нужной длины, отрегулировать звук и применить эффекты.

Если под рукой не оказалось подходящей музыки, вы можете обратиться к библиотеке с бесплатными мелодиями и звуками на YouTube.

Шаг седьмой: сохраните стоп-моушн анимацию на компьютер

После того, как вы закончите монтаж, перейдите во вкладку Экспорт проекта и выберите желаемый формат. Строгих ограничений по выбору формата нет, однако, мы рекомендуем следующие варианты: “Интернет –> Для YouTube” или “Интернет -> В GIF”.

Обратите внимание, перед экспортом вы можете ещё раз откорректировать качество, разрешение и частоту смены кадров в меню настроек по кнопке Изменить профиль (она находится под окном предпросмотра во вкладке экспорта).

Как снять стоп-моушн видео с первого раза: советы для начинающих

Прежде чем вы перейдёте к съёмке, советуем ещё раз обратить внимание на рекомендации, которые помогут вам избежать распространённых ошибок.

Совет №1. Следите за стабильностью кадра

Как мы уже говорили ранее, полная стабилизация очень важна. «Сцена», камера, и освещение – всё это должно оставаться неподвижным до окончания съёмок. Если вы снимаете на смартфон или планшет, вы можете скачать приложение для удалённого нажатия кнопки спуска (то есть, контроль камеры с другого телефона), так что вам не придётся каждый раз прикасаться к устройству. Помимо этого, вы можете использовать приложения для съёмки таймлапс-видео, которые позволяют делать кадры автоматически через равные промежутки времени. Это также поможет минимизировать необходимость прикасаться к камере и риск смещения кадра.

Совет №2. Избегайте теней

Во время съёмки стоп-моушн полагаться на солнечный свет не рекомендуется, поскольку, как известно, он непостоянен. В результате, если вы снимаете на улице или возле окна, по мере продвижения съёмки, угол падения света тоже может перемещаться, а значит, возникнут и тени. И если только это не ваша изначальная задумка по сценарию, тени испортят иллюзию «волшебства», и анимация получится не очень удачной.

Совет №3. Запишите недостающие звуковые эффекты

Если в библиотеке с бесплатными звуками вы не нашли того, что искали, можно всегда попробовать воспроизвести звук самостоятельно с помощью подручных средств. Большинство видеоредакторов, включая VSDC, позволяют записывать голосовые комментарии и звуки непосредственно в программе.

7 несложных идей для съёмки видео стоп моушн

Для заключительной части статьи мы подобрали несколько популярных сценариев и приёмов создания стоп-моушн анимации. Частота смены кадров в примерах ниже – 30 кадров в секунду.

Ожившие игрушки

Человечки из конструктора Лего – это, пожалуй, самый часто встречающийся пример стоп моушн. Вы наверняка видели его не раз, поэтому мы решили сразу перейти к более серьезным героям из мира фэнтези. Только посмотрите как правдоподобно смотрится этот штурмовик из Звёздных войн в кадре! Автор видео, Snooperking сделал потрясающую анимацию.

Таймлапс прогресса

А теперь обратите внимание на видео ниже. Да, скорее всего это не один и тот же перчик чили, но сама анимация должна подсказать вам массу идей для съёмок. Стоп моушн отлично отражает прогресс в чём бы то ни было, а самое главное — эта техника универсальна для массы сценариев. В интернете немало анимаций, иллюстрирующих рост растений, животных и даже детей.

Некоторые из этих видео снимались не один месяц! Но результат, безусловно, того стоил.

Рисунок, возникающий сам по себе

Вот вам ещё одна простая, но интересная идея. С помощью техники стоп моушн можно сделать так, что рисунки, надписи и чертежи будут появляться на бумаге сами по себе, без помощи автора.

Сминающаяся бумага

Бумага – это очень популярный предмет для съёмки анимаций. Причём использовать её можно как в качестве фона, так и в качестве основного объекта съёмки. Пример ниже взят с сайта courtesy of Videezy, и это отличная идея создания заголовков и интро для YouTube канала.

Пояснительная анимация

Стоп моушн также прекрасно подходит в качестве иллюстраций к сложным материалам, включая научные и технические инструкции. Например, видео ниже визуализирует перенос файла из глобальной сети в локальную папку.

Вкусные видео