Проектная работа учащегося по информатике "Создание гиф-анимации при помощи онлайн сервиса Гифовина"

МБОУ «Безречнинская ООШ»

Малышева Ксения Алексеевна

6 класс

Тема «Создание gif-анимации при помощи онлайн сервиса Гифовина»

творческий проект по информатике

Руководитель проекта Кожуховская Юлия Петровна, учитель информатики

П.ст. Безречная

2022 г

Содержание

Введение. 4

1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ. 5

1.1 Что такое gif – анимация. 5

1.2 История возникновения gif – анимации. 6

2. ПРАКТИЧЕСКАЯ ЧАСТЬ. 7

2.1. Способы создания gif – анимации. 7

2.1.1.  Создание gif – анимации из изображений. 7

2.1.2. Создание gif – анимации из видео. 7

2.1.3. Создание gif – анимации из изображений и видео. 8

2.2. Алгоритм создания gif – анимации при помощи онлайн-сервиса Гифовина. 10

Заключение. 13

Список использованной литературы: 14

Введение

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

Цель работы:  создание поздравительной gif – анимации с помощью Онлайн – сервиса Гифовина.

Задачи:

1. раскрыть понятие gif – анимация;

2. изучить историю возникновения gif – анимации;

3. выяснить способы создания gif – анимации;

4. создать поздравительную gif – анимацию.

1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

1.1 Что такое gif – анимация

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

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

Что же такое анимация? Анимация (от франц. animation – оживление, одушевление). Это создание иллюзии движения (не обязательно на экране монитора). Эффект анимации является результатом быстрой смены изображений немного отличающихся друг от друга.

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

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

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

1.2 История возникновения gif – анимации

В 1977 году два израильских специалиста по теории информации, Яков Зив и Авраам Лемпель, написали универсальный алгоритм сжатия данных, который получил название LZ (Lempel-Ziv). Позже, в 1984 году, Терри Уэлч, сотрудник фирмы Unisуs (Юнaйсис), изменил этот алгоритм, немного улучшив степень сжатия. Этот метод стал называться LZW (Lempel-Ziv-Welch).

В 1987 году, фирма CompuServe (Компьюсерв) использовала алгоритм LZW при создании нового формата изображений, предназначенного специально для обмена графикой между компьютерами - GIF (Graphic Interchange Format). С развитием интернета, когда потребность в компактных, быстро передающихся по сети изображениях многократно возросла, формат GIF стал необычайно популярен.

В 1989 году CompuServe выпустила расширенную версию формата - GIF89a. В нее были добавлены такие свойства поддержки, как прозрачный фон и анимация.

Популярный формат графических изображений способен хранить сжатые данные без потери качества в формате не более 256 цветов. Использование LZW – компрессии позволяет неплохо сжимать файлы, в которых много однородных заливок (надписи, логотипы, схемы).

2. ПРАКТИЧЕСКАЯ ЧАСТЬ

2.1. Способы создания gif – анимации

Благодаря появлению современных мощных домашних компьютеров и распространению web-технологий, плоская компьютерная анимация стала доступна широкому кругу любителей. Для создания и редактирования gif – анимации можно воспользоваться услугами бесплатных онлайн – сервисов. Рассмотрим некоторые из них.

2.1.1.  Создание gif – анимации из изображений

Онлайн – сервис Гифовина http://gifovina.ru/ . Работать с данным сервисом достаточно просто. Для создания gif - анимации вам понадобятся не меньше двух изображений в JPG формате и желательно одного размера. Вся операция по превращению их в анимированную картинку потребует всего трёх шагов. Сначала загружаем на сервер картинки (по одной или сразу все вместе). После того как картинки будут загружены, их миниатюры будут отображены в верхней части рабочей области сервиса.

Онлайн конструктор gif  - изображений «GIFANIMATOR» является одним из приложений сайта https://ru.toolson.net/. На главной странице представлено краткое описание сервисов сайта, панель с инструментами, окно описания возможностей данного конструктора и рабочая область. Посредством онлайн конструктора GIFANIMATOR  предлагается создать анимированное  gif - изображение, следуя восьми простым шагам: загрузка файлов на сайт конструктора; выбор названия будущей gif – анимации; выбор интервала между кадрами gif – анимации; размеры будущей gif – анимации; повторение; сохранение изображения в галерее конструктора; выбор эффектов или слайдов для будущей gif – анимации;  создание gif – анимации.

2.1.2. Создание gif – анимации из видео

Video To Gif Lab – бесплатный онлайн – сервис, который позволяет конвертировать видео в gif - анимацию.  Недостаток, в данном сервисе нельзя написать текст к gif, добавить стикеры, задать размер. Нельзя выбрать диапазон анимации — сервис берёт только первые 20 секунд. То есть, если нужно создать анимацию из середины видео, предварительно надо будет вырезать его в каком-нибудь видеоредакторе.

