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

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

   

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

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

В этом уроке я покажу, как создавалась открытка-коллаж к Дню Святого Валентина. Идея возникла всего 6 дней назад, многое, к сожалению, реализовать не получилось. В работе мне оказала большую помощь Ольга «Malush», за что я ей очень благодарен и, по праву, считаю соавтором этой работы.

Кроме двух личных фотографий:

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

Я использовал следующие картинки:

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

Итак…

Открываем изображение «я за столом» в Gimp’е.

Инструментом Вращение выравниваем возможный перекос, крышку стола делаем параллельной низу картинки. Далее Кадрирование с фикс. соотношением сторон 12: 9 см (1024: 768 px). С помощью Штампа и Лечебной кисти убираем возможные дефекты. Я, в частности, убрал резкий блик от окна на шее, чуть-чуть подправил стол и удалил на нём орнамент в центре. Теперь изменяем размер изображения до 1024×768 px (оригинал был 4600×3400) и переименовываем слой в «за столом».

Контуром делаем грубую обводку фона.

Увеличиваем изображение и корректируем наш контур, комбинируя режимы создание и правка. создание — перемещаем точки, правка — вставляем новые, изгибая контур.

Контур переименовываем в «фон». Теперь Слой → Маска → Добавить маску слоя: полная непрозрачность. Выделение → Из контура. На маске слоя заливаем выделение чёрным цветом. Снимаем выделение. Теперь контуром выделяем крышку стола и называем контур «стол», это понадобится в дальнейшем. Перетаскиваем фоновое изображение в редактор, слой называем «камин», ставим его под слой «за столом» и используя «масштаб» и перемещение формируем задний план сцены.

На этих слоях используем Цвет — Уровни и Цвет → Тон-Насыщенность для придания сцене ночного освещения. Т. к. источники света у нас свеча и камин, подгоняем тон ближе к красным и жёлтым оттенкам. На слое «камин» свет из окна выделяем лассо, Растушёвываем (10px и больше), потом Цвет → Тон-Насыщенность — тонируем к синему цвету, насыщенность ближе к нулю, — имитируем лунный свет. Если граница слоёв получилась слишком резкая, то Размыванием по (!)маске слоя смягчаем её.

Теперь используем Затемнение/осветление и(или) мягкую кисть чёрного, тёмно-красного и синего цветов для сведения слоёв в одну сцену:

Вот, что у меня получилось:

Теперь рисуем открытку — Слой → создать из видимого, Вращение на 180 градусов. Слой поднимаем над столом (будет легче его трансформировать), Перспективой формируем на столе верхнюю часть открытки. Можно всё это сделать и через Лассо и Заливку, но так легче отследить нужные пропорции и предварительно увидеть результат.

Цвет → Порог — отбеливаем её (или Уровни). Слой → Слой к размеру изображения. Рисуем с помощью Лассо нижнюю часть, заливаем линейным Градиентом от тёмно- до светло-серого цвета. Мягкой чёрной кистью в режиме «направленный свет» с непрозр. 10–15 делаем набросок сгиба открытки. Называем слой «открытка основа»:

После этого перетаскиваем в редактор остальные объекты, Контуром (желательно) или Лассо выделяем и обрезаем фон, поднимаем над столом и «усаживаем» их на места с помощью Перспектива / Масштаб / Вращение. Свечу в подсвечнике я свёл из 2-х картинок, на этом способе не настаиваю. Ручку вставляем в открытку с помощью Лассо и удаления, а чашку, после Коррекции перспективы, Зеркалом поворачиваем к правой руке.

У нас три новых слоя, называем их «свеча», «книги» и «чашка». Теперь Уровни, Яркость-Контраст, Тон-Насыщенность — вписываем их в сцену. Где надо, изменяем края, как и раньше — кистью в режиме «Направленный свет» и «Затемнение» светлого. Окончательно будем их обрабатывать в конце. Над слоем «свеча» создаём прозрачный слой «свеча пламя», над фитилём рисуем (Лассо или Контур, заливка жёлтым) пламя свечи.

Мягкой нормальной кистью белым рисуем зону накала, а края пламени затемняем кистью направленный свет и ослабляем Ластиком с непрозрачностью 10–15. Пальцем придаём пламени нужную форму и Перемещением слоя выравниваем его на фитиле:

Создаём прозрачный слой «свеча сияние» над слоем «свеча» и рисуем жёлтым такую фигуру («свеча пламя» пока отключаем):

Фильтры → Размывание → Гауссово размывание на 20px. Включаем «свеча пламя» и регулируем прозрачность слоя «свеча сияние». На слое «свеча» с помощью Лассо выделяем верхнюю часть воска, включаем Быструю маску и Пальцем размазываем низ выделения. Отключаем маску, Цвет → Яркость-Контраст — делаем освещение верхней части свечи.

