ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Создание иллюстрации к 9 мая
Конкретно, мы будем создавать красную звезду и Орден Славы (который мы называем георгиевская лента).
Небольшое предисловие
В этом уроке я буду обращать большое внимание на достоверность происходящего. В связи с этим, совет: никогда не делайте
Урок не считаю сложным, он длинный, но состоит из простых действий.
Рисуем звезду
Итак, создаем новый файл. Лучше создавать файл разрешением побольше, чтобы проще было прорабатывать детали. В данном случае я работаю с файлом размером 1600×1200px.
В меню выбираем Фильтры > Визуализация > Gfig. Выбираем рисование звезды (1), ставим количество сторон — 5, рисуем и правим (2)

Далее Волшебной палочкой (u) выделяем внутренность звезды и нажимаем меню Выделение > В контур.

Выберем наш контур на соответствующей панели (двойной клик по нему), и увидим, что у него содержится множество лишних узлов. Если у вас такого не произошло, то значит повезло, а если,

Нажимаем Enter, чтобы выделить по контуру, создаем новый слой, называем его star и заливаем выделение

Далее, первым шагом делаем выделения как в левом рисунке, надо точно пройти через отмеченные зеленым точки. Таким образом мы найдем центр звезды. Отметим этот центр двумя направляющими. Далее берем инструмент Лассо (f), выделяем треугольные сектора, как показано в центре, и заливаем градиентами в новом слое, который мы назовем light&shadow. Соответственно, где надо блик, там заливаем белым, а где тень — черным, а у градиента необходимо поставить режим на Нормальный.

Практический совет: сохраняйте каждое выделение в контур, чтобы делать следующее соседнее выделение внахлест с предыдущим, и нажав на контур правой кнопкой мыши, выберете Вычесть из выделения
Далее смените режим слоя light&shadow на Перекрытие, продублируйте слой и у дубликата уменьшите непрозрачность примерно на половину, чтобы не было слишком контрастно и слишком блекло. Надо найти середину.
Далее создайте новый слой, назовите его center light смените режим на Перекрытие и из известного уже нам центра звезды белым градиентом, опять дублируем слой и меняем непрозрачность примерно на половину:

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

На этом можно считать, что звезда нарисована.
Рисование ленты
Инструментом Контуры рисуем нашу будущую ленту. Чтобы замкнуть контур надо зажать Ctrl.

Далее нажимаем Enter, чтобы выделить по контуру, и следующие шаги будут повторятся несколько раз, поэтому опишу сейчас подробно.
После выделения, используя Выделение прямоугольником (R) и зажимая Ctrl (для вычитания выделения) и Shift (для сложения), создаем выделение, как показано справа. Таким образом надо будет выделить три части нашей ленты: переднюю, заднюю, и часть, которая показывает нам обратную сторону ленты. Для каждого этого элемента создаем по слою.

Как видно, лучше основные точки контура сопоставлять направляющей, чтобы вертикальные линии были вертикальными
И каждое выделение заливаем цветом. Желательно

Здесь видно, что обратную сторону ленты можно выделять не полностью, её все равно всю не видно.
Далее необходимо сделать полоски на ленте, поэтому делаем дубликат контура ленты и слегка уменьшаем его по вертикали. Это надо делать долго и внимательно, чтобы не было кривых полосок в итоге.

Нажимаем Enter и по тому же принципу, что и раньше делали основу ленты, выделяем кусочки и заливаем

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

После того как все готово, и лента содержит все необходимые полоски, на каждом слое с темным цветом нажимаем правой кнопкой мыши и выбираем Применить маску, далее парные слои сводим, чтобы осталось три слоя.
Теперь выделяем в каждом слое область с частью ленты (просто так удобнее манипулировать) нажимаем Ctrl+C, Ctrl+V, затем меню Слой > Преобразования > Отражение по горизонтали. Таким образом отражаем ленту зеркально. Необходимо нажимать рядом с плавающим слоем, когда курсор принимает форму якоря, чтобы плавающий слой слился с текущим.
Рядом с каждым слоем с частью ленты создаем по два новых слоя, один будет содержать блики, другой тени. У каждого такого слоя должна быть создана маска слоя. Добавляйте по умолчанию всю черную, затем в по существующему слою с частью ленты нажимаем правой кнопкой и выбираем
Заполняем градиентами в тех местах, где указано на картинке:

