Создание общедоступными средствами анимированных gif-файлов для электронных документов
Автор: Кузнецов Владимир Георгиевич, доцент кафедры ТиМЕМО и ИКТ ОГБОУ ДПО "РИРО"В настоящее время трудно себе представить современные электронные документы (презентации или веб-сайты) без наличия в них анимированных
gif-файлов.
Анимированные gif-файлы создаются специальными программами - gif-аниматорами.
Кроме того, в современных "мощных" графических редакторах растрового типа, таких как Photo Shop, Corel Photo Paint, GIMP и т.д., встроены специальные утилиты, выполняющие функции gif-аниматора, т.е. мы можем создавать анимированные gif-файлы, не выходя из этих программ.
Некоторые gif-аниматоры позволяют вырезать фрагменты видиоклипов с последующей их конвертацией в анимированные gif-файлы.
Наконец, в Интернете имеется бесплатная онлайн услуга по созданию gif-анимации с помощью онлайн gif-аниматора.
В данной статье рассматриваются основные приемы по созданию анимированных gif-файлов общедоступными бесплатными программными средствами без использования дорогих коммерческих прикладных программ.
Этапы создания анимированных gif-файлов.
При создании анимированных gif-файлов четко прослеживаются два основных этапа:
Но большинство современных программ - gif-аниматоров содержат в себе свои собственные графические редакторы, позволяющих выполнить оба этапа в создании анимированных gif-файлов - от создания видеоряда, до построения итогового анимированного gif-файла.
Очевидно, что мощные графические редакторы растрового типа со встроенными утилитами gif-аниматоров содержат в себе все необходимые средства для выполнения всех этапов в создании разнообразных анимированных gif-файлов.
Что из себя представляет видеоряд для создаваемой анимации?
В простейшем случае видеоряд может представлять собой набор не связанных между собой рисунков или фотографий. В этом случае анимированный gif-файл будет работать в режиме слайд-шоу, то есть будут циклически многократно прокручиваться с определенной временной задержкой все кадры видеоряда.
Во всех остальных случаях видеоряд будет представлять набор кадров, которые чем-то отличаются друг от друга. При циклическом многократном воспроизведении этих кадров с некоторой временной задержкой каждого кадра будет возникать эффект анимации - какой-то объект будет бежать, кто-то будет танцевать, кто-то прыгать, кто-то рожи корчить, появится бегущая строка, ракета будет взлетать, планета начнет вращаться, и т.д.
При создании видеоряда широко используются стандартные операции, встроенные в графические редакторы растрового типа.
В том числе: перемещение рисунка (или его части) на новое место относительно рисунка-оригинала, поворот рисунка (или части рисунка) в кадре на некоторый угол; зеркальное отображение рисунка в кадре, относительно рисунка-оригинала, по горизонтали или по вертикали; применение специальных эффектов (например, эффектов искажения), применяемых к рисунку-оригиналу, масштабирование рисунка, "замазывание" отдельных частей рисунка, и т.д.
В простейших случаях видеоряд может состоять всего из двух, трех или четырех кадров. В то же время разрабатываются эффектные анимированные gif-файлы, видеоряды в которых включают несколько десятков кадров.
Приведем словесные описания нескольких примеров видеорядов для простейших анимашек.
1. Волк, танцующий твист. Видеоряд включает в себя всего два кадра. Первый кадр - мультяшный волк изображен на рисунке вполоборота. Второй кадр отличается от первого тем, что к рисунку волка применена стандартная операция "Зеркальное отображение по горизонтали".
2. Подмигивающая девочка. Видеоряд состоит из двух кадров. На первом кадре изображена девочка в фас с широко раскрытыми глазами. На втором кадре один глазик у этой девочки "замазан" инструментом "Штамп" (замазываем так, как это мы обычно делаем при удалении царапин, пятен, морщин при реставрации или ретушировании фотографий).
3. Кот, виляющий хвостом. Видеоряд, состоящий из трех кадров. На первом кадре изображен кот, хвост которого изображен справа. На втором кадре кот изображен без хвоста. На третьем кадре у кота тот же хвост подрисован к коту слева (после своего зеркального отображения по горизонтали).
4. Клоун, вращающийся в обруче. Видеоряд, состоящий из четырех кадров.
На первом кадре изображен клоун, стоящий в обруче с широко расставленными ногами и держащийся руками за обруч. На втором кадре рисунок клоуна в обруче по сравнению с рисунком-оригиналом повернут на 90 градусов. На третьем кадре рисунок клоуна в обруче по сравнению со вторым кадром повернут еще на 90 градусов. На четвертом кадре клоун в обруче повернут еще на 90 градусов.
5. Избушка на курьих ножках, поджимающая то одну, то другую ножку.
6. Рыбка, выпускающая из ротика пузырьки воздуха. На одном кадре - изображена просто рыбка, на втором кадре - рядом с рыбкой рисуем маленький пузырек воздуха. На третьем кадре прежний пузырек воздуха стираем и рисуем чуть подальше от рыбки более крупный пузырек воздуха. И т.д.
После создания простейших анимащек можно приступить к созданию более эффектных анимашек, видеоряды которых будут состоять из 8, 10, 12 кадров, и даже из нескольких десятков кадров (богатырь, размахивающий мечом, баба-Яга, грозящая вам пальчиком, водяной, аплодирующий вам, вращающаяся в космосе планета Земля, взлетающая в небо ракета, и т.д).
1. Создание анимированных gif-файлов в графическом редакторе GIMP
Графический редактор растрового типа GIMP, в какой-то степени, является бесплатным аналогом коммерческой программы Photo Shop. Также как и в Photo Shop, в программу GIMP встроена утилита gif-аниматора для создания анимированных gif-файлов.
Если у нас уже создан видеоряд и каждый кадр видеоряда записан в отдельном графическом файле, то процесс создания анимированного gif-файла происходит следующим образом.
В рабочем окне GIMP открываем рисунок первого кадра видеоряда. Затем в этом же документе, но в другом слое открывается второй кадр видеоряда с помощью команды «Файл – Открыть как слои». Если ваш видеоряд содержит и 3-й и 4-й и т.д. кадр, то каждый из них открывается аналогичным путем с помощью команды «Файл – Открыть как слои».
После того как видеоряд оказывается открытым в окне документа, причем каждый кадр находится в своем отдельном слое, приступаем к созданию анимированного gif-файла. Делается это так. Задаем команду «Файл – Сохранить как». В открывшемся окне диалога «Сохранить изображение» раскрываем ветвь «Выберите тип файла (по расширению)» и в представленном списке выбираем вариант «GIF image», а затем щелкаем по кнопке «Сохранить».
В открывшемся вспомогательном окне «Экспортировать файл» кнопками выбора выбираем варианты «Сохранить как анимацию», «Преобразовать в индексированное, используя настройки по умолчанию» и щелкаем по кнопке «Экспорт».
Откроется еще одно окно диалога «Сохранить как GIF». В этом окне включите флажок «Бесконечный цикл» и задайте величину задержки между кадрами (по умолчанию эта величина составляет 100 миллисекунд), в раскрывающемся списке «Расположение кадра, если не указано» выберите вариант «Один кадр на слой (замена)», а затем щелкните по кнопке «Сохранить».
Примечание. При создании анимации мы можем совместить два этапа – и создание видеоряда, и создание анимации на основе этого видеоряда. Так, например, при создании танцующего волка можно поступить так. Создаем или открываем в окне документа рисунок волка, стоящего в пол оборота. Если этот волк был открыт из фала в формате, отличном от формата .png, то сразу же командой «Файл – Сохранить как» перезаписываем его в файл, но в формате .png. При этом откроется вспомогательное окно «Сохранить как PNG», в котором нужно просто щелкнуть по кнопке «Сохранить»
Затем командой «Слой – Создать копию слоя» создаем в окне документа второй слой с точной копией исходного рисунка волка. На палитре слоев выделяем верхний слой с копией рисунка, а затем для этого слоя с помощью инструмента «Зеркало» выполняем операцию «Зеркальное отображение по горизонтали». Все – видеоряд готов, и теперь сразу же переходим к выполнению второго этапа – создания файла анимашки.
Примечание. Анимашки лучше всего создавать на прозрачном фоне, чтобы впоследствии фон анимашки не заслонял собой красивые текстуры оформления слайдов презентации или веб-страницы, и был бы виден только анимированный рисунок.
2. Создание анимированных gif-файлов в программе UnFREEz
Бесплатный gif-аниматор UnFREEz не содержит в себе встроенного графического редактора. Эту программу не нужно устанавливать на компьютере - нужно просто выполнить двойной щелчок мышью на скаченном из Интернета единственном файле программы и рабочее окно программы откроется.
Для того, чтобы создать анимированный GIF-файл с помощью UnFREEz, нужно мышкой перетащить все файлы созданного видеоряда в специальное окошко "Frames (drop GIF files here)" в рабочем окне программы, включить флажок "Loop animation" (для многократного циклического проигрывания кадров видеоряда), ввести промежуток времени время задержки между кадрами в поле ввода "Frame delay", а затем нажать на кнопку "Make Animated GIF". В открывшемся окне диалога "Make Animated GIF" нужно указать папку назначения, имя файла создаваемой анимашки и щелкнуть по кнопке "Сохранить".
Примечание. Время задержки указывается в сантисекундах (1 сантисекунда - это 1/100 секунды, т.е. 100 сантисекунд равны одной секунде).
Скачать бесплатную программу UnFREEz можно на сайте разработчика - whitsoftdev.com/unfreez. UnFREEz - официально является бесплатной программой, что и отражено в названии программы.
3. Создание анимированных gif-файлов в программе Beneton Movie GIF
Бесплатная свободно распространяемая программа Beneton Movie GIF предназначена не только для создания анимированных gif-файлов, но и для редактирования уже созданных анимированных gif-файлов. Она позволяет при создании видеоряда будущей анимации импортировать созданные рисунки из многих графических форматов, включая популярные форматы BMP, GIF, JPG и PNG. Кроме того, она также может редактировать готовый анимированный GIF-файл. Для этих целей в состав программы входит специальный редактор для редактирования отдельных кадров открытой анимации. В открытой анимации можно отдельные кадры удалять, переставлять кадры видеоряда местами, экспортировать отдельные кадры в файлы различных графических форматов, и т.д. Встроенный в программу графический редактор может также накладывать на кадры видеоряда до 20 различных графических эффектов. Специальное окошко предварительного просмотра в рабочем окне программы покажет все сделанные изменения. Сохранить созданную анимацию можно не только как анимированный GIF-файл, но и как видеоклип в формате *.AVI.
Программа также может конвертировать небольшие видеоклипы формата *.AVI в анимированные GIF-файлы.
Рабочее окно программы включает в себя: главную панель инструментов, окно просмотра, панель кадров видеоряда и панель для задания эффектов.
Процедура создания анимированного gif-файла на основе созданных кадров видеоряда заключается в следующий действиях.
В окне программы Beneton Movie GIF нажимаем комбинацию клавиш <Ctrl>+<O>. Откроется окно диалога "Открыть". С помощью этого диалога "добираемся" до папки, в которую мы записали файлы с рисунками для будущей анимашки, и двойным щелчком мышью на первом рисунке вставляем этот рисунок в программу в качестве первого кадра. Далее нажатием на кнопку "Add frame (s) from a file" (Добавить кадр с рисунком из файла). Откроется окно диалога "Открыть". С помощью этого диалога "добираемся" до той же папки с файлами видеоряда, и двойным щелчком мышью на втором рисунке вставляем этот рисунок в программу в качестве второго кадра. Аналогичным путем вставляем и все другие кадры. Если ваши рисунки в файлах имеют разные размеры, то программа предложит в специальном окне диалога подогнать вставляемые рисунки под размер первого кадра. Кстати рисунки видеоряда могут храниться в файлах разных форматах.
Эскизы всех вставленных рисунков видеоряда появятся на панели кадров видеоряда. Поочередно выделяя на этой панели кадры, настраиваем для выделенного кадра необходимые параметры - вводим величину задержки (поле ввода "Delay") и включаем флажок "Transparent" ("Прозрачность"), если мы хотим, чтобы рисунки кадров были на прозрачном фоне. Включаем также флажок "Loop" (Цикл), если мы хотим при открытии анимированного gif-файла (в окне браузера или на слайде презентации в режиме ее просмотра) выполнять циклическую многократную прокрутку кадров видеоряда с настроенными параметрами.
Чтобы просмотреть слайд-шоу в динамике, не выходя из программы, в окне просмотра следует нажать на кнопку "Play animation" (проигрывание анимации).
Если установленные параметры для анимации вас устраивают, остановите проигрывание, а затем сохраните созданную анимацию в нужном для вас формате.
Для остановки проигрывания нажмите кнопку "Stop playing" ("Остановка проигрывания").
Если мы хотим сохранить слайд-шоу в формате анимированного gif-файла, то для этого нажимаем комбинацию клавиш <Ctrl>+<S>. В открывшемся вспомогательном окне диалога нужно просто нажать на кнопку "ОК".
Откроется хорошо знакомое нам по другим программам окно диалога "Сохранить как". В этом окне диалога указываем папку назначения, вводим имя файла и щелкаем по кнопке "Сохранить".
Если мы хотим сохранить слайд-шоу в другом формате, нажимаем кнопку "Export animation as other formats" (Экспорт анимации в другие форматы). Откроется окно диалога "Export animation", в котором указываем папку назначения, имя файла и тип файла (*.avi или *.mng), а затем нажимаем кнопку "Сохранить".
4. Создание анимированного gif-файла из видео клипа с помощью программы Free Video GIF Converter
В принципе описанная выше программа Beneton Movie GIF позволяет создавать анимированные gif-файлы из видеоклипа, но возможности у этой программы для выполнения указанной функции крайне незначительны. Она
позволяет делать gif-файлы из видеоролика, но небольшого размера и только из формата avi, сторонние форматы видео типа wmv или mp4, программа не увидит.
Для указанных целей лучше всего использовать бесплатную программу Free Video to GIF Converter, специально предназначенную для конвертирования видеороликов разных форматов в анимированные gif-файлы.
Конвертирование видеоклипа в анимированный gif-файл с помощью программы Free Video to GIF Converter осуществляется в два этапа.
На первом этапе (Step 1. Extract Video) загружается исходный видеоклип и вырезается из него нужный фрагмент.
На втором этапе (Step 2. Greate GIF) из полученного на первом этапе фрагмента видеоклипа формируется анимированный gif-файл.
Рассмотрим конкретный пример. Пусть мы скачали из Интернет видеоклип с вращающейся в космосе планетой Земля и видеоклип взлетающей с космодрома многоступенчатой ракеты. А у нас в планах - или создание презентации, или веб-сайта, посвященные дню космонавтики. Как бы украсили слайд презентации или веб-страничку нашего сайта анимашки с вращающейся планетой Земля взмывающей в небо ракетой!
В окне программы Free Video to GIF Converter нажимаем на кнопку "Browse Video". Откроется стандартное окно диалога "Открыть", с помощью которого "добираемся" до папки с нужным нам видеоклипом, выделяем этот видеоклип и нажимаем кнопку "Открыть". Окно диалога закроется а в рабочем окне программы Free Video to GIF Converter отпечатается путь до нужного нам видеоклипа, а также некоторые сведения о видеоклипе: длительность просмотра, размеры кадров, скорость прокрутки кадров.
Нажатием на кнопку "Next" в окне программы переходим на вкладку "Step 2. Greate GIF". Выделяя кадры в списке "Frame List", просматриваем эти кадры в окне просмотра "Preview".
Пусть в результате анализа всех просмотренных кадров мы решили, что для нашей анимации вполне достаточно оставить в списке "Frame List" первые 20 кадров. В этом случае все остальные кадры следует удалить. С помощью полосы прокрутки перемещаемся в конец списка "Frame List", выделяем подсветкой последний кадр и нажимаем кнопку "Remove". Последний кадр будет удален из списка и автоматически будет выделен в списке предыдущий кадр. Щелкая последовательно по кнопке "Remove" нужное число раз, добиваемся, чтобы в списке кадров остались только первые 20 кадров.
Примечание. Вполне очевидно, что мы можем удалять в списке кадров любые кадры и в любой последовательности.
На заключительном этапе, нажав кнопку "Make GIF", мы увидим в специальном окне окончательные параметры создаваемого анимированного gif-файла (количество кадров, время просмотра в одном цикле, габаритные размеры кадров, объем занимаемой файлом области памяти). Щелчком по кнопке "Да" окошко с приведенной информацией закрывается и открывается стандартное окно сохранения. Указываем в этом окне папку назначения, в поле ввода "Имя файла" вводим с клавиатуры имя файла и нажимаем кнопку "Сохранить".
5. Создание анимированного gif-файла с помощью онлайн gif-аниматора
Пусть мы создали в какой-то папке видеоряд будущей анимации. Попробуем создать на базе этого видеоряда анимированный gif-файл с помощью онлайн gif-аниматора. Открываем сайт "Сервис бесплатных приложений", указав в поисковике адрес этого сайта - www.ru.toolson.net. В стартовом окне этого сайта нажимаем кнопку "Сделать анимацию".
При создании анимации нужно последовательно выполнить следующие действия.
Шаг 1. В новом окне нажимаем кнопку "Загрузить файлы". Вы можете загружать файлы следующих типов: jpg, png, gif и bmp. Общий размер файлов не должен превышать 15Мб. В открывшемся окне диалога "Выберите файлы для отправки с помощью ru.toolson.net" добираемся до нужной папки с видеорядом, выделяем в этой папке первый кадр видеоряда и щелкнем по кнопке "Открыть".
Аналогичную процедуру выполняем для отправки в онлайн gif-аниматор всех остальных кадров видеоряда. Так как мы добавили в онлайн gif-аниматор несколько кадров, то мы можем оперативно поменять кадры местами, перетягивая их, удалить лишние кадры и добавить новые.
Шаг 2. В поле ввода "Название" вводим название анимации. Это поле является обязательным. Мы можем в качестве имени оставить слово "Animation", которое задано по умолчанию.
Шаг 3. В поле ввода "Интервал (мс)" введим интервал между кадрами в миллисекундах. Это поле является обязательным. Мы можем оставить "500", заданное по умолчанию.
Шаг 4. В полях ввода "Ширина" и "Высота" вводим ширину и высоту в пикселах. Это необязательные поля. Мы можем оставить эти поля пустыми. В этом случае система выберет средний размер, исходя из загруженных Вами кадров.
Шаг 5. Включаем флажок "Повторять". Этот параметр определяет, будет ли анимация постоянно повторяться.
Шаг 6. Включаем флажок "Разрешить доступ". Этот параметр определяет, будет ли анимация доступна для просмотра в галерее.
Шаг 7. Выбираем в представленной палитре один из эффектов, который мы хотим применить к своей анимации. В нашем распоряжении имеются следующие варианты - "Никакой", "Сердечки", "Оттенки серого", "Рамка №1", "Рамка №2", "Рамка №3", "Рамка №4", "Рамка №5".
Шаг 8. Выбираем для примера вариант "Рамка №4". Чтобы завершить создание анимации онлайн нажимаем кнопку "Создать" и мы увидим стартовый кадр созданной анимации после слова "Поздравляем!"
Остается только скачать созданную анимацию к себе на компьютер, нажав на кнопку "Скачать" (Download).
Примечание. Если материал, приведенный в статье, вас заинтересовал, и вы хотите сами в кратчайшие сроки научиться создавать качественные анимированные gif-файлы, запишитесь на курсы в РИРО по данной тематике. На этих курсах вы можете также скачать себе на флешки все описанные в статье дистрибутивы программ, электронные версии авторских лабораторных работ с необходимыми иллюстрациями, наборы декоративных шрифтов и другого иллюстративного материала. Ориентировочный объем курсов - 20 часов.
gif-файлов.
Анимированные gif-файлы создаются специальными программами - gif-аниматорами.
Кроме того, в современных "мощных" графических редакторах растрового типа, таких как Photo Shop, Corel Photo Paint, GIMP и т.д., встроены специальные утилиты, выполняющие функции gif-аниматора, т.е. мы можем создавать анимированные gif-файлы, не выходя из этих программ.
Некоторые gif-аниматоры позволяют вырезать фрагменты видиоклипов с последующей их конвертацией в анимированные gif-файлы.
Наконец, в Интернете имеется бесплатная онлайн услуга по созданию gif-анимации с помощью онлайн gif-аниматора.
В данной статье рассматриваются основные приемы по созданию анимированных gif-файлов общедоступными бесплатными программными средствами без использования дорогих коммерческих прикладных программ.
Этапы создания анимированных gif-файлов.
При создании анимированных gif-файлов четко прослеживаются два основных этапа:
- создание любыми графическими редакторами растрового типа видеоряда, состоящего из нескольких кадров;
- создание из видеоряда анимированного gif-файла с помощью gif-аниматора.
Но большинство современных программ - gif-аниматоров содержат в себе свои собственные графические редакторы, позволяющих выполнить оба этапа в создании анимированных gif-файлов - от создания видеоряда, до построения итогового анимированного gif-файла.
Очевидно, что мощные графические редакторы растрового типа со встроенными утилитами gif-аниматоров содержат в себе все необходимые средства для выполнения всех этапов в создании разнообразных анимированных gif-файлов.
Что из себя представляет видеоряд для создаваемой анимации?
В простейшем случае видеоряд может представлять собой набор не связанных между собой рисунков или фотографий. В этом случае анимированный gif-файл будет работать в режиме слайд-шоу, то есть будут циклически многократно прокручиваться с определенной временной задержкой все кадры видеоряда.
Во всех остальных случаях видеоряд будет представлять набор кадров, которые чем-то отличаются друг от друга. При циклическом многократном воспроизведении этих кадров с некоторой временной задержкой каждого кадра будет возникать эффект анимации - какой-то объект будет бежать, кто-то будет танцевать, кто-то прыгать, кто-то рожи корчить, появится бегущая строка, ракета будет взлетать, планета начнет вращаться, и т.д.
При создании видеоряда широко используются стандартные операции, встроенные в графические редакторы растрового типа.
В том числе: перемещение рисунка (или его части) на новое место относительно рисунка-оригинала, поворот рисунка (или части рисунка) в кадре на некоторый угол; зеркальное отображение рисунка в кадре, относительно рисунка-оригинала, по горизонтали или по вертикали; применение специальных эффектов (например, эффектов искажения), применяемых к рисунку-оригиналу, масштабирование рисунка, "замазывание" отдельных частей рисунка, и т.д.
В простейших случаях видеоряд может состоять всего из двух, трех или четырех кадров. В то же время разрабатываются эффектные анимированные gif-файлы, видеоряды в которых включают несколько десятков кадров.
Приведем словесные описания нескольких примеров видеорядов для простейших анимашек.
1. Волк, танцующий твист. Видеоряд включает в себя всего два кадра. Первый кадр - мультяшный волк изображен на рисунке вполоборота. Второй кадр отличается от первого тем, что к рисунку волка применена стандартная операция "Зеркальное отображение по горизонтали".
2. Подмигивающая девочка. Видеоряд состоит из двух кадров. На первом кадре изображена девочка в фас с широко раскрытыми глазами. На втором кадре один глазик у этой девочки "замазан" инструментом "Штамп" (замазываем так, как это мы обычно делаем при удалении царапин, пятен, морщин при реставрации или ретушировании фотографий).
3. Кот, виляющий хвостом. Видеоряд, состоящий из трех кадров. На первом кадре изображен кот, хвост которого изображен справа. На втором кадре кот изображен без хвоста. На третьем кадре у кота тот же хвост подрисован к коту слева (после своего зеркального отображения по горизонтали).
4. Клоун, вращающийся в обруче. Видеоряд, состоящий из четырех кадров.
На первом кадре изображен клоун, стоящий в обруче с широко расставленными ногами и держащийся руками за обруч. На втором кадре рисунок клоуна в обруче по сравнению с рисунком-оригиналом повернут на 90 градусов. На третьем кадре рисунок клоуна в обруче по сравнению со вторым кадром повернут еще на 90 градусов. На четвертом кадре клоун в обруче повернут еще на 90 градусов.
5. Избушка на курьих ножках, поджимающая то одну, то другую ножку.
6. Рыбка, выпускающая из ротика пузырьки воздуха. На одном кадре - изображена просто рыбка, на втором кадре - рядом с рыбкой рисуем маленький пузырек воздуха. На третьем кадре прежний пузырек воздуха стираем и рисуем чуть подальше от рыбки более крупный пузырек воздуха. И т.д.
После создания простейших анимащек можно приступить к созданию более эффектных анимашек, видеоряды которых будут состоять из 8, 10, 12 кадров, и даже из нескольких десятков кадров (богатырь, размахивающий мечом, баба-Яга, грозящая вам пальчиком, водяной, аплодирующий вам, вращающаяся в космосе планета Земля, взлетающая в небо ракета, и т.д).
1. Создание анимированных gif-файлов в графическом редакторе GIMP
Графический редактор растрового типа GIMP, в какой-то степени, является бесплатным аналогом коммерческой программы Photo Shop. Также как и в Photo Shop, в программу GIMP встроена утилита gif-аниматора для создания анимированных gif-файлов.
Если у нас уже создан видеоряд и каждый кадр видеоряда записан в отдельном графическом файле, то процесс создания анимированного gif-файла происходит следующим образом.
В рабочем окне GIMP открываем рисунок первого кадра видеоряда. Затем в этом же документе, но в другом слое открывается второй кадр видеоряда с помощью команды «Файл – Открыть как слои». Если ваш видеоряд содержит и 3-й и 4-й и т.д. кадр, то каждый из них открывается аналогичным путем с помощью команды «Файл – Открыть как слои».
После того как видеоряд оказывается открытым в окне документа, причем каждый кадр находится в своем отдельном слое, приступаем к созданию анимированного gif-файла. Делается это так. Задаем команду «Файл – Сохранить как». В открывшемся окне диалога «Сохранить изображение» раскрываем ветвь «Выберите тип файла (по расширению)» и в представленном списке выбираем вариант «GIF image», а затем щелкаем по кнопке «Сохранить».
В открывшемся вспомогательном окне «Экспортировать файл» кнопками выбора выбираем варианты «Сохранить как анимацию», «Преобразовать в индексированное, используя настройки по умолчанию» и щелкаем по кнопке «Экспорт».
Откроется еще одно окно диалога «Сохранить как GIF». В этом окне включите флажок «Бесконечный цикл» и задайте величину задержки между кадрами (по умолчанию эта величина составляет 100 миллисекунд), в раскрывающемся списке «Расположение кадра, если не указано» выберите вариант «Один кадр на слой (замена)», а затем щелкните по кнопке «Сохранить».
Примечание. При создании анимации мы можем совместить два этапа – и создание видеоряда, и создание анимации на основе этого видеоряда. Так, например, при создании танцующего волка можно поступить так. Создаем или открываем в окне документа рисунок волка, стоящего в пол оборота. Если этот волк был открыт из фала в формате, отличном от формата .png, то сразу же командой «Файл – Сохранить как» перезаписываем его в файл, но в формате .png. При этом откроется вспомогательное окно «Сохранить как PNG», в котором нужно просто щелкнуть по кнопке «Сохранить»
Затем командой «Слой – Создать копию слоя» создаем в окне документа второй слой с точной копией исходного рисунка волка. На палитре слоев выделяем верхний слой с копией рисунка, а затем для этого слоя с помощью инструмента «Зеркало» выполняем операцию «Зеркальное отображение по горизонтали». Все – видеоряд готов, и теперь сразу же переходим к выполнению второго этапа – создания файла анимашки.
Примечание. Анимашки лучше всего создавать на прозрачном фоне, чтобы впоследствии фон анимашки не заслонял собой красивые текстуры оформления слайдов презентации или веб-страницы, и был бы виден только анимированный рисунок.
2. Создание анимированных gif-файлов в программе UnFREEz
Бесплатный gif-аниматор UnFREEz не содержит в себе встроенного графического редактора. Эту программу не нужно устанавливать на компьютере - нужно просто выполнить двойной щелчок мышью на скаченном из Интернета единственном файле программы и рабочее окно программы откроется.
Для того, чтобы создать анимированный GIF-файл с помощью UnFREEz, нужно мышкой перетащить все файлы созданного видеоряда в специальное окошко "Frames (drop GIF files here)" в рабочем окне программы, включить флажок "Loop animation" (для многократного циклического проигрывания кадров видеоряда), ввести промежуток времени время задержки между кадрами в поле ввода "Frame delay", а затем нажать на кнопку "Make Animated GIF". В открывшемся окне диалога "Make Animated GIF" нужно указать папку назначения, имя файла создаваемой анимашки и щелкнуть по кнопке "Сохранить".
Примечание. Время задержки указывается в сантисекундах (1 сантисекунда - это 1/100 секунды, т.е. 100 сантисекунд равны одной секунде).
Скачать бесплатную программу UnFREEz можно на сайте разработчика - whitsoftdev.com/unfreez. UnFREEz - официально является бесплатной программой, что и отражено в названии программы.
3. Создание анимированных gif-файлов в программе Beneton Movie GIF
Бесплатная свободно распространяемая программа Beneton Movie GIF предназначена не только для создания анимированных gif-файлов, но и для редактирования уже созданных анимированных gif-файлов. Она позволяет при создании видеоряда будущей анимации импортировать созданные рисунки из многих графических форматов, включая популярные форматы BMP, GIF, JPG и PNG. Кроме того, она также может редактировать готовый анимированный GIF-файл. Для этих целей в состав программы входит специальный редактор для редактирования отдельных кадров открытой анимации. В открытой анимации можно отдельные кадры удалять, переставлять кадры видеоряда местами, экспортировать отдельные кадры в файлы различных графических форматов, и т.д. Встроенный в программу графический редактор может также накладывать на кадры видеоряда до 20 различных графических эффектов. Специальное окошко предварительного просмотра в рабочем окне программы покажет все сделанные изменения. Сохранить созданную анимацию можно не только как анимированный GIF-файл, но и как видеоклип в формате *.AVI.
Программа также может конвертировать небольшие видеоклипы формата *.AVI в анимированные GIF-файлы.
Рабочее окно программы включает в себя: главную панель инструментов, окно просмотра, панель кадров видеоряда и панель для задания эффектов.
Процедура создания анимированного gif-файла на основе созданных кадров видеоряда заключается в следующий действиях.
В окне программы Beneton Movie GIF нажимаем комбинацию клавиш <Ctrl>+<O>. Откроется окно диалога "Открыть". С помощью этого диалога "добираемся" до папки, в которую мы записали файлы с рисунками для будущей анимашки, и двойным щелчком мышью на первом рисунке вставляем этот рисунок в программу в качестве первого кадра. Далее нажатием на кнопку "Add frame (s) from a file" (Добавить кадр с рисунком из файла). Откроется окно диалога "Открыть". С помощью этого диалога "добираемся" до той же папки с файлами видеоряда, и двойным щелчком мышью на втором рисунке вставляем этот рисунок в программу в качестве второго кадра. Аналогичным путем вставляем и все другие кадры. Если ваши рисунки в файлах имеют разные размеры, то программа предложит в специальном окне диалога подогнать вставляемые рисунки под размер первого кадра. Кстати рисунки видеоряда могут храниться в файлах разных форматах.
Эскизы всех вставленных рисунков видеоряда появятся на панели кадров видеоряда. Поочередно выделяя на этой панели кадры, настраиваем для выделенного кадра необходимые параметры - вводим величину задержки (поле ввода "Delay") и включаем флажок "Transparent" ("Прозрачность"), если мы хотим, чтобы рисунки кадров были на прозрачном фоне. Включаем также флажок "Loop" (Цикл), если мы хотим при открытии анимированного gif-файла (в окне браузера или на слайде презентации в режиме ее просмотра) выполнять циклическую многократную прокрутку кадров видеоряда с настроенными параметрами.
Чтобы просмотреть слайд-шоу в динамике, не выходя из программы, в окне просмотра следует нажать на кнопку "Play animation" (проигрывание анимации).
Если установленные параметры для анимации вас устраивают, остановите проигрывание, а затем сохраните созданную анимацию в нужном для вас формате.
Для остановки проигрывания нажмите кнопку "Stop playing" ("Остановка проигрывания").
Если мы хотим сохранить слайд-шоу в формате анимированного gif-файла, то для этого нажимаем комбинацию клавиш <Ctrl>+<S>. В открывшемся вспомогательном окне диалога нужно просто нажать на кнопку "ОК".
Откроется хорошо знакомое нам по другим программам окно диалога "Сохранить как". В этом окне диалога указываем папку назначения, вводим имя файла и щелкаем по кнопке "Сохранить".
Если мы хотим сохранить слайд-шоу в другом формате, нажимаем кнопку "Export animation as other formats" (Экспорт анимации в другие форматы). Откроется окно диалога "Export animation", в котором указываем папку назначения, имя файла и тип файла (*.avi или *.mng), а затем нажимаем кнопку "Сохранить".
4. Создание анимированного gif-файла из видео клипа с помощью программы Free Video GIF Converter
В принципе описанная выше программа Beneton Movie GIF позволяет создавать анимированные gif-файлы из видеоклипа, но возможности у этой программы для выполнения указанной функции крайне незначительны. Она
позволяет делать gif-файлы из видеоролика, но небольшого размера и только из формата avi, сторонние форматы видео типа wmv или mp4, программа не увидит.
Для указанных целей лучше всего использовать бесплатную программу Free Video to GIF Converter, специально предназначенную для конвертирования видеороликов разных форматов в анимированные gif-файлы.
Конвертирование видеоклипа в анимированный gif-файл с помощью программы Free Video to GIF Converter осуществляется в два этапа.
На первом этапе (Step 1. Extract Video) загружается исходный видеоклип и вырезается из него нужный фрагмент.
На втором этапе (Step 2. Greate GIF) из полученного на первом этапе фрагмента видеоклипа формируется анимированный gif-файл.
Рассмотрим конкретный пример. Пусть мы скачали из Интернет видеоклип с вращающейся в космосе планетой Земля и видеоклип взлетающей с космодрома многоступенчатой ракеты. А у нас в планах - или создание презентации, или веб-сайта, посвященные дню космонавтики. Как бы украсили слайд презентации или веб-страничку нашего сайта анимашки с вращающейся планетой Земля взмывающей в небо ракетой!
В окне программы Free Video to GIF Converter нажимаем на кнопку "Browse Video". Откроется стандартное окно диалога "Открыть", с помощью которого "добираемся" до папки с нужным нам видеоклипом, выделяем этот видеоклип и нажимаем кнопку "Открыть". Окно диалога закроется а в рабочем окне программы Free Video to GIF Converter отпечатается путь до нужного нам видеоклипа, а также некоторые сведения о видеоклипе: длительность просмотра, размеры кадров, скорость прокрутки кадров.
Нажатием на кнопку "Next" в окне программы переходим на вкладку "Step 2. Greate GIF". Выделяя кадры в списке "Frame List", просматриваем эти кадры в окне просмотра "Preview".
Пусть в результате анализа всех просмотренных кадров мы решили, что для нашей анимации вполне достаточно оставить в списке "Frame List" первые 20 кадров. В этом случае все остальные кадры следует удалить. С помощью полосы прокрутки перемещаемся в конец списка "Frame List", выделяем подсветкой последний кадр и нажимаем кнопку "Remove". Последний кадр будет удален из списка и автоматически будет выделен в списке предыдущий кадр. Щелкая последовательно по кнопке "Remove" нужное число раз, добиваемся, чтобы в списке кадров остались только первые 20 кадров.
Примечание. Вполне очевидно, что мы можем удалять в списке кадров любые кадры и в любой последовательности.
На заключительном этапе, нажав кнопку "Make GIF", мы увидим в специальном окне окончательные параметры создаваемого анимированного gif-файла (количество кадров, время просмотра в одном цикле, габаритные размеры кадров, объем занимаемой файлом области памяти). Щелчком по кнопке "Да" окошко с приведенной информацией закрывается и открывается стандартное окно сохранения. Указываем в этом окне папку назначения, в поле ввода "Имя файла" вводим с клавиатуры имя файла и нажимаем кнопку "Сохранить".
5. Создание анимированного gif-файла с помощью онлайн gif-аниматора
Пусть мы создали в какой-то папке видеоряд будущей анимации. Попробуем создать на базе этого видеоряда анимированный gif-файл с помощью онлайн gif-аниматора. Открываем сайт "Сервис бесплатных приложений", указав в поисковике адрес этого сайта - www.ru.toolson.net. В стартовом окне этого сайта нажимаем кнопку "Сделать анимацию".
При создании анимации нужно последовательно выполнить следующие действия.
Шаг 1. В новом окне нажимаем кнопку "Загрузить файлы". Вы можете загружать файлы следующих типов: jpg, png, gif и bmp. Общий размер файлов не должен превышать 15Мб. В открывшемся окне диалога "Выберите файлы для отправки с помощью ru.toolson.net" добираемся до нужной папки с видеорядом, выделяем в этой папке первый кадр видеоряда и щелкнем по кнопке "Открыть".
Аналогичную процедуру выполняем для отправки в онлайн gif-аниматор всех остальных кадров видеоряда. Так как мы добавили в онлайн gif-аниматор несколько кадров, то мы можем оперативно поменять кадры местами, перетягивая их, удалить лишние кадры и добавить новые.
Шаг 2. В поле ввода "Название" вводим название анимации. Это поле является обязательным. Мы можем в качестве имени оставить слово "Animation", которое задано по умолчанию.
Шаг 3. В поле ввода "Интервал (мс)" введим интервал между кадрами в миллисекундах. Это поле является обязательным. Мы можем оставить "500", заданное по умолчанию.
Шаг 4. В полях ввода "Ширина" и "Высота" вводим ширину и высоту в пикселах. Это необязательные поля. Мы можем оставить эти поля пустыми. В этом случае система выберет средний размер, исходя из загруженных Вами кадров.
Шаг 5. Включаем флажок "Повторять". Этот параметр определяет, будет ли анимация постоянно повторяться.
Шаг 6. Включаем флажок "Разрешить доступ". Этот параметр определяет, будет ли анимация доступна для просмотра в галерее.
Шаг 7. Выбираем в представленной палитре один из эффектов, который мы хотим применить к своей анимации. В нашем распоряжении имеются следующие варианты - "Никакой", "Сердечки", "Оттенки серого", "Рамка №1", "Рамка №2", "Рамка №3", "Рамка №4", "Рамка №5".
Шаг 8. Выбираем для примера вариант "Рамка №4". Чтобы завершить создание анимации онлайн нажимаем кнопку "Создать" и мы увидим стартовый кадр созданной анимации после слова "Поздравляем!"
Остается только скачать созданную анимацию к себе на компьютер, нажав на кнопку "Скачать" (Download).
Примечание. Если материал, приведенный в статье, вас заинтересовал, и вы хотите сами в кратчайшие сроки научиться создавать качественные анимированные gif-файлы, запишитесь на курсы в РИРО по данной тематике. На этих курсах вы можете также скачать себе на флешки все описанные в статье дистрибутивы программ, электронные версии авторских лабораторных работ с необходимыми иллюстрациями, наборы декоративных шрифтов и другого иллюстративного материала. Ориентировочный объем курсов - 20 часов.
Скачать вложение