Ранее на сайте мы рассматривали сторонние , однако большинство из них запросто может заменить обычный Фотошоп. Анимированные GIF файлы с его помощью делаются достаточно легко и быстро. Они, как правило, состоят из нескольких изображений (кадров), которые при пошаговой смене и образуют финальный результат. Сегодня постараемся максимально детально рассмотреть данный вопрос от А до Я:

Скриншоты ниже представлены из Photoshop СС, но работа с GIF анимацией в CS6 и других версиях программы плюс-минус аналогична. Возможно, визуально инструменты будут немного отличаться, но в целом, принцип и алгоритм действий похожие. В качестве примера рассмотрим тривиальную задачу как создать GIF анимацию в Фотошопе из фотографий, сменяющих друг друга. Недавно с помощью этого руководства сделал гифку о своих приключениях для итогового поста за 2016 год в персональном блоге.

Процесс занял буквально минут 5-10. Тут важно просто внимательно выполнять все шаги. В конце поста найдете англоязычный видеоурок по данной теме.

Добавление изображений GIF анимации в Photoshop

Первым делом нужно загрузить в графический редактор все картинки/фото, которые будут участвовать в анимации. Добавьте их в один проект разными слоями — этот будут кадры для результирующего GIF файла. Проверьте размеры картинок и их отображение чтобы все было как вам нужно. Слои можно скрывать (с помощью иконки глаза слева от слоя) дабы просматривать все объекты.

В центре данной панели есть выпадающий список, где нужно выбрать вариант «Create Frame Animation» и кликнуть по кнопке. В результате этого действия Timeline немного преобразится, и вы должны увидеть в качестве первого кадра картинку из самого верхнего слоя.

На следующем шаге выделяете все слои в проекте (кликаете по ним удерживая клавишу Ctrl). После этого открываете контекстное меню в правом верхнем углу окна Timeline и по выбираете «Make Frames From Layers».

Из всех видимых и выделенных слоев Adobe Photoshop создаст кадры анимированного GIF. В результате увидите их в панели Timeline.

Настройки GIF анимации в Фотошопе

Здесь вам нужно будет указать 2 вещи: продолжительность отображения разных кадров + число повторений гифки. Начнем с первого. Под каждым объектом-картинкой в Timeline найдете время показа и стрелочку вниз. Кликаете по ним и во всплывающем меню выбираете длительность карда.

Элементам можно указывать разное время либо задать параметр одновременно для нескольких из них (совместное выделение как и в слоях — с помощью Ctrl).

Чтобы «зациклить» GIF в Фотошопе при создании анимации выбираете значение Forever в соответствующей настройке как показано на скриншоте ниже.

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

Сохранение GIF анимации в Фотошоп

В финальной части нашего руководства рассмотрим как правильно сохранить GIF анимацию в Фотошопе. Для этой цели используется знакомый всем инструмент Save for Web, однако в последних версиях Adobe Photoshop СС он располагается в новом месте меню (File — Export). К счастью Alt + Shift + Ctrl + S все еще работает.

В открывшемся окне настроек надо выбрать формат GIF, а также убедиться, что настройка Looping Options установлена в Forever. В нижнем правом углу окна есть возможность запустить созданный вами анимированный GIF в Photoshop для предпросмотра.

Если все функционирует так, как нужно, кликаете Save и сохраняете файл на локальном компьютере. Чтобы проверить работоспособность GIF требуется открывать его в браузере, т.к. встроенный просмотрщик Windows анимацию не проигрывает.

Кстати вы также легко можете экспортировать ваш проект в видео формат. Порядок действий аналогичный как при сохранении GIF анимации, но в Фотошоп меню выбираете пункт File — Export — Render Video.

В открывшемся окне будут разные настройки видео, но ничего дополнительно менять не нужно, просто кликаете по кнопке Render. В итоге получите mp4 файл со слайдшоу фотографий/изображений.

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

Если у вас остались еще какие-то вопросы о том как сделать GIF анимацию в Фотошопе или есть дополнения, пишите в комментариях.

