Как сделать сердце в фотошопе

(Шаблон "Пламенеющие сердца" со своими фото)

Вот и подошёл  День Всех Влюблённых.

Воодушевлённый этой грядущей датой, решил сделать урок "Как сделать сердце в фотошопе" (Шаблон "Пламенеющие сердца" со своими фото) по созданию оригинальной открытки - «Валентинки».

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

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

Урок не очень сложный (средний уровень), но шагов получилось довольно много – более пятидесяти. Но, если всё делать аккуратно и внимательно, то, я думаю, Вы с успехом справитесь.

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

Шаг 1.

Создаём новый документ размерами 1920×1080px. И придадим этому слою Стиль слоя (двойной клик по слою в Панели слоёв).

Цвет градиента выбираем от «#411f10» до чёрного:

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

Шаг 2.

Помещаем на наш фон чашку кофе – я скачал её с бескрайних полей «Яндекс-картинок», Вы же можете позаимствовать её у меня (прилагается), либо подобрать свою. Подгоните по размерам (Ctrl + T).

Моя «Чашка кофе» была в формате PNG, т.е. на прозрачном фоне. Но пришлось вырезать некоторые части, как на скриншоте ниже (инструментом «Волшебная палочка» или «Лассо» выделяете ненужные участки, и нажимаете «Delete»).

Шаг 3.

Инструментом  «Эллипс» (Ellipse Tool) (U) создайте фигуру, как показано у меня на иллюстрации (Стиль – Фигура, Заливка – белая, Обводка – нет).  После этого примените Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом в 30px.

Шаг 4.

Создайте в Панели слоёв группу и назовите её «Световые эффекты». Смените режим наложения этой группы на «Осветление основы» (Color Dodge) и перенесите только что созданный вами эллипс в эту папку.

 

Шаг 5.

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

 

 

Шаг 6.

Нанесите настроенной кистью искры на наш слой и примените к нему стиль Внешнее свечение (Outer Glow).

 

Шаг 7.

Добавим немного дыма. Создайте новый слой и назовите его “Дым”. Смените режим наложения слоя на "Осветление основы" (Color Dodge) и переключитесь на инструмент Лассо (Lasso Too)l. Задайте этому инструменту Растушёвку 40px и создайте выделение, как у меня на картинке ниже.

  

