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

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

   

Открытка с сердечками и объёмным текстом

Главная Уроки по GIMP Открытка с сердечками и объёмным текстом

Для начала создайте документ. Я выбрала размер 640×480.

Выделение — Выделить всё. Создаём новый прозрачный слой. Слой «Фон» теперь можно удалить, но для наглядности я этого не сделала.

Берём инструмент «Перспектива». Преобразовывать мы будем выделение, а не слой. Исказите примерно так:

Теперь залейте выделение любым цветом (всё равно потом будем менять цвет). Я выбрала красный (#ff0000).

Снова создаём новый прозрачный слой. Инструментом «Перемещение» перемещаем выделение так, как показано на скрине.

Теперь берём Свободное выделение и при зажатой клавише Shift рисуем такую фигуру:

Заливаем розовым (или любым другим) цветом. Я выбрала #ff7070. Теперь снимаем выделение. Ставим этот слой ниже красного слоя. Получится где-то так:

Сама открытка уже готова. Но надо добавить ей красоты. Копируем красный и розовый слой. Запираем альфа-каналы у слоёв и заливаем чёрным цветом.

Теперь делаем так с красным слоем:

  • Альфа-канал в выделение;
  • Выделение — Растушевать на 50 px;
  • Правка — Очистить;
  • Непрозрачность слоя — 50%
  • Выделение — Снять.

А так с розовым слоем:

  • Альфа-канал в выделение;
  • Выделение — Растушевать на 20 px;
  • Правка — Очистить;
  • Непрозрачность слоя — 50%
  • Выделение — Снять.

Готово. Теперь у открытки есть плавные края.

Объединяем чёрные растушёванные слои с красным и розовым слоем соответственно.

Теперь займёмся сердечками. Рисуем Контурами половину сердечка. Сделайте копию контура и отразите (Отражением, разумеется) по горизонтали. Перемещаем контур так, чтобы получилось так:

Объединяем видимые контуры. Контур в выделение.

Опять выбираем Свободное выделение и при зажатом Shiftе рисуем это:

Создаём новый слой. Заливаем подходящим цветом. Я взяла #ff3480.

Сделайте ещё несколько таких сердечек. Под конец можете размыть их.

Займёмся фоном для открытки. Файл — Открыть как слои и открываем какое-нибудь старое фото, например:

Удаляем (если не удалили раньше) слой «Фон» и ставим картинку ниже всех слоёв. Объединяем все слои, связанные с открыткой (сердечки тоже).

Делаем активным слой с открыткой. Цвет — Тон-Насыщенность и ставим насыщенность -63.

Теперь перейдём к объёмному тексту.

Выбираем инструмент Текст. Выбираем шрифт покрасивее, ставим подходящий размер и пишем любым цветом, я выбрала белый. Рекомендую потом немножко «повращать» его. Слой к размеру изображения.

А теперь займёмся приданием объёма тексту. Копируем слой. Фильтры — Размывание — Размывание движением. Ставим такие настройки:

Теперь наш текст объёмный. Дальше можно подправить некоторые детали. В самом конце у меня вышло вот так:

24 августа 2011 1

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

Инна Подзорова

Метки: выделение, открытка, рисование, текст, фильтры, сердце.

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

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

-1

Пользователь #1384TechnoVirus25 августа 2011 в 09:32Личное сообщение

А в каком месте он объёмный? размытый - да.

-11

Пользователь #3637Инна Подзорова25 августа 2011 в 09:36Личное сообщение

TechnoVirus, а разве объёма не видно?

-3

Пользователь #3233Вадим25 августа 2011 в 12:37Личное сообщение

Не понимаю многих манипуляций, которые можно делать гораздо проще.
1. Зачем надо было использовать инструмент "Перспектива"?
Выделяем прямоугольник, закрашиваем, используем инструменты трансформации для поворота и искажения.
2. Зачем манипуляции с созданием нового слоя, перемещения выделения, что делается инструментом свободного выделения?
Дублируем слой, закрашиваем розовым область во втором слое, перемещаем слой.
3. Зачем надо было дублировать, отображать контур, потом производить действия с выделением объединяя его? Не проще было сразу нарисовать сердечко одним контуром, тем более сердечки тоже подверглись трансформации и наклону (очевидно этот шаг исключил кто-то) т.е. не требовалась изначально идеальная симметрия.
Конечно, все это мелочи. Каждый волен следовать своим путем в достижении нужного результата.
К тому же вижу пренебрежение линейной перспективой. Если автор хотела придать объем через форму, то при таком наклоне верхней грани книжки не должно быть видно.
В заключение - это не злобные придирки, а просто небольшие поправки, которые я позволил себе сделать опираясь на свой личный опыт.

8

Пользователь #2832Никита Высоцкий25 августа 2011 в 15:21Личное сообщение

TechnoVirus, объём есть, если присмотреться то видны вертикальные полоски...Просто такое ощущение получается, как будто этот текст из стекла, а верхняя часть покрашена полупрозрачной белой краской.
-------------
Вадим,
1) Если сделать как ты написал, то не получится эффекта как будто открытка именно открыта. Если присмотреться, то правый верхний угол не 90 градусов, а чуть меньше.
2)То что человек создаёт второй слой - он тем самым себя подстраховывает. Это очень даже хорошая привычка.
3) Контур копируется и отражается для того, что бы все края были одинаковые. Если вы нарисуете неодинаковые половинки, то при искажении не будет казаться что если посмотреть на открытку прямо, а не сбоку, то видно будет что они кривые.

