В сегодняшней статье рассмотрим как можно записать экран своего компьютера в GIF анимацию.

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

Записать GIF с экрана Windows с помощью Gif Screen Recorder

Gif Screen Recorder простая бесплатная утилита, которая не нагружает вас рекламой и позволяет записать часть или весь экран, после чего отредактировать записанное и создать GIF.

Переходим на страницу загрузки Gif Screen Recorder и нажимаем на gifrecordersetup.exe, чтобы скачать установочный файл. Данная программа будет работать во всех версиях Windows, единственное, что для ее работы нужен NET Framework 4.0, который автоматически будет установлен, если его нет в системе.

Запустите скачанный файл gifrecordersetup.exe.

Нажмите «Next».

Поставьте точку в поле «I Agree» и нажмите «Next».

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

Еще раз нажмите «Next».

Нажмите «Close».

Запустите программу, если ее нет на рабочем столе — ее можно найти в меню «Пуск» => Все программы.

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

Слева вверху этой рамки есть кнопки запись, пауза, остановка записи и справка. Справа от справки (знак вопроса) есть доступные размеры рамки, вы можете выбрать любой размер записываемой области. Вы можете взять рамку и перетянуть в любое нужное место экрана, то есть нажимаете левой клавишей мыши на окно программы Gif Screen Recorder и не отпуская левую клавишу тянете мышь в нужном направлении, когда выберите оптимальную область записи — отпустите левую клавишу.

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

Например нам нужно записать окно «Параметры», выставляем нужный размер Gif Screen Recorder, чтобы красная рамка захватывала всё окно параметры и нажимаем «Start».

Делаем какие-то действия и в конце нажимаем «Stop». Не забывайте, что вы можете также нажать на паузу или еще раз нажав на Start перезаписать начатое.

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

После сохранения вам предложит несколько вариантов дальнейших действий: первый «Open the gif animation in the editor» — для редактирования получившейся анимации нам нужно нажать на данный пункт; второе «Open the gif animation in a browser» — обычный просмотр анимации, которую вы только что создали; Open the folder containing the gif file» -открыть папку в которой находится созданная вами анимация;

«Start new recording» — запись новой анимации; «Nothing»- ничего не делать, просто закрыть программу. Мы выбираем первое!

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

Можно убирать как несколько кадров сразу, выделив их с помощью клавиши shift и стрелки, после чего нажать вверху окна «delete image» (также можно нажать клавишу delete на клавиатуре), или выбрать один ненужный кадр левой клавишей мыши, после чего нажать «delete image».

Чтобы в этом же окне просмотреть получившуюся анимацию, нажмите на значок «Show Animation».

В верхнем окне есть клавиши сохранить и сохранить как, выберите нужное чтобы сохранить получившуюся анимацию.

Также верхнее меню позволяет добавить любое изображение в анимацию, нажатием по значку «Add image».

С помощью верхнего меню вы можете отредактировать любой кадр из анимации, выбрав нужный кадр и нажать на значок «Edit image».

Изображение откроется в Paint.

Нажав на значок экспорта вы сможете конвертировать анимацию в avi, изменить размеры анимации и многое другое.

Вот, что у меня получилось:

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

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

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

В этом разделе — четыре сервиса, которые помогут удобно и быстро сделать гифку в онлайне.

Создать гифку на 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 Мб.

Программы для создания гифок на компьютере

Сделать гифку можно с помощью программ на компьютере. Да, устанавливать ПО не всегда удобно, зато вы получите гифку любого размера и разрешения, причем без водяного знака.

Как сделать гифку в 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. Выберите справа размер будущей гифки. Закиньте в окно редактора свои изображения и перетяните их в нужной последовательности. Затем настройте длину каждого кадра и переходы между ними:

Как сделать гифку из картинок на компьютере

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

Два приложения для создания гифок на iOS и Android — на случай, если хотите моментально превратить снятые фото и видео в гифки.

GIF Maker

Это приложение поможет сделать гифку на андроиде. В нем можно сделать гифку из картинки, из видео, заснять и превратить в гифку видео с экрана или с камеры телефона:

Как сделать гифку в приложении GIF Maker

У приложения интересная ценовая политика: в бесплатной версии доступны практически все функции. Подвох в том, что при редактировании нельзя отменять шаги — нет функции Undo/redo, и при работе показывается довольно много рекламы. За 219 рублей можно купить премиум-версию, где снимаются все ограничения.

Giphy

Бесплатное приложение одноименного сервиса, о котором я рассказывала выше. Есть и для Android, и для Iphone. Можно сделать гифку из файлов с телефона или прямо в приложении снять фото и видео для обработки.

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

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

Как сделать гифку в приложении Giphy

Как вставить гифку в письмо

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

• Яркого дизайна письма, привлечения внимания.
• Показа товаров. Например, несколько пар обуви сменяют друг друга в одной гифке или одна вещь показана с разных ракурсов.
• Демонстрации возможностей — прямо в письме показать, как работает продукт.

Шаг 1. Создаем гифку

Для начала сделайте гифку. При создании ориентируйтесь на два важных параметра.

1. Размер. Если гифка планируется во всю ширину письма, делайте ее не меньше 600 пикселей в ширину — это стандартный размер отображения письма в почтовых программах на десктопе. Если делаете на половину ширины, то 300 пикселей и так далее.
2. Вес — в идеале до 1 Мб. Большинство пользователей смотрит почту с мобильного, так что скорость загрузки важна. Тяжелая гифка будет долго грузиться, и пользователи с медленным интернетом могут ее пролистать, даже не увидев.

Сжать гифку можно в этих сервисах:

• Ezgif
• IloveIMG
• Compressor.io

Обратите внимание! Если вам надо просто перевести видео в GIF формат без обработки, используйте сервис Online Convert.

Шаг 2. Вставляем гифку в письмо

В редакторе SendPulse гифка вставляется в письмо блоком «Изображение». Открываем блочный редактор писем, вставляем блок «Изображение» в нужное место письма и добавляем в него свою гифку:

Добавляем гифку в письмо в блочном редакторе SendPulse

Обязательно прописываем alt-текст на случай, если гифка не загрузится. Также можно добавить на нее ссылку:

Добавляем к гифке alt-текст и при необходимости — ссылку

Что стоит запомнить

Создавать гифки можно с помощью онлайн-сервисов, десктопных программ и мобильных приложений. Я рекомендую:

• для онлайна — Makeagif, Giphy, Gifpal, Gif.com;
• для десктопа — Photoshop, Photoscape X;
• для мобильного — GIF Maker, Giphy.

Если создаете гифку для письма, обращайте внимание на ее размер и вес. При выборе размера исходите из того, что ширина письма на десктопе — 600 пикселей. При выборе веса думайте о том, что ваше письмо будут смотреть через мобильный интернет — старайтесь делать гифки не тяжелее 1 Мб. Если получается больше, то используйте для сжатия эти сервисы:

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

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

GIPHY CAPTURE

Утилита от самого популярного GIF-ресурса — Giphy, заточенная под создание контента для него. Очень простая в обращении, с удобным редактором, который позволяет настраивать размер, добавлять подписи и выбирать опции зацикливания. Само собой, есть выгрузка на Giphy. Доступна только для Mac.

Представитель продвинутых приложений для скринкастов. Умеет захватывать экран и видео с веб-камеры, сохраняя в зацикленный GIF. Предоставляет больше возможностей для редактирования: есть подписи, субтитры, рамки, водяные знаки и инструмент рисования. Можно обрезать анимацию, удалять кадры, включать след курсора. Только Windows-версия.

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

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