вход или регистрация

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

   

Создаём красивую открытку к 9 мая

Главная Уроки Создаём красивую открытку к 9 мая

Вот что у нас получится после выполнения данного урока:

Для выполнения этого урока требуются:

  • Терпение, много терпения.
  • Базовое знание гимпа (умение создания выделений, их заливки цветом и градиентом, понимание основ работы инструментов контуры и размазывание, умение рисовать много треугольничков выделением (это самое важное)).

Примечания:

  • Цпп, Цзп — цвета переднего и заднего планов.
  • Выделения на скриншотах обозначены красным цветом

И наконец, сам урок

Шаг 1: Создание изображения

Нам необходимо создать прямоугольное изображение любого размера для этого жмём Файл → Создать, и в появившемся окошке вводим необходимые значения у меня 2500×1600.

Шаг 2: Набросок

Саму работу начнём с наброска для того чтобы представлять что мы должны получить в результате. Берём тоненький карандаш (Цпп — чёрный) и изображаем нечто подобное: основой нашего будущего изображения являются три звезды в верхней части изображения, они дополнены лентами, текстом и ветками. Но в финальном результате веток не будет, так как нарисовать их довольно не быстро, а времени уже нет.

Шаг 3: Написание текста и подготовка к дальнейшей обработке

При написании данного урока я столкнулась с небольшой трудностью при подборе шрифта — не было кириллического шрифта хотя бы отдалённо напоминающего требуемый для композиции, зато английских шрифтов было предостаточно, возникла идея написать слово на английском, но возникла маленькая неувязочка — в английском алфавите нет буквы «Я», но я нашла решение этой проблемы и хочу поделиться с вами.

Выбираем красивый подходящий шрифт, я выбрала «Bauhaus 93».

Для начала установим шрифт и перезапустим GIMP (Не забудьте сохранить изображение перед перезапуском).

Теперь возьмём инструмент «Текст» и напишем странную фразу «9 МaR» большая буква «R» станет в процессе буквой «я». После этого вынесем каждую букву на отдельный слой (описываю манипуляции на примере «9»). С помощью прямоугольного выделения выделим нужную нам букву, потом идём в Выделение → Сделать плавающим. Повторяем для всех букв.

Теперь немного преобразуем буквы. Больше всего «пострадает» девятка. Её мы сначала перемещением ставим на место затем масштабируем и немного поворачиваем (значения подберите по вкусу), после этого создаём небольшое, прямоугольное выделение внизу цифры и убираем его содержимое нажатием кнопки Delete.

Теперь с помощью зеркала отражаем букву «R» и немного уменьшаем её масштабом. Общий вид букв:

Шаг 4: Создание фаски на буквах

Для этого нам потребуется плагин Layer Effects. Устанавливаем его, перезапускам GIMP (не забудьте сохранить картинку перед перезапуском) и применяем с параметрами на рисунке (параметры отличные от параметров по умолчанию обведены).

Получаем:

Шаг 5: Раскрашивание цифры

Переходим на слой *9* и жмём ПКМ по названию слоя → Альфа канал в выделение. Теперь идём в Выделение → Уменьшить → на 17 пикселей. Создаём контурами вот такую фигуру и в диалоге контуров жмём ПКМ по контуру → Пересечь с текущим выделением. Заливаем (на новом слое) градиентом «Из основного в фоновый» (Цпп — d2241a, Цзп — 862019). Теперь повторяем операции с выделением (Переходим на слой *9* и жмём ПКМ по названию слоя → Альфа канал в выделение. Теперь идём в Выделение → Уменьшить → на 17 пикселей.) В меню градиента выбираем режим позади и заливаем в обратном направлении.

У *9* запираем альфа канал — это можно сделать нажав на маленький прямоугольничек вверху панели слоёв и заливаем его градиентом «Golden».

Шаг 6: Раскрашивание букв

Алгоритм раскрашивания букв подобен раскрашиванию цифры, но немного проще: нам нужно перейти на слой *М* и нажать ПКМ по названию слоя → Альфа канал в выделение. Теперь идём в Выделение → Уменьшить → на 17 пикселей. Заливаем градиентом (на новом слое). У *М* запираем альфа канал и заливаем его градиентом «Golden». Повторяем для всех букв.

