Всем доброго времени суток!
Довольно часто мне задают вопросы относительно картинок. Я, правда, не специалист по рисованию и редактированию фото и пр., но базовые мало-мальские приемы мне знакомы ☺.
В этой статье хочу остановиться на нескольких способах создания GIF-анимаций. Если кто не знает - то это вроде бы обычная картинка формата GIF, но она проигрывается как видео: т.е. она динамически меняется (пример на первой картинке в статье, слева).
Чтобы делать такие картинки - не нужно обладать никакими специальными навыками, достаточно всего лишь желания и несколько минут времени. В статье рассмотрю несколько источников для создания таких GIF-картинок: видео, фото и картинки.
Из своего опыта, кстати, скажу, что больше всего пользуются популярностью "Гифки", созданные из кадров популярного фильма или картинок. Гифки из фото менее популярны, их обычно используют для создания аватарок.
И так, перейдем к делу...
Примечание! Статья не научит вас делать профессиональные GIF-анимации. Все способы в статье приведены для начинающего пользователя, максимально просты и эффективны. Так, чтобы любой через 5-10 мин. получил желаемый результат!
Из видео
Используемая программа - Видео Мастер
(прим. : программа"Видео Мастер"входит в пакет "Видео Студия")
Одна из лучших программ для конвертирования, сжатия и обрезки видео. Пользоваться ей очень легко и просто, даже для совсем начинающих пользователей (именно поэтому и рекомендую остановиться на ней).
Что касается нашей задачи: в ее комплексе функций есть одна нужная нам - "Создание GIF". Именно ее ниже я и рассмотрю...
И так, вопрос скачивания и установки программы Видео Мастер я опускаю (думаю, с этим проблем не будет ☺).
После запуска программы, нажмите кнопку "Добавить", и добавьте какой-нибудь видеоролик или фильм, в котором вам нравиться какой-то момент (и из него вы и хотите сделать анимацию).
Примечание! Желательно не делать анимацию длиннее 30 сек. Если Вы добавите большое видео, например, целый фильм - то мы из него выберем конкретный 20-30 секундный момент из которого и сделаем гифку...
Следующий шаг - выбор момента, из которого будем делать анимацию. Для этого примерно отмотайте на то место, где хотите задать начало анимации: далее при помощи кнопки проигрывания включите воспроизведение видео и нажмите кнопку начала - , когда дойдете до нужного кадра. Далее, когда решите, что на следующем кадре нужно завершить ваш выбранный кусок из видео - нажмите кнопку конца - .
Когда отрывок из видео будет выбран, нажмите кнопку "Далее".
Теперь необходимо выбрать размер анимации. В этом плане программа достаточно гибка: можно задать как стандартный размер для аваторки, например, 250 на 250 пикселей, 200 на 200, так и указать конкретный размер в ручном режиме (что я и сделал в своем примере).
Кстати, в этом же шаге можно просмотреть, что из себя будет представлять гифка.
Последний шаг: необходимо указать количество кадров в секунду и скорость их воспроизведения. После введенных настроек можно сразу же оценить, как изменится качество картинки.
Чем больше количество кадров - тем более плавная картинка, и тем больше места она будет занимать. Длинные GIF-анимации могут достигать до нескольких десятков МБ!
Собственно, моя анимация готова (пример ниже). Весьма неплохо для человека, который это делает от большого случая к большому (на мой взгляд) ...
Готовая "гифка"...
Кстати, если Вы хотите создать свое видео из фото - рекомендую ознакомиться вот с этой статьей: . И, кстати, потом из этого видео можно также сделать анимацию (как в примере выше) ...
Из фото и картинок (на компьютере)
Рекомендовать здесь как создавать анимации в больших графических редакторах (типа Photoshop или Gimp) - я не буду. Во-первых, далеко не у всех они есть (а пакеты все-таки большие оп размеру), а во-вторых, пользоваться ими не так просто, даже для создания простейшей гифки. Здесь и сейчас я приведу очень просто способ создания гифки из картинок и фото, буквально за несколько кликов мышкой!
Требующаяся программа: Photo Scape
Отличная бесплатная программа для работы с картинками: позволит просматривать все популярные графические форматы, редактировать их, сжимать. Кроме этого, можно создать коллаж, анимацию, наложить рамочки, создавать скриншоты, менять цвета и т.д. Вообще, в этой программе можно решать сотни популярнейших задач с картинками.
Что касается анимаций - то в Photo Scape с ними работать одно удовольствие. Здесь, конечно, нет сотен инструментов, зато те, что есть - позволяет создать гифку за пару минут (даже тому, кто первый раз запустил программу)!
И так, перейдем к делу.
После запуска программы Photo Scape - перед вами предстанет целое колесо возможностей: редактор, вьювер, шаблоны страниц, комбинация, пакетный редактор, конвертер RAW и пр. Выберите опцию (см. скриншот ниже).
В центре экрана во время редактирования - Вы всегда будете видеть, как меняется ваша анимация (она будет проигрываться автоматически).
Справа вы сможете задать основные настройки анимации: время ее проигрывания (например, 1, 2, 3 сек.), задать эффект (чтобы картинка растворялась на фоне другой или съезжала, ниже у меня приведено два примера), указать размер картинки, цвет фона, по чему выравнивать и пр.
Конечно, в программе не так много инструментов редактирования, зато они все детально проработаны и пользоваться ими легко! Собственно, когда ваша гифка будет доведена до "ума" - просто нажмите кнопку "Сохранить" (в меню справа) .
Кстати, Photo Scape делает гифки достаточно маленькими по размеру, оптимизированными для веб-страничек сайтов. Чуть ниже я привожу пару примеров анимаций с разными эффектами, сделанными в этой программе. По-моему, очень здорово!
Эффект 1. Залить кадр фоном
Эффект 2. Сдвинуть кадр вниз
Из фото и картинок (онлайн способ)
Очень легкий и простой способ создать из самых разнообразных картинок и фото анимацию - это загрузить их на этот сайт. Сервис автоматически поочередно будет проигрывать их.
От вас лишь потребуется указать ширину и высоту картинки, и скорость ее проигрывания. Далее можно скачать полученную анимацию. Также хочу отметить одну деталь: сервис понимает PNG картинки с прозрачным фоном: т.е. при анимации - он не будет "убирать" предыдущую картинку полностью, а совместит обе картинки (пример ниже).
Кстати, лого для этой записи я сделал как раз на этом сервисе.
Еще один сайт с простым и быстрым созданием анимации. Всё что потребуется от Вас - это загрузить последовательно несколько картинок (или хотя бы одну). Затем выберите размеры будущей анимации (например, 200 на 200 пикселей), и нажмите кнопку "Создать". Через пару мгновений - увидите полученный результат (который можно скачать к себе на ПК).
Кстати, на этом сервисе есть небольшие готовые эффекты. Например, можно загрузить свое фото и добавить к нему рамочку, сердечки и пр. Можно сделать отличную аваторку для форума или ВК. Получается очень прикольно!
Эффекты к анимации: сердечки, оттенки серого, рамочки
Пример созданной GIF-анимации с сердечками на этом сайте.
Англоязычный сервис по созданию анимаций. Чтобы создать анимацию - нужно также загрузить последовательно несколько картинок и нажать кнопку создания. Но вот далее... сервис Вам предлагает десятки опций по редактированию полученного результата: можно изменить размер картинки, обрезать ее, повернуть, оптимизировать, добавить эффекты, изменить скорость проигрывания, подрезать края, добавить текстовую надпись, отредактировать чуть-ли не каждый кадр.
В общем - огромный пакет инструментов, как в самом настоящем большом редакторе картинок (пример на скрине ниже).
Всем удачи!
Зачем вообще может понадобиться сделать гифку из видео?
Почему просто не использовать видео?
Видео — тяжелое. Видеоролик будет весить несколько Мб, а аналогичная гифка в 10-100 раз меньше.
Да, интернет-каналы толстеют, но ведь есть еще и мобильный интернет, есть медленные компьютеры и прочее.
У GIF-анимации есть 2 функции…
Для чего используют GIF?
Я вижу 2 функции. Первая — показать какой-то процесс наглядно.
Вот, например, моя гифка, показывающая как работает программа Punto Switcher:
Можно было долго описывать, как работает программа, но гораздо проще засунуть такую вот гифку. И всем все понятно. Ее вес — всего 29 Кб.
Кстати, второй вариант — сделать крутой скриншот со стрелками. О том, как это делать я писал .
Вторая функция — просто ФАН (развлечение, шутка и т. д.).
Когда в статье нужно показать какую-то эмоцию лучше средства, чем GIF-анимация не найти.
Например, эта гифка отлично показывает злость (499 кб):
а это — скуку (392 кб):
а вот задумчивость (385 кб):
Вставив такую картинку в статью вы сразу сполна передадите вашу эмоцию. Разве не здорово?
Но как найти подходящую гифку онлайн?
Например, я с его помощью смастерил за 5 минут такую гифку из видео на YouTube. Размер -всего 390 Кб:
Ее можно использовать, когда нужно показать, например, излишний формализм и гламур в абсолютно неподходящих для этого обстоятельствах.
О том, как я сделал эту анимацию, а также о том, как вообще уменьшать размеры GIF — моя пошаговая инструкция .
Вариант 2. Гифка со съемки экрана
Если вы хотите записать гифку с каким-то процессом (например, чтобы послать коллеге наглядное пособие), то вы можете просто снять скринкаст любой программой.
Я же для этого пользуюсь удобным программой-комбайном ShareX (ссылка).
Она, конечно, позволяет снять и видео с экрана, но может и сразу создать гифку из всего процесса.
Не гифом единым. Coub!
Картинка — хорошо. Но иногда со звуком все еще лучше. Гифка со звуком — это Coub.
В Интернете полно смешных кубов.
Моя любимая — «Ну и пожалуйста! Не очень то и хотелось!»
А вот про наших народных умельцев, которые дадут жару любому Масачусетскому технологическому:
А этот куб про дороги России. Мы такие сцены видим каждую весну, к сожалению:
Лесной стриптиз. Ни разу не был на стриптизе, теперь знаю, как это бывает:
Ну, а в этом состоянии, я уверен, каждый бывает в пятницу вечером.
— это комбинация картинок и анимации. Сделать ее самому очень просто. Сейчас мы рассмотрим весь процесс пошагово.
Для этого мы воспользуемся специальным сервисом в Одноклассниках. Называется он Magisto. Для создания гифки обязательно должны быть загружены фотографии на вашей странице, перевернуты и распределены по .
ВАЖНО: фотографий в альбоме для создания gif анимации в Magisto должно быть не менее 7-ми.
Создание гифки:
Мы использовали бесплатные функции этого сервиса. При этом количество фотографий, которые Magisto будет загружать в гифку не больше 15-ти и скачивание ее невозможно без приобретения платного премиум-аккаунта.
Как создать гифку с помощью онлайн сервиса
Онлайн сервисов для создания гифок много, но в качестве примера используем один. Его название Гифовина. В адресной строке браузера пишем «gifovina.ru» и переходим на сайт.
Создание gif анимации:
Гиф создан. Теперь скачиваем и сохраняем видео к себе на компьютер.
Как создать гифку с помощью Фотошопа
Способ непростой, так как требует навыков работы в программе Фотошоп. В этом редакторе можно сделать гифку из одной или нескольких фотографий.
Подробно узнать о создании гифки из одной картинки можно в видеоролике: https://www.youtube.com/watch?v=y2UTWJjUtic .
Как видите, есть много способов сделать gif анимацию, основные из которых мы разобрали. Первые два — это создание гифки онлайн. Они проще и быстрее, но если проявить усидчивость и потратить время на обучение — Фотошоп подарит гораздо больше возможностей.
Создание анимации – легкая и интересная задача.
Большинство пользователей социальных сетей используют в своих аккаунтах не сложную анимацию. Одной движущейся картинкой можно заменить несколько слов, донести до гостей свои мысли и настроение. Часто, gif-анимация используется в аватарах – смысловое изображение хозяина страницы.
Попытка скопировать анимированное изображение не всегда заканчивается успешно, чаще всего анимация пропадает и картинка становится обыкновенным статичным фото. При сохранении таких картинок формат должен быть.gif.
Для создания такой анимации требуется знание графических программ. Освоить работу в них при большом желании не составит труда. Несколько часов у монитора, и вы будете горды своими работами.
Простейшую анимацию можно создавать в он-лайн сервисах. Более качественную, в серьезных программах с установкой на компьютер.
Рассмотрим небольшой обзор программ, которые сможет освоить начинающий gif-аниматор.
Создание gif анимации из видео
Программа преображает видео файлы в анимационные. Обладает большими возможностями. Работать не сложно, программа русскоязычная, а это на много уменьшает время изучения всех возможностей. Загружайте любое видео и начинайте творить анимацию.
Заходим на сайт и скачиваем . Устанавливаем программу на ПК. Открываем.
Программа будет на английском языке. Для смены языка нажмите «Вид» и далее как на картинке.
Загружаем видео. Нажимаем Ctrl+Shift+V -открывается проводник Windows выбираем видео.
Внизу ползунком отмечаем начало гиф -анимации. И вверху делаем отметку начала нажимая на кнопку начала (стрелочка смотрит влево).
Внизу отмечаем ползунком конец анимации. И нажимаем кнопку конца (стрелочка смотрит вправо).
Затем нажимаем вверху на кнопку извлечения gif (на кнопке синяя стрелка вниз).
Производится обработка.
Нажимаем на кнопку сохранения файла и сохраняем файл себе на компьютер. Вот что у нас получилось.
Естественно, здесь рассказано как сделать простейшую гиф анимацию. Программа позволяет встраивать различные эффекты.
Easy GIF Animator
Обладает обширным функционалом. Есть платная и бесплатная версии. Отличная техническая поддержка всегда ответит на все возникшие вопросы, а так же на сайте есть форум. Можно прочитать советы гуру по анимации и узнать ответы на свои вопросы от модераторов.
GIF Movie Gear
Программа позволит создавать маленькие картинки и баннеры разных параметров. Для владельцев блогов и сайтов: в программе можно создать фавиконку и мелкие стрелки анимации.
Создание gif анимации из фотографий
Создание анимации дело увлекательное. Обязательно используйте несколько программ, и вы найдете ту, в которой будут получаться самые привлекательные живые картинки. Практически все со временем приходят к редактору Adobe Photoshop. В последних версиях программы можно делать практически мультфильмы. В сети множество уроков, изначально программа разрабатывалась для обработки фотографий, со временем стала довольно шикарной рабочей программой дизайнеров и архитекторов.
Но мы только учимся и начнём не с монстра фотошопа, а с редактора попроще, например, бесплатного t. Совершенно не важно в каком редакторе делать кадры (картинки)
Начинаем создавать. Сначала подготовим картинки.
1. Все картинки должны иметь одинаковые параметры, размер, разрешение.
2.Все сохраняется в формате файлов gif. Именно это и обозначает анимацию.
3.Все картинки желательно пронумеровать. Можно дать название каждому слою, но с нумерацией, путаницы будет меньше. Т.е. самое простое — это дать цифровые названия файлов и в такой последовательности они и будут прокручиваться, например, 1.gif 2.gif 3/gif и т.д.
Например, так:
Все готово. Отправляем все картинки в редактор UnFREEz, он достаточно простой и новичок с легкостью справится.
Гиф-маркетинг - визуальный метод передачи информации и привлечения внимания. Это также простой способ выделиться на общем фоне в соцсетях.
В этой статье вы узнаете как создать анимированную GIF-картинку.
Из чего сделаны GIF-картинки
Гифы создают из серии изображений или видео. Объединяете несколько фотографий или видеокадров в анимированное изображение. Аудиодорожка при этом не сохраняется.
Гифки можно создавать на базе профессионального оборудования (например, Adobe After Effects) и на специализированных сайтах. Многие поддерживают интеграцию с Facebook и Twitter и предлагают забавные штуки (стикеры, например).
Инструменты для создания GIF
Giphy
Популярный, простой и бесплатный инструмент.
Чтобы создавать гифки, регистрироваться не обязательно. Но аккаунт позволяет сохранять результаты на ресурс и выкладывать в собственный канал вида www.giphy.com/channel/username .
Итак, проходите простую регистрацию. Затем жмете Create в правом верхнем углу.
- GIF Maker. Создать гифку из видео с YouTube или компьютера.
- Slideshow. Создать гифку из нескольких изображений.
- GIF Caption. Добавить титры и текст к гифке.
- GIF Editor. Добавить стикеры, фильтры и анимацию.
Первые два варианта создают гифку с нуля.
GIF из видео
Теперь установите время старта и длительность:
Примите условия соглашения и нажмите Create:
Вот что у нас получилось:
GIF из изображений
Нажмите Slideshow → Browse и загрузите изображения, которые хотите объединить. Максимальный размер - 100 МБ.
Выберите скорость переключения между кадрами:
Можно добавить титры, изменить порядок показа, убрать или добавить изображения, а также добавить теги. Теперь жмите Create Slideshow.
Вот что у нас получилось:
Гифку можно сразу выгрузить в Twitter, Facebook и Instagram. Но лучше предварительно загрузить ее, чтобы при выгрузке видеть анимацию, а не ссылку на нее.
За секунды поможет сделать смешное видео или картинку. Можно загрузить видео из Facebook или Instagram. Далее все просто: задайте время, длительность и скорость воспроизведения. К готовой гифке можно добавить титры или стикеры.
Подходит для сшивания фотографий и создания гифок из видео. Достаточно загрузить фотографии, установить длительность, скорость и время повтора. Правда, никаких дополнительных фишек.
Подходит для полупрофессионального создания анимированных картинок и видео. Инструмент платный, абонентская плата - от 29 долларов в месяц. Зато куча дополнительных эффектов.
Позволяет жонглировать скриншотами экрана: делать гифки и обмениваться ими. Тарифы - от $10 в месяц. Бесплатный пробный период - 14 дней.
Еще один простой инструмент для быстрой работы со скринкастами. Выберите область экрана - и через секунду гифка готова.
Программное обеспечение нужно устанавливать на компьютер.
Как использовать GIF
Скажите «Спасибо!»
Благотворительная организация Red Nose Day благодарит всех, кто участвовал в сборе средств для бедных.
«Спасибо! Мы собрали больше тысячи фунтов!»
Гифкой можно также поблагодарить за отзыв, покупку или загрузку приложения.
Покажите продукт
Например, вот такие аппетитные блинчики:
«Блины с начинкой - что может быть лучше этой весной?»
С помощью гиф-изображения можно также представить новинку или сообщить о скидке.
Покажите, как использовать продукт
Одна анимированная картинка заменит строки текста и сократит время работы.
Наполняйте блог и генерируйте трафик
Когда в ленте много красивых изображений, гифка поможет выделиться и приведет трафик на сайт или в блог.
General Electric показывает часть рабочего процесса по созданию суперэффективной экологичной турбины:
Можно сделать серию забавных гифок для обучающих курсов.
В сети популярны блоги с рецептами или советами в формате анимированных картинок.
Покажите характер бренда
Гифки персонализируют послание клиентам. Это забавный и простой способ взаимодействовать с аудиторией в соцсетях. Посмотрите, какие гифки придумали британские маркетологи и тьюторы Эндрю и Пит:
Giphy позволяет от имени компании регистрироваться, создавать и выкладывать гифки на внутренний канал. Эти гифки - часть поискового процесса во всех интегрированных в Giphy соцсетях и мессенджерах (Twitter, Facebook, WhatsApp, iMessage).
Используйте уникальные теги, чтобы ваши гифки легко находили.
Вдохновения и успехов!