Как сделать гиф картинку: онлайн из видео и картинок, в Photoshop и других программах

Содержание

из видео, фото и картинок

Всем доброго времени суток!

Довольно часто мне задают вопросы относительно картинок. Я, правда, не специалист по рисованию и редактированию фото и пр., но базовые мало-мальские приемы мне знакомы ✌.

В этой статье хочу остановиться на нескольких способах создания GIF-анимаций. Если кто не знает — то это вроде бы обычная картинка формата GIF, но она проигрывается как видео: т.е. она динамически меняется (пример на первой картинке в статье, слева).

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

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

И так, перейдем к делу…

 

👉 Примечание!

Статья не научит вас делать профессиональные GIF-анимации. Все способы в статье приведены для начинающего пользователя, максимально просты и эффективны. Так, чтобы любой через 5-10 мин. получил желаемый результат!

 

*

Содержание статьи

Способы создания GIF-анимаций

Из видео

Для работы нам понадобиться один простенькая программа для работы с мультимедиа-файлами — «Видео-Мастер» (рассчитана на начинающих пользователей!).

*

👉 Видео-Мастер

Сайт: http://video-converter.ru/

(прим.: программа «Видео-Мастер» входит в пакет «Видео-Студия»)

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

Что касается нашей задачи: в ее комплексе функций есть одна нужная нам — «Создание GIF». Именно ее ниже я и рассмотрю…

 

*

И так, вопрос скачивания и установки программы «Видео-Мастер» я опускаю (думаю, с этим проблем не будет 👌).

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

👉 Примечание!

Желательно не делать анимацию длиннее 30 сек. Если Вы добавите большое видео, например, целый фильм — то мы из него выберем конкретный 20-30 секундный момент из которого и сделаем «гифку»…

Добавление фильма

 

Далее в списке добавленных видео (слева) выберете одно нужное (если добавили сразу 2-3 и более) и справа над окном просмотра нажмите кнопку «GIF» (см. скриншот ниже 👇).

Создание GIF

 

Следующий шаг — выбор момента, из которого будем делать анимацию. Для этого:

  1. примерно отмотайте на то место, где хотите задать начало анимации;
  2. далее при помощи кнопки проигрывания  включите воспроизведение видео и нажмите кнопку начала — , когда дойдете до нужного кадра;
  3. Далее, когда решите, что на следующем кадре нужно завершить ваш выбранный кусок из видео — нажмите кнопку конца — ;
  4. когда отрывок из видео будет выбран, нажмите кнопку «Далее».

Выбор начало и конца GIF-анимации

 

Теперь необходимо выбрать размер анимации. В этом плане программа достаточно гибка: можно задать как стандартный размер для аватарки, например, 250 на 250 пикселей, 200 на 200, так и указать конкретный размер в ручном режиме (что я и сделал в своем примере).

Кстати, в этом же шаге можно просмотреть, что из себя будет представлять «гифка».

Размер GIF

 

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

Чем больше количество кадров — тем более плавная картинка, и тем больше места она будет занимать. Длинные GIF-анимации могут достигать до нескольких десятков МБ!

Количество кадров и скорость проигрывания

 

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

Готовая «гифка»…

*

👉 В помощь! 

1) Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

2) Кстати, если Вы хотите создать свое видео из фото — рекомендую ознакомиться вот с этой статьей.

*

Из фото и картинок (на компьютере)

Рекомендовать здесь как создавать анимации в больших графических редакторах (типа Photoshop или Gimp) — я не буду. Во-первых, далеко не у всех они есть (а пакеты все-таки большие о по размеру), а во-вторых, пользоваться ими не так просто, даже для создания простейшей «гифки».

Здесь и сейчас я приведу очень простой способ создания «гифки» из картинок и фото, буквально за несколько кликов мышкой! Для работы нам понадобится программа Photo Scape.

👉 Photo Scape

Сайт: http://www.photoscape.org/ps/main/index.php

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

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

Что касается анимаций — то в Photo Scape с ними работать одно удовольствие. Здесь, конечно, нет сотен инструментов, зато те, что есть — позволяет создать «гифку» за пару минут (даже тому, кто первый раз запустил программу)!

 

*

И так, перейдем к делу.

После запуска программы Photo Scape — перед вами предстанет целое колесо возможностей: редактор, вьювер, шаблоны страниц, комбинация, пакетный редактор, конвертер RAW и пр. Выберите опцию «Создать GIF-анимацию» (см. скриншот ниже).

Создать GIF-анимацию

 

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

В центре экрана во время редактирования — Вы всегда будете видеть, как меняется ваша анимация (она будет проигрываться автоматически).

Справа вы сможете задать основные настройки анимации: время ее проигрывания (например, 1, 2, 3 сек.), задать эффект (чтобы картинка растворялась на фоне другой или съезжала, ниже у меня приведено два примера), указать размер картинки, цвет фона, по чему выравнивать и пр.

Настройки показа анимации. Сохранить «гифку».

 

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

Кстати, Photo Scape делает «гифки» достаточно маленькими по размеру, оптимизированными для веб-страничек сайтов. Чуть ниже я привожу пару примеров анимаций с разными эффектами, сделанными в этой программе. По-моему, очень здорово!

Эффект 1. Залить кадр фоном

Эффект 2. Сдвинуть кадр вниз

 

*

Из фото и картинок (онлайн способ)

Сайт №1: https://gifius.ru/

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

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

Также хочу отметить одну деталь: сервис понимает PNG картинки с прозрачным фоном: т.е. при анимации — он не будет «убирать» предыдущую картинку полностью, а совместит обе картинки (пример ниже).

Кстати, лого для этой записи я сделал как раз на этом сервисе.

Просто и быстро создать GIF

 

 

Сайт №2: https://ru.toolson.net/GifAnimation

Еще один сайт с простым и быстрым созданием анимации. Всё что потребуется от Вас — это загрузить последовательно несколько картинок (или хотя бы одну).

Затем выберите размеры будущей анимации (например, 200 на 200 пикселей), и нажмите кнопку «Создать». Через пару мгновений — увидите полученный результат (который можно скачать к себе на ПК).

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

Эффекты к анимации: сердечки, оттенки серого, рамочки

Пример созданной GIF-анимации с сердечками на этом сайте.

 

Сайт №3: https://ezgif.com/maker

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

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

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

Опции редактирования

*

На сим пока всё…

Если вы нашли другие простые способы — чиркните пару слов в комментария (заранее благодарю).

Удачи!

👋

Первая публикация: 03.06.2017

Корректировка: 1.02.2020

Полезный софт:

  • Видео-Монтаж

  • Отличное ПО для начала создания своих собственных видеороликов (все действия идут по шагам!).
    Видео сделает даже новичок!
  • Ускоритель компьютера

  • Программа для очистки Windows от мусора (ускоряет систему, удаляет мусор, оптимизирует реестр).

Другие записи:

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

Гиф (GIF) – популярный формат хранения изображений. Это один из первых форматов, позволяющих получать анимированные картинки. Специально создан для обмена в сети.

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

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

ГИФ-анимация для ВКонтакте – это тема, широко представленная в самой сети. GIF-картинки для ВКонтакте предлагают многочисленные группы.

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

Как добавить GIF ВКонтакте

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

Как вставить GIF ВКонтакте для аватара

Для этого зайдите в пункт «Главная страница» и перейдите, в зависимости от того, есть ли у вас уже аватар или нет, к пункту «Поставить фотографию» или «Редактировать».

Необходимые пункты

Потом вы перейдете к выбору файлов для фото:

Диалог загрузки файлов

Кликайте на «Выбрать файл» и качайте любой GIF-файл, который есть на вашем устройстве:

Выбираем файл

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

Для этого в окне нового поста кликните на иконку «Фотография»

Кликаем иконку

и выберите нужный вам объект:

Выбираем нужное расширение файла

После этого нажмите «Отправить» GIF, и он появится в вашей ленте:

Изображение появится в ленте

Как загрузить GIF в Контакт (как прикрепить) в сообщении

Откройте поле сообщения, далее выберите «Фото» и следуйте инструкциям предыдущего пункта:

Опять кликаем по данной иконке

Теперь вы знаете, как вставлять гифки ВКонтакте, и мы переходим к следующему разделу.

Где взять анимации

Прикольные и смешные анимации для ВКонтакте (гифки) можно найти в группах самой социальной сети.

Рассмотрим некоторые группы, которые позволяют загружать такой «контент», чтобы вы потом могли его выложить у себя:

Чтобы сохранить (скачать) изображение, необходимо кликнуть по нему правой клавишей мышки и выбрать необходимый пункт:

Сохраняем файл

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

Если вас не устраивают существующие варианты, то мы расскажем, как делать анимации ВКонтакте самим.

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

Так как создать анимацию на стену может любой желающий, то и вы можете однажды гордо залить созданную картинку в социальную сеть. Подскажут, как сделать гифку ВКонтакте, различные приложения – Makeagif, Video to GIF, Imgflip, UnFREEz, QGifer, Easy GIF Animator, GIF Movie Gear, GIMP, Photoshop, Glitché и многие другие. Некоторые из них специально разработаны для тех, кто ищет, как добавить анимацию в Контакт. Другие – привычные редакторы изображений или дизайнерские программы. Общее правило – сохранять полученные файлы в нужном формате. То есть если ваша цель – вставлять анимации или вам требуется отправить GIF, то и полученный файл должен иметь расширение .gif, в каком бы редакторе вы его не делали. «Кидать» полученные файлы вы можете в любое место на своем компьютере. Главное, чтобы вы его запомнили.

Подробнее, смотрите в видео:

Как загрузить В Контакт анимацию, которую вы сделали самостоятельно

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

Видео:

Автор: Евгений Винокуров

Гиф-маркетинг или как сделать гифку своими руками

Гиф-маркетинг – визуальный метод передачи информации и привлечения внимания. Это также простой способ выделиться на общем фоне в соцсетях.

В этой статье вы узнаете как создать анимированную GIF-картинку.

Из чего сделаны GIF-картинки

Гифы создают из серии изображений или видео. Объединяете несколько фотографий или видеокадров в анимированное изображение. Аудиодорожка при этом не сохраняется.

Гифки можно создавать на базе профессионального оборудования (например, Adobe After Effects) и на специализированных сайтах. Многие поддерживают интеграцию с Facebook и Twitter и предлагают забавные штуки (стикеры, например). 

Инструменты для создания GIF

Giphy

Популярный, простой и бесплатный инструмент.

Чтобы создавать гифки, регистрироваться не обязательно. Но аккаунт позволяет сохранять результаты на ресурс и выкладывать в собственный канал вида www.giphy.com/channel/username.

Итак, проходите простую регистрацию. Затем жмете Create в правом верхнем углу.