Бесплатный онлайн видео - конвертер https://online-converting.ru/  поможет сконвертировать любой популярный формат видео в gif. Поддерживаются такие форматы как AVI, WMV, MPEG, MOV, FLV, MP4, 3GP, VOB и другие. В настоящее время для получения новостей в основном пользуются мобильными устройствами, поэтому инструменты визуализации могут быть очень полезны для создания изображений поддерживаемого формата. В этом плане как нельзя лучше подойдет анимированный gif. Но в данном случае есть определенный минус, если конвертировать видео в анимированный gif без дополнительных настроек, то его размер может быть в десятки раз больше. Именно поэтому на данном сервере были добавлены настройки размера и частоты кадров, оперируя которыми можно существенно сократить размер выходного файла до нескольких мегабайт.

2.1.3. Создание gif – анимации из изображений и видео

Kick My Graphics https://download.cnet.com/ – это программное обеспечение с простым, понятным управлением. Работает с локальными изображениями и короткими видеофайлами (процесс медленный, перед редактированием видео нужно конвертировать). Допускается запись экрана, анимация записанного видео. Что касается редактирования, отсутствует возможность добавления своего текста, регулировки яркости кадров. При создании анимации используется последовательность изображений любого формата. Режимы Loopback или Reverse помогают установить задержку, пошаговые кадры, количество повторов. Есть возможность изменять ширину, высоту, уровень масштабирования кадров, а также добавлять различные эффекты.

Бесплатный портативный инструмент InstaGiffer https://instagiffer.com/ позволяет захватывать определенную часть экрана и превращать ее в gif. Данное приложение также позволяет конвертировать в gif видеофайлы: не только локальные, но и веб (например, с You Tube). При желании можно добавить текст, свой собственный фоновый звук, различные эффекты, фильтры (около 10 визуальных эффектов на выбор). Приложение имеет возможность редактировать другие gif – файлы, импортировать, экспортировать или удалить отдельные кадры. К недостаткам программы можно отнести невозможность редактирования каждого кадра по отдельности и ограниченную поддержку текста.

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

Сервис Supa предназначен для создания коротких видеороликов, которые в дальнейшем размещаются в одной из социальных сетей с целью раскрутки коммерческого аккаунта или сообщества. В распоряжении пользователя удобные и функциональные инструменты, позволяющие с нуля или при помощи шаблонов создавать яркие видео. Например, промо – ролики, рекламные ролики, «живые» изображения, надписи на видео, короткие презентации, клипы для сторис в Instagram. Сервис является бесплатным, если вы используете базовые функции. Чтобы получить все возможности Supa, необходимо активировать подписку.

2.2. Алгоритм создания gif – анимации при помощи онлайн-сервиса Гифовина

1. В строке поиска браузера пишем Гифовина (рис 1).

Рис 1.

2. Переходим по ссылке на страницу онлайн сервиса (рис 2).

Рис 2.

3. Нажимаем кнопку «Добавить кадры с компьютера» (рис 3).

Рис 3

4. Находим свою папку и выбираем все созданные кадры для анимации. Кадры можно добавлять по одному или всей группой сразу. Затем нажимаем команду «Открыть» (рис 4).

Рис 4.

5. Устанавливаем размер анимации 150´150, добавляем эффекты по желанию (рис 5).

рис 5.

6. Нажимаем кнопку «Готово». В окне «Результат» можем просмотреть полученную анимацию. Если результат  устраивает, то нажимаем кнопку «Скачать» и сохраняем полученный файл. Для редактирования анимации закрываем окно «Результат» и меняем те параметры, которые нам не понравились: размер, длительность кадров, количество кадров, эффекты (рис 6).

рис 6.

Заключение

В заключении я могу сказать о том, что с поставленными целью и задачами проекта я справилась. Теперь я умею создавать gif – анимации. Своими знаниями я могу поделиться с друзьями и одноклассниками.

Список использованной литературы:

1. Захарова И.Г. Информационные технологии в образовании. – М.: Академия, 2013. –192 с.

2. Лукьянова Н.В. Компьютерная анимация // Информатика и образование. 2013. № 10. С. 3-20.

3. Шестерина А. М. GIF — анимация в системе массовой коммуникации // Актуальные проблемы телевидения и радиовещания. — Воронеж: Воронежский Государственный Университет, 2017. — С. 167–178.

4. Онлайн сервис для формирования анимированных GIF. [Электронный ресурс]. Режим доступа: http://ruseller.com/service.php?=21&id=2749. Дата обращения: 10.01.2022.