Создаём прозрачный слой «стол тени», он должен быть на самом верху. В списке контуров щёлкаем по контуру «стол», Выделение → Из контура, с помощью Лассо вырезаем из выделения неосвещаемые участки, Быстрая маска, Размываем резкие границы:

Отключаем быструю маску (выделение можно сохранить, на всякий случай), от центра основания подсвечника радиальный Градиент жёлтый «из основного в прозрачный», инвертируем выделение и, вырезая лишнее, оставляем выделенными только тени:

Теперь радиальный чёрный Градиент от подсвечника, но инвертируем его — ставим галочку на «Развернуть» в настройках, чтобы градиент переходил из прозрачного в чёрный. Если тень слабая, то опять повторяем Градиент.

Слой в «Объединение зерна», непрозрачность 50%, Цвет → Яркость-Контраст — регулируем соотношение жёлтого к чёрному, после чего опять ищем нужную прозрачность слоя. Теперь окончательно доводим тени — в местах контакта предметов со столом проводим мягкую чёрную линию и корректируем Пальцем, в проблемных местах ставим небольшие чёрные точки и используем Палец и Размывание для достижения нужного эффекта. Некоторые объекты не получится высветлить (ложка на блюдце) или затемнить (низ ручки) этим слоем — обрабатываем сами объекты.

Далее Гауссово размывание на «камин» 10px. Лассо выделяем грубо фигуру за столом, Гауссово размывание 5px, на слое «за столом» «лечебной кистью» и «пальцем» выравниваем резкие тени. Можно дополнительно сделать цветокоррекцию:

На самый верх добавляем прозрачный слой «лицо тени» (направленный свет, 70% прозрачность) и рисуем свет оттенками жёлтого, тени — чёрным, мягкой кистью с прозрачностью 10–15. Гауссово размывание на 3–5 px, Пальцем и, если надо, добавлением точек корректируем слой:

Уменьшаем прозрачность слоя до получения нормального освещения. Создаём прозрачный слой в режиме «направленный свет» в режиме «рассеянный свет», заливаем от пламени свечи за кружку жёлтым градиентом — основной в прозрачный, радиальный. Непрозрачность слоя ставим 20:

Перетаскиваем в редактор «сердечко», с помощью Цвет → Порог и чёрной кисти выводим его в чёрный цвет, с помощью Выделение смежных областей получаем выделение нужной формы (слой с сердечком можно удалить):

Инструментами Перемещение и Масштаб, в режиме работы с выделением, устанавливаем выделение в верхнем правом углу. Создаём прозрачный слой «сердечко основа» и Заливаем выделение белым цветом. Выделение → В контур, снимаем выделение. Создаём прозрачный слой «сердечко контур», берём кисть «G_Sparks», масштаб 0,6 дрожание 2. 0. Теперь Правка → Обвести контур, выбираем «Обвести рисующим инструментом — кисть». Уменьшаем дрожание до 1. 5 и повторяем обводку, потом с дрожанием 1. 0, 0. 5 и 0. 0. Справа, на границе слоя, стираем лишние брызги и Тонируем слой ближе к оттенкам красного:

Перетаскиваем изображение девушки в редактор как слой «образ», ставим его над «сердечко основа», Перемещаем и Масштабируем образ в сердечко,Слой → Слой к размеру изображения, добавляем маску слоя полная прозрачность, затем мягкой полупрозрачной белой кистью по маске слоя вырисовываем образ, затем размазываем Пальцем маску. Изменяем размер (!)холста — к ширине прибавляем 24px, нажимаем отцентровать, изменить размер. Создаём верхний прозрачный слой «рамка». Я использовал фильтр G’MIC → Arrays&Frames → Fuzzy frame с шириной полей 8px, но можно использовать любую рамку, подогнав под неё тон «сердечко основа». Закрашиваем белым границы «сердечко контур», примыкающие к рамке и саму «рамку» в этих же местах. Внимательно рассматриваем почти готовый коллаж. Я замечаю, что просчитался с тенями, поэтому сдвигаю свечу и её освещение вниз, запирая необходимые слои, корректирую слой «стол тени», а также делаю чашку светлее, корректирую слои «за столом» и «рассеянный свет»:

Теперь делаем надпись. Я сделал на французском языке следующее:

L’Amour Toujours L’Amour
Joyeuse St-valentin!

Или — Любовь Всегда Любовь, С Днём Святого Валентина!