Далее выбираете один из вариантов: 

  • GIF Maker. Создать гифку из видео с YouTube или компьютера.
  • Slideshow. Создать гифку из нескольких изображений.
  • GIF Caption. Добавить титры и текст к гифке.
  • GIF Editor. Добавить стикеры, фильтры и анимацию.

Первые два варианта создают гифку с нуля. 

GIF из видео

Нажмите GIF Maker. Вставьте ссылку на YouTube или нажмите Browse для загрузки с компьютера. Ограничение: размер видео – меньше 100 МБ и короче 15 минут.

Теперь установите время старта и длительность:

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

Примите условия соглашения и нажмите Create:

Вот что у нас получилось:

GIF из изображений

Нажмите Slideshow → Browse и загрузите изображения, которые хотите объединить. Максимальный размер – 100 МБ.

Выберите скорость переключения между кадрами:

Можно добавить титры, изменить порядок показа, убрать или добавить изображения, а также добавить теги. Теперь жмите Create Slideshow.

Вот что у нас получилось:

GIF в соцсети

Гифку можно сразу выгрузить в Twitter, Facebook и Instagram. Но лучше предварительно загрузить ее, чтобы при выгрузке видеть анимацию, а не ссылку на нее.

Giphy.com

Gifs.com

За секунды поможет сделать смешное видео или картинку. Можно загрузить видео из Facebook или Instagram. Далее все просто: задайте время, длительность и скорость воспроизведения. К готовой гифке можно добавить титры или стикеры.

Gifs.com

Gifmaker.me

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

Gifmaker.me

Plotographpro.com

Подходит для полупрофессионального создания анимированных картинок и видео. Инструмент платный, абонентская плата – от 29 долларов в месяц. Зато куча дополнительных эффектов.

Plotographpro.com

CloudApp

Позволяет жонглировать скриншотами экрана: делать гифки и обмениваться ими. Тарифы – от $10 в месяц. Бесплатный пробный период – 14 дней. 

Cloudapp

Recordit

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

Программное обеспечение нужно устанавливать на компьютер.

Recordit

Как использовать GIF

Скажите «Спасибо!»

Благотворительная организация Red Nose Day благодарит всех, кто участвовал в сборе средств для бедных.

«Спасибо! Мы собрали больше тысячи фунтов!» 

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

Как сделать страницу благодарности: эпические примеры и советы

Покажите продукт

Например, вот такие аппетитные блинчики:

«Блины с начинкой – что может быть лучше этой весной?»

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

Покажите, как использовать продукт

Одна анимированная картинка заменит строки текста и сократит время работы.

Наполняйте блог и генерируйте трафик

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

General Electric показывает часть рабочего процесса по созданию суперэффективной экологичной турбины:

Можно сделать серию забавных гифок для обучающих курсов. 

В сети популярны блоги с рецептами или советами в формате анимированных картинок.

Покажите характер бренда

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

Giphy позволяет от имени компании регистрироваться, создавать и выкладывать гифки на внутренний канал. Эти гифки – часть поискового процесса во всех интегрированных в Giphy соцсетях и мессенджерах (Twitter, Facebook, WhatsApp, iMessage).

Используйте уникальные теги, чтобы ваши гифки легко находили. 

Вдохновения и успехов!

Урок 04. Как сделать из векторной картинки gif с прозрачностью (альфа-канал, 8 бит, маска)

Мы имеем векторное изображение, или же оно было нарисовано нами, но мы решили сделать из него растровую картинку, да еще в формате gif. У нас появился вопрос: как это сделать? Всё просто!

Оглавление

  1. Переводим картинку из вектора в растровое изображение
  2. Работа с растром
  3. Сохранение в GIF
  4. Второй способ GIF с фоном
  5. Делаем фон
  6. Делаем маску
  7. Создаем новый объект
  8. Создаем новый фон
  9. Сохранение в формате GIF
Уровень сложности: продвинутый
Использованное ПО: CorelDraw X3, Corel Photo-Paint X3

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Переводим картинку из вектора в растровое изображение

1.1 Открываем наше векторное изображение в CorelDwar.

1.2 Делаем экспорт нашей картинки (File > Export). В появившемся окошке выбираем формат CPT — Corel PHOTO-PAINT Image и называем файл «Круг». Так же проверьте, чтобы стояла галочка около Selected only.

1.3 В следующем появившемся окошке мы выбираем нужный нам размер картинки, ставим галочки около Anti-aliasing (смягчает края изображения) и Transparent background (картинка будет с прозрачным фоном).

В техническом плане растровое изображение с прозрачностью отличается от обычного тем, что в файле хранится не только информация о цветах пикселей, но и дополнительный «канал», содержащий данные о том, какой пиксель прозрачный, а какой – нет (или какой цвет в палитре изображения должен считаться прозрачным). Так реализована передача прозрачности в формате GIF.

Работа с растром

2.1 Теперь открываем растровый редактор Corel PHOTO-PAINT. Для этого достаточно в CoerlDraw нажать на кнопку Application Launcher и выбрать Corel PHOTO-PAINT. Откроется новая программа.

2.2 Открываем наш файл «круг.cpt» в растровом редакторе CorelPHOTO-PAINT (File > Open). В верхнем меню выбираем (Image > Paper Size).

2.3 В появившемся окне задаем цвет фона. Чаще всего используют цвет салатовый или магента(цвета редко встречающиеся). Затем нажимаем Ок. Цвет страницы мы изменили как нам удобно.

2.4 Теперь сливаем наш рисунок с фоном. Для этого выбираем в верхнем меню пункт (Object > Combine > Combine All Objects With Background). Появляется фон (он может быть любого цвета в зависимости от выбранных нами настроек. См. пункт 2.3)

2.5 Мы слили наше кольцо с фоном, теперь предстоит сделать маску. Выбираем инструмент Magic Wand Mask Tool . Настраиваем инструмент в верхнем горизонтальном меню. Нам нужно сделать кнопку Anti-aliasing не активной и поставить Tolerance на 0 (чем больше это число, тем сильнее Anti-aliasing).

Magic Wand Mask Tool создаёт маску из пикселей изображения, имеющих схожий цвет. «Разборчивость» этого инструмента (Tolerance) настраивается в инструментальной панели над рабочей областью Corel Photo-Paint.

2.6 Теперь инструментом Magic Wand Mask Tool нажимаем на все области выбранного нами цвета(в моем случае это цвет магента). При этом нам нужно выбрать настройку «-» в верхней горизонтальной панели интсрумента Magic Wand Mask Tool (см. пункт 2.5). Цвет фона должен быть однотонным. Наш рисунок приобретает красноватый оттенок — это и есть маска.

Сохранение в GIF

3.1 Теперь необходимо сохранить наш рисунок в формате gif. Для этого открываем в верхнем меню (File > Export). Выбираем место, куда хотим сохранить и выбираем расширение – gif. Появляется окно диалога оптимизации цветов палитры изображения. Настраиваем цвет так, чтобы изображение «страдало» меньше всего. Выбираем количество цветов (я взяла 6 для этого рисунка, для более сложного и цветного рисунка нужно больше цветов). Жмем Ок.

3.2 Появляется следующее окно — GIF Export. В нем настраиваем всё как на рисунке, приведённом после этого параграфа. Не забываем нажать кнопку Preview для того, чтобы просмотреть результат (он отображается в правом окошке). Выбираем «пипетку» в настройках и выбираем цвет, который должен быть невидимым (показано стрелочкой). После жмем кнопку ОК.

3.3 Наше кольцо в формате gif готово. 🙂

Второй способ GIF с фоном

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

Делаем фон

4.1 Повторяем всё с пункта 1.1 до пункта 2.2

4.2 В появившемся окне настроек Paper Size задаем правильный цвет фона (тот, на котором в дальнейшем будет располагаться наш прозрачный gif). В нашем случае — это цвет желтоватый (R255 G255 B221 или FFFFDD). Для того, чтобы выбрать нужный нам цвет, нажмите в выпадающем меню кнопку Other… и вручную введите цифры RGB. Так же мы должны увеличить размер картинки на 2 pixels с каждой стороны. Для этого увеличиваем нашу ширину (Width) и высоту (Height) на 4.

4.3 «Сливаем» нашу картинку с фоном. Для этого нам нужно выбрать в меню (Object > Combine > Combine All Objects With Background).

Для быстрого соединения нашего объекта с фоном можно воспользоваться клавиатурной комбинацией Ctrl-Shift-↓.

Делаем маску

5.1 Теперь берем инструмент Magic Wand Mask Tool . Настраиваем инструмент в верхнем горизонтальном меню. Нам нужно сделать кнопку Anti-aliasing не активной и поставить Tolerance на 0 (чем больше это число, тем сильнее Anti-aliasing). Так же выбираем кнопку «-«

5.2 Кликаем нашим инструментом по желтоватому фону. Наш фон приобретает красноватый оттенок — это и есть маска. Заметим, что вокруг нашего объекта остается небольшое количество желтоватого фона, это значит, что мы делаем всё правильно.

Создаем новый объект

6.1 Теперь копируем наш объект, нажав на кнопку Copies the selection and places it on the Clipboard  в верхней панели инструментов и открываем меню (File > New From Clipboard)

Для быстрого создания нового объекта можно воспользоваться комбинацией клавиш Ctrl-C для копирования и Ctrl-Shift-N для открытия в новом окне.

Создаем новый фон

7.1 Теперь мы должны выбрать цвет фона, который не встречается в нашем новом объекте с желтоватыми краями (смотри пункт 4.2). Я выбрала цвет: магента (R255 G0 B255).

7.2 Делаем маску нашего объекта. Для этого открываем в меню (Mask > Create > Mask from Object(s)). Если наша маска закрасила красноватым цветом наш объект, а не фон, нужно поменять их местами кнопкой Inverts a mask 

Для быстрого создания маски можно использовать клавиатурную комбинацию Ctrl-M. Для изменения маски Ctrl-Shift-I

Сохранение в формате GIF

8.1 «Сливаем» наш объект в маске с фоном (смотри пукт 4.3), затем идем в меню (File > Export).

8.2 В настройках Export выбираем тип gif и называем наш файл. В следующем окне Convert to Paletted выбираем количество цветов (в нашем случае это 6).

8.3 В последнем заключительном окне укажем пункт Image Color и, нажав на иконку «пипетка», выберем на картинке цвет, который нам не нужен. В нашем случае — это цвет магента. Обязательно включаем кнопку Preview для того, чтобы увидеть результат в соседнем окошке. После этого нажимаем кнопку OK

8.4 Наш прозрачный GIF с фоном готов. 🙂

Создать закладку в (наведите курсор на иконку снизу)

Как создать GIF-файл на любом устройстве

В сегодняшней статье рассмотрим самые простые способы создания анимации GIF.

Анимация GIF – это серия изображений, которые отображаются последовательно. Другими словами можно взять серию фотографий (любых изображений) => поставить очередность для каждой фотографии,  и соединить их в один файл с расширением GIF. Результатом будет движущееся изображения (анимация), к примеру смайлик с сердечками создан из 15 изображений:

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

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

