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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ 1: Easy GIF Animator

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

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



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



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



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



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



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



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



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



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

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

Способ 2: GIMP

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

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

Способ 3: Adobe Photoshop

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать GIF из видео - создаём гиф

Гиф анимация в последние несколько лет стала пользоваться большим спросом среди интернет-пользователей. Подходящая анимированная гифка хорошо передает эмоции и придает комментарию больше веса. Очень популярны гифки, созданные на основе сцен из популярных сериалов или фильмов. Как сделать GIF из видео? Да, вы можете самостоятельно создать оригинальную гифку (гиф, gif) из видео - такую, как вы хотите. Все, что нужно для этого - специальная программа, например, «ВидеоМАСТЕР».

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

Также вы можете посмотреть подробный видеоурок:

Шаг 1. Установите программу

Нажмите «Добавить» и укажите путь к нужному вам видеофайлу

Шаг 3. Редактируйте ролик

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

Применяйте к видео оригинальные эффекты

Благодаря встроенной библиотеке эффектов у вас есть огромное поле для креатива. Вы сможете сделать изображение ярче с помощью увеличения насыщенности или превратить видео в черно-белый шедевр. Также вы сможете добавить в видео уточняющий комментарий или водяной знак. И, конечно, вам доступна опция для поворота видео на 90°, 180° и 270°.

Шаг 4. Как сделать гиф из видео

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

Настраивайте параметры будущей GIF-картинки

Шаг 5. Как сохранить GIF

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

Вот вы и узнали, как сделать гифку из видео используя программу «ВидеоМАСТЕР». Теперь у вас в руках есть инструмент, с помощью которого вы сможете удивить друзей, создавая уникальные, веселые и эксклюзивные анимированные картинки. Для этого нужен только исходный материал – любимый фильм, клип или видео из личного видеоархива. Гиф используют многие компании для рекламных баннеров. Формат GIF наиболее удобен для хранения и передачи данных, ведь он занимает гораздо меньше места, чем объемные видеофайлы.

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

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

В этой статье хочу остановиться на нескольких способах создания 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-анимации с сердечками на этом сайте.

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

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

Всем удачи!