Думаю, что вы заметили новогоднюю версию логотипа в шапке этого сайта, в частности мерцающую гирлянду, обвивающую буквы. Так вот — в сегодняшнем уроке я покажу, как сделать такую гирлянду в графическом редакторе GIMP.

мигание лампочек в gimp

Провод гирлянды.

Создадим новое изображение (1000 х 400 в уроке).
Добавим новый тестовый слой и введем надпись «С новым Годом!»:

Screenshot_1-min

Далее нам предстоит работать с контурами, о которых я рассказывал в одном из уроков (http://cg-evolution.ru/rabota-s-konturami-v-gimp-2-8/).
При помощи контуров нужно нарисовать провод так, чтобы он как-бы обвивал буквы нашей надписи (чтобы сделать разрыв между узлами контура, нужно удерживать Shift):

Далее создадим новый прозрачный слой и назовем его «Гирлянда»:

Screenshot_6-min

Выберем в качестве основного цвета — зеленый. В параметрах контура кликнем на «Обводка по контуру» и зададим следующие параметры:

Screenshot_7-min

Там где контур «заползает» на буквы подкорректируем его при помощи ластика и кисти с мягкими краями:

Применим к проводу фильтр «Добавить фаску» со значением 1 (фильтры > декорация > Добавить фаску):

Screenshot_11-min

Создадим тень при помощи фильтра «отбрасываемая тень» (фильтры > свет и тень > отбрасываемая тень):

Screenshot_12-min

При помощи ластика удалим тень за пределами букв:

Screenshot_13

Лампочки гирлянды.

 

Добавим новый прозрачный слой, выделим на нем прямоугольную область и зальем ее черно-серым градиентом:

Screenshot_15-min

Screenshot_16-min

Создадим еще одно прямоугольное выделение, как показано на скриношоте, и также зальем его градиентом:

Screenshot_17-min

Создадим эллиптическое выделение:

Screenshot_18-min

Удерживая Ctrl вычтем из его верхней части прямоугольник:

Screenshot_19

Зальем получившееся выделение желто-оранжевым градиентом:

Screenshot_21-min

Откадрируем слой по размеру лампочки (инструмент «кадрирование»):

Screenshot_23-min

Уменьшим лампочку и при помощи инструментов «перемещение» и «вращение» разместим ее на проводе:

Screenshot_24-min

Скопируем слой и поместим его в другом месте на проводе:

Screenshot_25-min

Инструментом «Тон/Насыщенность» (Цвет > Тон/Насыщенность) изменим цвет лампочки:

Screenshot_26-min

Таким образом создадим несколько разноцветных лампочек и распределим их по проводу:

Screenshot_31-min

Сведем все слои с лампочками в один единственный слой:

Screenshot_27-min

Кстати, чтобы добавить на текст такой-же градиент, как на скриншоте нужно выполнить следующее:
Создадим новый слой над текстом и зададим режим наложения  — «перекрытие».

Screenshot_28-min

Зальем весь слой черно-белым градиентом, как показано ниже:

Screenshot_29-min

Объединим  слой с текстом.

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

Анимация мигания лампочек.

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

Screenshot_40-min

Теперь при помощи кисти с мягкими краями «подсветим » на каждом из слоев лампочки своего цвета. Например на слое «1» я подсветил бирюзовые лампочки:

Screenshot_41-min

Теперь экспортируем проект в GIF с такими параметрами сохранения:

Screenshot_42-min

Если все сделали правильно, то должно получиться что-то подобное:

hny

На этом пока все. Надеюсь что урок был полезен вам.