Меню Содержимое

Поиск

Голосования

Нужен ли тут форум?
 
Что такое Gif-анимация.
Рейтинг: / 4.
ХудшаяЛучшая 
11.07.2015

Что такое Gif-анимация.

cda9ae94399223bdffa83479ae6d3145.gif

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

 

Произношение и происхождение названия.

Создатели формата произносили его название как «джиф» . Тем не менее, в англоязычном мире широко используется и произношение «гиф». Анимация (от фр. animation — оживление, одушевление), мы больше привыкли к термину мультипликация, но на Западе называют анимацией.

Как делается анимированные изображения.

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

Анимацию можно сделать цикличной (англ. loop - петля), тогда вслед за последним кадром начнётся воспроизведение первого кадра итд.
GIF анимация может использовать прозрачность для того чтобы не сохранять очередной кадр целиком, а только изменения относительно предыдущего.
В GIF-анимации используется любая последовательность изображений: можно, например, оживить страницу огнями светофора, меняющего свет с зеленого на желтый и затем на красный, или нарисовать кнопку "Горячие новости", окруженную подвижными языками пламени. Применять GIF-анимацию просто, она предъявляет самые минимальные требования к сетевым ресурсам и недорога. Вам не понадобятся ни дорогие программы-редакторы, ни сложные инструменты, ни специальное ПО для сервера, ни время на обучение. Однако следует знать, что такую анимацию могут отобразить только браузеры , оснащенные соответствующей функцией.
Можно бесплатно загрузить с одной из многочисленных Web-галерей готовые GIF-мультфильмы для интрасети или создать их самостоятельно.
В последнем случае вам понадобится утилита для редактирования GIF-изображений и манипулирования ими. Если вы работаете в Windows, рекомендую попробовать программу GIF Construction Set.
Исходные картинки (кадры) можно создать различными способами:

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

Мы уже знаем, что GIF — ничто иное, как обычное расширение для графического файла.
Так вот, данное расширение  способно хранить сжатые данные без потери качества до 256 цветов, что само по себе конечно же уже мало. Но! Есть и значительное преимущество: данное расширение, позволяет делать из статистической картинки динамическую, что мы и будем делать с Вами дальше.
Причем есть интересная особенность. GIF файл, «живущий» вне сети — «мертвый» файл. Что это значит?
Если Вы забьете в поисковике вот такой запрос: «gif анимация» и нажмете вкладку «Картинки» (Для Яндекса) — то он Вам найдет целую гору разных графических файлов, которые имеют данное разрешение. И если нажать на любой из них, Вы увидите, что они ожили.
Сохранив же их на свой ПК, они «умрут», т.е. будут полностью статичны. Это происходит из за того, что Ваш браузер имеет специальный набор кодеков, которые могут раскрывать в динамике данные файлы.
Значит, нужно (и можно) учиться создавать gif-картинки самим….
Как это происходит?
Способов создания анимации существует множество. Вот далеко не весь список:
1. программа Photoshop
2. онлайн сервисы
http://picasion.com/ru/
http://gifovina.ru/
http://gifius.ru/
http://ru.bloggif.com/
Первый способ — основной. Им и пользуются все профи в создании gif анимаций . Эту программу скачивают И если Вы в будущем хотите создавать красивые анимации, есть смысл разобраться как создавать их в Фотошопе. Суть там в следующем: рисуются картинки и накладываются в анимацию.
Второй способ — это онлайн сервисы. В основном они имеют немудреный интерфейс, и сложного ничего нет.

 

Практическое занятие

на примере создания GIF-анимации в среде Гифовины:
Итогом нашей практической работы будет создание вот такой картинки.

cda9ae94399223bdffa83479ae6d3145.gif

1. Запускаем редактор по ссылке  http://gifovina.ru. И начинаем добавлять кадр за кадром.

1.png

 

2. Добавляем 7 кадров- букетов.  Указываем эффекты. Эффекты разбиты по группам. Их достаточно много. Я выбрала "вертикальные жалюзи".

2.png

3. К каждой картинке установить параметры: Размер, Режимы подгонки, Длительность кадра, Эффекты.

4.png

4. Вот пример эффекта "горизонтальные жалюзи". Все эффекты можно попробовать через кнопку "Готово". А зафиксировать результат кнопкой "Скачать".

5.png

5.Есть возможность добавить на каждую картинку свой текст. Для этого надо картинку активизировать кликом.

6.png

 6.Потянув за зеленые уголки (границы текста", можно изменить размеры текстового окна

7.png

7. Готовый результат. Не забыть про клавишу "Поделиться в соц сетях"

3.png

Есть в интернете и вариант брать готовые картинки – анимации, гифки.
Скачать анимашки можно здесь.
http://ok.ru/gifanimat (Одноклассники.ru Группа GIF АНИМАЦИЯ, ЖИВЫЕ КАРТИНКИ !!! )
http://animashky.ru/
http://www.gifprikol.com/
http://gifotkrytki.ru/
http://vidbest.net/index.php
http://miranimashek.com/
http://animashki.kak2z.org/
Статья и фото от Ольги Овчинниковой. За что ей большое спасибо!

Вы спрашивали:
Вопрос: Подскажите пожайлуста, как отправлять друзьям в Одноклассниках картинки -гифкы?
Отвнт: Картинки-гифки отправляются с компьютера, т.е., где их видите, надо собирать через крестик в левом нижнем уголке. Картинка попадет в альбом Гифы в разделе Фото на вашей страничке. Потом через скрепку, выбрать строку Фото  и в Обсуждения, и в Личные сообщения.

Последнее обновление ( 10.02.2016 )
 

Комментарии 

 
0 #6 Евгений 18.05.2017 10:20
Цитирую Анна:
для чего нужны гиффки?

Для украшения страницы.
Цитировать
 
 
0 #5 Анна 17.05.2017 16:26
для чего нужны гиффки?
Цитировать
 
 
0 #4 remontokna.com.ua 13.11.2016 17:30
GIF-анимация может использовать прозрачность для того, чтобы не сохранять очередной кадр целиком, а только изменения относительно предыдущего.
Цитировать
 
 
0 #3 Татьяна.. 01.07.2016 12:07
Вро де бы разобралась.. спасибо... попробую создать что либо попозже..
Цитировать
 
 
0 #2 Наталья Маркова 13.07.2015 19:50
Цитирую Ольга Овчинникова:
Отличный сайт! Гиф-анимация работает!!!

Спасибо, Олечка
Цитировать
 
 
0 #1 Ольга Овчинникова 13.07.2015 19:46
Отличный сайт! Гиф-анимация работает!!!
Цитировать
 

Добавить комментарий

Для добавления комментариев, регистрация не требуется.

< Пред.   След. >