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

Где искать крутые гифки

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

• GIPHY — самый популярный ресурс с гифками.
• Reaction GIFs — гифки с эмоциями. Готовые ответы на все случаи жизни.
• Pinterest — не такой узкопрофильный ресурс, но за счёт своих масштабов позволяет найти уйму интересных гифок.
• GIF Bin — гифки на различную тематику с тегами, категориями и удобным просмотром.
• Tumblr — художники, создающие крутые гифки, также любят Tumblr: там можно найти всё, что сейчас в тренде.
• GIFSoup — обновляемая галерея гифок с удобной сортировкой и просмотром.
• Reddit — самые горячие гифки, отобранные лучшими реддиторами со всего мира.
• Replygif — гифки-ответы на любые вопросы.
• GifGifGifGifGif — больше гифок, хороших и разных!
• GIFs.net — анимация всего на свете: от природных явлений до различных предметов одежды, от научных понятий до еды и напитков.
• ReactionGifs — ещё один крутой ресурс с гиф-реакциями.

Как быстро вставить клёвую гифку по теме

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

Браузеры гифок

Mac и Windows

• GIF for Mac (Mac) — браузер гифок прямо в строке меню. Быстрее, наверное, уже и не придумаешь.
• GIFs (Mac) — ещё браузер-поисковик, с которым все крутые гифки будут у вас на расстоянии клика.
• PopKey (Mac, Windows, Web) — кроссплатформенные приложения с быстрым доступом к каталогу гифок и синхронизацией избранного и всех настроек между девайсами.
• GIF Keyboard (Mac) — браузер гифок прямо в строке меню. Анимацию можно перетаскивать прямо в iMessage и другие чаты. Есть синхронизация с iOS-версией.

iOS и Android

• Gif Wallet (iOS) — приложение для поиска и хранения любимых гифок. Позволяет быстро вставлять их в соцсетях и переписке.
• GIFjam (iOS) — находите крутые гифки и отправляйте их прямиком в Facebook Messenger.
• GIPHY for Messenger (iOS, Android) — весь бескрайний каталог Giphy в вашем распоряжении. Выбирайте гифку и сразу же шлите в Facebook Messenger.
• Rif (iOS, Android) — огромный выбор так называемых Reaction GIFs с описаниями ситуаций, фильтрами. То, что надо для смешных ответов в чатах и статусов в соцсетях.

Клавиатуры

• GIF Keyboard (iOS, Android) — клавиатура для смартфона, целиком и полностью состоящая из гифок.
• PopKey (iOS) — клавиатурная версия браузера по лучшим гифкам с удобным разделением на категории и прямой вставкой.
• GIF Keyboard (Android) — более 20 000 гифок, разделённых на категории, на расстоянии одного тапа.

Расширения и веб

• GoogleGIFS (Google Chrome) — расширение для Chrome с гифками прямо в окне поиска.
• GIPHY Chrome Extension (Google Chrome) — расширение, добавляющее интеграцию GIPHY со строкой поиска Chrome, Gmail и другими сервисами Google.
• GIFGIF (Web) — сервис, где собрано огромное количество гифок, выражающих различные эмоции.
• GifMe (Google Chrome, Safari) — с этим каталогом в виде расширения для браузеров нужные гифки будут всегда у вас под рукой. Кроме того, есть мобильные приложения для iOS и Android.

Как сделать гифку самому

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

Mac и Windows

• PicGIF (Mac) — быстрый способ превратить в гифку ваши фото или видео.
• Recordit (Mac, Windows) — утилита для записи изображения с экрана компьютера, которая выгружает гифку на свой сервер и сразу предоставляет ссылку для скачивания или публикации в Twitter.
• LICEcap (Mac, Windows) — приложение для записи скринкастов с экспортом в GIF.
• GifGrabber (Mac) — ещё захват экрана. Как вы понимаете, снимать можно всё что угодно, хоть видео с YouTube.
• GifCam (Windows) — и ещё одно приложение для записи скринкастов с сохранением в виде гифки.
• Gifify (Mac, Windows, Linux) — мощнейшая консольная утилита для создания гифок, среди плюсов которой гибкость и высокая скорость работы. 5-секундная гифка из середины двухчасового фильма создаётся всего за 20 секунд.
• Playola (Web) — сервис для создания гифок из YouTube-видео, который также сохраняет звук.

iOS и Android

• GIPHY CAM (iOS) — фирменное приложение от создателей GIPHY, позволяющее снимать собственные гифки с помощью камеры и добавлять к ним различные эффекты.
• Glitch Wizard (iOS) — больше ада! Создаём кислотные анимации из фото или видео на iPhone или iPad.
• Ultratext (iOS, Android) — гифки из цветных блоков с эмодзи, стикерами и вашими фото. Можно экспортировать в любую соцсеть.
• GiFmojo (iOS) — превращаем в гифки «Фотоплёнку» вашего iPhone. Вместо тысячи слов, как говорится.
• Pixcel (iOS) — создаём крутые пиксель-арт-гифки в стиле 8-битной анимации.
• Nutmeg (iOS) — текстовые гифки, или гифки с текстом. Как вам больше нравится.
• Burstio (iOS). Как вы знаете, iPhone умеет делать серийные фото, но гифки из них, к сожалению, создать нельзя никак. Burstio исправляет этот недочёт.
• JibJab (iOS, Android). Как оригинально поздравить друзей с праздником? Создать авторскую анимированную селфи-открытку с текстом и фильтрами, конечно же.
• Selfie360 (iOS, Android) — панорамные селфи-гифки. На случай, если обычных вам недостаточно.

