ProGIMP — сайт про Гимп

GIMP — The GNU Image Manipulation Program
(Гимп — бесплатный графический редактор)

   


Простая анимация. Мерцание фона.

Главная Уроки по GIMP Простая анимация. Мерцание фона.

Информация по уроку:

Автор: Amina

Выполнено в GIMP 2.6.7
Опубликовано 27 февраля 2010

Добавить на Яндекс


Облако меток:

3D Layer Effects Web 2.0 акварель акне альфа-канал анимация аэрограф брызги буфер обмена быстрая маска вектор взрыв видео винил вихрь вода возможности выделение гирлянда глаза город градиент графический планшет губка губы движение дождь дом дым елка загар звезды зима змея золото зубы иконка инструменты интерфейс каналы карандаш кисти кисть клыки кнопка коврик кожа контуры космос кот кривые кровь круг лава лето лягушка макияж маска слоя масштабирование машина микшер каналов монитор направляющие настройка начинающим новый год ночь обои обработка глаз обработка фото обработка фотографий огонь открытка палец плагин пламя планета пленка поверхность постер природа прыщи радуга реалистичность режимы смешивания ретушь рефлекс рисование рисунок салют свет свет и тень сердце сигарета символ смайлик снег стекло стерео стилизация фото сфера текст текстура телевизор тени угри узор фильтры фон фотоаппарат фотоколлаж фотообработка цветокоррекция шар штамп электричество элементы навигации эффект юзербар яблоко язык

 

Похожие уроки:

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

Сияние драгоценностей
Как при помощи звёздной кисти заставить драгоценности блестать.

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

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


- эта подойдёт


- эта нет

потому что после сохранения её в формате GIF, мы получим вот что:

Но самые удобные фото для анимации - чёрно-белые и сепия - они не теряют качества вообще.

Итак:

Включи инструмент Выделение связанной области на Панели инструментов.

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

Продублируй основной слой.
Выбери пункт меню Цвет-Яркость-Контрастность

Измени яркость = 15, контрасность = 5.

Можно просмотреть что получилось в Фильтры-Анимация-Воспроизведение.

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

Итог:

Рекомендовать урок другим пользователям

Метки: анимация фон

Уроки: предыдущий следующий

14 комментариев:

Пользователь #4Андрей 27 февраля 2010 в 18:01

Amina, спасибо за урок)) очень полезный. А объяснения какие хорошие...))

Пользователь #812Amina 1 марта 2010 в 18:18

Спасибо, Андрей :) Скоро пришлю ещё)

Пользователь #1 2 марта 2010 в 11:54