В статье мы рассмотрим 10 бесплатных, а также наиболее интересных онлайн-сервисов по созданию GIF-анимации.

Каждый представленный сайт отличается своими наворотами.

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

В конце статьи приведена таблица с краткими характеристиками каждого инструмента.

Сводная таблица

Читайте также: Создать коллаж из фотографий онлайн - ТОП-15 сервисов

Сервис	Русский язык	Исходный файл	Удобство	Функциональность
	–	Видео с компьютера, Youtube, Instagram	+	+
	–	Изображения с компьютера, видео с Youtube	–	–
MiniMultik	+	Изображения с компьютера, из интернета, с веб-камеры	–	+
	–	Изображения с компьютера	+	–
Mothereffing AnimatedGif	–	Изображения с компьютера	+	–
MakeAGif	–	Видео с компьютера, Youtube, Facebook, изображения с компьютера, веб-камеры	+	–
	–	Изображения с компьютера, видео с компьютера и интернета	–	–
Picasion	+	Изображения с компьютера	–	–
	–	Изображения и видео с компьютера и интернета	+	+
	+	Изображения и видео с компьютера	+	–

Gifs

Читайте также: Уменьшаем размер изображения в формате JPG: ТОП-5 Простых простых способов

Gifs.com – представляет собой сервис видеохостинга Youtube. Содержит много опций, позволяющих создавать разнообразные гифки.

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

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

Видеохостинг сам перенаправит вас на сайт Gifs.com и подготовит выбранное видео для работы.

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

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

После этого под шкалой появится дополнительные две строки: START TIME и END TIME, где можно подкорректировать время отмеренного участка.

Временная шкала

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

Кнопка Create Gif справа вверху переправит вас на страницу, где можно будет вести название гифки. Для того чтобы установить размер анимации и скачать ее необходимо зарегистрироваться на сайте Gifs.com.

На сайт

Читайте также:

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

Среди четырех инструментов присутствует функция добавления эффектов Gif effects. Но эффекты выложены в готовом виде и применимы только к статичным изображениям, вставить их в Gif уже не получится. Есть и эффект Reverse Gif – воспроизведение наоборот.

На сайт

Для создания Гифки из картинок воспользуемся инструментом Gif from pictures на главной странице:

1. Загружаем изображения через кнопку «UPLOAD PHOTOS» (сервисом их количество ограничено 3-10 штуками).
2. Путем перетаскивания расставляем картинки в необходимом порядке.
3. Регулируем скорость смены кадров и их размер в соответствующих строках.
4. Жмем «CREATE GIF» и готово.

Для создания гифки из видео выбираем в меню пункт Youtube to Gif:

1. Вставляем в раскрытую строку адрес с видеороликом.
2. Находим нужный фрагмент и, при помощи правого окошка, выставляем точное время начала, а также продолжительность момента. Start time – начало периода, Duration – продолжительность (здесь введите цифру от 1 до 10).
3. Жмем кнопку «Preview» – предварительный просмотр. Если результат вас не устраивается, возвращаемся, нажав «Change» . Кнопка «Create» же сохранит результат окончательно, который можно сохранить на компьютер (Save to Disk).

Мини-Мультик

Читайте также: ТОП-10 Сервисов и программ для бесплатного онлайн распознавания текста

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

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

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

На сайт

Создание Gif на MiniMultik:

1 Для загрузки файлов на сайт перенесите их в выделенную область. Укажите URL источника, воспользовавшись функцией «Добавить ссылку» под этой областью. Рядом расположена ссылка на создание фотографии через веб-камеру.

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

Читайте также: Как определить шрифт по картинке? Лучшие сервисы 2017 года

GifMaker – простой и понятный инструмент с минималистическим внешним видом. Основой для Gif-анимации может служить лишь графические картинки, взятые с компьютера. А процесс создания производится на пару действий.