Шаг 7: Создание очертаний звёзд

Для начала рисуем звёздочку контурами. Потом заливаем её серым цветом (Цпп — 808080):

Дублируем *звезду* 3 раза. С помощью перспективы и перемещения ставим звёздочки на место (туда где находятся звёзды на наброске).

Дублируем *центральную звезду* и немного уменьшаем её масштабом (я немного уменьшила непрозрачность нижнего слоя что бы было видно верхний). Заливаем верхний слой чёрным. Повторяем для всех звёзд.

Дублируем «серую центральную звезду* и подвигаем дубль чуть вниз (слой немного прозрачный что бы было видно). С помощью свободного выделения достраиваем фигуру на нижнем слое что бы она стала объёмом нашей звёздочки, повторяем для всех углов и маленькой звезды внутри (алгоритм для маленькой звезды будет описан чуть ниже).

Дублируем слой с маленькой звездой и подвигаем его немного вниз. На верхнем слое в панели слоёв жмём ПКМ → альфа канал в выделение. На слое который смещён вниз удаляем область выходящую за границы выделения (Выделение → инвертировать, Правка → очистить). Достраиваем уголки как на больших звёздах.

Шаг 8: раскрашивание

Раскрашивание начнём с середины звёзд. Начнём с центральной — самой сложной звезды. Создаём выделение как на картинке (Используем для этого свободное выделение, приближаем картинку, ставим точки не углах выделения — получаем аккуратное, точное выделение) и заливаем его тёмно бордовым цветом (Цпп — 2a0001).

Создаём выделение повторяющее по форме второй внутренний сегмент звезды. Заливаем градиентом как на картинке. (Цпп — ffdf72, Цзп — c40202). Теперь выделяем ту часть сегмента которую в последствии необходимо затемнить (используйте свободное выделение в виде двух соединённых треугольников в режиме «Пересечь с текущим выделением»), теперь, с помощью кисти, с настройками как на рисунке (Цпп — 970000). Ставим пару точек для достижения изображённого мной эффекта.

Выделяем третий внутренний сегмент звезды. Заливаем его (Цпп — 782320). внутри этого сегмента выделяем ещё один, меньший по размеру и заливаем его градиентом с настройками как на рисунке (Цпп — ffd600). Теперь создаём выделение выглядящее как несколько тонких соединённых треугольников. Заливаем его (Цпп — 782320).

На очереди следующий сегмент. Выделяем его, заливаем (Цпп- f29133). Создаём выделение поменьше, в виде двух треугольников и заливаем градиентом с настройками как в предыдущем сегменте (Цпп — ffd600). Следующие два сегмента требуется только выделить и залить (Цпп — f8c301, Цпп — faf388).

Мы раскрасили серединку центральной звезды.

Начинаем раскрашивание левой звезды, начинаем, как и раньше, из центра. Раскрашивание этой звезды немного проще предыдущей, нужно только выделять сегменты и заливать их градиентом (Цпп — fcd903, Цзп — e75f15).

Раскрашивание правой звезды мы начинаем, как всегда, с выделения одного из сегментов внутренней звёздочки. заливаем сегмент градиентом (данные градиента на рисунке Цпп — fecb20, Цзп — d1622d). Переходим к следующему сегменту — выделяем, заливаем этим же градиентом, следующий сегмент заливаем (Цпп — 651919), следующий — заливаем градиентом (Цпп — 892e1d, Цзп — fead1e).

Продолжаем закрашивание той же звезды. Пятый сегмент — заливка градиентом (Цпп — ff661e Цзп — 7d214e), шестой — заливка (Цпп — f6c401).

Общий вид на данном этапе:

Теперь закрасим кусочки создающие объём верхней, плоской части звезды. Делается это с помощью градиента, для начала выделяется (с помощью свободного выделения, как и все выделения в уроке) нужная часть, а затем заливается градиентом (1: Цпп — bd6702, Цзп — 870100, 2: Цпп — f9eb6e, Цзп — f9eb6e, 3: Цпп — cd9a23, Цзп — 8e2f1d)