Насчет анимированных полноцветных фотографий или картинок.
Существует формат APNG (http://ru.wikipedia.org/wiki/APNG), пока не получивший широкого распространения, но поддерживающий полноцветные фото и прозрачность.
К сожалению, на текущий момент GIMP не поддерживает Animated PNG.
Хотя позывы на эту тему были: некто Steven обещал еще в 2007 году пообщаться на тему внедрения этого формата.
Разработка же патчей для библиотеки libpng поддерживающей формат PNG была Andrew Smith, но в мае 2008 прекращена.
Однако, Max Stepin разрабатывает VirtualDub APNG Mod (http://vdubapngmod.sourceforge.net/) и нем разработка проекта вроде как жива. Будем надеяться, что со временем сделают поддержку APNG.

Пользователь #812Amina 3 марта 2010 в 11:17

zoonman, существует так же формат mng:

MNG (англ. Multiple-image Network Graphics) — формат графических файлов. Поддерживает все возможности алгоритмов сжатия PNG и JPEG (в том числе полупрозрачность и гамма-коррекцию) для создания анимированных изображений. (Википедия)

и увы он тоже практически не используется.

вот его преимущества:

Анимация

-полноцветная анимация (по сравнению с палитерной 256-цветной GIF-анимацией)
-объектно(спрайтно)-ориентированный подход к анимации с командами управления изображением, вместо простой последовательности кадров, как в GIF
-вложенные циклы для сложной анимации

Сжатие

-более эффективное чем в GIF
-сжатие с потерями (как в JPEG) и без (как в PNG), по выбору
-поддержка разностных кадров для увеличения сжатия

Дополнительные возможности

-поддержка прозрачных JPEG кадров
-поддержка альфа-канала для всех объектов
-поддержка коррекции гаммы и цвета
-может включать произвольную текстовую и прочую информацию (допускает сжатие)
-несколько контрольных сумм для проверки целостности разных частей файла
-специальная строка идентификации, которая позволяет определить частые типы повреждения (в основном связанные с перекодировкой)
-определяет нескольких уровней (профилей) поддержки для упрощения реализации

Пользователь #18Тимур 3 марта 2010 в 23:56

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

Для того, чтобы в ВЕБЕ делать анимацию - нужно сохранять один большой JPG со всеми кадрами и знать JavaScript чтобы эти кадры становились анимацией.

Для того, чтобы делать анимацию для компа - есть формат AVI.

Пользователь #1 4 марта 2010 в 14:42

Тимур, вы наверняка знаете, что JPEG формат с потерями и изначально подразумевает гуано на выходе при создании достаточно детализированной картинки.

Amina, MNG я тоже в курсе. Только вот с поддержкой его вообще сложно пока. APNG уже имеет право на жизнь, так как поддерживается тем же Firefox из коробки. Честно говоря я и сам бы мог сделать плагин для Гимпа, который делал бы подобные вещи, но времени у меня на это банально нет.

Пользователь #18Тимур 4 марта 2010 в 16:12

zoonman, JPG - к примеру. Хотите без потерь полностью? - пожалуйста: та же раскадровка в PNG-формате (кстати и альфа-канал с прозрачностью будет. и ишак шестой через хаки прекрасно потянет).

APNG поддерживает только онелис и опера (новейшая). Кстати, лидер индустрии - IE поддерживать PNG в полном объеме начал только к 7 версии.

Если в этом году ВебКид (сафари и хром) включит поддержку APNG, то он и в Ишаке может появиться... году, эдак к 1025...

а JavaScript и картинки поддерживаются и ранними версиями всех вышеперечисленных бразуеров.

Новые форматы - конечно хорошо, но нужны, по большому счету, как собаке пятая нога.

Пользователь #1464Smile1_23 17 апреля 2010 в 13:12

Блин, а я не мог понять почему у меня после сохранения картинки в gif вместо плавного перехода цвета какие-то полоски) Вот только другие форматы реально использовать Не реально(
А урок хороший)

Пользователь #69art 17 апреля 2010 в 23:41

спасибо за урок)

Пользователь #1 30 апреля 2010 в 09:48

Smile1_23, потому что внутри gif не более 256 цветов.
Можете включить шум (dithering), но это не сильно улучшит качество.

Пользователь #812Amina 12 мая 2010 в 18:48

рада, что урок пригодился :)
напишу ещё попоздже)

Пользователь #1536Yabloko 5 июня 2010 в 08:21

Красивый и несложный урок)

Пользователь #1607тока 14 июня 2010 в 22:44

это единственно, что у меня получилось
спасибо

Пользователь #39UnRail 26 июня 2010 в 13:22

Автору спасибо. Отличный урок.

Чтобы оставлять комментарии вы должны войти или зарегистрироваться.


  1. Fuzz. Музыкальный портал Фузз - рок группы, новинки рок музыки и многое другое.
  2. расход топлива дизель генератора
   

При цитировании, использовании или заимствовании материалов
ссылка на www.progimp.ru обязательна. (Более подробно)

© 2008—2010 Pro GIMP. Обратная связь, рекламодателям.

1719 пользователей
новых: 8.

Всего 21 гость онлайн.

Рейтинг@Mail.ruRambler's Top100

«Про GIMP» v2.29