ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Простая анимация. Мерцание фона.
Для начала нужно выбрать изображение. Подходят не все, но так как gif - формат, поддерживающий всего 256 цветов, рекомендую выбирать картинки, содержащие поменьше оттенков, например:
- эта подойдёт
- эта нет
потому что после сохранения её в формате GIF, мы получим вот что:
Но самые удобные фото для анимации - чёрно-белые и сепия - они не теряют качества вообще.
Итак:
Включи инструмент Выделение связанной области на Панели инструментов.
Увеличь порог чувствительности волшебной палочки до 24-25. На рисунке я обвела красным ту часть панели, где это можно сделать. Выдели волшебной палочкой, зажав Shift область которая будет подсвечена (зажать Shift - прибавить к имеющимуся выделению, Ctrl - вычесть из выделения).
Продублируй основной слой.
Выбери пункт меню Цвет-Яркость-Контрастность
Измени яркость = 15, контрасность = 5.
Можно просмотреть что получилось в Фильтры-Анимация-Воспроизведение.
И последний шаг - сохранить как GIF. В меню Файл-Сохранить как выбери тип файла, выскочит окошко с предложением экспортировать файл. Поставь галочку напротив "Сохранить как анимацию". В следующем окне можно выставить задержку кадров. В данном случае она равна 100.
Итог:
Результаты урока
Уроки: ← предыдущий следующий →
22 комментария
Amina1 марта 2010 в 20:18
Спасибо, Андрей :) Скоро пришлю ещё)
Филипп Ткачёв2 марта 2010 в 13: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.
Amina3 марта 2010 в 13:17
zoonman, существует так же формат mng:
MNG (англ. Multiple-image Network Graphics) — формат графических файлов. Поддерживает все возможности алгоритмов сжатия PNG и JPEG (в том числе полупрозрачность и гамма-коррекцию) для создания анимированных изображений. (Википедия)
и увы он тоже практически не используется.
вот его преимущества:
Анимация
-полноцветная анимация (по сравнению с палитерной 256-цветной GIF-анимацией)
-объектно(спрайтно)-ориентированный подход к анимации с командами управления изображением, вместо простой последовательности кадров, как в GIF
-вложенные циклы для сложной анимации
Сжатие
-более эффективное чем в GIF
-сжатие с потерями (как в JPEG) и без (как в PNG), по выбору
-поддержка разностных кадров для увеличения сжатия
Дополнительные возможности
-поддержка прозрачных JPEG кадров
-поддержка альфа-канала для всех объектов
-поддержка коррекции гаммы и цвета
-может включать произвольную текстовую и прочую информацию (допускает сжатие)
-несколько контрольных сумм для проверки целостности разных частей файла
-специальная строка идентификации, которая позволяет определить частые типы повреждения (в основном связанные с перекодировкой)
-определяет нескольких уровней (профилей) поддержки для упрощения реализации
Тимур Елизаров4 марта 2010 в 01:56
zoonman, Amina. Оба варианта - фигня. Оба неофициальны, поэтому их поддержка браузерами, просмотровщиками и редакторами призрачна.
Для того, чтобы в ВЕБЕ делать анимацию - нужно сохранять один большой JPG со всеми кадрами и знать JavaScript чтобы эти кадры становились анимацией.
Для того, чтобы делать анимацию для компа - есть формат AVI.
Филипп Ткачёв4 марта 2010 в 16:42
Тимур, вы наверняка знаете, что JPEG формат с потерями и изначально подразумевает гуано на выходе при создании достаточно детализированной картинки.
Amina, MNG я тоже в курсе. Только вот с поддержкой его вообще сложно пока. APNG уже имеет право на жизнь, так как поддерживается тем же Firefox из коробки. Честно говоря я и сам бы мог сделать плагин для Гимпа, который делал бы подобные вещи, но времени у меня на это банально нет.
Тимур Елизаров4 марта 2010 в 18:12
zoonman, JPG - к примеру. Хотите без потерь полностью? - пожалуйста: та же раскадровка в PNG-формате (кстати и альфа-канал с прозрачностью будет. и ишак шестой через хаки прекрасно потянет).
APNG поддерживает только онелис и опера (новейшая). Кстати, лидер индустрии - IE поддерживать PNG в полном объеме начал только к 7 версии.
Если в этом году ВебКид (сафари и хром) включит поддержку APNG, то он и в Ишаке может появиться... году, эдак к 1025...
а JavaScript и картинки поддерживаются и ранними версиями всех вышеперечисленных бразуеров.
Новые форматы - конечно хорошо, но нужны, по большому счету, как собаке пятая нога.
Smile1_2317 апреля 2010 в 15:12
Блин, а я не мог понять почему у меня после сохранения картинки в gif вместо плавного перехода цвета какие-то полоски) Вот только другие форматы реально использовать Не реально(
А урок хороший)
art18 апреля 2010 в 01:41
спасибо за урок)
Филипп Ткачёв30 апреля 2010 в 11:48
Smile1_23, потому что внутри gif не более 256 цветов.
Можете включить шум (dithering), но это не сильно улучшит качество.
Amina12 мая 2010 в 20:48
рада, что урок пригодился :)
напишу ещё попоздже)
Yabloko5 июня 2010 в 10:21
Красивый и несложный урок)
тока15 июня 2010 в 00:44
это единственно, что у меня получилось
спасибо
Arty26 июня 2010 в 15:22
Автору спасибо. Отличный урок.
♥Nastenka♥11 августа 2010 в 19:37
почему у меня ничего не получается???? Не блестит он
♥Nastenka♥11 августа 2010 в 19:39
всё! извините...получилось!!!
Verrgas31 октября 2010 в 18:36
Спасибо за урок. Подскажиите, пожалуйста, как сделать так, чтобы мерцание происходило в нормальном ритме, у меня всё получилось, только ОЧЕНЬ медленно мерцает. И, кстати с остальными эффектами(Glitter и сияние драгоценностей) та же история...
Филипп Ткачёв11 ноября 2010 в 14:49
Попробуйте уменьшить задержку кадров. Скорость анимации зависит от производительности вашего компьютера, если он достаточно старый, хотя это и весьма маловероятно.
Алисик27 ноября 2010 в 23:44
Получилось, Ура!!! Спасибо за подробные описания
MortO10 января 2011 в 16:34
сяп все получилось написанно все ясно очень интересный сайт =***
Валерия Андронова15 января 2011 в 14:12
очень красиво.Молодец.:)
Edmariada18 января 2011 в 22:39
Сейчас сотворила анимашку, но она как анимация просматривается только в самом гимпе, а так - как обычная картинка, хотя сохранила в формате ГИФ. (
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку:
Добавил урок: Amina
Выполнено в GIMP 2.6.7
Опубликовано 27 февраля 2010
Новые уроки по RSSАнонсы бесплатно и быстро!
Другие уроки автора:
Простая анимация. Glitter (блеск).
Урок, который пригодится при изготовлении открыток и аватаров.
Сияние драгоценностей
Как при помощи звёздной кисти заставить драгоценности блестать.
Кисти:
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Анимация
Вопрос-ответ
Описание скрипта «Layer Effects»
Скачать → Плагины для GIMP
GIMP FX Foundry
Скачать → Плагины для GIMP
Анимация в GIMP
Уроки по GIMP
Эффекты
Уроки по GIMP
Добавили в избранное:
, , Arty, eFF, MortO, tanial, tihiro, Yabloko, Александр Файзулин, Алисик, Антон Столяров, Галина Бокина, Даша Кондратьева, Максим Ротенко, Молния, Настя Пронина, Ольга Майорова, Сергей Диденко.
Вопросы:
Как сделать анимацию gif как можно меньшего размера (то есть веса)?
Вместо анимации показывается первый кадр
Оценка урока
«Простая анимация. Мерцание фона.» получил оценку 3.50 на основе 6 голосов.
8034+458 Комментария |
со ссылкой на www.progimp.ru. Более подробно →
Amina, спасибо за урок)) очень полезный. А объяснения какие хорошие...))