Создание gif-анимации

Создание GIF-анимации в программе GoonCamСоздание GIF-анимации — объединение в одном файле с расширением GIF несколько последовательно сменяющихся изображений.

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

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

Однако, можно сделать проще – записать в виде анимации происходящее на экране! Именно так создаются гифки, с фрагментами популярных фильмов, да и просто анимацией набираемого текста.

Для этого и создана программа GoonCam, представленная на данной странице.

GoonCam 0.2.1

Создание gif-анимации GoonCam 0.2.1
Рейтинг:
Размер:
2.2 МБ (портативная версия)
Интерфейс:Английский
Платформа:
Windows XP/Vista/7/8 32&64-bit
Лицензия:GPL
Обновлено:2014-06-27
Разработчик:
Платный аналог:  
Screenshot Studio (1237.04 руб.)


Похожая программа: Снимок экрана Free Screen Video Recorder





GoonCam 0.2.1

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


Галерея скриншотов



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

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

Гифка — картинка в формате GIF.

Начнем с того, как добавить анимацию ВКонтакте (хотя, этот же способ работает и для всех других сетей)…

Все – очень просто. Нам нужно всего лишь в поле для ввода сообщения вставить прямую ссылку на нашу гифку (вида: https://www.bestfree.ru/soft/graph/GoonCam_2.gif), после чего, сервер обработает ссылку и отобразит саму картинку, которая нам была нужна.

Получить такую ссылку, как правило, можно, кликнув в браузере правой кнопкой мыши по понравившейся анимированной картинке и выбрав пункт «Копировать URL (или адрес) картинки (изображения)» (точная надпись зависит от Вашего браузера).

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

Сравнение с платным аналогом

GIF (англ. Graphics Interchange Format — «формат для обмена изображениями») — один из популярных графических форматов, поддерживающий 256-цветную палитру и анимацию.

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

Вот для примера, можно сравнить нашу программу с популярным приложением для снятия скриншотов и отправки их в Интернет Screenshot Studio:

Особенности GoonCam Screenshot Studio
Стоимость бесплатно 1237,04 руб.
Снятие одиночных скриншотов +/- +
Снятие серий скриншотов + +
Сохранение в GIF + +/- (покадрово)
Редактор скриншотов - +
Инструменты оптимизации картинки + -
Выгрузка в Интернет + +

Как видим, обе программы могут захватывать серии кадров, но только GoonCam умеет сохранять эти серии, как один GIF-файл!

К тому же, Screenshot Studio может выгружать скриншоты в Интернет только, используя Ваши аккаунты в соцсетях, тогда как наш бесплатный инструмент умеет выкладывать анимацию на публичный сервис Imgur вообще без регистрации (файлы до 2 мегабайт или до 5 с регистрацией)!

Подготовка к работе и окно инструментов

Дополнительный плюс GoonCam в том, что программа не нуждается в установке. Однако, в силу того, что написана на C#, требует наличия у Вас установленного пакета библиотек .NET Framework 4 или выше.

Качаем архив и распаковываем из него папку с программой. Открываем папку и запускаем файл GoonCam.exe. Перед нами появится основное окно, содержащее все инструменты для создания gif-анимации.

Начальное окно GoonCam

Несмотря на то, что программа англоязычная, назначение каждой из четырех кнопок вполне понятно за счет использования на них специальных общепринятых иконок. Итак:

  1. Record – первая кнопка, которая используется для записи анимации.
  2. Edit – кнопка, позволяющая открыть редактор анимации, в котором можно править только что записанные кадры или работать с ранее записанным и сохраненным материалом.
  3. Settings – третья кнопка. Открывает окно настроек текущего проекта записи.
  4. Convert – последняя кнопка. Она активируется только тогда, когда мы записали или открыли что-то в редакторе и позволяет сохранить полученную анимацию на компьютере или сразу выложить ее в Интернет.

Предлагаю рассмотреть принцип работы с GoonCam пошагово.


Шаг 1 – настройка проекта

Перед тем, как записать очередную анимацию нам желательно настроить ее параметры. Для этого нажмем на кнопку «Settings» и перейдем в окно настроек.

Параметры проекта записи

Настроек здесь немного:

  • Frames per second – позволяет задать количество захваченных кадров за секунду (по умолчанию – 10);
  • Full screen – активирует захват всего экрана;
  • Capture mouse – если эта опция активна, то на записываемой анимации будет видно движение курсора;
  • Record hotkey – позволяет задать горячие клавиши для записи/остановки скринкастинга (по умолчанию ALT+CTRL+Пробел). Чтобы задать собственное сочетание активируйте данный пункт и нажмите нужную Вам комбинацию клавиш;
  • Remember me – позволяет сохранить логин и пароль для выгрузки анимации в Интернет без необходимости его ручного ввода каждый раз.

Изменяем настройки в соответствии с нашими требованиями, закрываем окно и переходим к процессу записи.

Шаг 2 – запись анимации

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

Окно захвата изображения

Теперь жмем заданную комбинацию горячих клавиш, указанную в заголовке рамки-окна (по умолчанию ALT+CTRL+Пробел) и записываем все, что происходит на экране, будь то, фрагмент видеоролика, набор текста в Блокноте или же мини-обучалка.

Для остановки записи повторно нажимаем горячие клавиши, закрываем окно и можем переходить к редактированию.

Шаг 3 – редактирование отснятых кадров

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

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

Встроенный редактор кадров анимации

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

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

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

Поскольку все пункты на английском, на всякий случай приведу их перевод на русский и небольшие пояснения:

  • Cut (вырезать) – удаляет текущий кадр из анимации и помещает его в буфер обмена;
  • Copy – копирует текущий кадр;
  • Paste – вставляет содержимое буфера обмена после выбранного кадра (удобно для вставки вырезанных кадров в другое место);
  • Delete – полностью удаляет текущий кадр из анимации;
  • Delete and Add Delay (удалить и добавить задержку) – команда удаляет выбранный кадр, но добавляет его длительность к предыдущему кадру;
  • Reverse – размещает выбранные кадры в обратном порядке (в редакторе функция работает безупречно, но при сохранении иногда не учитывается :(…).
  • Set Delay (установить задержку) – позволяет установить точное время задержки для всех выделенных кадров;
  • Add Delay (добавить задержку) – дает возможность прибавить или вычесть заданное количество времени для всех выделенных кадров;
  • Multiply Delay (умножить задержку) – позволяет увеличить длительность показа выделенных кадров в заданное количество раз;
  • Reduce FPS (уменьшить количество кадров в секунду) – функция с определенным интервалом удаляет кадры из анимации, сохраняя ее общую длительность за счет пропорционального добавления задержки к оставшимся.

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

Но есть одно «но»… В режиме предпросмотра анимация отображается должным образом, однако при сохранении инвертированные кадры почему-то не всегда сохраняются :(.

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

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

Превью анимации

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

Помимо пункта «Preview» советую также заглянуть в меню «File». Там Вы найдете функцию сохранения текущей записи (Save Recording) и открытия (Open Recording) ранее созданных файлов записи для их дальнейшей правки и экспорта в единый GIF-файл.

С этими функциями Вы сможете в любой момент сохранить результат своей работы в редактируемый REC-файл, чтобы продолжить обработку анимации в будущем!

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

Шаг 4 – сохранение gif-анимации

Для того, чтобы сохранить обработанную анимацию нам нужно активировать последний инструмент – Convert. Перед нами откроется окно с набором настроек, которые мы можем применить при сохранении нашей анимации.

Сохранение анимации

Собственно, настройки содержатся на левой панели, а правая предназначена для предпросмотра результата сохранения. По умолчанию предпросмотр отключен и для его активации нужно нажать кнопку «Preview» внизу. Что касается настроек, то они разбиты на такие секции:

1. «Compression» (сжатие)

Дизеринг (англ. dither — дрожать) — создание иллюзии дополнительного цвета с помощью перемешивания пикселей с уже имеющимися цветами.

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

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

По умолчанию дизеринг отключен, но Вы можете активировать его, переключив режим отрисовки в индексированную 256-цветную палитру (universal colormap), в пользовательскую палитру (custom color levels) и даже в палитру с ручной настройкой глубины цветов по трем основным каналам (custom color levels per channel)!

Редукция (лат. reductio) — упрощение.

При выборе одного из двух последних вариантов дизеринга активируется инструмент «Levels», который дает возможность вручную указать уровень редукции палитры.

2. «Optimization» (оптимизация)

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

  1. Инструмент «Duplicate removal» позволяет удалить из анимации идущие подряд повторяющиеся кадры. Число справа обозначает процент допуска различий, при котором программа будет считать кадры одинаковыми.
  2. Функция «Frame optimization» позволяет автоматически уменьшить количество пикселей (заменяется наиболее близким цветом) в каждом кадре. Процент замещения пикселей указывается числом справа.
  3. Третий инструмент – «Transparency optimization». Принцип его работы аналогичен предыдущему, но вместо цветных пикселей он уменьшает количество прозрачных, если таковые имеются.

3. «Resizing» (изменение размеров)

Инструменты данной группы не нуждаются в особых пояснениях. С их помощью мы можем уменьшить или увеличить нашу анимацию по ширине (Width) и высоте (Height), а также отключить сохранение пропорций (Keep aspect ratio).

4. «Preview» (предпросмотр)

Последний раздел настроек, который отвечает за функцию предпросмотра анимации перед сохранением.

По умолчанию его инструменты отключены, а активация пункта «Partial» (частично) позволяет получить к ним доступ и вручную задать начальный и конечный кадры в итоговом GIF-файле.

Вот и все по настройкам :). В правом нижнем углу у нас имеется две кнопки для одного из возможных вариантов сохранения созданной gif-анимации.

Кнопка «Save» позволяет сохранить полученную очередность кадров в единый GIF-файл на Вашем компьютере. Тогда как кнопка «Upload» предоставляет нам возможность сразу же загрузить анимацию в Интернет и поделиться ею с друзьями и знакомыми!

Нажатие кнопки вызовет небольшую панельку с двумя пунктами.

Первый (Anonymous Imgur upload (2mb limit)) позволяет выгрузить любой файл размером до 2 мегабайт без регистрации и сразу же получить на него ссылки.

Второй (Upload to your Imgur account) дает нам возможность залить на сервер уже файлы до 5 мегабайт (или до 10 при наличии платного PRO-аккаунта), но для этого Вы должны предварительно зарегистрироваться…

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

  1. Ссылка на страницу сайта, на которой размещена Ваша анимация.
  2. Прямая ссылка, которую и нужно скопировать для вставки в социальных сетях.
  3. Ссылка для удаления Вашей анимации с сервера. Копируем нужную ссылку и используем по назначению :)

Достоинства и недостатки программы

Плюсы программы Создание gif-анимации GoonCam 0.2.1Плюсы:

  • возможность как полноэкранного захвата, так и съемки отдельных областей экрана;
  • настройка частоты захвата и горячих клавиш;
  • удобный редактор захваченных кадров;
  • хороший набор дополнительных инструментов для обработки и сохранения анимации;
  • возможность прямой выгрузки анимации в Интернет.

Минусы программы Создание gif-анимации GoonCam 0.2.1Минусы:

  • англоязычный интерфейс;
  • не всегда сохраняются эффекты постобработки.

Выводы

GoonCam как инструмент для создания gif-анимации, лично меня устроил практически всем :).

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

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

