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

11.09.202216.09.2022 admin 0 Comments

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

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

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

В конце урока мы нарисуем его так:

Теперь все подробнее:

Шаг 1

Определимся с размером будущего изображения. Я сделаю 256 на 256 пикселей с прозрачным фоном. Поскольку форма сердца подразумевает симметрию обеих ее половин, нам нужно установить вертикальную направляющую, по которой мы будем ориентироваться, чтобы в итоге все получилось ровным и симметричным.

Чтобы установить направляющую, сперва, включите инструмент Линейки (Просмотр — Линейки, поставьте галочку), сверху и слева появятся две полоски со шкалой. Наведите курсор мыши на левую линейку, нажмите на нее и, не отпуская клавишу мыши, потяните в сторону созданного документа. Обратите внимание, что вы визуально увидите черную вертикальную полосу.

Чтобы направляющую установить точно по середине, медленно ведите ее по документу, фотошоп автоматически сделает слегка уловимое примагничивание к середине. Отпустите клавишу мыши. Теперь у нас появилась голубая вертикальная линия. Подробнее о линейках и направляющих.

Шаг 2

Затем в бой вступает, нелюбимый для многих, инструмент Перо. При помощи него мы сделаем что-то наподобие скелета будущего сердца. Для это установите три точки, чтобы определить границы формы. Первую и последнюю точки соедините между собой. Вот как должно получиться:

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

Зальем выделение красным цветом. Выполните команду Редактирование — Выполнить заливку. В появившемся диалоговом окне найдите параметр Содержимое — Использовать и в выпадающем меню выберите Цвет. Появится палитра, где нужно выбрать красный оттенок (на самом деле, это не так важно, т.к. далее мы будем применять градиент).

Шаг 6

Теперь оно стало похоже само на себя! Можно убрать направляющую.

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

Шаг 7

Первым делом, применим Градиент. Дважды щелкните по слою, появится окно Стиль слоя, в его левой части нажмите Наложение градиента. Справа в настройках наложения вы увидите цветную полосу, нажав на нее появится окно Редактор градиентов. Установите цвет от темного красного (# 9a080f) до более светлого оттенка (# f38e8e).

Шаг 8

Можно добавить обводку. Она находится там же в стилях слоя. Цвет выберите из оттенков красного, непрозрачность примерно 80%.

Шаг 9.

Я бы добавил в пару к обводке еще и немного внутреннего свечения. Цвет белый, размер примерно 13 пикселей, непрозрачность 75%.

Шаг 10

Добавим игру света.

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

Шаг 11

Вот и все! Я специально расписал все очень подробно, так как урок рассчитан на начинающих пользователей фотошопа. Отпишитесь в комментариях о своих успехах.

Источник

Как нарисовать сердце

Новый документ 800×600. Белая заливка.

Выберем инструмент Ellipse-tool (находится под Type tool) и нарисуем держа Shift окружность. Гордо крикнем: «Мама! Иди посматри, у меня тут ВЕКТОР!»…после объятий и поздравлений от вашей семьи, растолкаем собравшихся от нашего рабочего места, и продолжим.

Выберем Convert Point tool… будем надеятся что никто не увидит вашего позора, когда вы прочитав эти строки, озираясь по комнате, начнете судорожно тыкаться в поисках этого инструмента…
Теперь посмотрим на скриншот и повторим действия для трансформации нашей фигуры в сердце…
СОВЕТ: пробуйте в работе Direct Selection Tool и Path Selection Tool…. привыкайте, без них никак. В результате пары минут стараний у вас должен получится будущий орган — серДце.

Щелкаем правой клавишей мыши по нашей фигуре любым инструментов для работы с «вектором» (Например тем же Convert Point tool) и выбираем Make Selection. Feather Radius=0

Зальем выделение красным цветом.

Shift+Ctrl+J — вырежем выделение в новый слой.

Создадим копию этого слоя. итак у нас имеется 3 слоя: background, layer1, Layer 1 copy. Переключаемся на работу в верхнем слое Layer 1 copy.

Вы наверное замечали на своем рабочем месте палитрочку Color-Swatches-Styles и всегда ее закрывали… возвращайте ее!

Будем использовать встроенные Styles для создания объема нашему сердечку. Произведите Reset Styles (треугольничек в кружочке справа от надписи Styles), — необязательно лишь бы вы нашли стиль под названием Blue Glass (Button)… это то что выбрал из стилей я.

БАБАХ! ура выглядеть стало лучше, появился объем, однако на органе появилась синюшность… однако мертвит, и вы бегом кидаетесь в HueSaturation крутите ползунки а эффект неизменен! Ну… глюк!… в голове открылся люк. Вы применили стиль. Стиль дал нашему изображению Effect. И тут указан цвет. Его и поменяем. Дважды щелкните по изображению буковки f (палитра Layers правее от надписи Layer 1 copy )… Зайдите в Color Overlay и установите красный цвет… Зайдем в Inner Glow и понизим Opacity до 30%. Поиграем с настройкой Shading в разделе Bevel and Emboss… поставим Angle=150 Altitude=64
Судорожно жмем ОК…

Ну ведь неплохо? Согласитесь во второй раз вы сходу все это проделаете за пару минут! Слой Layer1 вам пригодится для того чтобы сделать фильтром Gaussian Blur размывочку под нашим сердечком… ну тут просто ваша фантазия как подразмыть края нашего изображения чтобы небыло резкого цветового перехода… Думаю справитесь. Это обычная рутина.

Но предположим мы захотим разнообразить наш рисунок добавив эффект CHROME из пакета EYE Candy 4000, чтобы в день Святого Валентина совершенно поразить свою девушку эффектом неземной красоты…

Делаем копию нашего слоя Layer 1 copy. Теперь у нас 4 слоя — верхний=Layer 1 copy 2. На нем выполним правым щелчком — Clear Layer Style.

Eye Candy4000 — CHROME. Я выберу Reflection map = Brick Wall и расширю Bewel Width до 1.35. Жмем ОК.

Присвоим этому слою режим Color Dodge и поставим Fill=80% (внимание! — именно Fill а не Opacity).

Зайдем на слой background и закрасим оставшуюся оконтовку сердца белой кистью.

ВУАЛЯ! Конечно стоит поманипулировать с настройками чтобы получить еще более сногсшибательное сердечко ко Дню Святого Валентина.

Источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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