Для наглядности можете сложить полоску бумаги таким же образом и осветить слева сверху, чтобы понять где будет тень, а где свет.
Возможно надо будет создать еще один слой, чтобы увеличить силу блика слева, где лента загибается.
Проделав это, можно считать, что основная геометрия и формы готовы. Далее нам необходимо добавить реализма. Хотелось бы, чтобы звезда была более блестящей. Для этого дублируем слой с передней частью ленты и опускаем его в списке слоев до слоя star, далее вызываем Фильтр > Искажения > Изгиб по кривой и параметры как на картинке:

Подвигаем получившийся искаженный слой чуть выше, выделяем

Тень
Далее постараемся нарисовать хорошую тень. Создаем новый слой, в самом низу, подо всеми остальными. Делаем по шагам как на картинке:
1) делаем подобное выделение, заливаем его целиком темным цветом (тень не бывает черной или серой (!), логично выбрать темно коричневый цвет, потому что лента должна немного отражать коричневого на окружающие предметы)
2) мягкой большой кистью с половинной (или меньше) прозрачностью убираем и смягчаем тень, по мере отдаления от объекта
3) выбираем инструмент резкость или размывание (Shift+u), увеличиваем параметр Скорость на 100 и размываем острые части, которые образовались по краям. Надо знать, что у самого объекта тень должна быть не размытая, а чем дальше — тем размытей.

Далее необходимо немного добавить черного цвета на самый низ ленты, чтобы она не выбивалась. Выберите ранее созданные слои с тенью для ленты и мягкой тенью пройдитесь по нижней части.
Прибавим колорита
Найдем текстуру бумаги, вставим в проект поверх всех слоев. Режим устанавливаем в Умножение, изменяем непрозрачность, чтобы получить приятное текстурирование. Можно так же поиграть с Яркостью и контрастом, это уже дело вкуса.

Добавим надпись
Я использовал шрифт Handbook Pro компании Parachute Fonts. Он довольно строгий и хорошо сделан, так что нет необходимости править кернинг (что в гимпе не реализовано как инструмент). Центрировать текст нужно не принимая в счет восклицательный знак, и это важно. Так как знаки препинания не являются весомыми элементами текста, они обычно свисаются за строку.
Так же создадим еще слой, применим фильтр Визуализация > Линейная сверхновая (настройки на ваш вкус, но лучше сделать поменьше лучей). слой надо поместить под остальными, и непрозрачность уменьшить примерно до 20%.

Если вы собираетесь использовать в маленьком размере, то оставьте как есть. Если размер будет большой, то добавьте маску слоя и