Хотя, если брать по большому счету, то перед нами пока только альфа-версия! Если разработчики не забросят проект, то мы имеем все шансы получить одну из лучших программ для создания анимации!

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

P.P.S. Если Вам часто приходится делать единичные скриншоты с простыми пометками и поясняющими надписями, то одним из лучших бесплатных решений для этого является PicPick. Рекомендую ;)
Скачать PicPick для создания скриншотов https://www.bestfree.ru/soft/graph/screenshot.php



Похожие программы:

Запись видео с экрана: CamStudio
Бесплатная программа для записи видео с экрана монитора, в частности, она предназначена для создания видеоуроков, видеороликов и т.п. вещей.
Редактор фотографий: Paint.NET
Редактор фотографий и прочих растровых изображений, умеющий накладывать множество эффектов, убирать "красные глаза", работать со слоями, со сканером и камерой.
Захват экрана: GetWindowText
Программа позволяет захватить и обработать текст в любой, даже не подозревающей о буфере обмена, программе.
Монтаж видео: VideoPad
Бесплатный видеоредактор для обработки и финального монтажа видео практически любой сложности. Программа имеет интуитивно понятный интерфейс, русифицирована и поддерживает огромное количество медиаформатов и различных эффектов
Видеомонтаж: VSDC Free Video Editor
Бесплатная программа для видеомонтажа. Несмотря на бесплатность, в программе есть всё необходимое для создания собственного фильма.
Спецэффекты: Magic Particles 3D
Бесплатная программа для создания фото- и видео- спецэффектов в домашних условиях, и с минимальными затратами времени и сил.
Изменение размера изображений: RIOT
Бесплатная программа для изменения размера изображений, их оптимизации и конвертации без заметной потери качества. В комплекте идёт полный арсенал инструментов, предназначенных для сжатия любых графических файлов.





** Задавать вопросы лучше на нашем форуме. Просто зарегистрируйтесь и создайте новую тему.

Полезный совет:


Система проверки ошибок от Mistakes.ru