Расширения и веб

• GIF Your Face (Web, Google Chrome) — простой способ создать селфи-гифку на компьютере и поделиться ею.
• GIF Maker (Web) — делаем гифки из ваших медиафайлов или YouTube-видео.
• GIFPaint (Web). А это сервис для настоящих художников и тех, кто хочет нарисовать свою гифку полностью с нуля.

Как сделать GIF на мобильный

Мобильные приложения, такие как GIPHY Cam, позволяют делать GIF-изображения на вашем телефоне. Они чрезвычайно просты в использовании: если вы когда-либо использовали Snapchat, вы можете работать с GIPHY Cam. Если вы не использовали Snapchat … вы все равно можете работать с GIPHY Cam.

1. Запустите приложение и запишите свой GIF

Нажмите на кнопку «Фото», чтобы сделать небольшой снимок, или удерживайте ее для увеличения изображения в формате GIF.

2. Необязательный шаг: выберите фильтр или добавьте наклейки / текст

3. Сохраните свой GIF и поделитесь им со всем миром

Как конвертировать в GIF фото или видео

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

Mac и Windows

• Convert Video to GIF (Mac) — конвертация видео в GIF с помощью скрипта всего в один клик.
• Cute Video to GIF (Windows) — утилита для конвертации видео в гифку с настраиваемыми параметрами.

Расширения и веб

• Gifs (Web). Есть YouTube-видео, а нужна гифка? Да нет проблем!
• Imgur: Video to GIF () — ещё один онлайн-инструмент, который позволяет конвертировать в гиф любое видео, просто вставив ссылку на него.
• GIFit! (Google Chrome) — нарезка гифок из любого YouTube-видео, да ещё и с возможностью задать параметры на выходе.

Как сделать GIF из видео на YouTube

Если у вас нет доступа к подписке на Adobe Creative Suite, не отчаивайтесь: существует более одного способа подарить кошку.

1. Перейдите на GIPHY.com и нажмите «Создать».

2. Добавьте веб-адрес видео, которое вы хотели бы сделать в GIF

3. Найдите ту часть видео, которую вы хотите снять, и выберите длину

Выбор большей длительности в верхнем слайдере добавит больше времени после «времени начала», которое вы выбрали в нижнем слайдере.

4. Необязательный шаг: украсьте свой GIF

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

5. Необязательный шаг: добавьте хештеги в ваш GIF

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

6. Загрузите свой GIF в GIPHY

И с этим, вы сделали! Чтобы включить GIF в свои сообщения в социальных сетях, просто вставьте ссылку Giphy или загрузите файл Giphy и приложите его.

Вы можете выполнить те же действия, чтобы загрузить созданный вами GIF-файл. Просто добавьте ссылку на GIF URL вместо ссылки на видео YouTube в начале. Вы также можете использовать эти шаги для создания GIF из вашего собственного видео – просто начните с загрузки его на YouTube .

Как отредактировать гифку

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

Добавляем текст

• Gifntext (Web) — онлайн-редактор, позволяющий добавить на вашу гифку текст, изображение или даже скетч. На выходе получаем ссылку, по которой можно скачать гифку, а также embed-код для вставки.
• Imgur (Web, iOS, Android) — ресурс с мемами и популярными гифками, который помогает не только прокрастинировать, но и творить… новые мемы. Есть также мобильные приложения.

Изменяем размер

• Ezgif (Web) — функциональный онлайн-редактор, среди возможностей которого есть опция масштабирования и оптимизации. Помимо всего прочего, умеет добавлять эффекты, изменять скорость, обрезать кадры.
• GIFMaker (Web) — ещё один онлайн-редактор, но попроще. Загружаем большую гифку — получаем маленькую (ну или какую захотим).

Разное

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

• Giphy Tabs (Google Chrome) — расширение для Chrome, показывающее в каждой новой вкладке случайную странную гифку.
• GIF Dance Party (Web). Повеселите себя и друзей, создав крутую вечеринку с популярными мемами-танцорами.
• Procatinator (Web) — случайные полноэкранные гифки с котами под музыку. Что тут ещё сказать?
• GifLinks (Web) — специальный скрипт, который при наведении курсора на ссылки в тексте отображает релевантные гифки.
• Gifpop! (Web) — сервис печати гифок. Да-да, вы всё правильно прочли, именно печати. Помните «3D-картинки» из 1980-х? Ну те самые, переливающиеся, календарики? Вот такие можно сделать с Gifpop!
• Fiticle (Web) — ресурс, на котором собраны гифки, демонстрирующие правильное выполнение различных упражнений.

Методы и ограничения

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

Показать анимацию на экране пользователя можно несколькими методами.

• ⁠Видео.

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

• GIF-анимации.

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

• Набор последовательно переключающихся картинок, они же секвенции.

  Грубо говоря, это видео без сжатия кадров, которое так же много весит и замедляет работу браузера.

• Анимированные вручную html-элементы или svg.

  Требуют сложного процесса разработки.

Успей получить ТОПовую профессию в digital со скидкой 50%!

• Обучайся SMM на практике — создай свое портфолио.
• Начни зарабатывать через 3 месяца.
• Получи диплом SMM-маркетолога и помощь в трудоустройстве.
• Воспользуйся рассрочкой до 2-х лет без первого взноса.

Подробнее

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

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