-4

Пользователь #3233Вадим25 августа 2011 в 16:12Личное сообщение

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

-3

Пользователь #3233Вадим25 августа 2011 в 16:16Личное сообщение

Как я уже сказал - это просто альтернативное решение. Кто то возможно и рисовать не будет, а возьмет готовый рисунок сердца, цветов, свое фото.

-9
онлайн

Пользователь #1812Макс Шевченко25 августа 2011 в 21:13Личное сообщение

Тут я все же подпишусь практически под каждым дополнением Вадима.
Никит, что касается "стеклянности" текста.. Может быть, но только в том случае, если бы размытие делалось под прямым углом по отношению к поверхности (обложка открытки). И со вторым листом в работе действительно непонятки: так он будет выглядеть только если открытка с довольно широким корешком (вряд ли так и задумано было).
Ну и дальше чистое IMHO, которое можно не читать: результат получился скучным.

-3

Пользователь #3615Ангелина Балабаева30 августа 2011 в 14:13Личное сообщение

Объёма я тоже не вижу да и с сердечками можно было поработать. А то больно простенькие получились...И еще: конечный результат немного различаться будет с вашим. Нужно было не написать-"Дальше можно подправить некоторые детали" а объяснить что и как. Мне кажется новичкам будет не все понятно.

-3

Пользователь #3637Инна Подзорова30 августа 2011 в 14:30Личное сообщение

Ангелина, урок средней сложности - это раз, "подправить некоторые детали" - дело творческое, это два.
***Оффтоп***
И хватит меня минусить!

0
онлайн

Пользователь #1812Макс Шевченко30 августа 2011 в 14:36Личное сообщение

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

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

5

Пользователь #1553Domitory30 сентября 2011 в 14:19Личное сообщение

да нормальный урок, чего докопались.

главное идея хорошая, да и исполнено не плохо.
не стоит ждать от уроков что вам сразу объяснят как делать шедевр

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

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

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

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

Оригинальный текст
Урок о том, как с помощью градиентов, фильтров и терпения создать оригинальный текст.

Золотой текст с эффектом 3D
В этом уроке я покажу вам, как сделать золотой объёмный текст.

Создаём свою бесшовную текстуру в GIMP
Простой способ создания бесшовной текстуры в GIMP для 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 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_8 Edge_10 Edge_11 Edge_17 Fusion_9 Galactic_9 Odysee_4 Odysee_13 Part 2-3 (Scratches) GIMP Brush GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар Eclipse heart by FiRST two-hearts2 broken-heart doodles2_brushes_by_hawksmont7 doodles2_brushes_by_hawksmont33 Glitter_7 GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush serdtse GIMP Brush celtic-heart heart1 heart2 heart3 heart4 heart-arrow1 heart-arrow2 heart-bar1 heart-bar2 heart-cluster1 heart-cluster2 heart-corner heart-design1 heart-design2 heart-flowers heart-of-hearts heart-tribal2 heart-tribal lace-heart2 lace-heart3 lace-heart two-hearts СЕРДЦЕ GIMP Brush GIMP Brush Pipe
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Описание редактора
Про Гимп

Обои и постеры
Уроки по GIMP

G'MIC
Скачать → Плагины для GIMP

Работа с текстом
Уроки по GIMP

FreeType Text
Скачать → Плагины для GIMP

Оценка урока

«Открытка с сердечками и объёмным текстом» получил оценку 2.60 на основе 10 голосов.

9170+243
Комментариев