Уроки для начинающих Как сделать анимационные картинки самому
Способ хорош тем, что не нужно скачивать и/или устанавливать дополнительные программы.
Существует множество сервисов для создания Gif-анимации. На себе попробовал три из них и из этих трех мне понравился http://gifovina.ru/
Переходим на сайт сервиса и с помощью кнопки Добавить кадры загружаете изображения
Если вы добавили сразу несколько изображений, то возможно они выстроились в неправильном порядке. Что бы это поправить наводите мышку на изображение которое вы хотите переместить. В верхнем левом углу изображения появляется значок, взяв мышкой за который можно поместить рисунок в другое место очереди
Так же в правом верхнем углу изображения появляется крестик позволяющий удалить картинку.
Под каждой картинкой есть поле с цифрой. Это длительность кадра в секундах. По умолчанию это 1 секунда. Длительность можно менять кликнув на это поле и с помощью ползунка установить требуемое время или с помощью клавиатуры задать необходимую длительность
Можно настроить эффекты перехода между кадрами. Для этого нажимаем на значок перечеркнутого круга между изображениями и в открывшемся меню выбираем необходимый эффект
После выбора эффекта будет доступна длительность этого эффекта которую так же можно настроить.
По центру вы можете отредактировать выделенный кадр. Возможности редактирования заключаются в добавлении различных фигур на изображения. Внутри этих фигур можно задать надпись. На выбор доступно два шрифта. Последний можно выбрать любого размера, сделать его жирным и/или курсивом
Можно задать цвета фона, текста и границ фигуры.
Вот что получилось у меня
Справа в окошке редактирования анимации доступны следующие возможности
Размер. Есть возможность задать размер анимации. Из выпадающего списка выбираете нужный или выбираете Настроить… и во всплывающем окошке задаете необходимый размер
Чем больше размер анимации, тем больше вес GIF файла.
Режим подгонки. Если вам необходимо что бы кадры вписывались в заданный вами размер (изображение уменьшится до заданного размера анимации), то задаете Вписывать.
Если же вам необходимо обрезать кадр по размеру анимации, то ставите соответствующую настройку.
Длительность кадров задает длительность для всех изображений сразу.
Эффект. позволяет задать одинаковый эффект появления для всех кадров. После выбора будет доступен выбор задержки так же сразу для всех кадров
Когда вы настроили свою GIF-анимацию нажимаете внизу кнопку Готово. Появляется окошко с результатом. Нажимаете кнопку Скачать и сохраняете GIF анимацию
Просмотреть сохраненный gif файл удобно в любом браузере. Для этого на файле нажимаете правой кнопкой и выбираете Открыть с помощью. Из развернувшегося списка выбираете любой браузер (например Internet Explorer).
GIF анимация создана.
2. GIF анимация из видео
Что бы сделать GIF анимацию из видео потребуется установить какую-нибудь программку. Мне понравилась iWisoft Free Video Converter. Скачать эту бесплатную программу можно с официального сайта http://www.iwisoft.com/videoconverter/
Скачиваете, устанавливаете и запускаете.
С помощью кнопки Add добавляем видео из которого мы хотим сделать анимацию
Устанавливаем формат GIF анимация в котором нам необходимо получить результат. Для этого открываем выпадающее меню Profile > Flash Video and Pictures > Picture — GIF Animation format(*.gif)
В открывшемся окошке с лева вы видите оригинал видео, то что у вас получится будет с права. С помощью шкалы под шкалой времени вы можем ограничить время вашей анимации. Мне необходим небольшой кусочек из видео который выбран на рисунке ниже
С помощью рамочки в окошке оригинального видео вы можете выбрать часть кадра которую хотите видеть в своей анимации. Можно настроить кучу эффектов при необходимости.
Затем жмем Settings и в появившемся окошке настраиваем размер (Size) и количество кадров в секунду (Rate) выбрав необходимые значения из выпадающего списка. Чем больше размер и количество кадров тем больше будет вес Gif-анимации. Нажимаем ОК
Когда все готово нажимаете кнопку Start справа внизу. Пойдет конвертация
Нажимаем ОК
Сразу открывается папочка с нашей анимацией. У меня получился GIF файл размером 33 МБ при том что исходное видео весит < 19 МБ).
В поле вставляем ссылочку на видео из YouTube и нажимаем Показать видео
На видео можно будет выбрать любые 10 секунд для создания GIF анимации. Задается это перетягиванием ползунка на шкале ниже видео
Время начала и конца анимации можно точно указать вручную. Для этого нажимаем ссылку «введите время вручную» и задаем
Если выбрать Продвинутый режим создания гифки, то дополнительно можно будет задать ширину анимации перемещением ползунка.
Когда все готово нажимаем Продолжить
Далее мы можем удалить лишние кадры и добавить подпись при необходимости
Нажимаем Создать гифку
Необходимо немного подождать и нам будет доступен просмотр гифки. В этом же окошке мы увидим разрешение и размер GIF файла и сможем его скачать к себе на компьютер
Вот так просто можно создать Gif анимацию онлайн из видео на YouTube.
4. Создание gif анимации с помощью GifCam.exe
Есть простенькая программка позволяющая создавать GIF анимации. Скачать ее можно по ссылке
Там же на английском описаны основные возможности утилиты.
Программка не требует установки. Скачиваете архив распаковываете и запускаете GifCam.exe
Открывается окошко программы которое будет снимать то, что вы хотите видеть в своей GIF анимации.
При нажатии на стрелочку вниз кнопки Rec, открывается меню в котором можно выбрать настройки записи. Можно выбрать различную частоту кадров в секунду, снимать весь экран и снимать курсор мыши
При раскрытии меню Save мы можем выбрать варианты сохранения Gif анимации
Для создания цветной гифки этот параметр можно оставить по умолчанию.
Прежде чем начать снимать устанавливаете необходимый размер окошка. Последний меняется так же как и все другие окошки в Windows.
Нажимаем на кнопку Rec снимаем нашу гифку, жмем на Stop. Нажимаем на Save и сохраняем снятую анимацию.
GIF анимация готова.
В программе GifCam есть еще две кнопки: Frame и Edit. С помощью кнопки Frame мы можем добавить кадр в нашу анимацию. С помощью Edit можем отредактировать снятый материал. Например удалить ненужные кадры, добавить текст на нужные и еще много чего.
Именно этой утилитой создана GIF анимация в самом верху статьи.
Заключение
В этой статье приведено несколько способов создания GIF анимации онлайн или с помощью свободно распространяемого программного обеспечения.
Мне понравилась программа GifCam. Не требует установки и предельно просто можно сделать GIF анимацию из того, что у тебя происходит на мониторе. Можно попросить человека, которому вы хотите оказать помощь или с которым вы работаете, заснять ситуацию и создать из этого гиф. Затем через тот же Dropbox отправить вам ссылочку. Так у вас будет более полная картина того, что видит пользователь и вы быстрее поймете его.
Со скриншотами конечно проще, но с гифками понятней.
Размер. Есть возможность задать размер анимации. Из выпадающего списка выбираете нужный или выбираете Настроить… и во всплывающем окошке задаете необходимый размер