Я использовал шрифт «Ohio Script» с сайта, который я указал в начале. В верхнем левом углу делаем надпись цветом, близким к золотому. Создаём копию слоя, Уровнями сгоняем её в чёрный цвет, Гауссово размывание 5-8px, создаём с полученного копию и объединяем в один слой, который сдвигаем чуть вниз и вправо, и помещаем под слоем с основой надписи. С основы делаем ещё копию, высветляем её, повторяем Гауссово размывание — это должен быть самый верхний слой. Сводим все три слоя вместе и выравниваем на сцене:

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

Коллаж готов. Все слои остались на своих местах, свет и тени — отдельно, так что в любой момент можно что-то подправить или переделать. Сводим изображение.

Спасибо за внимание и терпение…

3

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

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

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

Добавить

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

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

0

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

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

0

Пользователь #7477Оля Кирдяева14 февраля 2012 в 19:39Личное сообщение

Я тоже считаю что эта работа должна занять первое место.Только мне кажется что объяснения несколько сложноваты. Но результат получился просто потрясающий!

0

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

Оля, не зря у урока стоит высокий уровень сложности. Для тех, кто в гимпе уже давно, объяснения вполне понятны. А вы, как я погляжу, новичок. Или я ошибаюсь? :)

0

Пользователь #6807Константин Корнев15 февраля 2012 в 02:40Личное сообщение

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

"...поднимаем над столом (будет легче его трансформировать), Трансформацией формируем на столе..." - это при создании основы открытки. Должно быть "...Перспективой формируем..."

"...Создаём прозрачный слой рассеянный свет, заливаем от пламени свечи за кружку жёлтым градиентом..." - это при создании рассеянного света от свечи. Должно быть "...Создаём прозрачный слой "рассеянный свет" в режиме направленный свет...". Надо было другое название слою дать, учту на будущее. Не думал, что название слоя "рассеянный свет" окажется подводным камнем при описании...

Прошу модераторов, если есть возможность, исправить эти ошибки.

1

Пользователь #6399Олег Бутарев15 февраля 2012 в 04:38Личное сообщение

Урок потрясающий. Сюжет очень понравился.

0

Пользователь #4Андрей Сидоров20 февраля 2012 в 07:21Личное сообщение

Константин, исправлено.

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

  • >

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

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

Создание эфемерных объектов
Превращаем обычные объекты в призрачные для использования в коллажах.

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

Кисти

Fusion_5 cercle-floral03 cercle-floral04 cercle-floral07 cercle-floral08 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 GIMP Brush Lenta GIMP Brush serdtse GIMP Brush List GIMP Brush Kist GIMP Brush GIMP Brush Uzor GIMP Brush Ornament 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 Blue Prints 1 Blue Prints 2 Blue Prints 3 Blue Prints 4 Blue Prints 5 Blue Prints 6 Blue Prints 7 Blue Prints 8 Blue Prints 9 Blue Prints 10 Blue Prints 11 GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush Barrocue1 GIMP Brush GIMP Brush Pipe Феерверк Пестрая клякса Цветные прямоугольники ягоды Bed Circle Figured 4x3 hearts hearts 2 hearts 3 hearts 4 Hare GIMP Brush GIMP Brush  Shahmaty Asterisk8 Bow Pepper Матрёшка Turtle Drop Blot Fish Sn0wdrop Hippopotamus Apple Arrow 1 Arrow Fish 1 Fish 2 Fish 3 Fish 4 Fish 5 Fish 6 Fish 7 Fish 8 Fish gold GIMP Brush Leaves 2 Leaves Сердечко Next Pointer Tulip Vase Trees3 Кнопка Lightning GIMP Brush Pigeon 1 Tree Beams 1 Beams 1 Beams 16 Лучи Branches 1 Branches 2 Corner from leaves 2 Corner from leaves Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 Rainbow Облако Ornament flower Пуговицы GIMP Brush Zvezda Snowflake 1 Snowflake 2 Snowflake 3 fractal2_brush_by_hawksmont3 Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Cupid Circles 3 Circles A love stori First Snow Flover Framework 800x1000 Figures GIMP Brush GIMP Brush GIMP Brush bananas vase with fruit butterfly 1 butterfly 2 butterfly 3 butterfly 4 butterfly 5 butterfly 6 Mask01 Mask02 Mask03 листья.gbr Mask05 сердечко Mask19 Mask49 Mask67 Mask73 Mask74 Mask83 волны Mask91 лучи Mask92. GIMP Brush неоновый круг привет! золотой диск монстер ресурсы фиолетовая кисть спиральный круг Кельтбраслет орнамент орнамент 2 орнамент 3 орнамент 4 орнамент 5 орнамент 7 орнамент 8 орнамент 9 орнамент 10 GIMP Brush GIMP Brush GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Открытка-коллаж к Дню Святого Валентина» получил оценку 4.00 на основе 4 голосов.


вверх