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

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

   

Открытка к Дню святого Валентина

Главная Уроки Открытка к Дню святого Валентина

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

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

В результате урока вы научитесь:

  • работать с маской слоя;
  • узнаете, как можно использовать смешивание слоёв;
  • добавлять на фотографию стеклянные объекты и создавать реалистичные блики.

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

  • Фон боке: http://gloeckchen.deviantart.com/art/Heart-Bokeh-Textures-110665615
  • Само сердце: http://alfoart.com/flash/love_tutorial/heart_big.jpg
  • Молоко: http://pureblissnutrition.files.wordpress.com/2010/01/milk3.jpg
  • Капельки: http://upload.wikimedia.org/wikipedia/commons/a/ab/2006-01-28_Drop-impact.jpg
  • Всплеск: http://4.bp.blogspot.com/-P15176OED0E/TdAEULZtGHI/AAAAAAAAAHM/n15wpDbV3lc/s1600/water%2Bdrip%2Bon%2Bsurface.jpg
  • Капля: http://www.universaltimer.com/Images_Gallery/water_drop.jpg

Создайте новое изображение размером 700 на 800 точек.

Распакуйте архив с текстурами боке, и выберите одно из изображений, которое вам нравится. Перетащите его на панель слоёв.

Новый слой значительно больше изображения. Исправляем это: Слой — Размер слоя. Измените высоту слоя на 800 пикселей.

Создайте новый слой:

Измените цвет переднего плана:

Измените цвет фона:

Перейдите на вкладку градиенты и выберите градиент Основной в фоновый:

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

Вот что должно получиться:

Измените цвета фона/переднего плана на цвета по умолчанию: черный и белый.

Теперь перетащите изображение сердца на панель слоёв. Сердце тоже слишком велико, поэтому изменяем размер этого слоя:

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

Добавьте альфа-канал к слою: правой кнопкой мыши — добавить альфа-канал.

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

Скорее всего, выделение не будет идеальными, поэтому переключитесь в маску выделения (Shift+Q). Кисточкой закрасьте все изъяны:

После чего примените фильтр Сглаживание: Фильтры — Улучшение — Сгладить.

Переключите маску (Shift+Q).

Нажмите клавишу Delete.

Создайте дубликат этого слоя и сделайте его невидимым. Он понадобится в дальнейшем.

Сделаем сердце чуть светлее, выберите из меню Цвет — Уровни. Измените уровни как показано на рисунке:

Смените режим смешивания слоя с сердцем на Умножение.

Перетащите изображение со стаканом молока на панель слоёв. Это изображение слишком велико, поэтому его размер тоже изменяем.

Сначала выполните автокадрирование слоя, чтобы удалить лишние области: Слой — Автокадрировать слой.

Измените размер слоя:

Обратите внимание, что размер слоя не пропорционален (нужно отключить фиксатор пропорций).

С помощью инструмента Искривление слёв искривите слой:

Переместите слой так, чтобы всплеск наилучшим образом лег внутри сердца:

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

После этого верните режим смешивания на нормальный.

Приведите этот слой к размеру изображения.

Щелкните правой кнопкой мыши по слою с сердцем и выберите пункт Альфа-канал в выделение.

Уменьшите выделение на 3 пикселя: правой кнопкой мыши по выделению, Выделение — Уменьшить.

Добавьте к слою с всплеском маску слоя (правой кнопкой мыши по слою — добавить маску слоя) с параметром Выделение:

Преимущество этого метода над альфа каналом в том, что вы не сможете испортить границу, пока будете работать штампом.

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

Переключитесь с маски на изображение. Используя Штамп закрасьте пробелы по бокам, при помощи инструмента Палец уберите наиболее заметные следы от граней стакана:

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

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

Можно использовать градиент для этой цели. Рекомендуемый цвет: f52614.

Измените режим смешивания на Затемнение. Манипулируя яркостью и контрастом нижнего (белого) слоя добейтесь такого эффекта:

Перетащите ту копию слоя с сердцем, на которой не изменялись уровни, в самый верх (эту копию мы сделали ранее). Измените уровни на этот раз таким образом, чтобы получить блики:

После этого измените режим смешивания слоя на Экран.

Перетащите изображение всплеска на панель слоёв. Измените размер слоя:

Перетащите слой в самый низ изображения:

Измените уровни: Цвет — Уровни, затем нажмите Авто, чтобы улучшить контрастность.

Добавьте альфа-канал к слою. При помощи ластика выполните обводку и удалите всё, что не является волнами и каплей:

Здесь слишком большая точность не нужна.

Сделайте слой черно-белым: Цвет — Обесцвечивание. Режим смешивания — Перекрытие.

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

Установите режим смешивания Экран.

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

Сам слой нужно перевернуть: Слой — Преобразования — Отразить по вертикали.

Убедитесь, что у вас цвета фона/переднего плана черный/белый. Затем, в маске слоя нарисуйте градиент (основной в фоновый) таким образом, чтобы сердце было видно, а всплеск — нет. Я покажу и маску слоя, и то, что должно получиться:

Затем сместите слой вниз так, чтобы уголок сердца попал внутрь всплеска.

Приведите слоя с отражением к размеру изображения: Слой к размеру изображения.

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

К основному каналу слоя примените фильтр волн: Фильтры — Искажения — Волны. Режим смешивания слоя установите Рассеянный свет, непрозрачность слоя измените на 50.

Аналогично можно развернуть слой с боке-сердечками так, чтобы создать ощущение водной поверхности и то, что фон в ней реалистично отражается:

Приступим к добавлению капель.

Вставьте изображение одиночной капли в панель слоёв.

Добавьте альфа-канал к слою.

Выделите только первую каплю, и обрежьте слой: Слой — откадрировать в выделение.

Сделайте слой в градациях серого: Цвет — Обесцвечивание.

Удалите серый фон при помощи инструмента Выделение смежных областей так, чтобы осталась одна капля с прозрачным фоном.

Измените размер слоя до соответствия с размером сердца и придвиньте каплю к нижней части сердца.

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

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

Переместите капельки на панель слоёв. Это капельки с Вики. Переверните слой: Слой — Преобразования — Отразить по вертикали.

Измените размер слоя:

Выполните обесцвечивание слоя: Цвет — Обесцвечивание. Измените уровни так, чтобы обеспечить максимальную контрастность. Добавьте к слою маску слоя. В маске слоя при помощи кисти выделите все капельки и сам всплеск:

Слой — Автокадрировать слой. Теперь нужно изогнуть его по форме сердца: Фильтры — Искажения — Интерактивное искажение. Поскольку интерактивное искажение в Гимпе совсем неинтерактивное, действовать придётся практически вслепую. Вот что вышло у меня:

Продублируйте слой, измените уровни так, чтобы получился блик и измените режим смешивания на Экран. Можно применить фильтр Нерезкая маска для улучшения блика.

Создайте новый слой поверх остальных, залейте его радиальным градиентом:

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

Немного измените расположение слоёв, чтобы поместилась надпись:

После можно довести до ума композицию меняя цвета, яркость и контраст отдельных элементов.

А вот и результат:

22

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

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

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

Добавить

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

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

0

Пользователь #5466Анастасия Высочина12 февраля 2012 в 01:05Личное сообщение

Красивый и интересный урок.

0

Пользователь #6448Ксения Адмиралова12 февраля 2012 в 02:12Личное сообщение

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

0

Пользователь #2197R_n_R12 февраля 2012 в 02:16Личное сообщение

Я бы еще капельку, которая стекает с сердечка, тонировала бы...

А так великолепный урок. Завтра обязательно его повторю, аж руки чешутся)

2

Пользователь #5466Анастасия Высочина12 февраля 2012 в 02:19Личное сообщение

[Конструктивная критика] Только только заметила внизу сердца капельки неестественно смотрятся как наклеенные. Их надо было делать поживее и откорректировать их форму по форме самого сердечка (на самом сердечке по идее тоже должны быть капли) [/Конструктивная критика]
Урок хороший!

0

Пользователь #5542Павел RPG12 февраля 2012 в 12:55Личное сообщение