Создание GIF с помощью онлайн сервиса

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

1.Загрузите фотографии (изображения) для анимации: можно нажать на “Добавить кадры с компьютера” и выбрать их из любой папки на вашем компьютере, или “по ссылке”  – вставить ссылку на изображения, или “с камеры” –  сделайте сразу фото с вашей веб-камеры.

2.Под каждым изображением можно выбрать длительность кадра в секундах, также можно любой кадр с помощью левой клавиши мыши перетянуть влево или вправо, тем самым подобрав правильную очередность. Наводим курсор на любой кадр => нажимаем левую клавишу мыши и удерживая ее – тянем фото в нужное место, перетягиваем изображения пока не будет нужная очередность. Также можно нажать на крестик и удалить любое изображение.

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

4. Когда изображения выставлены в нужном порядке и выбраны эффекты  – нажимаем “Готово”.  Вы увидите результат, созданную анимацию GIF и сможете ее скачать (нажав на кнопку Скачать), или поделиться ею в ВК, вставить ее на сайт или получить ссылку на данную анимацию, чтобы показать ее друзьям.

Конвертация видео с YouTube в GIF

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

1.Находим нужное видео;

2.В адресной строке перед youtube дописываем gif (как на рисунке) и нажимаем Enter;

3.Данное видео откроется на gifs.com и вы сможете добавить эффекты, обрезать, установить время начала и конца, и выбрать другие параметры для создания анимации. Когда все параметры выбраны – нажмите Greate GIF.

4. Вам предложит поделиться анимацией на популярных ресурсах, что не обязательно, нажимаем No Thanks.

5. Если нажать на Download GIF – вас попросит пройти регистрацию, но можно скопировать ссылку на созданную анимацию.

6. И вставить ее в адресной строке в другой вкладке, после чего нажать на анимацию правой клавишей мыши и выбрать “Сохранить картинку как” => появиться окошко и вы сможете выбрать куда сохранить вашу анимацию.

Это скорее всего самый простой способ преобразовать часть или видео целиком в GIF.

Создание GIF на iPhone и Android

Google Фото можно установить на iPhone и Android, данный инструмент многофункционален и будет очень полезен на вашем устройстве, также с его помощью можно создавать анимации и это очень просто!!!

Но если по каким-то причинам вас не устраивает Google Фото – есть множество других инструментов для создания анимации на мобильных устройствах. Одно из них GIF Maker, он легкий в использовании и хороший помощник для любителей создавать анимации.

Android: Скачиваем и устанавливаем GIF Maker

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

Нажав на “Стрелялки GIF” вы сможете снимать нужное, для последующего преобразования в анимацию GIF.

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

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

iPhone: также вы можете найти множество приложений для создания анимации или использовать Google Фото, а можете использовать GifBoom.

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

На сегодня всё, если вы знаете другие способы и лучше – пишите комментарии! Удачи Вам 🙂

Как сделать gif из картинок или видео- просто и качественно

Как сделать качественное gif из картинок видео 
В преддверии каких-то праздников возникает необходимость сделать gif анимацию.

 Например,праздничный фейеверк у новогодней елки. Можно придумать разные темы.

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

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

Хорошего качества gif анимация получаются именно из видео,потому что кадры в нем идут один за другим вполне естественно. Только нужно эти кадры видео сначала превратить в чередующиеся картинки…

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

Перед тем как сделать gif из картинок,требуется ряд подготовительных действий:

  1. найти видео и скачать его на компьютер
  2. вырезать из видео небольшой кусочек длиною в 2-4 секунды
  3. сконвертировать из видео папку картинок с чередующимися друг за другом кадрами

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

По первому пункту затруднений не будет. А второй и третий пункты можно сделать сразу в одной программе. Она называется PhotoStage Slideshow Producer. Пользуюсь я ее уже лет 10, еще старой версии 2.02  и, поэтому не знаю, где ее вам можно скачать (скорее всего,она сейчас платная). 

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

 У меня очень старый Фотошоп,такой функции в нем нет, поэтому я нашла программу,которая работает с картинками. Она -Free (бесплатная ).

Сделать картинку gif онлайн


Сделать картинку gif  сначала пробовала в онлайн.Могу сказать,что у таких сервисов не очень хорошее качество,потому что мне понадобилось получить четкое изображение не из трех картинок,а из серии в 40-60 шт.

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

Но, мой Интернет по скорости никакой и, все попытки сделать картинку gif онлайн, завершились крахом.

В конце-концов,потратив кучу времени,все же выбрала программу,в которой:

  1.  анимация получается приемлемого качества
  2. не требуется профессиональных знаний,как для Фотошопа 
  3. медленный интернет будет ни при чем

Программа для создания gif анимации

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

Данную программу распространяет сервис PhotoScape
Скачивается и устанавливается без проблем.

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

Чтобы сделать gif из картинок в данной программе,надо:

  1. открыть программу
  2. нажать клавишу «Анимация»
    Легко и просто сделать gif из картинок можно в программе PhotoScape  
  3. перетащить все свои картинки (хоть 100 шт за раз) в открывшееся окно
  4. подождать,когда ваши изображения загрузятся,если их много
  5. откорректировать ползунком размер желаемой анимации(чем меньше размер,тем меньше вес)
  6. скачать на свой компьютер готовую gif
    В программе при создания gif анимации необходимы некоторые настройки…

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

Кроме размера картинки,нужно еще регулировать время смены кадров,когда делаете gif  из видео,потому что все видео -разные: в каком-то очень медленное движение мимики человека,а в другом-очень быстро меняющееся движение летящего по нестабильной траектории объекта. Ну,это,к примеру. Изменяя время с 5 до 50,можно выбрать более подходящий вариант, движение на котором будет смотреться естественно.

Создание анимированных файлов GIF / Программное обеспечение

Несмотря на то, что в сети становится все больше сайтов, полностью созданных с использованием технологий Flash, на популярном графическом формате GIF пока еще рано ставить крест. Такому «долголетию» формат обязан, прежде всего, удобству, которое несет в себе индексированная палитра цветов. Даже при работе с Flash разработчики web-дизайна нередко используют графические элементы, сохраненные в виде файлов GIF. Кроме того, зачастую быстрее и удобнее сделать оформление страницы, не прибегая к Flash. Формат GIF поддерживается подавляющим большинством программ для работы с графикой, однако, несмотря на такую популярность, для того, чтобы сделать анимированный GIF, необходимо запастись специальными инструментами, которые в народе принято называть GIF-аниматорами. О них и пойдет речь в этом обзоре.

GIF Construction Set Professional 3.0

Разработчик: Alchemy Mindworks Corporation
Размер дистрибутива: 12 Мб
Распространение: shareware Для создания анимированного GIF-файла используется тот же принцип, который лежит в основе рисованной анимации — создается секвенция изображений, которые немного отличаются друг от друга, затем картинки выстраиваются в нужной последовательности и экспортируются в один файл. Открыв такой файл, можно увидеть, как кадры быстро сменяют друг друга. В GIF Construction Set Professional изображения, загруженные для создания анимированного файла, показываются в виде столбца кадров. Если щелкнуть по кадру правой кнопкой мыши, появится контекстное меню, предоставляющее доступ к разнообразным командам. Так, изображения, составляющие анимацию, можно по отдельности вращать, обрезать, выполнять цветокоррекцию, добавлять эффект тени. Кроме этого, можно объединять и удалять кадры. Если при создании GIF-файла важно, чтобы его размер был как можно более маленький, можно использовать опцию «суперсжатия». При ее включении GIF Construction Set Professional анализирует код GIF-файла и немного уменьшает размер анимации. При помощи GIF Construction Set Professional можно получать не только GIF-файлы, но и анимационные файлы в других форматах. Так, программа поддерживает формат MNG, который не так популярен, как GIF, однако в некоторых случаях может иметь свою привлекательность. MNG лучшей цветопередачей, по сравнению с GIF, а файлы, сохраненные в нем, как правило, меньшего размера. Кроме этого, при помощи программы можно сохранять изображения в формате Macromedia Flash (SWF). Пользователь может выполнить экспорт секвенции кадров во Flash или же конвертировать в этот формат уже готовую GIF-анимацию. Выполняя преобразование из GIF, нужно иметь в виду, что файлы SWF, в отличие от GIF, не поддерживают прозрачности. Кроме этого, в анимированном GIF можно управлять временем отображения каждого кадра по отдельности, а в SWF частота смены кадров указывается для всего файла и является фиксированной. Стоит также отметить, что в SWF невозможно экспортировать циклическую анимацию. Если необходимо сделать Flash-анимацию, которая будет многократно повторяться, необходимо внести изменения в HTML-код страницы, на которой будет размещен файл SWF. Однако SWF имеет и некоторые преимущества перед GIF — файл Flash может включать в себя не только анимацию, но и звуковое сопровождение.

Easy GIF Animator Pro 4.9

Разработчик: Blumentals Software
Размер дистрибутива: 2,5 Мб
Распространение: shareware В Easy GIF Animator Pro предусмотрены специальные мастера, которые пригодятся, если вы планируете создать в программе баннер или анимированные кнопки для сайта. При создании баннера можно выбрать его размер и вариант фона (сплошной, градиентная заливка, изображение или повторяющаяся текстура). В программе заложено несколько стандартных размеров баннеров, но при необходимости можно выбрать любой размер в пикселях или указать путь к фоновому изображению, после чего программа установит для баннера такой размер, как у этой картинки. Далее на изображение можно добавлять геометрические фигуры, создавать текстовые надписи. При создании кнопок можно выбрать одну из предлагаемых форм (прямоугольная, прямоугольная со скругленными краями, эллипс) или один из готовых шаблонов. В Easy GIF Animator Pro есть небольшой набор кнопок с разными текстурами — стекло, дерево, мрамор и т.д. Созданная в программе анимация может содержать в себе эффекты перехода, сопровождающие смену кадров. Так, например, каждая следующая картинка может постепенно проступать поверх предыдущей или выезжать из-за угла кадра. Среди других возможностей управления анимацией можно отметить установку задержки для кадров, изменение прозрачности, предварительный просмотр.

GIF Movie Gear 4.2.1