В разделе, расположенном с правой стороны, пользователю доступно: изменение размера (для удобства добавлена функция: проценты) и скорость смены эпизодов (вплоть до 10 000 миллисекунд).

При нажатии кнопки Create GIF Animation ниже автоматически создаются ссылки для просмотра и скачивания результата.

23.08.17 55.4K

Термин GIF (Graphics Interchange Format ) был введен в конце 80-х годов одной из ведущих американских компаний под названием CompuServe , которая позже была куплена AOL .

Зачем использовать GIF-изображение?

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

С помощью GIF-изображения можно выразить свой стиль. А также использовать для создания бренда компании, сервиса или продуктов. В интернете доступно множество ресурсов, которые помогут создать GIF .

Топ 10 лучших инструментов для создания GIF

Сначала перечислим лучшие программные продукты.

Первая программа в списке – это Wondershare Filmora . Она считается одной из лучших программ для создания видео и GIF-изображений . Она удобна в использовании и предоставляет много функций и более чем 100 визуальных эффектов. А также полный контроль над аудио и видео настройками.

• Проста в использовании;
• Позволяет создавать GIF из статических изображений;
• Позволяет создавать GIF из видео любого формата, например, AVI , MPEG , WAV , DAT , EVO , MKV , MP4 , WMV и т.д.;
• Позволяет редактировать GIF с помощью таких команд, как обрезка, комбинирование, поворот, ускорение, замедление, коррекция цвета;
• Позволяет редактировать GIF с помощью замечательных эффектов, текста и субтитров.

2. Photoscape

С помощью Photoscape можно сделать множество интересных эффектов в своих видео. Редактор GIF включает в себя такие инструменты и функции:

• Редактор;
• Просмотр;
• Анимированные GIF;
• Выбор цвета;
• Кадрирование;
• Фильтры.

Плюсы : проста в использовании.
Минусы : немного медленная.

3. Gifted Motion

Использует Java и может работать во всех операционных системах. Установка не требуется.

• Позволяет редактировать изображения;
• Поддерживает PNG , JPEG , BMP , GIF ;
• Лицензия не требуется.

Файлов совместимо со всеми редакциями Windows , включая 32 и 64-битные версии. Это одна из немногих программ, разработанных с использованием зеленых информационных технологий (Green Software ) .

Создавайте фильмы, слайд-шоу, анимированные GIF и многое другое.

Плюсы : потребляет мало мощностей устройства, проста в использовании.
Минусы : неполный контроль процесса редактирования.

Онлайн-сервисы для создания GIF

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

5. Picasion

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

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

6. GifPal

Удобный в использовании инструмент для создания GIF .

• Регулировка скорости кадров.
• Редактирование временной шкалы.
• 30 эффектов.
• До 20 кадров.
• Без водяных знаков на фотографиях.

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

7. Gickr

Gickr позволяет легко создавать собственные GIF изображения , загружая их из галереи изображений или из аккаунта Flicker , YouTube , Picasa . Сервис обеспечивает безопасный просмотр, и он эффективен.

Плюсы : бесплатный.
Минусы : нужен доступ в интернет.

8. MakeAGif

Создавайте собственные GIF-изображения и наслаждайтесь фантастическими функциями в безопасной среде.

Мир сходит с ума по гифкам. Они повсюду. И не только в соцсетях и на форумах, ими начали иллюстрировать научные статьи, их используют СМИ и даже компании размещают gif-анимацию на Лендингах. Для привлечения внимания, конечно. Наш мозг так устроен, что скорее заинтересуется тем, что движется, нежели статичной картинкой. Если вам тоже нужна гифка, то вам сюда – будем учиться их делать.

Поисковик выдает кучу сайтов, где можно создать gif-анимацию онлайн, но не все они работают корректно. Вот проверенные ресурсы.

1.Toolson.net. Годный и бесплатный сервис, чтобы создать gif онлайн. Если захотите больше возможностей – регистрируйтесь. Единственное, видео предварительно нужно скачать. Выбираете необходимый отрезок на видеозаписи и жмите сохранить – гифка готова. Добавьте надписи, поиграйте со шрифтом и стилями. Вот gif-анимация, созданная на этом ресурсе.