Корректировать капли по форме сердца в гимпе очень сложно. В фотошопе есть интерактивное искажение слоёв, с помощью которого это легко делается, а в гимпе этого просто нет.

0

Пользователь #4093Ольга Майорова12 февраля 2012 в 13:51Личное сообщение

Великолепный и очень красивый урок ! Спасибо !

0

Пользователь #5542Павел RPG12 февраля 2012 в 17:21Личное сообщение

R_n_R

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

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

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

1

Пользователь #2832Никита Высоцкий12 февраля 2012 в 17:39Личное сообщение

Да с каплями тут что хочешь можно нахимичить. По моему мнению, весь вкус урока именно в стеклянном сердце в котором кипит жизнь. Сразу и не поймёшь что это нарисованное изображение.

2

Пользователь #5542Павел RPG13 февраля 2012 в 22:04Личное сообщение

Конечно нарисованное. Где вы видели в жизни сердце в котором что-то плещется?:)

0

Пользователь #6574аленка воронцова14 февраля 2012 в 01:43Личное сообщение

Мне кажется,свет падает на сердечко и сверху и снизу) Наверно, сердечко было бы еще красивей, если бы его пронзали лучики света. Такое завораживающее сердце.

0

Пользователь #5542Павел RPG14 февраля 2012 в 22:55Личное сообщение

Аленка, в одном из результатов урока это уже есть:)

0

Пользователь #6448Ксения Адмиралова15 февраля 2012 в 14:35Личное сообщение

Урок замечательный. Павел,с победой :3

1

Пользователь #3637Инна Подзорова15 февраля 2012 в 15:18Личное сообщение

Я очень болела за этот урок и счастлива, что он стал победителем! Поздравляю!

0

Пользователь #7725Виктор Р.15 февраля 2012 в 16:04Личное сообщение

Классный урок, поздравляю! Особенно хорошо прозрачность получилась!

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

0

Пользователь #7951Анастасия Кострикова11 марта 2012 в 16:44Личное сообщение

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

0

Пользователь #5542Павел RPG13 марта 2012 в 00:01Личное сообщение

Картинка с градиентом - я показал маску слоя. А в следующем шаге я убрал галочку "показать маску слоя", и маска была применена к слою. В этом месте нужно работать с маской и в маске нарисовать градиент, отображать маску при этом необязательно, я её показал, потому что словами сложнее объяснить, как нужно выполнять заливку:)

0

Пользователь #7951Анастасия Кострикова13 марта 2012 в 22:53Личное сообщение

Спасибо большое! Теперь мне понятно!!

0

Пользователь #4Андрей Сидоров30 марта 2012 в 18:21Личное сообщение

Лера Семикина, нет. Павел уже приводил англоязычный сайт в пример.

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

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

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

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

Закругление объектов
Как сделать любую фигуру более округлой: текст, прямоугольник или сложную фигуру.

Создание бесшовной текстуры из фотографии
Данный урок описывает процесс быстрого создания бесшовных текстур с помощью плагина Resynthesizer.

Кисти

Bitter 7 Bitter 1 Bitter 2 Bitter 3 Bitter 4 Bitter 5 Bitter 6 Bitter 8 Bitter 9 Fusion_12 Water_1 Water_3 Water_34 Water_16 Eclipse heart by FiRST Created by FiRST two-hearts2 broken-heart 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 Мишень Tatu1 GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush GIMP Brush serdtse GIMP Brush BS1 BS2 BS3 BS4 BS5 BS6 BS7 BS8 GIMP Brush Created by FiRST 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 fingerprint_brush_by hawksmont3 GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush 1_splat Abstract1 Smoke1 Smoke2 Smoke3 abstract2 s_splat2 to_many_splatters(by ResONE) Пестрая клякса hearts hearts 2 hearts 3 hearts 4 Drop Сердечко Pointer Vase GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко A love stori First Snow GIMP Brush slender GIMP Brush GIMP Brush GIMP Brush GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Открытка к Дню святого Валентина» получил оценку 4.64 на основе 11 голосов.

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

вверх