Разработчик: gamani productions
Размер дистрибутива: 1 Мб
Распространение: shareware GIF Movie Gear можно использовать не только для создания GIF-анимации, но и для рисования иконок (*.ico), для создания обычных и анимированных курсоров (*.cur, *.ani). Программа поддерживает сохранение в эти форматы, а кроме этого, все созданные с ее помощью изображения могут быть сохранены как секвенция изображений и в виде многослойного файла PSD. При сохранении в GIF пользователь получает возможность управлять количеством цветов в индексированной палитре GIF-файла, а также может вручную подбирать цвета индексированной палитры. Такую палитру можно сохранить в отдельный файл и использовать повторно при работе с другими проектами. GIF Movie Gear содержит несколько настроек, которые помогают уменьшить размер файла, но при этом негативно не влияют на качество изображения. Это максимально возможная обрезка кадров, устранение ненужных кадров (скажем, повторяющихся), замена дублирующихся точек изображения с прозрачностью. Выбирая эти настройки, можно сразу же увидеть, на сколько процентов будет уменьшен размер файла, по сравнению с исходным. Все расчеты программа выполнит сразу же, без необходимости ожидания. Еще одна возможность, доступная при сохранении в GIF, — добавление текстового комментария. Правда, нужно учитывать, что такой комментарий немного увеличит размер файла. Что касается средств для редактирования изображений, то в GIF Movie Gear их практически нет. Единственное, что тут можно делать — это изменять рисунок по пикселям, что может быть удобно лишь в том случае, если вы планируете использовать программу для создания иконок и курсоров. В остальных случаях GIF Movie Gear имеет смысл использовать в паре с графическим редактором. Для того чтобы работать было удобнее, в программе можно указать путь на диске к приложению, которое будет открываться при необходимости изменения рисунка одного из кадров анимации.

Selteco Bannershop GIF Animator 5.1

Разработчик: Selteco Software
Размер дистрибутива: 1,5 Мб
Распространение: shareware Selteco Bannershop GIF Animator ориентирована, в основном, на создание баннеров, что легко можно заключить из ее названия. Начать работу предлагается с удобного мастера, в котором приведены названия и разрешения наиболее часто используемых типов баннеров: «небоскреб», квадрат 250×250 и т.д. При необходимости можно ввести разрешение проекта вручную или же импортировать параметры из файла. Кадры анимации можно рисовать вручную, используя стандартный для подобных приложений набор инструментов (заливка цветом, градиентная заливка, линия, эллипс, прямоугольник, текст), или же импортировать графические файлы. Если необходимо создать GIF-анимацию с заданным набором кадров, удобно использовать мастер Animation Wizard. При работе с ним пользователю предлагается указать путь ко всем графическим файлам, которые должны составлять анимацию, а затем определить время, в течение которого каждый кадр будет находиться на экране. Нужно иметь в виду, что при импорте изображений можно попасть в ситуацию, когда картинки для разных кадров имеют разные разрешения. В этом случае поможет функция Autosizing Frames, которая увеличивает рабочее пространство до тех пор, пока его площади не будет хватать для отображения самого большого кадра. Для создания баннеров иногда используются символьные шрифты, содержащие оригинальные значки. Для того чтобы не тратить много времени на поиск нужного символа, можно использовать команду Insert Symbol, которая открывает таблицу со всеми элементами выбранного шрифта. Такая таблица является миниатюрным менеджером шрифтов, встроенным в программу. Работая с ней, можно быстро перебирать установленные в системе шрифты и находить нужные символы. Selteco Bannershop GIF Animator имеет достаточно большой набор анимационных эффектов, которые можно использовать для того, чтобы баннеры получились броскими. Эффекты разделены на три группы — Intro Animation, Animation и Outro Animation. Если необходимо обработать изображение особым способом, например, заставить его дрожать, скользить или переливаться светом, нужно обратиться к эффектам группы Animation. А используя эффекты Intro Animation и Outro Animation, можно опробовать разные варианты появления и исчезновения текущего кадра соответственно.

Active GIF Creator 3.1

Разработчик: Image Tools Group
Размер дистрибутива: 4,1 Мб
Распространение: shareware Одно из важных преимуществ Active GIF Creator перед подобными программами — возможность автоматизации действий. Эта особенность утилиты очень важна, если пользователь постоянно обращается к одним и тем же инструментам, повторяя определенную последовательность действий. Используя модуль Script Editor, можно один раз записать эти действия в отдельный скрипт, сохранить его в виде отдельного файла и запускать его так часто, как это будет необходимо. При помощи скриптов можно, например, изменять размер объектов, перемещать их на определенное расстояние, изменять параметры отображения и т.д. Еще одна возможность автоматизации работы — создание анимированных файлов в пакетном режиме из командной строки. Кадры анимации могут быть обработаны при помощи фильтров, по-разному изменяющих изображение. Кроме этого, можно добавлять на анимацию разнообразные эффекты с частицами, такие как падающие капли дождя, снежинки и т.д. При этом внешним видом отдельных частиц можно управлять, выбирая для них форму, цвет, текстуру. Создавая анимированные изображения, можно использовать готовые графические элементы. Active GIF Creator поставляется с достаточно обширной библиотекой различных стрелок и других символов, которые часто используются при создании web-графики. Работая над GIF-файлом, можно быстро управлять такими параметрами, как прозрачность, цвет фона, задержка при воспроизведении, смещение по осям X и Y. Все самые важные параметры находятся непосредственно в рабочем окне программы. Среди параметров сохранения анимации можно отметить возможность генерации HTML-кода, благодаря чему готовый GIF-файл можно сразу же вставить на web-страницу.

2D & 3D Animator 2.1

Разработчик: PY Software
Размер дистрибутива: 4,6 Мб
Распространение: shareware Несмотря на то, что создание трехмерной графики — занятие сложное и утомительное, объемные эффекты всегда выглядят очень красиво. В таких простых случаях, как создание баннера или анимированного изображения, для получения трехмерных эффектов не имеет смысла использовать сложные программы, достаточно установить утилиту 2D&3D Animator. Этот графический редактор предназначается, в первую очередь, для создания различных анимированных надписей с трехмерным текстом. Программа отдаленно напоминает редактор Flash-роликов — настройка продолжительности анимации и перемещение по кадрам анимации осуществляется при помощи временной шкалы Timeline. На ней можно проследить ключевые кадры для каждого из спрайтов — элементов анимированного проекта. Программа 2D&3D Animator может создавать анимацию при помощи специального мастера шаблонов. Этот мастер позволяет выбирать готовые варианты оформления баннеров, кнопок или логотипов. Также в отдельном окне показывается набор текста с примененными к нему различными эффектами. Настройка движения элементов изображения может быть осуществлена с помощью выбора линейного характера перемещения спрайта. При этом можно устанавливать начальное и конечное положение объекта, а промежуточные варианты расположения двигающегося изображения будут просчитаны программой. В 2D&3D Animator можно выбирать цвет прозрачности, редактировать изображение попиксельно, назначать фильтры и рисовать несложные фигуры. В программе имеется два варианта текста — обычный и объемный. Во втором случае необходимо подобрать настройки в специальном небольшом редакторе трехмерного текста. Для оформления объемных надписей можно использовать до трех виртуальных источников освещения, каждый из которых может быть прямым или всенаправленным, а также обладать своим цветом. Библиотека движений трехмерных букв дает возможность превратить статический текст во вращающиеся, поворачивающиеся и двигающиеся надписи.

Flex GIF Animator 8.85

Разработчик: Web Graphics Software
Размер дистрибутива: 5,5 Мб
Распространение: shareware С помощью Flex GIF Animator пользователь сможет без труда создать анимированные графические изображения, даже если до этого ему не доводилось делать ни одного ролика. Одна из проблем, с которой приходится сталкиваться пользователям, разрабатывающим дизайн анимированных картинок — сюжет рисунка. В Flex GIF Animator эта задача упрощается — к программе уже прилагается большое количество интересных эффектов и идей. В библиотеке утилиты можно увидеть рисунок с исчезающим или растекающимся текстом, двигающийся портрет Моны Лизы, разлетающийся сноп искр, имитацию системного сообщения и так далее. Готовый проект может быть сохранен не только в виде анимированного файла GIF, но и в форматах SWF, MOV, AVI. Кроме этого, можно сохранить файл в виде файла EXE, который будет проигран при запуске. Flex GIF Animator дает возможность использовать набор визуальных эффектов, в числе которых спецэффекты, изменяющие форму исходного объекта (деформирование, создание эффектов с частицами, создание эффекта флага и т.д.), а также спецэффекты, которые применяются ко всему изображению целиком — имитация освещения, размытие, коррекция цвета и т.д. Одна из возможностей программы — работа с виртуальными кистями. Стоит обратить внимание, что Flex GIF Animator поддерживает кисти от Adobe Photoshop. Программа позволяет выполнять предварительный просмотр GIF-анимации в браузере. При создании графики можно управлять цветами индексированной палитры изображения. Анимация может воспроизводиться и в обратном порядке. Программа может также генерировать HTML-код для публикации созданной анимации на web-странице. Flex GIF Animator поддерживает импорт видео и может производить пакетную оптимизацию GIF-файлов. В редакторе имеется специальный мастер, упрощающий создание кнопок. Еще одна уникальная функция программы — возможность захвата экрана. С помощью этой опции можно выполнить захват всего экрана, активного окна или выбранной области.

Заключение

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

Если Вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.

5 способов сделать анимированный GIF (без Photoshop!)

Примечание автора. В этот пост о том, как создать анимированный GIF (без Photoshop), добавлена ​​информация о том, как добавлять GIF в Facebook, Twitter и популярные системы управления контентом.


Кто сказал, что гифки — это просто развлечение? Они невероятно полезны для бизнеса и маркетологов.

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

Почему?

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

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

* Вот как использовать Google Optimize (бесплатно) для тестирования GIF-файлов на своем веб-сайте

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


Нужна помощь в создании графики, которая превратит посетителей в клиентов? Связаться с нами! Ladder может помочь вам достичь поставленных целей продаж с помощью маркетинговых услуг, основанных на технических технологиях.

Нужна помощь в создании графики, которая превратит посетителей в клиентов? Связаться с нами! Ladder может помочь вам достичь поставленных целей продаж с помощью маркетинговых услуг, основанных на технических технологиях.

Поговорите со стратегом

1. GIPHY’s GIF Maker

GIPHY, компания с самой большой в мире библиотекой анимированных GIF-файлов, теперь предлагает бесплатный инструмент для создания GIF-изображений, которым так приятно пользоваться. GIF Maker позволяет создавать анимированные GIF-файлы из видеофайлов, ссылок YouTube, существующих GIF-файлов и даже фотографий.

Вот как это работает:

Перетащите видеофайл или введите URL-адрес видео с YouTube, Vimeo или другой страницы GIPHY. Вы также можете загрузить серию фотографий для создания слайд-шоу с анимированными фотографиями.

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

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

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

И вуаля! Вы сделали свой GIF! Теперь вы можете сохранить его и загрузить на свой веб-сайт или в блог.

Что мне нравится в GIPHY’s GIF Maker

  • Простота использования и навигации
  • Инструкции по редактированию длины вашего GIF понятны. Есть две отдельные полосы для времени начала и продолжительности GIF.
  • Настраиваемые функции (например, анимированные подписи, наклейки и т. Д.) Надежны и современны.
  • Позволяет создавать GIF из нескольких различных источников, включая статические изображения.

