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

Способ 1: Easy GIF Animator

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

1. Откройте программу. В блоке опций «Мастера создания» щёлкните по пункту «Создать новую анимацию» .



2. Откроется окно «Мастера создания анимации» . В нём нажмите на кнопку «Добавить изображения» .
   
   
   Запустится «Проводник» — используйте его, чтобы открыть каталог с фотографиями, из которых хотите сделать GIF. Добравшись до нужной папки, выделите файлы (удобнее всего это сделать комбинацией CTRL+ЛКМ ) и нажмите «Открыть» .
   
   
   Вернувшись обратно к «Мастеру…» , можете изменить порядок изображений, используя кнопки-стрелки. Для продолжения работы нажимайте «Далее» .



3. Настройте циклы и задержку готовой анимации, затем снова используйте кнопку «Далее» .



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



5. Нажмите «Завершить» .



6. В случае необходимости воспользуйтесь другими возможностями программы – например, предварительным просмотром готовой GIF.



7. Для сохранения результата щёлкните по пункту меню «File» .
   
   
   Далее выберите пункт «Сохранить» .



8. Снова откроется «Проводник» — перейдите в нём директорию, в которой хотите сохранить полученную гифку, введите имя файла и используйте кнопку «Сохранить» .



9. Готово – в выбранной папке появится GIF-анимация.

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

Способ 2: GIMP

Свободный графический редактор ГИМП является одним из самых удобных решений для нашей сегодняшней задачи.

Как видим, очень и очень просто, справится даже начинающий пользователь. Единственный недостаток ГИМП – медленно работает с многослойными изображениями и тормозит на слабых компьютерах.

Способ 3: Adobe Photoshop

Самый технически навороченный также имеет в своём составе инструменты для превращения серии фотографий в GIF-анимацию.

Заключение

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

Любите анимационные картинки-блестяшки, а фотошоп в данный момент недоступен? Вам поможет онлайн сервис, который умеет создавать сложные живые картинки с анимированными элементами (там они называются марки или штампы). Более того, вы сможете туда закачивать свои детали для анимированных картинок: блестяшки, анимашки и просто красивые картинки.

Вот одна из анимашек которую я сделала в PixMix за 5 минут

Как начать пользоваться онлайн фоторедактором PixMix

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

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

Вы можете написать блестящий или однотонный текст с обводкой на своём анимированном шедевре. Для этого надо кликнуть на букву «T» (жёлтая стрелочка). Написать текст (синяя стрелка). Наверху выбрать стиль шрифта (Бирюзовая стрела) и обводку (сиреневая) или без обводки (красная).

Выбрать чернила слева (то есть заливку текста), когда вы нажимаете на текст в онлайн фоторедакторе автоматически выставляется раздел «Чернила»

Жмите на слово «Хорошо» и увидите текст на своей анимационной картинке.

Вокруг текста вы увидите прямоугольную рамку и инструменты в каждом углу этой рамки:

1. Крестик – удалить
2. Стрелочка с двумя наконечниками – сделать надпись больше или меньше
3. Стрелочка закруглённая – наклонить в одну, либо в другую сторону
4. Прямоугольник в кружке – размножение текста

Вы можете менять «чернила», обводку и стиль текста, не меняя самого текста. Нажимать «Хорошо» и смотреть что у вас получится.

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

Там же вы можете выбрать скорость анимации. По умолчанию там выставлена средняя.

И в заключении надо нажать на зелёную кнопку «Реестр».

После этого фоторедактор PicMix сгенерирует вашу блестящую анимированную картинку. И под своей анимационной картинкой вы увидите вот такие функции:

А ещё вы сможете добавить использованные в этой анимационной картинке блестяшки к себе в избранное. И они у вас появятся в разделе «Мои любимые марки» и вы их увидите когда начнёте создавать новую gif картинку. Для этого наводим на марку мышку и в выпавшем окне кликаем на слова «Добавить в избранное».

Марки вы можете так же добавить в избранное в разделе STAMPS на главном меню сайта ПикМикс.

Когда нас перекинет на другую страницу — нажимаем на слова «Версия без логотипа»

И наша анимированная картинка открывается в новом окне.

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

Скорее всего на Фейсбуке картинка будет прочитана не сразу, а сначала появится вот такая публикация

Не спешите нажимать на слово «Опубликовать». Обновите страницу и поставьте ссылку туда ещё раз. Если опять появится то же самое, то опять обновите страницу. И только когда появится ваша красавица анимированная картинка, кликайте на слово «Опубликовать».

