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

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

   

Простая открытка ко дню Святого Валентина

Главная Уроки Простая открытка ко дню Святого Валентина

Прототипом этого урока является вот этот урок по фотошопу http://www.tutsps.ru/forum/3-55-1 — здесь использован похожий текстовый эффект.

Итак

Шаг 1

Создаем новый документ нужного размера, я делала формат А4 с альбомной ориентацией. Заливаем фон линейным градиентом. Цвета от серого (#464646) к черному (#000000) .

Шаг 2

Выше создадим еще один слой «Цвет» с градиентом, (радиальной формы) цвета по вашему вкусу. Вы можете выбрать градиенты из стандартного набора или создать сами. Непрозрачность этого слоя понизьте примерно до 80%. Режим смешивания слоя поменяем на Цвет. Я выбрала именно такой градиент, надо сказать, что не все градиенты выглядят одинаково хорошо после следующего шага и по своему опыту не советую использовать синие градиенты, т. к. эффект на них менее заметен

Шаг 3

Добавим слою маску.

Для следующего шага нам понадобиться изображение цветов, я взяла вот такие розы: http://www.bestwallpapers.net.ru/private/img/flowers/flowers_29.09.2010_bw_043.jpg

Мы будем вставлять их в маску и для этого нам необходимо масштабировать эту картинку под наш формат, легче всего создать новый документ формата А4, вставить как слой изображение с цветами

Масштабировать и выполнить Меню — Слой — Слой к размеру изображения.

Идем в Меню — Правка — Копировать (копируем слой с розами) и переходим к нашему документу, активируем маску слоя «Цвет» и выполняем Меню — Правка — Вставить, кликаем по значку прикрепления, что бы изображение прикрепилось к маске (если у Вас картинка с цветами темная, инвертируйте цвет маски).

Шаг 4

Создаем новый слой «Виньетка» и заливаем его градиентом из прозрачного в черный квадратной формы. Что бы расположить градиент ровно, добавьте две направляющие — вертикальную и горизонтальную, через Меню — Изображение — Направляющие — Добавить направляющую % и установить величину 50%  — сначала выбрать Горизонталь, потом — Вертикаль. Чем дальше Вы отведете курсор от центральной точки, тем шире будет прозрачная область. Непрозрачность слоя примерно 60%

Шаг 5

Берем инструмент Текст и пишем текст

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

Теперь нам нужно скопировать содержимое слоя на новый слой, без сохранения формата текстового слоя, т. е. мы не просто скопируем этот слой, а идем в Меню — Правка — Копировать и сразу Меню — Правка — Вставить — появляется плавающее выделение, которое прикрепляем, кликая по иконке нового слоя. Оригинальный слой с текстом скройте.

Шаг 6

Применяем к слою Эффекты слоя (Меню — Слой — Laeyr Effects — Outer Glow).

А потом Stroke

После применения первого эффекта активным у Вас будет слой с копией текста («Текст» на скриншоте) — применяйте второй эффект слоя, не изменяя этого положения, тогда у Вас порядок слоев будет таким

Снизьте непрозрачность слоя с текстом до нуля

Шаг 7

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

Определите способ наложения новой группы Значение

Шаг 8

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

Копируем опять этот текст на новый слой, как и предидущий раз и применяем к нему те же эффекты слоя и помещаем слой с эффектами в группу «Текст».

Шаг 9

Опять немного изменяем текст (можно менять размер шрифта или кернинг (расстояние между буквами или и то и другое)).

И опять повторяем Шаги 5–7

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

Шаг 10

Еще возможно изменить текст таким путем: выделить альфа-канал на текстовом слое, уменьшить выделение и залить выделение белым или другим цветом на новом слое (все эти слои я назвала «Текст» — программа сама присваивает им порядковый номер

Шаг 11

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

Затем Контур в выделение и залить выделение цветом уже на новом слое

Шаг 12

В общем фантазии хватает вариантов на 10, а нам нужно 20, поэтому возвращаемся опять к текстовому слою и изменяем теперь уже шрифт (выбираем довольно похожий и что бы начертание буквы «а» совпадало с таким, какое было в первом случае).

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

Шаг 13

Создаем новый вспомогательный слой под группой «Текст» и заливаем черным цветом

Создаем слой из видимого и называем его «Осветление», он должен располагаться выше всех в стопке слоев. Размываем его Гауссовым размыванием в 10 рх

Изменяем режим слоя на Осветление и непрозрачность 60%

Вспомогательный слой скрываем.

Шаг 14

Делаем отражение.

Скрываем все слои, кроме относящихся к тексту и создаем слой из видимого, называем его «Отражение»

Возвращаем видимость всем слоям, а новый слой отражаем по горизонтали инструментом Отражение, перемещаем так, что бы текст располагался ровно по направляющей только, конечно вверх ногами. Изменяем режим на Объединение зерна и непрозрачность примерно 60–65%. Добавляем слою маску и заливаем ее черно-белым градиентом вот так

Вы уже заметили, что слой с отражением у меня кадрирован, советую применить действие автокадрировать слой ко всем слоям документа, т. к. на данный момент размер его около 1, 7Гб и это существенно замедляет работу (эту операцию можно применить и ко всей группе сразу, активировав ее иконку, что бы не тратить время на все слои отдельно)

Шаг 15

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

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

Инструментом Эллиптическое выделение делаем вот такое выделение

Идем в Меню — Выделение — Растушевать

И заливаем выделение на маске! черным цветом (на иконке может быть не видно).

Применяем к маске Меню — Фильтры — Размывание — Размывание движением

И еще раз тот же фильтр с противоположным углом

Инвертируем цвет маски!

Шаг 16

А теперь активируем уже слой «Видимое» и применяем Меню — Цвет — Кривые

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

Шаг 17

Делаем сердечки. В общем концепция похожа на текст, только немного другие параметры фильтров Эффектов слоя.

Рисуем вот такой контур:

Выполняем Контур в выделение , создаем новый слой «Сердце» и заливаем выделение белым цветом

Добавляем те же Эффекты слоя, только в Outer Glow изменяем параметр Opasity на 5 а в Stroke тот же параметр на 70

Для слоев с сердечком так же создаем отдельную группу, режим которой изменяем на Значение

Далее, изменяя контур сердечка так, что бы он на несколько пикселей отличался от оригинала (масштабом или инструментом Контуры), создаем еще слои с сердечками и применяем к ним те же эффекты слоя (самим слоям изменяем непрозрачность до нуля, как мы делали это со слоями с текстом)

Шаг 18

Копируем группу с сердечком и изменяем ее масштаб и поворачиваем вот так:

Желательно добавить горизонтальную направляющую, что бы разместить сердечки на одном уровне.

Шаг 19

Переносим слой «Черное» (тот вспомогательный слой, который мы делали для текста) под слои с сердечками…

…и создаем слой из видимого «Осветление1», изменяем его режим на Осветление, размываем Гауссовым размыванием в 10рх и делаем отражение так же как и для текста, но для каждого сердечка Вам придется делать отдельный слой для отражения, т. к. когда Вы скроете видимость остальных слоев одна группа сердечек потеряет видимость, но если скрыть другую, станет видна первая — это связано с режимами наложения — так что создайте два слоя для отражения попеременно скрывая видимость то одной то другой группы, а потом объедините их и отражайте по горизонтали уже объединенный слой и конечно же добавьте ему маску с градиентом. Или можно временно сменить режимы групп с сердечками на нормальный, сделать слой из видимого и опять изменить режимы групп на Значение. Для этого отражения я выбрала режим Значение и непрозрачность примерно 60%

Сияние под сердечками Вы можете сделать таким же образом, что и под текстом (Шаг 15, 16) , можно просто скопировать слой «Видимое», удалить маску у копии и добавить другую, обработав ее таким же образом, как и для текста, но теперь непрозрачная часть изображения должна быть под сердечками, разумеется.

Шаг 20

Создаем новый документ и заливаем его черным цветом

Добавляем альфа-канал фоновому слою (иначе не будет работать фильтр). Применяем Меню — Слой Layer Effects — Stroke.

Шаг 21

Идем в Меню — Правка — Копировать и возвратившись в наш основной документ, создаем новый слой над слоем «Виньетка» и называем «Текстура».

Выбираем инструмент Заливка с параметром «Текстурой» и выбираем текстуру из буфера обмена. Заливаем новый слой

Применяем к слою текстура Перспективу

Изменяем режим наложения на Экран

Добавляем слою маску, которую заливаем черно-белым градиентом, так что бы верхняя часть слоя стала прозрачной. Копируем слой «Текстура» и применяем к копии Гауссово размывание 10 — 12 рх, непрозрачность обеих слоев примерно 30

Добавляем какую-нибудь надпись, например из сонета Шекспира

Или то же на английском

И маленькое дополнение.

Эту открытку можно легко разнообразить, изменяя цвет фона, для этого нужно изменить всего 3 слоя, можно еще и с формой градиентов поэкспериментировать и с непрозрачностью слоев и открытка приобретает уже другой вид

Надеюсь, Вам понравился этот текстовый эффект и Вы легко сможете перенести его в свои работы, жду комментариев.

3

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

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

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

Добавить

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

Добавьте первый комментарий

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

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

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

Создаем росу на паутине
Урок-адаптация. Учимся создавать капельки росы на нитях паутины при помощи GIMP и фильтра Layer Effects.

Как создать шоколадную поздравительную открытку на День Святого Валентина
Урок-адаптация, в котором мы научимся создавать шоколадную открытку к празднику влюбленных.

Магия сверкающих шаров
Урок-адаптация в котором мы научимся создавать волшебные зелёные эффекты, используя несколько несложных приёмов.

Праздничная новогодняя открытка
Создание праздничной новогодней открытки со стеклянным шариком. Урок-адаптация.

Как нарисовать фотореалистичный свиток
Урок-адаптация про то, как сделать фотореалистичный свиток старинной бумаги при помощи стандартных инструментов и фильтров в GIMP.

Кисти

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 NSS-V2.0-brush-an-9 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 Pipe Blue Prints 1 GIMP Brush GIMP Brush GIMP Brush GIMP Brush Пестрая клякса hearts hearts 2 hearts 3 hearts 4 Сердечко Corner from leaves 2 Corner from leaves GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко GIMP Brush GIMP Brush Mask01 Mask02 Mask03 листья.gbr Mask05 сердечко Mask19 Mask49 Mask67 Mask73 Mask74 Mask83 волны Mask91 лучи Mask92. привет! GIMP Brush GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Простая открытка ко дню Святого Валентина» получил оценку 4.67 на основе 3 голосов.

13866+1
Комментариев

вверх