Что мне не нравится в GIPHY’s GIF Maker

  • GIPHY’s GIF Maker не дает вам возможности сделать ваши GIF-файлы приватными. Имейте это в виду, если вы создаете GIF-изображения своих коллег или своего продукта.

Это бесплатный инструмент, простой в использовании и обладающий именно той функцией, которую я ищу. Я настоятельно рекомендую GIPHY’s GIF Maker.

Нужна помощь в создании графики, которая превратит посетителей в клиентов? Связаться с нами! Ladder может помочь вам достичь поставленных целей продаж с помощью маркетинговых услуг, основанных на технических технологиях.

Поговорите со стратегом

2. GIFs.com

Еще один супер-простой инструмент — это GIFs.com, онлайн-инструмент, который превращает видео YouTube, видео Vine и видео Instagram в редактируемые файлы GIF. Обратите внимание: хотя на этой платформе вы можете создавать GIF-файлы бесплатно, вам нужно стать платным подписчиком, чтобы получить доступ к некоторым функциям.

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

Вот как это работает:

Скопируйте и вставьте ссылку на короткое видео, которое хотите преобразовать в GIF.

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

Когда вы закончите, добавьте имя к вашему GIF, несколько тегов, чтобы облегчить поиск по нему, и готово!

Что мне нравится в GIF.com

  • GIF.com очень прост в использовании. На создание GIF у меня ушло меньше 5 минут.
  • Предлагает стандартные шрифты, такие как Arial, для субтитров GIF.
  • Предлагает расширенные возможности редактирования, такие как возможность изменять непрозрачность стикера.

Что мне не нравится в GIF.com

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

В целом, хотя мне понравились функции мгновенных эффектов и стикеров на GIF.com, я бы не рекомендовал становиться платным подписчиком на функции, которые вы можете бесплатно найти в GIPHY GIF Maker и других онлайн-инструментах.

Нужна помощь в создании графики, которая превратит посетителей в клиентов? Связаться с нами! Ladder может помочь вам достичь поставленных целей продаж с помощью маркетинговых услуг, основанных на технических технологиях.

Поговорите со стратегом

3.Видео Imgur в GIF

Вы когда-нибудь использовали такой инструмент, как ClipConverter, для преобразования видео с YouTube в файл mp3? Imgur делает почти то же самое, конвертируя видео в GIF.

Если вам нужен инструмент без наворотов, который есть у GIF.com или GIPHY’s GIF Maker, видео в GIF для вас. В нем нет тематических наклеек, забавных фильтров или настраиваемых шрифтов для подписей, но он поможет вам быстро создать высококачественный GIF.

Вот как это работает:

Введите URL-адрес видео, которое хотите преобразовать в GIF.

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

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

Что мне нравится в видео Imgur в формате GIF

  • Это самый быстрый инструмент, который я когда-либо использовал для создания GIF.
  • Поддерживает только видео, загруженные онлайн. Вам не повезло, если у вас есть только.mp3 файл

Что мне не нравится в видео Imgur в формате GIF

  • Недостаточно параметров для настройки GIF (т. Е. Нет стикеров, фильтров, динамических подписей и т. Д.)
  • По умолчанию фон подписи черный. Это действительно плохо смотрится на анимированном GIF.
  • Доступно только для настольных ПК.

В целом, если вы хотите создать супер-простой GIF за короткое время, попробуйте инструмент Imgur Video to GIf.

4. Бумеранг для Instagram

В отличие от других приложений для создания GIF, Boomerang для Instagram — это мобильное приложение, которое берет серию фотографий и объединяет их в GIF, который воспроизводится вперед и назад без необходимости редактирования.

Вот как это работает:

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

Что мне нравится в Boomerang для Instagram

  • Невероятно уникальное! GIF, который воспроизводится вперед и назад, а не зацикливается, действительно выделяет мой GIF.
  • Это невероятно быстрый и простой в использовании.
  • Легко делиться GIF-файлами прямо в социальных сетях.

Что мне не нравится в Boomerang для Instagram

  • Невозможно использовать видео или фотографии для создания файлов GIF.
  • Доступно только в виде мобильного приложения.
  • Невозможно настроить видео с помощью подписи, фильтров или наклеек.

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

5. LICECap

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

Именно так я создавал каждый GIF в этой статье!

Вот как это работает

Когда вы открываете настольное приложение, LICECap отображает открытое окно, которое вы можете настроить так, чтобы оно соответствовало всему экрану или только его части, которую вы хотите захватить.

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

Когда вы закончите, LICECap автоматически сохранит ваш GIF-файл, который вы сможете использовать в своем контенте.

Что мне нравится в LICECap

  • В отличие от других инструментов, упомянутых выше, LICECap позволяет мне создавать GIF-изображения продукта в режиме реального времени. Никаких URL-адресов или файлов .mp3 не требуется.
    * Он также очень прост в использовании. Например, я экономлю время, поскольку мне не нужно устанавливать длину или продолжительность.
  • Вы также можете указать максимальное значение FPS (кадров в секунду), чтобы разрешить регулирование использования ЦП.

Что мне не нравится в LICECap
* Сохраненные файлы GIF имеют большой размер и могут занимать много места, поэтому делайте файлы GIF короткими.

LICECap — это инструмент, который каждый маркетолог и предприниматель должен иметь в своем наборе инструментов контент-маркетинга.


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

Facebook

GIF сейчас становятся все более популярными на Facebook — вероятно, потому, что их легче создавать и публиковать на Facebook, чем видео.

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

Теперь Facebook позволяет искать GIF-изображения и добавлять их в сообщения Facebook — без каких-либо ссылок для публикации! Вот как это работает:

  • Зайдите на свою страницу в Facebook и напишите сообщение в Facebook.
  • Когда вы создаете сообщение в Facebook, Facebook отображает раскрывающееся меню, в котором вы можете добавить фото или видео, отметить друзей в своем сообщении, отметиться в каком-либо месте и т. Д.Выберите в этом меню опцию GIF .
  • Затем Facebook отобразит другое раскрывающееся меню, в котором вы сможете найти нужный GIF-файл.

  • Когда вы найдете идеальный GIF-файл реакции, выберите его, и он будет автоматически добавлен в вашу публикацию на Facebook. Обратите внимание, что когда вы добавляете GIF в свое сообщение, он будет выглядеть статичным, но он будет анимирован, как только вы его опубликуете.
  • Наконец, добавьте броский заголовок, если вы еще этого не сделали, и нажмите Post !

Теперь этот процесс применим только к личной учетной записи Facebook.Вот как размещать GIF-изображения на бизнес-странице вашей компании:

  • Найдите ответный GIF-файл, который вы хотели бы использовать в Картинках Google или на GIPHY. Загрузите его и сохраните файл на свой рабочий стол.
  • Затем войдите в Facebook, перейдите на бизнес-страницу своей компании и войдите в Business Manager.
  • На вкладке Page прокрутите немного вниз, чтобы создать новый пост в Facebook.
  • Напишите заголовок для своего сообщения.
  • Затем перетащите файл GIF со своего рабочего стола в сообщение Facebook.Это загрузит ваш GIF как видео. Примечание. Не паникуйте, если вы не видите снимок экрана с изображением GIF на миниатюре видео. Это просто означает, что Facebook еще не загрузил ваш GIF.

  • Когда вы будете довольны подписью, нажмите Опубликовать . Когда ваш пост будет опубликован, вы увидите анимированный GIF-файл в действии!

* П.С. Вы видели рекламу в Facebook • Ваше полное руководство по часто задаваемым вопросам по маркетингу?

Твиттер

К счастью, Twitter позволяет очень легко прикреплять GIF к вашим твитам.Вот два супер простых способа добавить GIF к вашим твитам.

  • Метод перетаскивания : Вы можете добавить GIF-файл со своего компьютера, просто перетащив его со своего рабочего стола в окно Создать новый твит . После добавления GIF в твит он сразу же появится в анимированной форме. Наконец, нажмите Tweet , чтобы опубликовать свой пост.

  • Кроме того, вы можете использовать интеграцию Twitter с GIPHY для поиска GIF, который вы хотите добавить в свой твит.Сначала выберите опцию GIF в модуле Compose new Tweet . Затем выполните поиск и выберите GIF, который хотите добавить в свой твит. Нажмите Tweet , чтобы опубликовать свой пост, и все!

Системы управления контентом

Конечно, я не могу забыть о загрузке GIF-файлов на ваш сайт или в блог! Несмотря на то, что каждая система управления контентом отличается, процесс загрузки GIF точно такой же, как загрузка фотографии или видео. Вот инструкции по загрузке GIF-файлов на WordPress, Ghost и Squarespace.

Создать анимированный GIF — просто

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

Вкратце, 5 инструментов, которые помогут вам создать гифку:

  1. Создатель GIF
  2. GIFs.com
  3. Видео в GIF
  4. Бумеранг для Instagram
  5. LICECap (личный фаворит, как маркетолог)

Итак, создавайте GIF-файлы… и тестируйте их на своем веб-сайте, в процессе адаптации, встраивайте их в электронный маркетинг, делитесь ими в социальных сетях и посмотрите, улучшится ли эффективность платной рекламы! Не знаете, с какого теста начать? Мы написали 100-страничное пошаговое руководство по аудиту роста, которое вам нужно


Нужна помощь в создании графики, которая превратит посетителей в клиентов? Связаться с нами! Ladder может помочь вам достичь поставленных целей продаж с помощью маркетинговых услуг, основанных на технических технологиях.

Поговорите со стратегом

Как сделать GIF: полное руководство [со скриншотами]

Все любят гифки. Начиная со старых форумов и заканчивая комментариями в Facebook, они, безусловно, прошли долгий путь. Излишне говорить, что эти короткие и точные «движущиеся» изображения захватили социальные сети. А если вы хотите научиться делать GIF — вы попали в нужное место.

Иногда вам не удается найти анимированный GIF, который правильно передает сообщение.

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

Хорошая новость — это просто. С помощью нескольких инструментов даже ваша бабушка смогла бы их сделать.

Приступим.

Два инструмента, которые помогут вам создавать GIF

Вам не нужно быть высококлассным графическим дизайнером или видеоредактором, чтобы создать GIF (или Graphics Interchange Format). .

Все, что вам нужно, это подключение к Интернету и один или два инструмента.

Есть 3 способа создания GIF:

  • Создание слайд-шоу изображений
  • Обрезка части видео
  • Использование онлайн-конструктора GIF для преобразования раздела видео YouTube или Vimeo

Чтобы упростить задачу, мы ограничим это руководство двумя самыми популярными инструментами:

Сначала мы взглянем на GIPHY.

GIPHY

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

Их создатель GIF позволяет создавать GIF-файлы на ходу.

Давайте рассмотрим три различных способа создания GIF с помощью этой платформы.

Метод № 1. Создание GIF с URL-адресом

Вы можете обрезать и извлечь часть URL-адреса YouTube или Vimeo как GIF с помощью GIPHY.