Со следующей звездой действия аналогичны (Цпп — fefe20, Цзп — 6d0100).

Следующая звезда — действия аналогичны (Цпп — f3de69, Цзп — 842a29).

Начинаем раскрашивание собственно звёзд.

Центральная:

Запираем альфа канал (красная точка на рисунке). Заливаем градиентом (Цпп — ffff6e, Цзп — e76a16).

Создаём выделение как на рисунке (Для создания нескольких объединённых выделений необходимо нажать в параметрах свободного выделения при создании второго и последующих выделений кнопочку «Добавить к текущему выделению»), кистью с параметрами с картинки рисуем нечто подобное тому что изображено мной.

С внешним краем звезды поступаем так же как и с внутренним — выделяем и заливаем градиентом (Цпп — f8c301, Цзп — 912620).

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

Тоненькую среднюю часть звезды просто заливаем (Цпп — ee920d) последний кусочек звезды заливаем градиентом (Цпп — da2700, Цзп — bc0000)

Внешний край, по кусочкам, заливаем градиентом (Цпп — feff71, Цзп — de3804)

Поверхность последней звезды заливаем градиентом (Цпп — fffc60, Цзп — ee880c). Создаём выделение как на картинке и заливаем его градиентом из основного в прозрачный (как в шаге когда мы рисовали внутреннюю часть центральной звезды) (Цвет — белый).

Раскрашиваем боковую грань, все данные на рисунке.

Создаём грани звезды уходящие вниз (каждую на отдельном слое и заливаем их чёрным):

Самую маленькую грань центральной звезды просто заливаем (Цпп — 551817). Вторую грань тоже заливаем (Цпп — fca11f), создаём треугольное выделение как на рисунке, и заливаем его градиентом из основного в прозрачный (Цпп — fefa3b) повторяем то же самое с другим треугольником н на этот раз используя белый цвет.

Дорисовываем треугольники как на остальных гранях всех звёзд, показано это на другой грани, но принцип везде одинаков.

  1. Залить основным цветом.
  2. Создать выделение в виде нескольких объединённых треугольников — вот тут понадобиться волшебное умение описанное в начале урока.
  3. Залить выделение градиентом основной в прозрачный разных оттенков.
  4. Повторить некоторое количество раз.

Вид той грани с которой мы начинали раскрашивание.

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

Шаг 9: фон

Заливаем фон градиентом радиальной формы (выбирается в параметрах инструмента) (Цпп — ffee2a, Цзп — f86f3c).

Создаём новый слой ставим ему режим «Перекрытие» (выбирается в верхней част панели слоёв выпадающий список с параметром «Пормальный») рисуем на нём кистью пятна я использовала фотошоповские кисти имитирующие пятна акварели и динамику как на рисунке. Цвета — белый и чёрный.

Вот теперь мы вышли на финишную прямую остались только ленточки.

Шаг 10: ленты

Создаём очертание будущей ленты контурами, на свежесозданном слое заливаем созданное из контура выделение (для его создания нужно в меню выделение нажать «Из контура») красным цветом. Кистью намечаем осветления и затемнения (цвета выберете по желанию), заприте альфа канал слоя, как это сделать уже рассказывалось в уроке, и размажьте резкие линии пальцем с настройками с картинки.

Процесс создания остальных лент.

Финальный результат:

3

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

Метки: , , , , , , , , , , , , , .

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

Добавить

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

8 комментариев

0

Пользователь #10095Анастасия Высочина10 мая 2013 в 17:28Личное сообщение