На этом все, если будут
Уроки: ← предыдущий следующий →
23 комментария
Илья Лейзгольд6 мая 2011 в 05:38Личное сообщение
вот это очень занятный урок!) надо будет попробывать, надеюсь получится также красиво как тут)
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Вадим6 мая 2011 в 07:38Личное сообщение
Опередил, тоже готовил урок создания ленты с помощью контуров, ну ладно тогда уже не нужно.)
Хороший урок.
v_lad6 мая 2011 в 08:17Личное сообщение
вот по поводу опередил =)я два дня назад выставилл урок с созданием ленты=)ну этот урок мне очень сильно понравился.всё четко и грамотно описанно а главное результат какой..красотень=))))
Макс Шевченко6 мая 2011 в 09:19Личное сообщение
Было бы больше таких дебютов..) Даже разбирать его не буду, ибо он действительно очень хорош.
М2, жму руку.
zend6 мая 2011 в 09:37Личное сообщение
Разбирать?
Вадим6 мая 2011 в 09:46Личное сообщение
В своем уже не нужном уроке, я предполагал создавать темные полоски немного иначе.
Дублируется слой с основной лентой, уменьшается до размера темной полосы. (было предусмотрена целая группа направляющих по разметке различных контуров) контур в выделение и создается 3 слоя каждый из которых заливается по выделению темным цветом. Потом эти слои просто перемещаются в нужные места на основной ленте.
Так же предусмотрено придание текстуры фильтром плетение, рельеф и затем изгибом этой сетки по ленте фильтром "изгиб по кривой". Так что кому надо можно и так делать.
Вадим6 мая 2011 в 09:49Личное сообщение
*Дубль конечно слоя контура основной ленты.
Филипп Ткачёв6 мая 2011 в 10:04Личное сообщение
Вадим, почему же "уже ненужном"? Уроки всякие нужны, уроки всякие важны.
Один урок сложнее, другой проще. Кто-то начинает, а кто-то продвинулся.
Делайте, присылайте! Как говорится, лучше один раз увидеть, чем сто раз услышать.
Alevtina Nagornaya 6 мая 2011 в 10:41Личное сообщение
Хороший урок, молодец! Добавлю себе в избранное.
TechnoVirus6 мая 2011 в 12:39Личное сообщение
Gfig а я на первом шаге запнулся :)
нарисовал звезду Gfig, выровнил, а дальше что? куда жать чтоб она на полотне оказалась?
TechnoVirus6 мая 2011 в 12:41Личное сообщение
Врубился, я ластиком рисовал :)
Domitory6 мая 2011 в 14:51Личное сообщение
А вот наверное и победитель конкурса нашелся :)
Александр Файзулин6 мая 2011 в 16:09Личное сообщение
Мдя вот достойнейший урок к 9 мая!!!
автору М2 спасибо!!!
Своими руками!!!
Вопросов нет никаких...
Все хорошо описал и изложил!!!
Урок на 5+
TechnoVirus6 мая 2011 в 18:43Личное сообщение
M2 а можно спросить, сколько времени было потрачено создание иллюстрации.
дня два или три ИМХО точно... :)
Вадим6 мая 2011 в 20:03Личное сообщение
Сами иллюстрации не занимают много времени и сил, а вот оптимизировать процесс работы, описать так, что бы и новички поняли и бывалые не пинали, при этом не упустить мелочь которая сама собой подразумевается, но может стать причиной камнезакидательства. - это основной труд.
Евгений Волков6 мая 2011 в 22:55Личное сообщение
Всем спасибо!
На иллюстрацию обычно трачу пару дней, но это другого типа, посложнее если. На этот урок потратил два дня потому что еще и прикидывал описание и некоторые вещи надо было уточнить по ходу работы. А так в принципе такую можно сделать за полдня (я начал вечером и закончил публикацию вечером следующего дня)
Быстрее конечно и проще это сделать планшетом, но в уроке я специально использовал по возможности градиенты, потому как не у всех есть планшет.
TheOloloOne Табачный7 мая 2011 в 00:33Личное сообщение
М2,урок супер!
Сложный и нужный!
Я думаю что заслуживает победы на конкурсе)
Макс Шевченко7 мая 2011 в 08:54Личное сообщение
zend
Под "разбором" я имел в виду критерии (идея, результат, описание), по которым я составляю отзыв..) Здесь все на высоком уровне, а посему вышеуказанное теряет свой резон)
ALeXv0 N7 мая 2011 в 14:07Личное сообщение
Да, хоть урок Андрея Сидорова хорош и поучителен, но этот урок более красив и лучше с закреплением учит использовать кривые) а также настраивает пользователей на более серьёзные уроки и работы
я за М2)
Alevtina Nagornaya 11 мая 2011 в 23:51Личное сообщение
Поздравляю с победой! Молодец! Так держать!
Евгений Волков12 мая 2011 в 02:28Личное сообщение
Спасибо =) не ожидал, зайдя на сайт, увидеть свою звезду с лентой на главной =)
Всем спасибо, всем успехов!
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- Лакировка, циклёвка паркета в области.
Информация по уроку
Добавил урок:
Евгений Волков
Выполнено в GIMP 2.6.10
Опубликовано 6 мая 2011
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
Воображение
Галерея
G'MIC
Скачать → Плагины для GIMP
Лучшие уроки
Уроки по GIMP
Рисование
Уроки по GIMP
Вопросы
Как сохранить фото именно в JPEG и с сохранением контура
Выделение обьекта с помощью маски слоя
Не могу разобраться в уроке по созданию сложного выделения
Оценка урока
«Создание иллюстрации к 9 мая» получил оценку 4.95 на основе 21 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →










Эх. Любо дорого посмотреть. А еще говорят, что на этих ваших линуксах дизайнеры не сидят. Еще как сидят!
Помарка: отражение ленты в звезде должно быть объемным, а оно плоским получилось. Ну это так, чтобы придраться. Для маньяков.