Kak_narisovat'_serdce

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

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

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

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

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

narisovannoe_serdce

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

Шаг 1.

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

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

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

ustanovka_napravljajushhej

Шаг 2.

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

opredelenie_formy_budushhego_serdca

Шаг 3.

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

instrument_ugol

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

Sozdanie_polovinki_serdca_pri_pomoshhi_instrumenta_pero

Шаг 4.

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

preobrazovanie_kontura_v_vydelennuju_oblast'

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

vydelennaja_oblast'_odnoj_poloviny_serdca

Шаг 5.

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

zakrashennaja_polovina_serdechka

Шаг 6.

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

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

serdce

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

Шаг 7.

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

kak_otkryt'_redaktor_gradienta

kak_ustanovit'_cveta_gradienta

Шаг 8.

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

obvodka

Шаг 9.

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

vnutrennee_svechenie

Шаг 10.

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

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

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

nalozhenie_sveta_pri_pomoshhi_gradienta

Шаг 11.

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

narisovannoe_serdce

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

5 Комментарии

  1. Елена Романова

    Спасибо за подробное , пошаговое описание!
    Красивое сердечко получилось!

  2. С такими инструкциями очень просто все получается — спасибо!

  3. Александр

    Последняя часть работы описана непонятно,не могу настроить градиент

    • Добавил два уточняющих скриншота. Если не помогает, то отпишитесь подробнее в чем именно загвоздка.

  4. Александр

    А для чего тренироваться? Чтобы запоминать кнопки?Ведь никакой осознаности нет. Ну запомнил. Через 2-3 дня забыл. Опять потренировался т опять забыл. Когда есть осознаность не нужно запоминать действия, правильное направление действий само появляется тренироваться нужно тогда когда понимаешь что делаешь. А иначе это профанация.

Leave a Reply to Александр Cancel reply

Ваш E-mail адрес не будет опубликован. Обязательные поля отмечены звездочкой *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>