Жаль, что у меня не получиться поучаствовать в конкурсе((

2

Пользователь #3637Инна Подзорова10 мая 2013 в 18:17Личное сообщение

Великолепный урок!

2

Пользователь #10339Юлия Кулиш10 мая 2013 в 18:47Личное сообщение

Превосходный урок. Знаю, комментарий не конструктивный, но это неоспоримый факт. Молодец автор!

1

Пользователь #10895Андрей Лифан12 мая 2013 в 10:06Личное сообщение

А мне кажется чего то не хватает, а вообще круто.

0

Пользователь #10095Анастасия Высочина13 мая 2013 в 09:33Личное сообщение

Андрей: веточек, с ними лучше, но я не успела написать как их делать

1

Пользователь #3637Инна Подзорова13 мая 2013 в 14:53Личное сообщение

А мне кажется, что и без веточек красиво.

0

Пользователь #18Тимур Елизаров25 мая 2013 в 14:30Личное сообщение

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

Прикрепление

0

Пользователь #10095Анастасия Высочина31 мая 2013 в 08:43Личное сообщение

Тимур, я например картинку с которой делаю ставлю на раб. стол, а ориентируюсь по наброску

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

  • >

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

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

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

Создаём коллаж «Фотокнига»
Довольно подробно описанный урок средней сложности для создания красивого напоминания о поездке.

Создаём блестящий железный текст
В этом уроке вы научитесь создавать красивый эффект металлического текста с помощью стандартных средств гимпа и плагина Layer Effects.

Создаём валентинку "Художник"
Авторский урок по созданию валентинки с имитацией 3D, поможет новичкам овладеть программой.

Разрушаем здание в GIMP
Адаптация фотошопного урока про создание иллюзии разрушения здания.

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush Arrogance II_2 Arrogance II_3 Arrogance II_4 Arrogance II_5 Arrogance II_6 Arrogance II_7 Arrogance II_8 Arrogance II_9 AxRdr70Lithium_9 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_8 Edge_10 Edge_11 Edge_17 Fusion_9 Galactic_9 Galactic_11 Odysee_2 Odysee_4 Odysee_12 Odysee_13 Part 2-3 (Scratches) My Brush My Brush My Brush GIMP Brush GIMP Brush ebStar_1 ebStar_2 ebStar_4 ebStar_3 ebStar_5 ebStar_6 ebStar_8 ebStar_9 ebStar_10 ebStar_11 ebStar_12 ebStar_13 ebStar_14 ebStar_15 ebStar_16 ebStar_17 ebStar_18 ebStar_19 ebStar_20 ebStar_21 ebStar_22 ebStar_23 ebStar_24 ebStar_25 Shape Star 01 (59x59) Shape Star 02 (59x59) Shape Star 03 (59x59) Shape Star 05 (59x59) Shape Star 06 (59x59) Shape Star 07 (59x59) Shape Star 08 (59x59) Shape Star 09 (59x59) Shape Star 10 (59x59) Shape Star 11 (59x59) Shape Star 12 (59x59) Shape Star 14 (59x59) Shape Star 15 (59x59) Shape Star 16 (59x59) Shape Star 17 (59x59) Shape Star 18 (59x59) Soft Star (77x74) Star Circle (78x76) Star (95x106) Star (104x103) Star (104x108) Star (106x104) Star (106x104) Star (106x104) Star (106x106) Star (110x106) Star (110x111) Sparks Pencil Sketch GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush sparklies_25 doodles2_brushes_by_hawksmont7 doodles2_brushes_by_hawksmont32 Glitter_21 GIMP Brush Pipe GIMP GIMP GIMP GIMP GIMP GIMP GIMP GIMP GIMP NSS-V2.0-brush-an-9 stars_brush_by_hawksmont1 GIMP Brush G_Sparks GIMP Brush Cursor Shadowed Pencil Cursor Shadowed Pencil 2 GIMP Brush Zvezda2 Blue Prints 1 GIMP Brush GIMP Brush P_Graphite Pencil Spikkes P_Graphite Pencil _grain Pencil1 Abstract1 Vandalizer Smoke1 Smoke2 Smoke3 abstract2 s_splat2 to_many_splatters(by ResONE) GTA 3 Конфети GIMP Brush GIMP Brush Pipe Пестрая клякса Asterisk Asterisk8 Bow FUZZY3 Beams 1 Beams 1 Beams 3 Beams 16 Лучи GIMP Brush GIMP Brush Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Circles 3 Circles GIMP Brush красная звезда привет!
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Создаём красивую открытку к 9 мая» получил оценку 4.75 на основе 4 голосов.


вверх