Как сделать gif-анимацию самостоятельно: бесплатные сервисы
Как сделать гифку онлайн
В этом разделе — четыре сервиса, которые помогут удобно и быстро сделать гифку в онлайне.
Создать гифку на Makeagif
Makeagif — «универсальный гиф-солдат». Может создавать гифку из видео на YouTube, Facebook, с вебкамеры, из загруженных картинок и видео. Крутой инструмент, когда надо сделать быстро и с небольшой обработкой: можно отрегулировать длину, добавить текст, смайлики и простые эффекты.
Чтобы сделать гифку из видео на Youtube, достаточно указать ссылку на него, обработка начнется сразу же:
Как сделать гифку из видео на Youtube в сервисе Makeagif
Мне понравилось, что сервис простой: вся обработка идет за один шаг. Но для полноценной работы придется заплатить 12 долларов в месяц. Есть тестовый период на 3 дня. Ограничения бесплатной учетки:
- только низкое и среднее качество гиф;
- логотип сервиса на готовых гифках;
- ограничение по длине до 20 секунд.
Создать гифку на Giphy
Попробуйте сделать гифку онлайн с помощью бесплатного редактора на Giphy. Тут тоже много опций: в качестве основы можно загрузить свои фото, гифки или видео, дать сервису ссылку на YouTube, Vimeo или в самом Giphy (здесь обширная библиотека гифок). Работать можно без регистрации, на гифке не будет водяного знака.
Покажу, как сделать гифку из видео. Загружаем файл, выбираем нужный кусочек и обрабатываем: накидываем текст, фильтры, стикеры, при желании что-то рисуем. Готовую гифку нужно загрузить на сайт, для этого вводим теги и при необходимости даем ссылку на исходную гифку.
Свое творение можно скачать: правым щелчком мыши и «Сохранить». Также можно взять ссылку на встраивание, для соцсетей, для HTML5 и так далее:
Как сделать гифку из видео в сервисе Giphy
Как сделать гифку на Gifpal
Gifpal — простой бесплатный онлайн-сервис для создания GIF-анимации из картинок.
Выберите размер будущей гифки, поочередно загрузите картинки-кадры, настройте их длину и последовательность, сохраните получившийся результат:
Как сделать гифку из картинок в сервисе Gifpal
Единственное ограничение сервиса — в правом нижнем углу будет маленькая надпись GIFPAL.
Как сделать гифку из видео на YouTube
Для тех, кто собирается делать гифки только из Youtube роликов, есть способ, где даже не нужно никуда переходить. На странице видео, из которого нужно сделать гифку, вводим в адресную строку слово gif перед youtube. Вот так: «www.gifyoutube.com/video…».
Жмем Enter и попадаем в редактор гифок на сайте Gifs.com. Тут настраиваем нашу гифку: добавляем текст, стикеры и эффекты. Эффектов в редакторе много: изменение цвета и яркости, размытие, добавление полей, отражение по горизонтали и вертикали.
Когда настроили, создаем гифку. Водяной знак снять нельзя — выскакивает поп-ап с Дрейком и предлагает купить для этого платную версию от 1,99 доллара в месяц. Выбираем, будет ли наша гифка публичной или приватной, и завершаем процесс. Финальный результат можно скачать в двух размерах: оригинальном и сжатом в десяток раз. Можно не скачивать, а скопировать ссылку для постинга в соцсети или встраивания на сайт:
Как сделать гифку из видео на Youtube
На Gifs.com можно также обрабатывать загруженные видео и видео из Vine и Instagram. Опции доступны с главной страницы: чтобы туда выйти, нажмите на значок с надписью GIFS.
Обратите внимание! SendPulse позволяет сделать гифку из видео на YouTube и сразу загрузить ее в письмо — читайте инструкцию в нашей базе знаний. Этот способ подходит, если ваше видео весит до 100 Мб.
Способы сочинения гиф-анимации из изображений
На сегодняшний момент существуют три основных способа сделать gif-файл с имеющихся у нас фото. Они следующие:
- Сетевые сервисы. На данное время существует достаточное количество сетевых онлайн-ресурсов (как русскоязычных, так и англоязычных), позволяющих легко создать gif-файл из загруженных на такой сервис фотографий. Алгоритм действия с ними довольно прост: вы переходите на такой ресурс, загружаете на него нужные фотографии (обычно в той последовательности, в которой они будут демонстрироваться на вашей гифке). Далее определяетесь с рядом процессуальных параметров (размеры гиф, её качество, другие атрибуты), а затем запускаете процесс создания самого gif-файла. После того, как последний будет создан, вы скачиваете его к себе на ПК;
- Стационарные компьютерные программы. Для создания GIF также можно использовать профессиональные графические решения уровня «Photoshop», а также более простые программы, созданные специально для данных задач;
- Программы для мобильных платформ. Также можно использовать функционал мобильных приложений для создания gif-анимации (на базе «OS Android», «iOS», «Windows Mobile»). Работа с ними также довольно проста, и похожа на алгоритм работы с упомянутыми ранее сетевыми сервисами.
Создание gif-анимации предполагает использование правильной последовательности фотографий
Давайте детально рассмотрим каждый из указанных способов.
Интересно: Как вставить гифку в презентацию PowerPoint.
Программы для создания гифок на компьютере
Сделать гифку можно с помощью программ на компьютере. Да, устанавливать ПО не всегда удобно, зато вы получите гифку любого размера и разрешения, причем без водяного знака.
Как сделать гифку в Photoshop
Photoshop дает целых два варианта, как сделать гифку — из картинок и видео. Давайте рассмотрим оба способа.
Как сделать гифку из фото в Photoshop. Создайте в программе новый файл. Разложите по слоям элементы будущей гифки, которые должны быть на разных кадрах. Теперь в верхней панели открываем меню «Окно» и выбираем «Шкала времени». Внизу появится новая панель, в центре будет кнопка, которую можно переключить стрелкой справа от нее. Выбираем для кнопки значение «Создать анимацию кадра» и жмем на нее.
На шкале появляется первый кадр, сразу устанавливаем для него длительность и оставляем видимым только нужный слой. Готовый кадр копируем нужное количество раз. Для каждого кадра оставляем видимыми соответствующие слои:
Как сделать гифку из картинок в Photoshop
Сохраняем через «Файл — Экспортировать — Сохранить для WEB»:
Раздел меню для сохранения гифки из картинок в Photoshop
Настраиваем параметры сохранения. Щелкните на тот вариант файла, который вы хотели бы сохранить: они отличаются качеством и, соответственно, весом. Выбранный вариант можно еще уменьшить за счет выбора меньшего количества цветов и уменьшения его ширины и высоты.
Проверьте, чтобы в настройках также был вверху указан формат выходного файла — GIF, а внизу, в настройках анимации — «Параметры повторов: Постоянно». Тогда у вас получится зацикленная гифка:
Настройки при сохранении гифки, созданной в Photoshop
Как сделать гифку в Photoshop из видео. Этот способ подойдет для обработки небольших по весу файлов, например, 50 Мб или меньше. С более тяжелыми видео программа будет очень долго грузиться.
Создаем новый файл и заходим в меню «Файл» — «Импортировать кадры видео в слои»:
Меню, через которое можно импортировать видео в Photoshop
Выбираем нужное видео, появится окно импорта. Выделяем кусочек, который нужен. Необязательно делать это с точностью до секунды, потом можно удалить лишнее. Чтобы облегчить будущую гифку, поставим чекбокс «Оставить каждый»: если здесь поставить 2, то кадров станет в два раза меньше, если 3 — то в три раза. Это не сильно скажется на качестве, просто гифка будет не такой плавной, как видео. И поставим чекбокс «Создать покадровую анимацию». Вот примерные настройки окна:
Настройки импорта видео для создания гиф-анимации в Photoshop
Далее делаем то же самое, что и при создании гифки из картинок. Вызываем шкалу времени в панели «Окно», кадры видео уже будут на ней:
Шкала времени при создании гифки в Photoshop
Отредактируйте кадры по желанию — измените их длительность или удалите лишние. Можно добавить в видеоряд еще какие-то картинки или текст. Сохраняем аналогично гифке из картинок — через экспорт для Web.
Как сделать гифку в Photoscape X
Сделать простую гифку из картинок на MacOS можно в бесплатной версии программы Photoscape X. Она также работает на Windows 10.
С Photoscape X работать удобно: это еще и редактор изображений, но гораздо проще, чем Photoshop. Можно сначала обрезать картинки, настроить их цвет, сделать коллаж или добавить текст, стрелки и другие фигуры.
Теперь покажу, как создать гифку из картинок при помощи Photoscape X. Выберите справа размер будущей гифки. Закиньте в окно редактора свои изображения и перетяните их в нужной последовательности. Затем настройте длину каждого кадра и переходы между ними:
Как сделать гифку из картинок на компьютере
Лучшие сервисы, чтобы сделать красивую gif онлайн
Для создания gif из фото онлайн рекомендую обратить внимание на следующие сетевые сервисы:
- Toolson.net – русскоязычный ресурс, в котором монтаж гифки строится по стандартным для таких сервисов шаблонам. Вы переходите на данный ресурс, загружаете на него фотографии в правильной последовательности. Дальше указываете интервал между кадрами в миллисекундах, пиксельные размеры гиф-анимации в высоту и ширину, возможность зацикливания ролика, выбирает различные эффекты. Затем нажимаете на кнопку «Создать», и скачиваете полученную гифку на свой компьютер;
- Gifius.ru – другой русскоязычный ресурс, работа с которым строится по шаблонным лекалам для ресурсов данного типа. Вы загружаете картинки для создания анимации gif, задаёте настройки анимации, затем жмёте на «Скачать GIF» и сохраняете полученный результат;
- Picasion.com – англоязычный ресурс для создания gif-ролика. Работа с ним не отличается от аналогов – загружаете фото (при необходимости жмёте на «Add one more picture» для загрузки большего количества фото), выбираете размер ролика (Size), скорость демонстрации изображений (Speed), и жмёте на «Create Animation», затем сохраняете результат на ПК;
https://youtu.be/opu7aXr7tj0
- Сервис oformi-foto.ru – ещё один русскоязычный сервис подобного плана с шаблонным алгоритмом проектирования гифок. Загружаете нужные для создания анимации фото, выбираете шаблон для создания гиф, жмёте на «Готово!» и сохраняете результат;
- Ну и последний популярный англоязычный сервис для создания gif-файлов – это сервис gifmaker.me. Последовательность действий всё так же стандартна: жмёте на «Upload images» для загрузки фото, выбираете размер изображения (Canvas size), скорость анимации (Animation Speed), остальные параметры оставляете без изменений. Затем нажимаете на «Create GIF Animation» и скачиваете результат.
Рабочий экран сервиса gifmaker.me
Полезно: Как сохранить гифку на Айфон и компьютер.
Как сделать гифку на телефоне
Два приложения для создания гифок на iOS и Android — на случай, если хотите моментально превратить снятые фото и видео в гифки.
GIF Maker
Это приложение поможет сделать гифку на андроиде. В нем можно сделать гифку из картинки, из видео, заснять и превратить в гифку видео с экрана или с камеры телефона:
Как сделать гифку в приложении GIF Maker
У приложения интересная ценовая политика: в бесплатной версии доступны практически все функции. Подвох в том, что при редактировании нельзя отменять шаги — нет функции Undo/redo, и при работе показывается довольно много рекламы. За 219 рублей можно купить премиум-версию, где снимаются все ограничения.
Giphy
Бесплатное приложение одноименного сервиса, о котором я рассказывала выше. Есть и для Android, и для Iphone. Можно сделать гифку из файлов с телефона или прямо в приложении снять фото и видео для обработки.
Чтобы создать свою гифку, нажмаем на знак с плюсиком — он в центре нижней панели в приложении. Откроется камера. Если хотите снять фото — нажмите на кружок, если хотите видео — зажмите и держите кружок сколько нужно. Если будете использовать материалы с телефона, нажмите на значок галереи справа от кружка.
Обработка примерно такая же, как в онлайн-сервисе Giphy: текст, фильтры, стикеры. Можно скачать готовый результат как видео или гифку, а также загрузить его в базу Giphy.
Как сделать гифку в приложении Giphy
Как сделать gif из записи экрана
Licecap
Это бесплатное приложение для захвата экрана и записи gif.
Чтобы начать запись, откройте приложение и поместите в рамку нужную область, затем нажмите «Record…». Когда закончите свой скринкаст, нажмите «Stop». Готово!
Интерфейс приложения Licecap
Вот скринкаст, записанный с помощью Licecap.
Скачать приложение можно здесь
GifCam
Еще одно бесплатное приложение для создания скринкастов. Чтобы сделать запись экрана, откройте приложение, захватите нужную область, нажмите «Rec», после нажмите «Save» и сохраните запись.
Интерфейс приложения GifCam
Скачать приложение можно здесь
Recordit
Приложение также, как и два предыдущих, пишет скринкасты сразу в GIF. Скачайте его, затем нажмите на иконку, выделите нужную область и нажмите «Record». Когда закончите запись, нажмите «Stop», анимация откроется в браузере, сохраните ее правой кнопкой мыши.
Запись экрана в Recordit
Скачать приложение можно здесь
Внимание!
Facebook, Instagram, Twitter «не понимают» формат gif и считают анимации статичными картинками. Чтобы их «оживить», конвертируйте gif в mp4.
Желаем удачи в создании анимированных картинок! Не забудьте поделиться своими успехами в комментариях:-)
Как вставить гифку в письмо
Гифки в письмах — это возможность показать анимацию там, где не поддерживаются все другие способы. Например, не всегда удается вставить видео в письмо. В основном анимация используется для:
- Яркого дизайна письма, привлечения внимания.
- Показа товаров. Например, несколько пар обуви сменяют друг друга в одной гифке или одна вещь показана с разных ракурсов.
- Демонстрации возможностей — прямо в письме показать, как работает продукт.
Шаг 1. Создаем гифку
Для начала сделайте гифку. При создании ориентируйтесь на два важных параметра.
Сжать гифку можно в этих сервисах:
- Ezgif
- IloveIMG
- Compressor.io
Обратите внимание! Если вам надо просто перевести видео в GIF формат без обработки, используйте сервис Online Convert.
Шаг 2. Вставляем гифку в письмо
В редакторе SendPulse гифка вставляется в письмо блоком «Изображение». Открываем блочный редактор писем, вставляем блок «Изображение» в нужное место письма и добавляем в него свою гифку:
Добавляем гифку в письмо в блочном редакторе SendPulse
Обязательно прописываем alt-текст на случай, если гифка не загрузится. Также можно добавить на нее ссылку:
Добавляем к гифке alt-текст и при необходимости — ссылку
Экспортируем анимацию как GIF
Перейдите в File > Export > Save for Web (Legacy)… (Файл – Экспортировать – Сохранить для Web (Старая версия) …).
Нажмите на кнопку «Предварительный просмотр» в левом нижнем углу диалогового окна «Экспортировать», чтобы просмотреть анимацию в веб-браузере.
Нажмите Save (Сохранить) и выберите место для анимированного GIF-файла.
Мои поздравления! Вы только что создали свой анимированный GIF-файл. Разместите его в интернете, чтобы показать всему миру. Обращаю ваше внимание на то, что вы так же можете использовать эту технику для любого многослойного файла Photoshop.
Что стоит запомнить
Создавать гифки можно с помощью онлайн-сервисов, десктопных программ и мобильных приложений. Я рекомендую:
- для онлайна — Makeagif, Giphy, Gifpal, Gif.com;
- для десктопа — Photoshop, Photoscape X;
- для мобильного — GIF Maker, Giphy.
Если создаете гифку для письма, обращайте внимание на ее размер и вес. При выборе размера исходите из того, что ширина письма на десктопе — 600 пикселей. При выборе веса думайте о том, что ваше письмо будут смотреть через мобильный интернет — старайтесь делать гифки не тяжелее 1 Мб. Если получается больше, то используйте для сжатия эти сервисы:
- Ezgif
- IloveIMG
- Compressor.io
Теперь вы знаете, как делать гифки. Экспериментируйте, используйте GIF анимацию в разных каналах и не забывайте отслеживать конверсии! Регистрируйтесь в SendPulse, чтобы быстро добавлять гифки в шаблоны своих писем и смотреть результаты рассылок в простом и понятном виде.
[Всего: 3 Средний: 5/5]
Создание GIF анимации в фотошопе
Начинаем с самого простого, это создания нового документа, нужного нам размера. Я использовала 730*410 пикселей, с разрешением 72 пикселей на дюйм.
Полезно знать! Всегда, для работы в Фотошопе, создавайте рабочее пространство, разрешением не менее 70 пикселей на дюйм. В дальнейшем его можно уменьшить, если понадобиться. А вот при увеличении, может пострадать качество, так как пикселя растянуться.
Теперь нужно продумать, дизайн будущей GIF и набросать заготовки картинок, которые будут использоваться в анимации. При чем каждый объект на новом слое. Примерно вот так, как у меня…
В дальнейшем, при создании анимации, очень удобно пользоваться слоями, и не нужно будет рыться в них, в поисках нужного.
Далее, нам нужно будет открыть «Анимацию», с ее помощью мы и будем создавать GIF. По умолчанию она выключена.
Включаем ее в верхнем меню на вкладке «Окно» — «Анимация» и отмечаем этот пункт птичкой.
Теперь она у нас появится внизу, под файлом. Приступаем к ее наполнению, для начала перетаскиваем нужные слои и располагаем их в порядке появления. Каждому слою, своя дорожка.
Снимаем замок с нулевого слоя и начинаем создавать свой шедевр.
Далее, что бы заставить изображения двигаться, нужно задать параметры движения, а также начальное и конечное положение.
Делается это очень просто. Возле каждого слоя есть изображение глазика, выключаем их все, кроме самого первого слоя и этот слой уже есть в нижней панели.
Затем, внизу, нажимаем на значок копирования, и во втором файле включаем глазик. Далее, копируем второй файл и включаем, при помощи глазика третий слой. Так поступаем со всеми последующими слоями.
Для проверки, что получилось, можно нажать на значок проигрывания на панели внизу. Вы, наверное заметили, что кадры двигаются слишком быстро.
Чтобы сделать плавный переход между слоями, следует задать интервал анимации в каждом слое. Я поставила по 0. 5 секунды, просмотрела, меня это устроило, Вы можете задать свои интервалы.
Вот так мы быстро создали GIF анимацию, без особых навыков и знаний фотошопа. Но это еще не все, нужно уметь правильно сохранить файл в нужном нам формате.
Завершение
В завершение, установите время отображения каждого кадра. Выделите первый кадр, а затем щелкните по последнему с зажатой кнопкой «Shift», для того чтобы выделить их все. Теперь щелкните стрелку вниз под одним из кадров и выберите задержку. Отсутствие задержки означает, что анимация будет работать быстро, в то время как установленное количество секунд заставит кадры оставаться на экране в течение заданного периода времени.
Наконец, установите параметры цикла, которые вы найдете в нижней части панели «Шкала времени». Этот параметр отвечает за то, сколько раз будет воспроизводиться ваша анимация. В большинстве случаев вы будете выбирать вариант «Всегда».
Теперь нажмите кнопку «Воспроизвести» в нижней части экрана, чтобы просмотреть получившуюся анимацию. Вы должны увидеть что-то вроде этого:
Вы можете редактировать кадры, просто выбирая их и меняя видимость слоёв (вы также можете изменить непрозрачность или сделать другие более сложные настройки). Добавьте дополнительные слои, если они вам нужны, или нажмите значок корзины, чтобы удалить их.
Когда вы будете довольны получившимся результатом, можете переходить к разделу «Сохранение анимации», либо читайте дальше, чтобы улучшить получившуюся анимацию.