Все, что вам нужно, это подключение к Интернету и URL-адрес.

На создание этого GIF-изображения ушло менее 3 минут:

Сначала перейдите к GIPHY’s GIF maker (ссылка выше) и войдите / создайте свою учетную запись. Не волнуйтесь — это бесплатно.

Как только вы войдете, выполните следующие действия:

  • Шаг 1: Скопируйте URL-адрес видео и вставьте его в указанное поле.
  • Шаг 2: Вы попадете на страницу «Обрезать видео».Перетащите ползунки продолжительности и времени начала, чтобы удалить ненужные фрагменты. После этого нажмите кнопку « Продолжить украшать ».
  • Шаг 3: Теперь вы можете добавлять подписи, изменять размер / перемещать, играть со шрифтами и даже анимировать текст. Кроме того, вы можете добавлять забавные стикеры, применять фильтры и даже рисовать на собственном GIF-изображении. После этого нажмите « Продолжить загрузку ».
  • Шаг 4: Введите теги, чтобы сделать ваш GIF-файл доступным для обнаружения.Вы также можете предоставить общий доступ к нему или оставить его в секрете. Когда все будет готово, нажмите кнопку « Загрузить в GIPHY ».

Et viola — готово.

Теперь вы можете поделиться, скачать или встроить свой GIF. Давай, попробуй.

Метод № 2: Использование изображений для создания слайд-шоу в формате GIF

Если вы хотите объединить несколько изображений в слайд-шоу и создать из него GIF — GIPHY поможет вам.

На главной странице выберите опцию « Выбрать фото или GIF », откроется окно загрузки файла.

Теперь выполните следующие действия:

  • Шаг 1: Выберите файлы изображений, которые вы хотите использовать для создания GIF.
  • Шаг 2: На странице « Slideshow Settings » вы можете изменить продолжительность, с которой вы хотите, чтобы изображения всплывали. На данный момент инструмент не позволяет устанавливать разную длину для отдельных изображений.Однако вы можете изменить их порядок и / или добавить больше.
  • Шаг 3: Вы попадете на ту же страницу редактирования, где сможете добавлять собственные подписи, применять фильтры и делать свой GIF потрясающим. Когда вы закончите, нажмите кнопку « Продолжить загрузку ».

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

Метод № 3. Использование видеофайла для создания GIF

Если у вас есть потрясающее видео (помните, вы всегда можете использовать Lumen5 для его создания), но вы не загрузили его на YouTube или Vimeo, GIPHY вас поддержит.

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

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

Оттуда выполните следующие действия:

  • Шаг 1: Обрежьте ненужные части, перетащив ползунки продолжительности и времени начала. После этого нажмите « Продолжить украшать ».”
  • Шаг 2: Вам снова будет предложено добавить подписи и украсить ваш GIF. Когда вы закончите, нажмите кнопку « Продолжить загрузку ».
  • Шаг 3: Загрузите и начните делиться своим GIF-файлом.

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

Помните — вы также можете использовать бесплатные видеоматериалы, если у вас нет собственного видео.

Некоторые другие онлайн-производители GIF включают makeagif (который позволяет создавать GIF из видео Facebook и веб-камеры) и ScreenToGIF (который позволяет записывать определенную часть экрана и преобразовывать ее в GIF).

Adobe Photoshop

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

Для пояснения скриншоты, которые вы увидите в приведенных ниже шагах, относятся к Adobe Photoshop CC 2019.

Есть два способа сделать это:

  • Создание слайд-шоу изображений
  • Обрезать и конвертировать видео

Давайте обсудим оба.

Метод № 1. Создание слайд-шоу в формате GIF с использованием изображений

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

  • Шаг 1: Сначала откройте программу и перейдите к « Файл> Сценарии> Загрузить файлы в стек », например:

Затем загрузите изображения, которые хотите использовать. Вы также можете отсортировать их порядок здесь. После этого нажмите « ОК .”

Шаг 2: Теперь перейдите к «Окно > Временная шкала », например:

Временная шкала появится внизу.

  • Шаг 3: В середине щелкните небольшой значок выпадающего меню и выберите « Создать анимацию кадра ». Затем нажмите кнопку еще раз, чтобы создать новую покадровую анимацию.
  • Шаг 4: Щелкните значок меню гамбургера (расположенный в правом верхнем углу шкалы времени) и выберите « Создать кадры из слоев ».”

После этого вы сможете просмотреть свою анимацию, нажав кнопку воспроизведения (или нажав пробел). Вы также можете отменить анимацию, открыв гамбургер-меню и выбрав « Обратные кадры ».

  • Шаг 5: Чтобы установить продолжительность каждого кадра / слоя, щелкните маленькую стрелку (рядом с 0 секунд).
  • Шаг 6: Теперь вам нужно установить циклическую анимацию для вашего GIF. Для этого щелкните стрелку в нижнем левом углу и выберите «Навсегда».”
  • Шаг 7: Экспортируйте анимацию в формате GIF, и все готово. Для этого перейдите в «Файлы > Экспорт> Экспортировать как ».

Затем выберите формат GIF, нажмите « Экспортировать все ».

Вы также можете создать GIF из видео с помощью Photoshop, что приводит нас к:

Метод № 2: Создание GIF с использованием видео

Хотя это и не предназначено для создания видео, вы можете импортировать видео в Photoshop и конвертировать их в GIF.

Для этого выполните следующие действия:

  • Шаг 1: Перейдите к « File> Import> Video Frames to Layers », например:

Затем найдите и найдите видеофайл на вашем устройстве.

  • Шаг 2: Теперь вы можете обрезать видео. Вы также можете использовать весь клип.
  • Шаг 3: Щелкните меню гамбургера и выберите « Создать кадры из слоев ». Это разбивает весь ваш клип на несколько разных кадров.
  • Шаг 4: Установив цикл на « Forever », экспортируйте файл как файл GIF (как и раньше).

Вот и все.

Конечная записка

Теперь, когда вы научились создавать GIF — сходите с ума.

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

Обэйд — основатель и креативный директор Planet Content.Его внимание сосредоточено на создании контента, 2D-анимации и устранении скучного и раздражающего маркетинга.

Как сделать анимированное изображение в формате GIF

Обновлено: 31.12.2020, Computer Hope

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

Важная информация

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

  1. Завершенное анимированное изображение всегда должно быть в формате .GIF. Изображения .JPG или .JPEG не поддерживают анимацию.
  2. Анимированное изображение состоит из нескольких изображений. Каждое из этих изображений должно быть одинакового размера по ширине и высоте.
  3. Изображение не должно превышать 256 цветов.
  4. Интернет-браузеры можно настроить так, чтобы не отображать анимацию для анимированного изображения. Если этот параметр отключен, посетитель будет видеть только начальный кадр, а не все кадры, составляющие анимированное изображение.

Создание анимированного изображения онлайн

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

После создания изображений посетите Make A Gif.Щелкните опцию «Картинки в GIF» в строке меню страницы вверху и загрузите каждое из изображений на веб-страницу. Следуйте инструкциям по созданию анимированного файла GIF.

Создание анимированного изображения с помощью Photobie

  1. Загрузите и установите Photobie на свой компьютер.
  2. После установки программы откройте программу, затем откройте каждое из изображений, которые вы хотите использовать в своем анимированном изображении.
  3. Выберите одно изображение, которое будет начальным кадром анимированного изображения, затем выберите изображение, которое будет следующим кадром.Щелкните область , а затем Выберите область всего изображения или нажмите Ctrl + A , чтобы выбрать все изображение.
  4. Нажмите Изменить , а затем Копировать или нажмите Ctrl + C , чтобы скопировать изображение.
  5. Выберите изображение, которое вы определили как начальный кадр ранее. Нажмите Изменить , а затем Вставить как новый слой или нажмите Ctrl + V , чтобы вставить изображение.
  6. После этого в начальном кадре появляется новый слой.Повторите шаги 3-5 для каждого дополнительного изображения (кадра), которое вы хотите использовать в анимированном изображении.
  7. После того, как все изображения добавлены в виде слоев в начальное изображение, щелкните GIF_Animation , а затем Панель управления анимацией .
  8. На панели управления анимацией вы увидите каждый слой. В противном случае щелкните зеленые стрелки, чтобы обновить представление изображения. При щелчке по зеленому квадрату с треугольником воспроизведения в нем будет воспроизводиться анимация. Если он идет слишком быстро, выберите один из кадров и увеличьте время задержки в миллисекундах.
  9. Когда анимация вам понравится, щелкните значок синей дискеты, чтобы сохранить анимацию как анимированное изображение.

Как создать анимированный GIF с помощью Easil (который вскружит голову)

Хотите узнать, как создать анимированный GIF? Ты попал в нужное место, мой друг. Гифки ГОРЯЧИЕ! Итак, мы создали забавный и креативный инструмент для создания анимированных GIF-файлов, настолько ярких, что они привлекут внимание вашего бизнеса. Познакомьтесь с создателем GIF от Easil.

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

Но наша команда в Easil была разочарована текущим набором инструментов для создания GIF при попытке создать анимированный GIF из наших дизайнов — доступные инструменты просто не позволяли нам делать то, что мы хотели. Многие просто анимируют текст на экране с помощью функции «смахивать влево / вправо» или «влетать» — что может начать выглядеть как плохой Powerpoint, только анимировал .

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

Мы хотели все это изменить. Easil GIF Maker — это простой в использовании творческий инструмент для создания GIF.

Итак, в этом посте мы покажем вам, что это такое и как начать создавать GIF-файлы, которые повлияют на ваш бизнес. Когда вы воспользуетесь программой Easil GIF Maker, вы выйдете на новый уровень своей игры в формате GIF, так что привяжите себя к людям!

Как создавать анимированные GIF-файлы с помощью GIF Maker

Программа Easy GIF Maker от Easil уже доступна в Easil и готова к использованию.Мы, , могли бы попытаться объяснить, как это работает со словами, но это было бы не в духе GIF…

Вместо этого мы создали видео, чтобы показать вам, как это работает, с 5 примерами различных типов GIF. вы можете создать в Easil для начала:

Довольно круто, привет?

Что лучше всего в программе Easil GIF Maker? Он не жертвует вашим творчеством, чтобы создать анимированное изображение в формате GIF, потому что у него нет ограничений, связанных с инструментом «в один клик».

Давайте разберем основные шаги использования Easil GIF Maker для создания уникальных, привлекательных GIF-файлов, показав вам несколько примеров:

5 Примеры GIF-файлов, созданных с помощью Easil GIF Maker

Вот 5 различных способов использования Easil GIF Maker сделать анимированный GIF.Выберите один и начните экспериментировать с собственными гифками.

О, и это всего лишь капля в море GIF-файлов, которые вы можете создать сейчас с помощью Easil:

1 Анимированный GIF-файл «Moving Shapes»

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

