облачные технологии актуальность

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

   


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

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

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


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


- эта нет

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

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

Итак:

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

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

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

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

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

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

Итог:


47

В избранном у 47 человек:

Метки: , , .

Результаты урока

Добавить

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

22 комментария

0

Пользователь #4Андрей Сидоров27 февраля 2010 в 20:01Личное сообщение

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

0

Пользователь #812Amina1 марта 2010 в 20:18Личное сообщение

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

1

Пользователь #1Филипп Ткачёв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.

0

Пользователь #812Amina3 марта 2010 в 13:17Личное сообщение

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

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

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

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

Анимация

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

Сжатие

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

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

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

0

Пользователь #18Тимур Елизаров4 марта 2010 в 01:56Личное сообщение

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

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

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

0

Пользователь #1Филипп Ткачёв4 марта 2010 в 16:42Личное сообщение

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

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

0

Пользователь #18Тимур Елизаров4 марта 2010 в 18:12Личное сообщение

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

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

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

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

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

0

Пользователь #1464Smile1_2317 апреля 2010 в 15:12Личное сообщение

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

-1

Пользователь #69art18 апреля 2010 в 01:41Личное сообщение

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

0

Пользователь #1Филипп Ткачёв30 апреля 2010 в 11:48Личное сообщение

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

0

Пользователь #812Amina12 мая 2010 в 20:48Личное сообщение

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

0

Пользователь #1536Yabloko5 июня 2010 в 10:21Личное сообщение

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

0

Пользователь #1607тока15 июня 2010 в 00:44Личное сообщение

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

0

Пользователь #39Arty26 июня 2010 в 15:22Личное сообщение

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

-1

Пользователь #1750♥Nastenka♥11 августа 2010 в 19:37Личное сообщение

почему у меня ничего не получается???? Не блестит он

-1

Пользователь #1750♥Nastenka♥11 августа 2010 в 19:39Личное сообщение

всё! извините...получилось!!!

0

Пользователь #2099Verrgas31 октября 2010 в 18:36Личное сообщение

Спасибо за урок. Подскажиите, пожалуйста, как сделать так, чтобы мерцание происходило в нормальном ритме, у меня всё получилось, только ОЧЕНЬ медленно мерцает. И, кстати с остальными эффектами(Glitter и сияние драгоценностей) та же история...

1

Пользователь #1Филипп Ткачёв11 ноября 2010 в 14:49Личное сообщение

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

0

Пользователь #2148Алисик27 ноября 2010 в 23:44Личное сообщение

Получилось, Ура!!! Спасибо за подробные описания

0

Пользователь #2489MortO10 января 2011 в 16:34Личное сообщение

сяп все получилось написанно все ясно очень интересный сайт =***

-1

Пользователь #2523Валерия Андронова15 января 2011 в 14:12Личное сообщение

очень красиво.Молодец.:)

0

Пользователь #2527Edmariada18 января 2011 в 22:39Личное сообщение

Сейчас сотворила анимашку, но она как анимация просматривается только в самом гимпе, а так - как обычная картинка, хотя сохранила в формате ГИФ. (

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

  • >

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

Другие уроки автора

Эффект блеска (Glitter). Простая анимация
Урок, который пригодится при изготовлении открыток и аватаров.

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

Кисти

Sparks Grass High Grass animated Confetti smile Animation brush GIMP Brush Pipe GIMP Brush GIMP Brush Animated Confetti Конфети Brush with rough edges Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 Figures золотой диск GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Простая анимация. Мерцание фона.» получил оценку 3.50 на основе 6 голосов.

13876+0
Комментариев

вверх