Здравствуйте Друзья! В этой статье мы разберемся как сделать GIF анимацию различными способами. Из простых картинок и из видео, с помощью онлайн сервисов и с помощью различных бесплатных программ.
С развитием анимации появились мультфильмы которые практически все смотрели, смотрим и будем смотреть. Дальнейшее развитие привело к появлению фильмов вместе с анимацией. Отличным примером этого является картина «Кто подставил кролика Роджера». С развитием технологий появилась компьютерная анимация которая вывела фильмы и мультики на качественно новый уровень. В этой статье мы научимся создавать простенькие GIF анимации.
Способ хорош тем, что не нужно скачивать и/или устанавливать дополнительные программы.
Существует множество сервисов для создания Gif-анимации. На себе попробовал три из них и из этих трех мне понравился http://gifovina.ru/
Переходим на сайт сервиса и с помощью кнопки Добавить кадры загружаете изображения.
Если вы добавили сразу несколько изображений, то возможно они выстроились в неправильном порядке. Что бы это поправить наводите мышку на изображение которое вы хотите переместить. В верхнем левом углу изображения появляется значок , взяв мышкой за который можно поместить рисунок в другое место очереди
Так же в правом верхнем углу изображения появляется крестик позволяющий удалить картинку .
Под каждой картинкой есть поле с цифрой. Это длительность кадра в секундах. По умолчанию это 1 секунда. Длительность можно менять кликнув на это поле и с помощью ползунка установить требуемое время или с помощью клавиатуры задать необходимую длительность.
Можно настроить эффекты перехода между кадрами. Для этого нажимаем на значок перечеркнутого круга между изображениями и в открывшемся меню выбираем необходимый эффект.
После выбора эффекта будет доступна длительность этого эффекта которую так же можно настроить.
По центру вы можете отредактировать выделенный кадр. Возможности редактирования заключаются в добавлении различных фигур на изображения . Внутри этих фигур можно задать надпись. На выбор доступно два шрифта. Последний можно выбрать любого размера, сделать его жирным и/или курсивом.
Можно задать цвета фона, текста и границ фигуры.
Справа в окошке редактирования анимации доступны следующие возможности .
Размер . Есть возможность задать размер анимации. Из выпадающего списка выбираете нужный или выбираете Настроить… и во всплывающем окошке задаете необходимый размер.
Чем больше размер анимации, тем больше вес GIF файла.
GIF анимация создана.
Из видео
Что бы сделать GIF анимацию из видео потребуется установить какую-нибудь программку. Мне понравилась iWisoft Free Video Converter . Скачать эту бесплатную программу можно с официального сайта http://www.iwisoft.com/videoconverter/ .
Скачиваете, устанавливаете и запускаете.
В открывшемся окошке с лева вы видите оригинал видео , то что у вас получится будет с права. С помощью шкалы под шкалой времени вы можем ограничить время вашей анимации. Мне необходим небольшой кусочек из видео который выбран на рисунке .
С помощью рамочки в окошке оригинального видео вы можете выбрать часть кадра которую хотите видеть в своей анимации. Можно настроить кучу эффектов при необходимости.
Сразу открывается папочка с нашей анимацией. У меня получился GIF файл размером 33 МБ при том что исходное видео весит < 19 МБ).
Из видео онлайн
В поле вставляем ссылочку на видео из YouTube и нажимаем Показать видео .
На видео можно будет выбрать любые 10 секунд для создания GIF анимации. Задается это перетягиванием ползунка на шкале ниже видео.
Время начала и конца анимации можно точно указать вручную. Для этого нажимаем ссылку «введите время вручную « и задаем.
Если выбрать Продвинутый режим создания гифки, то дополнительно можно будет задать ширину анимации перемещением ползунка.
Когда все готово нажимаем Продолжить.
Вот так просто можно создать Gif анимацию онлайн из видео на YouTube.
GifCam.exe
Есть простенькая программка позволяющая создавать GIF анимации. Скачать ее можно по ссылке
Там же на английском описаны основные возможности утилиты.
Программка не требует установки. Скачиваете архив распаковываете и запускаете GifCam.exe
Открывается окошко программы которое будет снимать то, что вы хотите видеть в своей GIF анимации.
Методика описываемых ниже способов заключается в склеивании нескольких графических файлов в определённой последовательности. В процессе создания GIF вы можете изменять сопутствующие параметры, применять различные эффекты и выбирать качество.
Способ 1: Gifius
Онлайн-сервис, созданный специально для получения анимации посредством загрузки и обработки изображений. Есть возможность загрузки сразу нескольких картинок одновременно.
Способ 2: Gifpal
Один из самых популярных бесплатных сайтов в данном сегменте, который позволяет производить много операций по обработке анимации. Также поддерживает возможность загрузки нескольких картинок одновременно. Кроме этого, вы можете использовать для создания GIF веб-камеру. Гифпал требует наличия у вас актуальной версии .
- Для начала работы на этом сайте нужно запустить Флеш Плеер: для этого нажмите на соответствующую иконку, которая выглядит следующим образом:
- Подтвердите намерения использовать Flash Player кнопкой «Разрешить» во всплывающем окне.
- Щелкните «Get started now!» .
- Выберите пункт «Start without webcam» , чтобы исключить использование веб-камеры в процессе создания анимации.
- Кликните по «Select Image» .
- Добавьте новые картинки в личную библиотеку с помощью кнопки «Add Images» .
- Выделите необходимые для анимации картинки и нажмите «Открыть» .
- Теперь нужно добавить картинки в панель управления GIF. Для этого поочерёдно выбираем из библиотеки по одному изображению и подтверждаем выбор кнопкой «Select» .
- Окончательно переносим файлы в обработку, кликнув на соответствующую иконку фотоаппарата. Выглядит она так:
- Подберите задержку между кадрами с помощью стрелок. Значение в 1000 ms равно одной секунде.
- Щелкните «Make a GIF» .
- Загрузите готовый файл с помощью кнопки «Download GIF» .
- Введите имя для вашей работы и кликните «Сохранить» в этом же окне.
Преобразование видео в анимацию
Вторым методом создания GIF является обычное конвертирование. В этом случае вы не выбираете кадры, которые будут отображены в готовом файле. В одном из способов можно лишь ограничить продолжительность преобразованного ролика.
Способ 1: Videotogiflab
Сайт, предназначенный специально для создания анимации с видеороликов форматов MP4, OGG, WEBM, OGV. Большим плюсом является наличие возможности регулировать качество выходного файла и просмотр сведений о размере подготовленного GIF.
- Начинаем работу с нажатия кнопки «Выберите файл» на главной странице сайта.
- Выделите видеоролик для преобразования и подтвердите выбор, кликнув «Открыть» .
- Преобразуйте видеозапись в GIF, щелкнув «Start Recording» .
- Если хотите сделать анимацию меньше загруженного файла по продолжительности, кликните на нужном моменте «Stop Recording / Create GIF» для прекращения процесса преобразования.
- Отрегулируйте количество кадров в секунду (FPS) с помощью ползунка ниже. Чем больше значение, тем лучше будет качество.
- Скачайте готовый файл путем нажатия кнопки «Сохранить анимацию» .
Когда всё будет готово, сервис покажет информацию о размере полученного файла.
Способ 2: Convertio
Данный сервис специализируется на конвертировании самых разных форматов файлов. Преобразование из MP4 в GIF происходит практически моментально, но дополнительных параметров для настройки будущей анимации, к сожалению, нет.
Как можно понять из статьи, создать GIF совсем не сложно. Вы можете более подробно настроить будущую анимацию, используя онлайн-сервисы, которые были специально созданы для работы над файлами этого типа. Если же вы хотите сэкономить время, тогда можно воспользоваться сайтами для обычного конвертирования форматов.
Гифка – анимированное изображение в формате.gif. Оно было разработано почти 30 лет назад специально для использования в сети, и до сих пор широко распространено. С 2004 года существует альтернативный формат APNG от Mozilla. Если описывать гифку кратко – это картинка, представляющая собой определенную последовательность кадров, которые сменяют друг друга. Их мы и научимся делать.
Чтобы создать гифку, нам понадобится графический редактор, который поддерживает функцию анимирования. Из бесплатных можно взять GIMP с официального англоязычного сайта или даже посмотреть его онлайн (потребуется флешплеер). Если у вас Windows выше XP-версии, ОС имеет встроенный удобный инструмент для создания рисунков различной сложности – Paint.NET В принципе можно использовать любой графический редактор с поддержкой слоев, но мы остановимся на самых популярных и доступных. Ищем программу в “Стандартных” меню “Пуск”. Здесь же разместился хорошо известный нам “Пейнт”. Итак, открываем картинку в Paint.NET или рисуем ее прямо в программе – например так.
Всем привет. Анимация gif — это анимированное видео. Используется для привлечения внимания, в вконтакте используются как приколы. Изначально администрация Вконтакте выступала против добавления gif анимации на сайт. Время идет, популярность анимированных видео в интернете возросла. Чтобы не отставать от «моды» разработчики Вконтакте дали возможность добавлять гифки на стену. У пользователей возник вопрос: как добавить гифку в Вк .
Скачиваете понравившиеся gif изображение себе на компьютер. Возникли трудности или не знаете как скачать гифку? Вот маленькая инструкция из двух шагов.
Как сохранить гифку на компьютер
Загрузить гифку в пост через добавление в картинки не получится, открывается первый кадр и анимация не проигрывается.
Как загрузить gif Вконтакте
Добавлять gif анимацию надо следующим образом. Входите в раздел меню Документы .
Если его нет, нужно настроить. Жмите шестерёнку возле меню, или в настройках ⇒ Общее
⇒ Настройка пунктов меню
.
В разделе Документы жмёте Добавить документ .
Выбираете файл на компьютере. Ограничение по обьёму файла — 200 Мб. После загрузки указываете доступность, метки при необходимости, по которым gif-файл будет доступен в поиске.
Как добавить гифку в Вк на стену
Второй способ добавить gif не предусматривает загрузки на комп. Просто копируете ссылку понравившегося изображения, вставляете в пост и отправить.
Как добавить gif сообщением в вк
Проделав манипуляции, описанные выше, можно отправить gif анимацию сообщением любому собеседнику.
Где найти gif анимацию в Вконтакте
Gif анимацию можно найти на просторах интернета в достаточном количестве. Забейте в поиск — гифки для Вк, прикольные гифки, допустим, и тысячи сайтов выдадут свои предложения. В самом Вконтакте есть сообщества где можно найти гифку: vk.com/best_gif и vk.com/gif_01. Выбираете понравившуюся, добавляйте в документы и делитесь с друзьями.
Создать gif самому
Делится популярными изображениями, конечно классно. Но высшим пилотажем будет делится гифками созданными самим. Вконтакте запустил приложение чтобы можно было сделать гифку из видео онлайн — http://vk.com/gifcreator .
Необходимо выполнить следующие действия:
- загрузить видео в приложение;
- выбрать промежуток видео для редактирования;
- указать размер изображения;
- кликнуть «Создать анимацию»;
- по завершению процедуры нажать «Получить ссылку». Без этого гифка удалится через некоторое время с архива приложения.
- полученной ссылкой можете делится с друзьями, GIF — анимация появится у вас на стене.
Как видите, всё очень просто. Надеюсь, вопрос как добавить гифку в Вк снят.
Отпишитесь в комментариях, пригодилась ли Вам статья.
Желаю удачи!
Любите анимационные картинки-блестяшки, а фотошоп в данный момент недоступен? Вам поможет онлайн сервис, который умеет создавать сложные живые картинки с анимированными элементами (там они называются марки или штампы). Более того, вы сможете туда закачивать свои детали для анимированных картинок: блестяшки, анимашки и просто красивые картинки.
Вот одна из анимашек которую я сделала в PixMix за 5 минут
Как начать пользоваться онлайн фоторедактором PixMix
После того как вы загрузили фон будущей живой картинки. Выбирайте штамп, кликайте на него (жёлтая стрелочка) и жмите на кисть (стрелка зелёная) . После того как кликните мышкой на картинку у вас там образуется кружок – это кисть. Вы можете увеличивать или уменьшать размер путём передвигания ползунка наверху (синяя рамочка) .
Картиночки анимашки, которые вы будете размещать на картинке — не двигаются и не уменьшаются, они просто замостятся, то есть рядами поместятся на фоне. И чтобы оставить одну или несколько в нужных местах, вам надо будет просто подтереть их инструментом «Стирательная резинка».
Вы можете написать блестящий или однотонный текст с обводкой на своём анимированном шедевре. Для этого надо кликнуть на букву «T» (жёлтая стрелочка). Написать текст (синяя стрелка). Наверху выбрать стиль шрифта (Бирюзовая стрела) и обводку (сиреневая) или без обводки (красная).
Выбрать чернила слева (то есть заливку текста), когда вы нажимаете на текст в онлайн фоторедакторе автоматически выставляется раздел «Чернила»
Жмите на слово «Хорошо» и увидите текст на своей анимационной картинке.
Вокруг текста вы увидите прямоугольную рамку и инструменты в каждом углу этой рамки:
- Крестик – удалить
- Стрелочка с двумя наконечниками – сделать надпись больше или меньше
- Стрелочка закруглённая – наклонить в одну, либо в другую сторону
- Прямоугольник в кружке – размножение текста
Вы можете менять «чернила», обводку и стиль текста, не меняя самого текста. Нажимать «Хорошо» и смотреть что у вас получится.
А после того как вы создадите свой шедевр – нужно нажать на зелёную галочку внизу слева от картинки. Когда сервис сгенерирует картинку, вас перекинет на страницу где нужно ввести название картинки. Описание – не обязательно.
Там же вы можете выбрать скорость анимации. По умолчанию там выставлена средняя.
И в заключении надо нажать на зелёную кнопку «Реестр».
После этого фоторедактор PicMix сгенерирует вашу блестящую анимированную картинку. И под своей анимационной картинкой вы увидите вот такие функции:
А ещё вы сможете добавить использованные в этой анимационной картинке блестяшки к себе в избранное. И они у вас появятся в разделе «Мои любимые марки» и вы их увидите когда начнёте создавать новую gif картинку. Для этого наводим на марку мышку и в выпавшем окне кликаем на слова «Добавить в избранное».
Марки вы можете так же добавить в избранное в разделе STAMPS на главном меню сайта ПикМикс.
Когда нас перекинет на другую страницу — нажимаем на слова «Версия без логотипа»
И наша анимированная картинка открывается в новом окне.
Вы можете её скачать на компьютер. Для этого кликаем по анимашке правой кнопкой мыши и в выпадающем окне выбираем «Сохранить картинку как».
Скорее всего на Фейсбуке картинка будет прочитана не сразу, а сначала появится вот такая публикация
Не спешите нажимать на слово «Опубликовать». Обновите страницу и поставьте ссылку туда ещё раз. Если опять появится то же самое, то опять обновите страницу. И только когда появится ваша красавица анимированная картинка, кликайте на слово «Опубликовать».
Красиво смотрится анимированная картинка на Фейсбуке. Гугл+ и Одноклассниках. А вот ВКонтакте картинка получается маленькая и чтобы увидеть анимашку во всей красе надо кликать на неё. Мне это не очень нравится, если честно.
А ещё в разделе «Мой PicMix» вы можете установить аватар для вашей учётной записи в качестве любой, из созданных вами Gif картинок, для этого сервиса.
Теперь вы сможете создавать потрясающие анимационные картинки в онлайн фоторедакторе PicMix и выкладывать их в социальных сетях.
А если вам не слишком то понятны скриншоты и объяснения в моей статье, то предлагаю посмотреть видеоурок