Как создать анимированный GIF, например:

  1. Выберите шаблон, который имеет множество отдельных графических элементов, таких как эти круги.
  2. Дублируйте страницу дважды, чтобы у вас было всего 3 страницы или 3 «рамки» для вашего GIF.
  3. Прокрутите вниз до второй и третьей страниц в файле Easil и переместите элементы в разные позиции на странице, вращая их вокруг текста функции.
  4. Теперь у вас есть 3 страницы, каждая с элементами формы, расположенными в разных частях страницы, готовые к анимации.
  5. Загрузите анимированный GIF как файл «средней» скорости. Не забудьте посмотреть видео выше, в котором показано, как мы создали этот стиль дизайна с использованием шаблона альбомной ориентации.

СОВЕТ : Не меняйте положение текста в этом типе анимации, так как он станет слишком громоздким!

2 Анимированный GIF «Чередующийся цвет текста»

Большинство GIF-файлов, которые вы видите в Интернете, основаны на смахивании или влетании текста… но мы думаем, что изменение цвета текста может сделать вашу графику еще более привлекательной.

Этот эффект чередования цветов является отличительной чертой шрифта заголовка. Он вспыхивает и исчезает из вашего дизайна в неоновом стиле, как этот пример Flash Sale ниже:

Как создать анимированный GIF следующим образом:

  1. Выберите шаблон Easil и разместите текст в виде « готово »изображение.
  2. Дублируйте страницу, чтобы у вас было всего 2 страницы или «рамки» для создания вашего GIF.
  3. На втором кадре переместите, а также поверните положение каждой из фигур по бокам, чтобы придать им некоторое движение в вашей анимации.
  4. Когда вы будете довольны вторым фреймом, сделайте копию первой и второй страниц и перетащите их на место на вкладке слоев. Проверьте свои страницы и убедитесь, что фигуры чередуются на каждом втором кадре или странице.
  5. Теперь у вас будет 4 страницы, каждая с последовательно добавленным текстом, готовые к редактированию.
  6. Измените цвет слов на каждой странице, чтобы показать / скрыть эффект. Если сделать слова темными, как в данном случае фон, они будут казаться мигающими неоновыми лампами!
  7. Загрузите анимированный GIF как «быстрый» файл.

СОВЕТ : Используйте текстовые эффекты Easil, чтобы добавить потрясающего свечения, чтобы ваш текст действительно выделялся! (точно так же, как «зеленое свечение» в примере выше).

3 «Чередование графики внутри фигур» Анимированный GIF

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

Чередование графики внутри форм — это современный забавный стиль. Это не что иное, как «автоматические» GIF-файлы, которые можно создавать с помощью других инструментов. Как и в других наших примерах, вам нужно создать этот GIF за несколько шагов, но по мере того, как вы делаете больше таких, их становится легче (и быстрее) создавать:

  1. Выберите форму графической области перетаскивания и заполните ее изображениями, чтобы представить ваши бренд или продвижение.В данном случае мы выбрали буквы для образования слова, но вы можете использовать любую форму, которая вам нравится — подумайте о «сердце» в День Святого Валентина или «пинта Гиннесса» в День Святого Патрика.
  2. Дублируйте свой дизайн, чтобы у вас было нужное количество дополнительных копий. В этом случае нам понадобилось всего 4 страницы с разным эффектом на каждой странице, включая текст внизу.
  3. Замените изображения в каждой форме (в данном случае внутри букв) на каждой странице. Теперь каждая страница имеет различную графическую комбинацию.
  4. Теперь у вас должно быть 4 страницы, каждая с добавленными чередующимися изображениями, готовые к анимации.
  5. Загрузите анимированный GIF как «быстрый» файл.

СОВЕТ : Для этого типа дизайна убедитесь, что нет двух одинаковых фоновых изображений в одном и том же положении для двух страниц подряд… чтобы было движение при создании окончательного GIF.

4 Анимированный GIF-файл «постепенно появляется текст»

Мы вернулись к анимации текста в этом примере, но мы делаем текст таким образом, чтобы он выглядел профессионально и продуманно.Как видите, текст отображается покадрово, чтобы раскрыть удивительную сделку. Вы не можете пропустить 25% скидку на основные блюда — как на настоящую неоновую вывеску!

Как создать анимированный GIF, например:

  1. Выберите шаблон Easil и разместите текст как «готовое» изображение.
  2. Дублируйте страницу 6 раз, чтобы у вас было 7 страниц или 7 «рамок» для создания вашего GIF.
  3. Просмотрите и отредактируйте каждую страницу так, чтобы на каждую страницу добавлялось одно ярко окрашенное слово, как показано в примерах фреймов выше.
  4. В этом примере, когда появились четыре основных слова заголовка, мы хотели, чтобы они мигали, поэтому на странице 5 мы «притупили» все слова.
  5. Затем, чтобы они снова загорелись, мы использовали яркий бирюзовый цвет, чтобы раскрасить все слова в кадре 6, а затем снова темным цветом по всем основным словам в кадре 7.
  6. Загрузите анимированный GIF как “ быстрый »файл скорости.

СОВЕТ : Если вы создаете несколько кадров для анимации и хотите, чтобы элементы мигали, используйте функцию отображения / скрытия в слоях, чтобы временно скрыть их.Никогда не удаляйте!

5 Анимированный GIF-файл «Мерцание и сияние»

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

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

Как создать такой анимированный GIF-файл:

  1. Выберите шаблон в Easil или создайте дизайн, который будет хорошо работать с некоторыми мерцание и сияние! Думайте о «ночи», о золоте и шиках!
  2. Дублируйте свой дизайн, чтобы у вас было нужное количество дополнительных копий, в зависимости от того, сколько мерцания и сияния вы хотите добавить.В данном случае нам нужно всего 3 страницы, поэтому мы продублировали страницу 2 раза.
  3. Добавьте свои значки блеска, звезды или элементы боке (какой бы тип мерцания и блеска вы ни использовали) на каждую из страниц. Убедитесь, что на каждой странице разное сочетание элементов. Для текста внизу мы изменили цвет 3 раза, чтобы создать эффект анимации.
  4. Теперь у вас есть 3 страницы, каждая с чередующимися эффектами блеска, готовых к анимации.
  5. Загрузите анимированный GIF как «быстрый» файл.

СОВЕТ : Используйте генератор цветовой палитры Easil, чтобы подбирать цвета для лучшего восприятия GIF. В этом случае мы сопоставили цвета анимированного текста с блестящими элементами изображения!

5 шагов к созданию потрясающего GIF-изображения с помощью Easil:

Как вы можете видеть из приведенных выше примеров, есть определенные действия, которые повторяются каждый раз при создании Easil GIF. Мы суммировали их в 5 основных шагов, к которым вы можете обратиться за советом:

1 Выберите один из шаблонов Easil для социальных сетей, чтобы начать проектирование (примечание: это единственная категория шаблонов, которая в настоящее время работает с GIF Maker).Убедитесь, что шаблон готового размера, в котором вы хотите создать свой GIF.

2 Создайте свой дизайн с текстом, изображениями или значками.

3 Скопируйте свой дизайн, чтобы добавить идентичные страницы, используя кнопку «Дублировать страницу» рядом с холстом. Чем больше страниц вы добавите, тем длиннее и сложнее будет ваш GIF — для начала мы предлагаем 2-3 экрана. Также обратите внимание, что у вас должна быть одна страница для каждой основной функции вашего дизайна.

4 Измените макет текста, изображений, значков между страницами — чтобы создать ощущение движения, когда они сшиваются вместе.Считайте верхнюю страницу первым элементом анимации, а нижнюю — последним кадром. Прокрутите вниз до нижней страницы и удалите все элементы, которые не должны отображаться на последнем экране. Вашу графику (текст, значки или фотографии) можно «добавлять» или «изменять» от слайда к слайду.

5 Проверьте (и опубликуйте) свой GIF! Щелкните ЗАГРУЗИТЬ и выберите «GIF» в качестве варианта, чтобы сохранить его как медленный, средний или быстрый. Через пару минут у вас будет свое творение. Скачайте и поделитесь!

ПОДСКАЗКА: Если ваш GIF не совсем правильный с первого раза, вы можете вернуться и изменить элемент, добавить страницу и опубликовать снова.

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

Резюме

Как видите, программа Easy GIF Maker отличается от любого встроенного инструмента GIF. там. Нам нравится потенциал того, что вы можете с его помощью создать.

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

Надеемся, вам понравится программа Easil GIF Maker. Пожалуйста, сообщите нашей команде, если у вас есть какие-либо вопросы или вам нужны советы по созданию анимированного GIF. Мы более чем рады помочь. Считайте это нашим подарком (вы же не думали, что сбежите, не заметив ни одного каламбура в этом посте?).

Итак, вы думаете, что умеете GIF?

Все, что вам нужно сделать, это открыть свою учетную запись в Easil, начать создавать и публиковать в формате GIF (используя приведенные выше инструкции).

Если у вас еще нет учетной записи Easil (а мы уверены, что вы захотите ее получить после просмотра нашего Конструктора GIF), вы можете попробовать его в бесплатной 30-дневной пробной версии Easil Plus. После этого это будет всего 7,50 долларов США (9 австралийских долларов) в месяц.

За вами

Вам нравится этот новый способ создания GIF-файлов? Поделитесь своими творениями с нами на #EasilGIF, а давайте — #GetGiffyWithIt

Создание и оптимизация анимированных GIF-файлов для электронной почты (обновлено)

Статья впервые опубликована в мае 2016 г., обновлена ​​в январе 2019 г.

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

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

Что такое анимированный GIF?

GIF — это файл изображения, такой как JPG или PNG, но GIF может содержать анимацию. Тип анимации может быть разным: это могут быть сцены, вырезанные из видео, или анимация в стиле слайд-шоу с несколькими неподвижными кадрами с разными изображениями.

Анимированные GIF-файлы стали популярнее в Интернете. Фактически, несмотря на небольшую длину каждого из них, GIPHY сообщает, что на их веб-сайте ежедневно просматривается около 2 миллионов часов GIF-файлов.

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

Узнайте, как Моника Винадер использует GIF в своем электронном письме, чтобы продемонстрировать свою продукцию:

Как создать анимированный GIF?

Вы можете создать анимированный GIF с помощью различных программ. Здесь мы поговорим о том, о чем вы, скорее всего, знаете и к которому уже привыкли: Adobe Photoshop.

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

Покадровая анимация в Photoshop

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

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

В разделе «Окно» на панели инструментов выберите окно «Временная шкала».

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

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

Импорт видеокадров

Импорт видеокадров — популярный метод создания анимированного GIF из уже имеющегося видеофайла.

Просто перейдите к File > Import > Video Frames to Layers

Затем вы можете выбрать, какую часть видео вы хотите преобразовать в GIF.Мы рекомендуем ограничить импорт каждые 3 кадра и выбрать сцену или клип из импортируемого видео. Затем выберите опцию «Сделать покадровую анимацию».

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

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