После этого, убедитесь что основным цветом у вас выбран белый, а фоновым — чёрный (нажмите сначала «D», затем «X» и запустите фильтр «Рендеринг > Облака» (Filter > Render > Clouds).

На заметку: можете поиграть фильтром несколько раз до тех пор, пока не получите лучший результат.

Снимите выделение (Ctrl + D).

Шаг 8.

Добавим дыму романтического шарма.

Выбираем инструмент Горизонтальный текст (Horizontal Type). Напишем что-нибудь, вроде «I love you, My love» и второй текст – например, «Want to love  forever». В каждой из строки продублируйте текст несколько раз, чтобы он получился длинным (3-4 раза).

Примените к обоим слоям Фильтр «Искажение > Волна» (Distort> Wave).

 

Примените к текстовым слоям Свободную трансформацию (Ctrl + T).               

У Вас, возможно, всплывёт окно:

Нажмите Ок и продолжайте. Расположите Ваши текстовые слои так:

Примените к ним Стили слоя (двойной клик по строке слоя в Панели слоёв), как показано ниже:

 

Добавьте Слой-маску к обоим текстовым слоям и сотрите чёрной мягкой кистью лишнее. У Вас должно получиться примерно так:

Объедините все созданные слои с текстовым «дымом» в группу (Ctrl + T) и назовите группу «Текст-дым».

Шаг 9.

Теперь займёмся созданием пламени для нашего сердца.

Создайте новый документ (Ctrl + N).

Скачайте и установите себе в программу Фотошоп кисти «Огонь» (прилагаются). Как установить кисти в Фотошоп, думаю, разберётесь или посмотрите на нашем сайте.

Выберете эту кисть:

Нанесите этой кистью одним кликом изображение на документ.

Перейдите на вкладку Каналы и создайте дубликат Красного канала

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

В Каналах должен быть активным канал «Красный копия». Нажмите на миниатюру слоя «Слой 0» с зажатой клавишей Ctrl – появляется выделение Красного канала. Копируем слой – нажимаем сочетание клавиш «Ctrl + C».

Шаг 10.

Мы создали пламя для дальнейшей работы.

Переходим обратно в наш документ «Пламенеющие сердца». Создадим новый слой поверх всех слоёв и назовём его «Огонь». Вставим наше скопированное пламя - нажимаем «Ctrl + V»

И применим к нему Стиль слоя, как показано ниже:

 

Шаг 11.

Создаём новый слой и назовём его «Сердце». Выбираем инструмент «Произвольная фигура» (Custom shape). Найдите фигурку сердца в библиотеке фигур Photoshop, нанесите её на документ и залейте белым цветом. Затем понизьте Прозрачность (Opacity) фигуры до 10%

 

Шаг 12.

Сердце мы создали в качестве шаблона для размещения нашего пламени. Давайте этим и займёмся.

Переходим на слой «Огонь» и вызываем команду Свободное трансформирование (Ctrl + T). Щёлкните внутри изображения правой клавишей мыши (ПКМ) и выберете «Деформация» (Transform > Warp). Вытягивая точки и узлы сетки, расположите пламя по контуру Сердца.

После этого нажмите Enter и продублируйте слой (Ctrl +J). Нажмите ещё раз «Ctrl + T» и выберете «Отразить по горизонтали» (Flip Horizontal). Поместите копию слоя на второй половине Сердца. Примените к этому слою функцию «Деформация», подгоняя её по форме Сердца.

Объедините два слоя «Огонь» и «Сердце» в группу  и назовите её  «Пламенное сердце». Я добавил к группе Стиль слоя:

Инструментом «Ластик» (Eraser) сотрите лишнее в пламени. Получилось следующее:

Примените к группе Свободное трансформирование «Ctrl + T» и разверните Сердце, как Вам нравится.

Шаг 13.

Создадим заготовку для шаблона – вставки в наше Сердце фотографии наших любимых.

Перейдите на слой «Сердце» и вызовите выделение, нажав на иконку слоя с зажатой клавишей Ctrl. Затем перейдите в «Меню > Выделение > Трансформировать выделенную область» (Transform Selection). Уменьшите немного размеры выделения. Также зайдите в Меню > Выделение > Модификация > Растушёвка (Modify > Feather) и выберете 10 пикс.

Теперь переходим на фоновый слой «Слой 0» и нажимаем   «Delete».

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

С помощью команды «Ctrl + T» подгоняем фотографию по размеру и положению в документе.

Шаг 14.

Мы создали одно Пламенное сердце. Давайте добавим сюда ещё одно.

Продублируйте группу «Пламенное сердце», перетащив её на иконку Новый слой или нажав «Ctrl + J».

Примените к копии слоя Свободную трансформацию «Ctrl + T», уменьшите её и переместите как Вам понравится, ведь совсем не обязательно делать всё в точности - поэкспериментируйте, подвигайте. Может быть, переместите слой ниже и расположите его за большим сердцем, поиграйте с размером.

Повторите действия как в шаге 13 (выделить Сердце >уменьшить и растушевать >выделение > удалить выделенное на фоновом слое > вставить своё фото).

Шаг 15.

Займёмся фоном - какой-то он у нас получился мрачный.

Добавим поверх фона текстуру бетона (прилагается).

 Переносим текстуру на документ поверх фонового слоя и растягиваем на всё изображение.

 

Измените режим наложения на «Перекрытие» (Overlay). Как видите, текстура отобразилась и на других слоях – исправим это. Добавьте на слой Маску слоя

И сотрите чёрной кистью те участки, где структура бетона лишняя.

Выберете инструмент Кисть (Brush -B). Непрозрачность кисти поставьте 8-10 %, цвет -#f8aa77, жёсткость -0%, размер – 200 пикс. Создайте над фоновым слоем «Слой 0» новый слой и назовите его «Подсветка». Нарисуйте на этом слое  несколько пятен в разных местах.

Если Вам кажется, что Вы перестарались с пятнами, то сотрите лишнее Ластиком или, ещё лучше, добавьте Маску слоя (значок «Добавить векторную маску» внизу Панели слоёв) и сотрите на Маске чёрной кистью В этом случае Вы можете вернуть стёртое белой кистью по Маске слоя.

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

Получилось такая картина:

Шаг 16.

Добавим текст на нашу открытку.

Напишем, к примеру «With the» (один слой), «beloved» (второй текстовый слой) и «FOREVER» (третий слой). Откройте «Меню > Символ».  Шрифт подберите на Ваш вкус, я выбрал Viner Hand ITC. Подкорректируйте в этом же окне Символ размер шрифта, цвет выберете белый. Задайте одному из текстовых слоёв Стиль слоя, как показано ниже

 

Получилось так:

Нажмите по слою с созданным Стилем ПКМ и выберете «Скопировать стиль», Затем перейдите на другие текстовые слои и , кликнув ПКМ, выберете «Вклеить стиль».

Выберете инструмент Перемещение и разместите Ваши текстовые слои  так, как считаете нужным. Я , к тому-же изогнул слой с текстом «FOREVER».

Наверное, на этом и остановимся. Вот конечный результат:

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

На этом наш урок Как сделать сердце в Фотошопе (Шаблон "Пламенеющие сердца" со своими фото) закончен. Честно признаюсь, сам получил большое удовольствие от творческого процесса. Этот приём, конечно, не нов и Вы наверняка найдёте нечто подобное Интернете. Но, пропустите это через себя, добавьте своей изюминки и Вы увидите, как преобразится Ваша работа, как она будет не похожа на все остальные.

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

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

Удачных Вам творческих работ!

Автор – Олег Лодянов (kinoLOG)

 

Скачать урок в формате PDF и исходник к нему:

 

Чтобы получить интересные уроки на свой адрес,

введите свои данные в форму подписки ниже:

Комментарии  

Student
0 # Student 20.06.2018 21:15
Спасибо за урок! Очень интересно!
Ответить | Ответить с цитатой | Цитировать
Елена
+1 # Елена 14.02.2017 15:28
Интересное занятие, здорово . Спасибо за урок :lol:
Ответить | Ответить с цитатой | Цитировать
galaviktor
+2 # galaviktor 14.02.2017 14:11
Очень интересный урок,обязательно попробую! Большое спасибо за урок и подарки!
Ответить | Ответить с цитатой | Цитировать

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

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 337 гостей и один зарегистрированный пользователь на сайте

  • Pyotr

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70