Сайт о телевидении

Думаю, ни у одной меня время от времени появлялось желание переделать / доделать / немного изменить найденную gif – картинку.

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

Вот мы и разберем эти вопросы сегодня.

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

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

Итак, вы имеете готовую анимированную картинку. Рассмотрим 3 варианта её видоизменения (по мне так – самые востребованные случаи):
1. Замедлим анимацию.
2. Что-нибудь напишем на картинке.
3. Изменим размер картинки.

Изменяем скорость анимации на гиф – картинке.
(меняем быстроту мелькания картинок)

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

Открываем интересующий нас файл формата gif в Adobe ImageReady : File (Файл) – Open (Открыть) - …

Теперь смотрим на панельку Анимации

Внимательно смотрим на этот свиток и видим, что под каждым «кадром» есть время (в данном случае установлено 0,17 секунд).

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

Здесь же и сразу же мы можем просмотреть, что получилось – ещё чуть ниже есть кнопочки плеера – анимацию смотрим в основном окне открытого файла (а не в этом свитке).

Если вас все устраивает, то сохраняем полученный результат: File - Save Optimized As… - И смотрите, что получилось.

ОК

ОК

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

Вот и все!

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

На анимированном аватаре (картинке) пишем слова.

Открываем в Adobe ImageReady анимированный аватар: File (Файл) – Open (Открыть) - …

Данный гиф имеет всего 2 кадра (и 2 слоя). И нам надо-то всего добавить надпись. Делается это очень быстро.

Пишем на картинке «нужные слова» в нужном месте при помощи инструмента Text (как в Фотошопе) при этом новый слой в списке слоев создается автоматически.

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

Теперь смотрим на панельку Анимации (Animation) в левом нижнем углу окна программы (по-умолчанию она там появляется). Если её там нет, то надо этот «свиток»(панельку) достать: в меню Window выбираем Animation.

Коль кадра всего два мы их лучше создадим заново:

Откроем выпадающий список свитка Animation и выберем Delete Frame (Удалить кадр).

Вот у нас остался всего один их кадров. «Настроим» его – мы хотим видеть первую картинку (Layer 1) и надпись – оставляем их включенными (глазик рядом со слоем включен), а «ненужный» пока слой отключаем (нажать левой кнопкой мыши).

Первый кадр готов.

Создаем его копию (выбрав Copy Frame в выпадающем списке или соответствующую кнопочку справа от «проигрывателя»).

Появился второй кадр – настраиваем его:
- надпись включена
- Layer 1 выключен
- Layer 2 включен

Ну вот, в общем-то, и все. Запустите проигрыватель и увидите, что теперь на вашем анимированном аватаре появилась надпись.

Если вас все устраивает, то сохраняем полученный результат: File - SaveOptimizedAs…

Можно выключать на втором кадре слово – тогда «мерцать» будет и оно.

А если я хочу, чтоб при «мерцании» картинки постепенно добавлялись буквы слова ?

Разрезаем слово на отдельные буковки (копируем слой со словом и на каждом последующем слое стираем на одну букву меньше – первый слой – оставлена от слова первая буква, второй слой – 2 буквы и т.д. по полного слоя). Для этого хватаем слой со словом и тащим его на иконку внизу списка слоев – слой копируется и появляется в списке.

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

Теперь осталось создавать новые кадры и на каждом последующем включать слой с добавленной буквой. При этом попеременно вкл/выкл Layer 1 и Layer 2 (чтоб менялось не только слово, но и картинка).

Вот, что у нас вышло:

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

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

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

• Нажмите на кнопку «Изменения размера».
• Добавьте GIF-файл при помощи кнопки «Обзор».
• Введите нужную вам высоту и ширину.
• Нажмите «Применить».

Несколько секунд – и размер GIF анимации стал таким, как вы хотели!

Как перевести GIF в JPG и разложить на кадры?

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

Столкнувшись с такой задачей, вы можете снова обращаться к редактору GIF Resizer. Воспользовавшись им, чтобы изменить размер, уменьшить или увеличить GIF, вы можете сразу разложить GIF на кадры и, таким образом, перевести нужную вам анимацию в JPG. Последовательность действий при этом не меняется – все происходит быстро и просто:

• Выберите нужную анимацию.
• Нажмите на кнопку «Разложить на кадры».
• Наслаждайтесь полученным результатом!

Редактор GIF Resizer дает вам прекрасную возможность экономить свое время и силы на работе с GIF файлами. Что бы вам ни понадобилось – изменить размер, обрезать, уменьшить или увеличить, разложить GIF на кадры, перевести в JPG, JPEG, конвертировать в PNG – наше приложение всегда к вашим услугам! Редактор GIF Resizer позволяет решить вопросы:

• Как изменить размер анимированного рисунка gif?
• В какой программе можно изменять размер анимированного изображения?
• Как уменьшить размер gif изображения?
• Как уменьшить размер анимированной картинки?
• Как изменить формат анимированных картинок?
• Как убрать логотип с анимированной картинки?

Чтобы получить намного больше возможностей работы с бесплатной онлайн программой для создания анимированных изображений Gif Resizer – просто зарегистрируйтесь на нашем сайте!

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

Я Вам предлагаю воспользоваться онлайн редактором, который называется «Ezgif.com », где можно не только изменять размер анимационных картинок, но и оптимизировать их, т. е. уменьшать их вес.

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