Если вы чувствуете себя смелым и обладаете небольшими дополнительными техническими знаниями с Adobe Photoshop, есть еще один вариант создания анимированных GIF-файлов с помощью функции временной шкалы.У Дэна Денни есть отличное руководство по этому методу.

Альтернативы Adobe Photoshop

Если у вас нет Adobe Photoshop, есть другие альтернативы созданию собственных анимированных GIF-файлов для ваших кампаний:

1. Аниматор GIF — Windows
2. Instagiffer — Mac и Windows
3. Пивоварня GIF — Mac

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

Оптимизация анимированного GIF

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

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

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

3. Будьте короче. Чем меньше кадров анимации, тем короче будет ваш GIF и тем меньше будет размер файла изображения. Большая победа. Удалите ненужные кадры из своего GIF-изображения, поскольку человеческий глаз не может обнаружить мельчайшие движения, поэтому удаление каждого третьего кадра из импортированного видео-GIF вполне приемлемо.

4. Сведите к минимуму цвета. Чем больше цветов в анимированном GIF-файле, тем больше будет размер файла. Помните об этом, когда будете выбирать то, что хотите анимировать.

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

Сохранение GIF

В Adobe Photoshop перейдите к File , а затем Save for Web или нажмите сочетание клавиш CTRL-ALT-S.

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

В правом верхнем углу окна «Сохранить для Интернета» вы увидите параметр «Цвета». Когда вы поиграете с этим параметром, увеличивая или уменьшая его, вы заметите изменения в своем GIF. Постарайтесь сделать это число как можно меньше, не жертвуя качеством анимированного GIF.

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

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

Насколько большой слишком большой?

Теперь вам может быть интересно, когда дело доходит до размеров анимированных изображений в формате GIF, насколько большой является слишком большим? Мы видели фантастические анимации в больших GIF-файлах размером менее 1 МБ, но также и более сложные анимации размером более 10 МБ! Имейте в виду, что подписчики могут просматривать вашу электронную почту на мобильном устройстве. Если ваш анимированный GIF слишком большой по размеру, он займет слишком много времени для полной загрузки, и ваш подписчик даже не увидит вашу анимацию полностью.

Рекомендуется, чтобы размер файла был как можно ближе к 1 МБ.Под идеально. Хотя немного больше все еще в порядке.

Совместимость с анимированными GIF

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

Однако анимированный GIF работает не везде. В Outlook 2007, 2010, 2013 и Windows Phone 7 будет отображаться только первый кадр анимированного GIF. Поэтому убедитесь, что вся ключевая информация, которую вам абсолютно необходимо передать, находится в этом первом кадре, и что ваше электронное письмо по-прежнему будет выглядеть так же хорошо, как с анимацией, как и с этим первым кадром.

Соображения относительно анимированных GIF-файлов

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

Сделайте анимированные GIF-файлы особенными. Используйте их только тогда, когда они приносят пользу.

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

Заключение

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

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

Как сделать GIF с помощью GIMP

Этот GIF был создан в GIMP

Из этого туториала Вы узнаете, как создавать GIF с помощью GIMP.

GIMP (GNU Image Manipulation Program) — очень мощное бесплатное программное обеспечение для редактирования изображений, вы можете многое сделать с его помощью, включая создание GIF-анимации. Давайте посмотрим, как создавать GIF-файлы с помощью GIMP.

В одной из предыдущих статей я показал вам, как использовать командную строку Linux для создания GIF-анимации. Однако командная строка не для всех. Итак, в этом руководстве вы узнаете, как создавать GIF-файлы с помощью GIMP, графической программы.

Настройка анимации

Процесс одинаков, независимо от того, какую операционную систему вы используете.GIMP работает одинаково в Linux, Windows и Mac.

Откройте GIMP. Перейдите в File → Open as Layers и выберите все изображения, из которых вы хотите сделать GIF. Если вы хотите создать GIF из видео, вам сначала нужно извлечь из него изображения. Я показал, как извлекать изображения из видео с помощью проигрывателя VLC, который также работает в Linux, Windows и Mac.

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

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

Создавайте гифки с помощью GIMP. Выбрать изображения

Обрезать изображения

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

Создавайте гифки с помощью GIMP. Инструмент для обрезки

Используя инструмент кадрирования, вы также можете изменить соотношение сторон на панели инструментов в левой части экрана.Введите значения в поле Size и установите флажок Fixed: Aspect ratio .

Чтобы обрезать изображения, выберите область для обрезки и нажмите Введите .

Создавайте гифки с помощью GIMP. Обрезка изображения

Затем измените размер изображений, потому что они, вероятно, довольно большие, и файл GIF тоже будет большим. Перейдите в Image → Scale Image. Здесь вы можете выбрать размер и разрешение.

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

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

Создавайте гифки с помощью GIMP. Изменить размер

Пресс Масштаб .

Затем измените уровень масштабирования на 100% и посмотрите на свой GIF в реальном размере.Если размер и качество слишком низкие, нажмите Ctrl + Z и настраивайте размер и разрешение, пока не будете удовлетворены результатами.

Создавайте гифки с помощью GIMP. Увеличить изображение

Создание GIF с помощью GIMP

Теперь из этих изображений можно сделать GIF. Перейдите в Фильтры → Анимация → Оптимизировать (для GIF) . Это откроет анимацию в новой вкладке. Эта операция уменьшит размер исходных изображений и GIF за счет удаления некоторого перекрытия между информацией об изображениях.Важно отметить, что вам необходимо сохранить этот проект. Перейдите в Файл и нажмите Сохранить .

После этого перейдите в Filters → Animation и выберите Playback , чтобы увидеть, как ваша анимация будет выглядеть покадрово.

Если все в порядке, перейдите в Файл и Экспорт этого проекта в формате GIF. Отметьте как анимацию и Зацикливать навсегда коробки. Убедитесь, что вы выбрали расширение файла .gif.

Затем укажите задержку между кадрами в миллисекундах.Чем выше значение, тем медленнее будет анимация. Также не забудьте выбрать «Использовать указанную выше задержку для всех кадров». По моему опыту, утилизация фреймов не сильно изменилась, так что вы можете оставить ее на уровне «мне все равно».

Создавайте гифки с помощью GIMP. Экспорт

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

Сводка

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

Как сделать потрясающие GIF-файлы

Мы все были там: искали идеальный анимированный ответ на беседу в Gchat, только чтобы понять, что GIF, который вы имели в виду, теперь называется MIA.Что дает, Tumblr?

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

Хорошо, и что теперь?

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

Сделайте глубокий вдох — все в порядке. К концу этого подробного руководства вы станете парнем-каратэ в создании гифок.А теперь иди на мою машину воском.

1. Загрузите Photoshop

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

Теперь, когда мы находимся на одном уровне, Photoshop — самый простой способ создать GIF. Это не значит, что нельзя использовать другие ресурсы, но это лучший вариант.

Если вас все еще не убедили или вы просто не можете себе этого позволить, вот еще несколько вариантов:

Adobe Elements: Намного дешевле, но эффективен только для создания GIF из неподвижных изображений.

GIFBrewery: Это приложение для Mac стоит того, чтобы его загрузить. На самом деле, он более удобен для GIF из видео, чем Photoshop. Если вы просто хотите захватить один фрагмент видео и вам нужны только параметры редактирования для изменения размера и кадрирования, это для вас.

GIFSoup: Это бесплатная служба, которая позволяет пользователям создавать GIF-файлы путем копирования и вставки URL-адреса видео YouTube. Бесплатная услуга поместит на GIF неприятно большой водяной знак, но за 5 долларов в месяц вы можете удалить его.(Примечание. Сайт крайне ненадежен, и отменить подписку чрезвычайно сложно. Так что, если вы хотите, чтобы с вас вечно платили 5 долларов в месяц, это сайт для вас.)

GIFBoom: GIFBoom — самое популярное приложение для создания анимированных циклов на ходу. Также есть Cinemagram для пользователей iPhone.

2. Найдите момент, достойный GIF

Лучшие гифки — это небольшие клипы, которые показывают какую-то реакцию: закатывает глаза, эпический провал, забавные моменты природы, что-то крутое в науке и т. Д.

СМОТРИ ТАКЖЕ: Возвращение GIF: как петли завоевали социальные сети в 2012 году

Если ничего не помогает, все, что делает Дженнифер Лоуренс, достойно GIF.

3. Создайте видеофайл

Video — наиболее распространенный формат для создания GIF-файлов, поэтому предположим, что вы используете именно его. Вы можете скачать любое видео YouTube или Vimeo с KeepVid.

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

Если вы работаете на Mac, iMovie — это простой и бесплатный способ обрезать видео. Пользователи Windows могут редактировать в Movie Maker.

Вы также можете загрузить ряд полезных бесплатных сервисов, таких как Avidemux, RealPlayer Trimmer и Pinnacle VideoSpin.

4. Импортируйте видео в Photoshop

После открытия Photoshop перейдите в Файл> Импорт . Выберите «Видеокадры в слои», и появится небольшой проигрыватель, в котором вы можете выбрать, с какой частью видео вы хотите работать.

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

5. Редактирование слоев в GIF

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

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

Начнем с GIF «Сделай с этим» — довольно простой шаг для новичков. (Давайте также представим, что для этого еще нет генератора.)

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

Хотите сделать глубокую цитату, которую вы нашли на Tumblr, переместите на свой GIF? Начнем с простого.

В этом случае вы просто разместите текст на каждом слое. Достаточно просто.

Но, может быть, вы хотите отправить более яркое сообщение, которое привлечет внимание.

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

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

6. Сохраните GIF

Сложная часть может быть позади, но важно правильно подготовить и сохранить свой GIF. Выберите Файл> Сохранить для Интернета (, а не , как «Сохранить»). Появится меню, в котором есть несколько обязательных.

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

Хороший веб-этикет — делать файл GIF как можно меньше — не больше 1 МБ, если это возможно. Это может означать немного подправить ваши изображения. Самый простой способ сократить размер GIF — это изменить его размер. Если вы планировали загрузить GIF в Tumblr, он должен быть меньше 500 пикселей в поперечнике.

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

7. #Humblebrag

Подарите своему новорожденному GIF-ребенку дом в Интернете. Если вы не используете Tumblr, вы можете загрузить его на Imgur или на другой файловый хостинг.

Наконец, покажитесь своим друзьям. Они будут купаться в вашей славе, и вы всегда будете их лидером. Или они будут думать, что ты полный ботаник. В любом случае, вы создали вещь голыми руками (с помощью вашего компьютера, того, кто сделал видео на YouTube, Adobe, сайта, на котором размещен ваш GIF… это все не к делу).

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

Композитный материал Mashable, изображения через iStockphoto, ULTRA_GENERIC и Nyan Cat

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *