Фигура сердца в фотошопе

Фигура сердца в фотошопе

Здравствуйте! Сегодня научимся рисовать сердце в фотошопе . Сердечко хоть и не с крыльями, но тем не менее получится достаточно симпатичное.

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

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

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

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

Шаг 1

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

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

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

Нарисуем недостающую вторую половину. Продублируйте выделение на новый слой, нажав Ctrl+J . Выделите копию слоя на палитре, возьмите инструмент свободное трансформирование Ctrl+T и щелкните по изображению правой кнопкой мыши. Из появившегося меню кликните Отразить по горизонтали. Теперь вторая половинка стала зеркальной. При помощи инструмента перемещение установите ее слева от нашей первичной половины. Если это делать медленно, то вы почувствуете примагничивание.

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

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

Шаг 7

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

Читайте также:  Редактирование каналов на телевизоре самсунг

Шаг 8

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

Шаг 9.

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

Шаг 10

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

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

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

Шаг 11

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

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

Автор: Олег Лодянов (kinoLOG). Дата публикации: 25 февраля 2017 . Категория: Уроки фотошопа коллажи.

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

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

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

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

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

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

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

Создаём новый документ размерами 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».

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

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

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

Создаём новый слой и назовём его «Сердце». Выбираем инструмент «Произвольная фигура» (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».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подборка из 30 необычных фигур сердечек для фотошопа.

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

Ссылка на основную публикацию
Троттлинг процессора что это
Простой компьютерный блог для души) Всем привет. Сегодня мы затронем тему процессоров, а если быть точнее, то такое явление как...
Схема indesit wisl 83
Инструкции и файлы Файл Страниц Формат Размер Действие 12 pdf 250.49KB Чтобы ознакомиться с инструкцией выберите файл в списке, который...
Схема блока питания для шуруповерта 12 вольт
Аккумуляторный шуруповерт – удобный и необходимый в хозяйстве инструмент. При эксплуатации «от случая к случаю», он может верой и правдой...
Троянские программы и хакерские утилиты
В данную категорию входят программы, осуществляющие различные несанкционированные пользователем действия: сбор информации и ее передачу злоумышленнику, ее разрушение или злонамеренную...
Adblock detector