Красиво смотрится анимированная картинка на Фейсбуке. Гугл+ и Одноклассниках. А вот ВКонтакте картинка получается маленькая и чтобы увидеть анимашку во всей красе надо кликать на неё. Мне это не очень нравится, если честно.

А ещё в разделе «Мой PicMix» вы можете установить аватар для вашей учётной записи в качестве любой, из созданных вами Gif картинок, для этого сервиса.

Теперь вы сможете создавать потрясающие анимационные картинки в онлайн фоторедакторе PicMix и выкладывать их в социальных сетях.

А если вам не слишком то понятны скриншоты и объяснения в моей статье, то предлагаю посмотреть видеоурок

Наверняка все знают о небольших анимированных картинках, иначе говоря о 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-ок: яркость, контрастность и насыщенность.

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

GIF-анимация: что собой представляет?

Формат.GIF, что расшифровывается как Graphic Interchange Format, представляет собой компактный графический файл, свойствами которого является возможность создания анимации и прозрачного фона. Этот набрал популярность во время расширения области покрытия сети Интернет, когда пользователям был необходим обмен "легкими" изображениями, которые не занимают большого времени на загрузку и одновременно Сейчас Gif-анимация используется в оформлении сайтов, в сообщениях, блогах как средство передачи эмоционального состояния автора. Откуда берутся и как создавать гифки? Обо всем по порядку.

Банки GIF-анимации

• Tumblr.
• Pinterest.
• GIPHY.
• Reddit.
• ReactionGifs.
• Gifs.net.

Как создавать гифки "ВКонтакте"?

Для того чтобы создавать гифки и отправлять их своим друзьям "ВКонтакте", не будет требоваться особых знаний и навыков. Это чрезвычайно просто! Воспользовавшись сайтами, наполненными GIF-контентом, можно произвести нехитрую манипуляцию и добавить интересные анимации на свою страницу и в сообщения. Так как "ВК" создать гифку? Порядок действий таков:

1. Выбрать или создать анимацию. О том, как создавать гифки, статья расскажет немного позже. После выбора нужно сохранить изображение в памяти компьютера.
2. Загрузить изображение. С левой стороны главного меню находится кнопка "Документы". После перехода в контекстное меню необходимо нажать кнопку "Добавить документ" и выбрать файл.
3. Гифка загружена! Теперь ее можно прикреплять к сообщениям, комментариям и постам на стене.

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

GIF из обычного фото

Из фото? Достаточно воспользоваться онлайн-сервисами для создания анимированных изображений. Для создания GIF нужно загрузить на сайт несколько изображений в допустимых форматах, выставить такие параметры, как высота-ширина кадра, позиционирование изображения, скорость смены изображениями друг друга, настроить правильный порядок кадров, сменяющих друг друга, выстроить пропорции. Такие программы куда удобнее в работе обычного человека, так как не появляется необходимости в долгой установке и изучении новой программы. Требуется буквально минута времени и парочка кликов - и вот цель достигнута! Можно загружать изображение в социальную сеть. Одним из подобных онлайн-сервисов является Gifmaker.me.

Как создать самостоятельно GIF-анимацию

Несмотря на обширность коллекции анимированных картинок в глобальной сети, порой хочется создать что-то уникальное, к примеру, превратить часть собственного видео в анимацию. Существует ряд программ, которые помогают обычному человеку быстро и без лишних нервных затрат понять, как создавать гифки из различных видео или коллажа фотографий. Например, такая программа, как Active GIF creator поможет сделать GIF-анимацию из фотографий и картинок (требуется установка утилиты на локальный компьютер). Для создания GIF из различных видео существуют следующие приложения:

• Программа Loogics поможет создать небольшую анимацию из видео, размещенных на Youtube.
• Утилита Makeagif также умеет создавать короткие анимации из видео на Youtube, кроме того, она знает, как создавать гифки с помощью веб-камеры или из готового видео.
• GIFPal, кроме всего прочего, может украсить готовую анимацию с помощью различных эффектов.

Создание GIF при помощи Photoshop