Заходим сюда

Инструменты онлайн редактора «Ezgif.com»

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

Онлайн редактор выглядит так:

Редактора «Ezgif.com» для редактирования анимационных GIF картинок

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

Возможности онлайн редактора:

1. Обрезка изображения

2. Изменение размера

3. Оптимизация изображения

4. Добавление эффектов

5. Изменение скорости анимации

6. Разборка анимации на кадры (фрагменты)

7. Добавление текста

8. Наложение другого изображения

Казалось бы, с виду простенький редактор, а какой мощный.

Давайте теперь рассмотрим все перечисленные инструменты отдельно.

Crop (Обрезка изображения): простой онлайн инструмент для обрезки анимационных картинок.

Загрузите картинку, а потом с помощью мыши выделите нужную часть изображения, которую хотите обрезать. Нажмите затем «Crop it » и все готово.

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

При обрезании картинки, можно задать размер вручную. Для этого под изображение нужно в поля «Left », «Top », «Width » и «Height » ввести нужные значения.

Resize (Изменение размера изображения): с помощью этого инструмента, можно изменить размер картинки или обрезать ее. После уменьшения, картинка остается такого же качества, и скорость анимации не изменяется.

В полях «New width » и «New height » нужно задать новый размер изображения, или можно просто указать процент (Percentage), а затем нажать «Resize it! ». Картинка будет уменьшена на процент, который Вы указали

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

Если картинка после изменения стала как-то плохо отображать анимацию, тогда можно попробовать задать другой размер

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

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

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

Также изображение можно повернуть под определенным углом, если задать степень в поле «Rotate ». Изображению можно назначить другой цвет, сделать его черно-белым, или придать какой-то другой оттенок.

Speed (изменение скорости GIF анимации): этот инструмент предназначен для изменения скорости анимации.

Если вы хотите изменить скорость анимации пропорционально текущей, тогда используйте процентное соотношение «% of curent speed », а чтобы задать задержку между кадрами, нужно использовать метод «». Параметр «hundrediths of second between frames » задает время задержки между кадрами в сотых секундах (1/100)

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

Все кадры анимационной картинки можно скачать на компьютер. Для этого надо кликнуть по кадру правой кнопкой мыши, а затем в контекстном меню выбрать «сохранить изображение как …». Также все кадры можно скачать одним zip-архивом кликнув по «Download frames as ZIP »

Write (добавить текст): э тот инструмент позволяет добавлять текста к GIF анимации. Вы можете добавить текст ко всей GIF картинке, или к отдельным ее кадрам. Текст на картинке можно перемещать с помощью мыши.

Overlay (наложение другого изображения): этот инструмент позволяет на GIF изображение наложить другую картинку, и желательно, чтобы она была формата PNG или GIF.

23.08.17 55.4K

Термин GIF (Graphics Interchange Format ) был введен в конце 80-х годов одной из ведущих американских компаний под названием CompuServe , которая позже была куплена AOL .

Зачем использовать GIF-изображение?

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

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

Топ 10 лучших инструментов для создания GIF

Сначала перечислим лучшие программные продукты.

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

• Проста в использовании;
• Позволяет создавать GIF из статических изображений;
• Позволяет создавать GIF из видео любого формата, например, AVI , MPEG , WAV , DAT , EVO , MKV , MP4 , WMV и т.д.;
• Позволяет редактировать GIF с помощью таких команд, как обрезка, комбинирование, поворот, ускорение, замедление, коррекция цвета;
• Позволяет редактировать GIF с помощью замечательных эффектов, текста и субтитров.

2. Photoscape

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

• Редактор;
• Просмотр;
• Анимированные GIF;
• Выбор цвета;
• Кадрирование;
• Фильтры.

Плюсы : проста в использовании.
Минусы : немного медленная.

3. Gifted Motion

Использует Java и может работать во всех операционных системах. Установка не требуется.

• Позволяет редактировать изображения;
• Поддерживает PNG , JPEG , BMP , GIF ;
• Лицензия не требуется.

Файлов совместимо со всеми редакциями Windows , включая 32 и 64-битные версии. Это одна из немногих программ, разработанных с использованием зеленых информационных технологий (Green Software ) .

Создавайте фильмы, слайд-шоу, анимированные GIF и многое другое.

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

Онлайн-сервисы для создания GIF

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

5. Picasion

Picasion позволяет импортировать фотографии или видео из Picasa , Flickr или любой другой галереи. Данный сервис доступен на нескольких языках, включая английский, испанский, португальский и русский. Можно настроить размер изображений, создать и добавить собственный аватар.

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

6. GifPal

Удобный в использовании инструмент для создания GIF .

• Регулировка скорости кадров.
• Редактирование временной шкалы.
• 30 эффектов.
• До 20 кадров.
• Без водяных знаков на фотографиях.

Плюсы : бесплатный инструмент с полезными эффектами.
Минусы : для использования редактора анимированных GIF нужен доступ к интернету.

7. Gickr

Gickr позволяет легко создавать собственные GIF изображения , загружая их из галереи изображений или из аккаунта Flicker , YouTube , Picasa . Сервис обеспечивает безопасный просмотр, и он эффективен.

Плюсы : бесплатный.
Минусы : нужен доступ в интернет.

8. MakeAGif

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