2.Giphy. Здесь даже ролики скачивать не нужно. Гифки создаются из видео, взятого с YouTube. Просто копируете ссылку на видео, вставляете ее в строку поиска и идет автоматическая загрузка. Когда видео загрузится, выберете нужный эпизод.

3.Photoshop. Помощник на все времена. С его помощью можно убрать из видеоролика логотипы сторонних ресурсов, добавить надписи, спецэффекты. Видео должно быть уже скачено и, что важно, не превышать пяти секунд. Открываете ролик (Файл – Импортировать – Кадры в слои ) и поехали. Творите!

Как создать гифку из фото, картинок

Ezgif . Простой в использовании сервис. Загружаете картинки, добавляете подписи и готово! Можно выбрать диапазон «задержки», по умолчанию стоит 20 миллисекунд, чтобы совсем быстро не мелькало, сделайте 50.

Как создать гифку на iPhone

GifsArt. Крутое бесплатное приложение. Вот инструкция.

1. Откройте приложение и выберете фото, картинку для создания gif-анимации.

2. Теперь нажмите на «Наклейки» и ищете что-нибудь стоящее. Много банальных наклеек, но есть и симпатичные.

3. Если ничего не подошло, вставьте анимацию из снега или капель дождя. Для этого выберете вкладку «Маски». Там найдете эффекты.

4. Когда добавите анимацию, нажимайте «Применить», отрегулируйте скорость движения.

Как создать гифку на Андроиде

PicsArt Animator. Удобная и бесплатная программка. Вместо наклеек здесь стикеры. Выбираете фон (например, город) и персонажей (людей, животных, птиц, самолеты, машины). Создавайте веселые картинки. Пробуйте!

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

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

GIF анимации онлайн

1. Loogix

Чтобы воспользоваться данным сервисом вам необходимо как минимум 3 изображения. Если вам нужна GIF-ка, которая содержит более 3 изображений, тогда вы можете добавить до 10 изображений с помощью ссылки с текстом «Add one more picture». Сервис может создать анимировенное изображение в 5-ти различных скоростях. Также есть возможность добавления эффектов для вашей анимации (например «Размытие»).

Также этот сервис включает еще две возможности для создания анимаций:
• Создание обратных анимаций

2. Picasion

Picasion очень похож внешне на сервис Loogix, но немного отличается. Кроме всего, этот сервис предлагает импортировать изображения с сайта Flickr используя специальный тег изображения (для поиска).

Помимо основного сервиса есть еще три:
• Создание блестящих GIF
• Создание аватарок
• Изменение размера изображения

3. Gickr

Как и два предыдущих сервиса Gickr для создания анимации использует от 3 до 10 изображений. Также этот сервис позволяет не только создавать анимации различных размеров, но и с различными скоростями (до 10 секунд). Присутствует возможность импортировать изображения с сайтом Flickr и Picasa.

4. MakeaGIF

Makeagif представляет собой еще более упрощенный сервис для создания анимаций, чем рассмотренные предыдущие. Почти по центру находится большая кнопка с текстом «add pictures», с помощью которой можно загрузить необходимые изображения. Для того чтобы загрузить сразу несколько изображений необходимо удержить клавишу CTRL и выделять нужные.

Плюс к этому сервису есть еще:
• Создание GIF из роликов Youtube
• GIF-ки с помощью веб-камеры
• Преобразование видео в анимацию GIF

5. GIFMaker.me

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

6. ImgFlip

Сразу скажу, что при создании анимаций на этом сервисе у вас на GIF-ках будет водяной знак. Чтобы убрать этот знак, нужно иметь аккаунт Pro. А в остальном этот сервис сильно похож на рассмотренные нами выше.

7. GIFPal

Кроме основных возможностей по созданию анимаций, этот сервис позволяет добавлять различные эффекты для GIF-ок: яркость, контрастность и насыщенность.