Часто люди интересуются тем, как создать гифку в "Фотошопе". Это возможно. Достаточно импортировать файл с видео в программу (Import->Video Frames to layers). Затем нужно выбрать конвертируемый отрывок (есть возможность выбора всего файла целиком). Видео будет разбито на множество отдельных изображений, которые будут расположены слоями. Внизу каждого изображения будет обозначена скорость смены кадров. Чем выше число, тем более медленной и спокойной будет анимация. Для того чтобы зациклить файл, нужно просто оставить отметку на пункте Forever. Чтобы отсечь лишние участки, необходимо выделить главную зону и отметить пункт Crop. По окончании редактирования необходимо сохранить файл, не забыв отметить формат.gif. В дальнейшем готовый файл можно импортировать в социальные сети, вставлять в блоги.

Файлы в формате GIF повсюду. Некогда скромные анимированные изображения теперь являются неофициальным языком интернета. GIF анимация — это самый быстрый способ выразить эмоции в Twitter, а ещё мы можем тратить часы на её просмотр пролистывая ленту новостей в VK, Facebook или Одноклассниках.

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

Примечание: Во всех примерах из этой статьи я использую Photoshop CC 2017.

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

Для начала необходимо запустить Photoshop, перейти в «Файл» > «Импортировать» > «Кадры видео в слои» и выбрать необходимую видеозапись.

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

Примечание: Имейте в виду, что чем больше видео, которое вы импортируете, тем больше будет ваш GIF. Также, если вы импортируете слишком длинную видеозапись, выбор «Оставить каждый 2 Кадры» (или больше) — это простой способ уменьшить размер, не слишком сильно влияя на качество.

Убедитесь, что установлена галочка в окошке «Создать покадровую анимацию», затем нажмите «OK». Начнется процесс импортирования видеозаписи. Это может занять некоторое время, в зависимости от размера клипа. После завершения импорта откроется рабочая область, в которой каждый кадр видеозаписи будет размещен на собственном слое.

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

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

В итоге должно получиться что-то вроде этого:

Создание GIF анимации из серии статических изображений

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

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

1. Если вы уже создали изображения для своей анимации, импортируйте их, выбрав «Файл» > «Сценарии» > «Загрузить файлы в стек…». Нажмите «Обзор» и выберите свои изображения, затем нажмите «ОК». Каждое изображение будет помещено на отдельный слой внутри одного и того же файла.
2. Если вы еще не создали изображения, сделайте это сейчас. Помните, что каждое отдельное изображение — это часть будущей анимации.

Теперь вы готовы начать создавать анимацию.

Анимирование статических изображений

Вот как это работает. Когда вы вручную создаете кадр анимации, в него включается каждый видимый слой. Слои, которые отключены, не будут участвовать в создаваемом кадре.

Для создания первого кадра сделайте самый первый слой видимым, а все остальные отключите. Затем, создавая второй кадр, сделайте второй слой видимым, а затем третий слой в третьем кадре и так далее. Когда вы начнете, всё станет понятнее.

Для начала создания анимации откройте шкалу времени, если она у вас не открылась автоматически. Для этого в верхней панели нажмите «Окно» и в открывшемся меню выберите «Шкала времени». В центре раскрывшейся панели нажмите «Создать анимацию кадра». Это действие приведёт к созданию первого кадра вашей анимации. В палитре «Слои» скройте слои, которые не должны быть частью кадра.

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

Повторяйте этот процесс, пока не добавите все необходимые для анимации кадры.

Завершение

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

Наконец, установите параметры цикла, которые вы найдете в нижней части панели «Шкала времени». Этот параметр отвечает за то, сколько раз будет воспроизводиться ваша анимация. В большинстве случаев вы будете выбирать вариант «Всегда».

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

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

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

Усовершенствование анимации путём добавления промежуточных кадров

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

Для начала выберите первый кадр и нажмите кнопку «Создание промежуточных кадров» панели инструментов в нижней части шкалы времени.

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

Теперь повторите этот процесс для других исходных кадров, которые вы добавили. Когда доберётесь до последнего, установите «Промежуточные кадры» в значение «Первый кадр». Это поможет создать плавный переход к началу цикла вашей анимации.

Нажмите кнопку воспроизведения, чтобы просмотреть эффект.

Сохранение анимации

Когда вы закончите, сначала сохраните файл в формате «.PSD». Это сохранит всю информацию о слоях и анимации для того, чтобы вы смогли позже отредактировать вашу анимацию, если потребуется. После этого можно переходить непосредственно к сохранению.

Для сохранения созданной анимации перейдите в «Файл» > «Экспортировать» > «Сохранить для Web (старая версия)…». В открывшемся окне выберите формат GIF, а в поле «Цвета» укажите 256. Для того, чтобы уменьшить общий размер файла, уменьшите размер в поле «Размер изображения».

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