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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

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

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

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

Шаг 7

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

Шаг 8

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

Шаг 9.

Шаг 10

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

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

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

Шаг 11

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

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

В ыберем инструмент 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)... это то что выбрал из стилей я.

БАБАХ! ура выглядеть стало лучше, появился объем, однако на органе появилась синюшность... однако мертвит, и вы бегом кидаетесь в Hue\Saturation крутите ползунки а эффект неизменен! Ну... глюк!... в голове открылся люк. Вы применили стиль. Стиль дал нашему изображению 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 и закрасим оставшуюся оконтовку сердца белой кистью.

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

Инструкция

Откройте Photoshop и создайте документ размером 800х600 пикселей и белой заливкой. Нажмите на клавиатуре U. На панели инструментов кликните правой кнопкой мыши на выбранный инструмент и выберите из списка Ellipse Tool (Эллипс). Зажмите Shift и нарисуйте на документе окружность.

Нажмите на клавиатуре Ф и на панели инструментов щелкните правой кнопкой мыши на используемый инструмент. Выберите Direct Selection Tool (Стрелка) или Path Selection Tool (Выделение контура). Трансформируйте фигуру в сердце с помощью направляющих, тяните за закрашенные кружки и квадраты.

Нажмите клавишу З. Кликните правкой кнопкой мыши на сердце и выберите Make Selection (Создать выделение). В поле Feather (Растушевка) проставьте 0 и нажмите «Ок». Выберите инструмент Paint Bucket (Заливка), нажав G. Залейте цветом. Нажмите на клавиатуре Shift+Ctrl+J, чтобы получить слой с названием Layer 1 (Слой 1).

Скопируйте слой Layer 1 сочетанием Ctrl+J, чтобы получить Layer 1 copy (Слой 1 копия). Включите палитру Styles (Стили) во вкладке Window (Окно). Нажмите на стрелочку/стрелочку с полосками в правом верхнем углу и выберите Reset Styles (Восстановить стили). Выберите наиболее подходящий стиль, например, Blue Glass.

В палитре слоев нажмите правой кнопкой мыши на слой Layer 1 copy. Выберите в выпавшем меню Blending Options (Параметры наложения). В открывшемся окне кликните на Color Overlay (Наложение цвета). Щелкните на прямоугольник с цветом и выберите красный.

В пункте Bevel and Emboss (Тиснение) в Shading измените значение Angle (Угол) на 150, значение Altitude (Высота) на 64. При необходимости заходите в пункты, отмеченные галочкой, и меняйте параметры наложения. Нажмите Ок после завершения редактирования. Подпишите сердце при необходимости и сохраните в формате.png.

Чтобы не рисовать сердце с помощью направляющих, нажмите U на клавиатуре. Кликните правой кнопкой мыши в панели инструментов на активированный инструмент. Выберите инструмент Custom Shape Tool (Произвольная фигура), выглядящий как клякса. На панели под верхним меню вы увидите надпись Shape (Форма). Кликните на квадрат с фигурой справа от надписи. Выберите фигуру сердца.

Установите курсор на документ, нажмите левую кнопку мыши и потяните мышь. Получится сердце . Нажмите Ctrl+Enter. Скопируйте слой с помощью Ctrl+J. В панели слоев кликните на слой с сердце м правой кнопкой мыши и выберите Blending Options (Параметры наложения). В пункте Color Overlay установите красный цвет.

Чтобы нарисовать сердце от руки (мышью) или на , создайте новый документ и нажмите И на клавиатуре. Нажмите в области холста правой кнопкой мыши. Задайте кисти красный цвет и жесткость. Нарисуйте сердце .

Видео по теме

Полезный совет

Чтобы сердце, созданное с помощью инструмента «Произвольная фигура», было пропорциональным, нажмите под верхним меню на стрелочку справа от рисунка кляксы. Стрелка указывает вниз. Выберите вторую из списка надпись Defined Proportions (Пропорционально).

Источники:

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

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

Вам понадобится

• Редактор графики Adobe Photoshop.

Инструкция

Создайте новый документ. Нажмите сочетание Ctrl+N, либо выберите в главном меню пункты "File" и "New...". В отобразившемся диалоге задайте параметры создаваемого . В полях "Width" и "Height" введите ширину и высоту изображения. Имеет смысл данные значения в диапазоне 400-600 пикселей. В списке "Background Contents" выберите пункт "Transparent". В списке "Color Mode" установите значение "RGB Color", а в списке, расположенном от него - значение "8 bit". Нажмите кнопку "OK".

Выберите цвета переднего и заднего плана. Кликните по элементам управления, расположенным на панели инструментов, отображающим соответствующие цвета. Появятся диалоги выбора цвета. Установите цвет переднего плана в серый (шестнадцатеричное RGB-значение в диапазоне B4B4B4-E8E8E8), а цвет заднего плана в черный.

Создайте новый слой. Выберите в меню "Layer", "New", "Layer...", или же нажмите клавиши Shift+Ctrl+N.

Создайте изображения дым а. Активируйте инструмент "Polygonal Lasso Tool". Выделите область изображения произвольной формы. Форма области выделения должна быть вытянута в вертикальном направлении. Желательно, чтобы она была достаточно неправильной формы и ассиметрична. Залейте область выделения при помощи инструмента "Paint Bucket Tool" цветом переднего плана. При желании, осветлите края области с помощью инструмента "Dodge Tool". Снимите выделение, нажав Ctrl+D. Объедините слои, выбрав в меню пункты "Layer" и "Merge Down", либо нажав Ctrl+E.

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

Сразу оговорюсь: данный урок является лишь первой частью классной открытки или обоев для рабочего стола ко Дню всех влюбленных. Но обо всем по порядку.

Итак, открываем программу Adobe Photoshop и создаем новый документ размером 1280х1024 пикс. (по размеру монитора, ведь мы же делаем обои ко дню всех влюбленных), разрешение 72 пикс/см, цветовой режим RGB.

Выбираем инструмент Произвольная фигура , находим вверху в настройках инструмента изображение сердца (Черви называется).

Если у Вас такой фигуры нет, то ее нужно загрузить из стандартной библиотеки фотошопа. Для этого жмем на маленький треугольничек в правом верхнем углу и выбираем внизу вкладку Все.

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

Итак, рисуем небольшое сердечко. Обратите внимание на настройку Выполнить заливку пикселов , маленький квадратик.

Давайте сделаем объемное сердце, для чего дважды кликаем по слою в Панели слоев или идем в меню Слои-Стиль слоя-Параметры наложения. Теперь устанавливаем следующие настройки, показанные на скриншотах (для увеличения нажмите на изображение):

Создаем новый слой. А также загружаем выделение сердечка: зажав клавишу С trl , кликаем по иконке слоя в панели справа.

Выбираем инструмент Градиент , устанавливаем цвета, как на рисунке. Режим наложения нормальный , Линейный градиент . Проводим вертикально инструментом сверху вниз.

Меняем режим наложения слоя на Насыщенность

Создаем еще один слой Слой 3 . Вновь выбираем Произвольную фигуру и рисуем сердце белого цвета, немного меньшего размера.

Жмем сочетание клавиш Ctrl+ T , вызывая тем самым Произвольную трансформацию слоя. Правой кнопкой мыши выбираем функцию Деформация , появится сетка из 9 прямоугольников. Зажимая по очереди нужные прямоугольники, перетаскиваем и растягиваем изображение, как показано на скриншоте. Как только результат устроит, жмем Enter .

Нам нужно отсечь нижнюю острую часть маленького сердечка. Я это сделала при помощи инструмента Перо . Как им пользоваться, я рассказывала в статье о . Рисуем контур этим инструментом, закрыв его, правой клавишей образуем выделенную область с растушевкой 1 пикс. Инвертируем выделение сочетанием клавиш Shift+ Ctrl+ i или через меню Выделение –Инверсия . Теперь осталось лишь стереть все лишнее при помощи Ластика или просто нажав на клавишу Del

Отменяем выделение комбинацией клавиш Ctrl+D . И опять загружаем выделение большого сердца (см. выше). При этом находимся на Слое 3 . Идем в меню Фильтр – Размытие – Размытие по Гауссу и устанавливаем следующие настройки

Меняем режим смешивания слоя на Перекрытие , а прозрачность снижаем до 47%.

Самый главный элемент для будущей валентинки в фотошопе готов.

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

А я Вам желаю успешно освоить создание этого сердечка, ведь впереди нас ждет еще более интересная работа! До скорого!

Ваш Домовёнок Елена.

Всякие разные новости:

Вкусные идеи для Вас.

Этот урок покажет Вам как заставить сердце биться при помощи Photoshop и Image Ready.Этот урок покажет Вам как заставить сердце биться при помощи Photoshop и Image Ready . Информация из этого урока может служить для создания различных открыток, начиная от дня святого Валентина и заканчивая днем рождения. Ваши друзья и родные будут приятно удивлены.

1. Создайте новый документ размером 300 x 300px . Возьмите инструмент Произвольная фигура (Custom Shape tool), переключитесь на слой-фигура (Shape Layers) и выберите сердце из списка фигур. Установите основной цвет (foreground color) #FD7FA3 . Теперь нарисуйте сердце, которое должно занимать большую часть пространства в окне. Расположите его в центре документа.

2. Добавьте Cтиль слою — Тень (Drop Shadow).

Внутренняя Тень (Inner Shadow).

Внутреннее свечение (Inner Glow).

Наложение градиента (Gradient Overlay).

Внешнее свечение (Outer Glow).

Глянец (Satin).

У Вас должно получиться нечто подобное:

3. Сделайте три копии слоя с сердцем. Используя свободную трансформацию (Free Transform Tool) установите размер первой копии 95% от оригинала, второй 90% и третьей 85% , а первоначальное изображения оставьте без изменений.

4. Теперь переходим в Image Ready (Ctrl+Shift+M). Откройте панель анимации (Окно — Анимация), а затем нажмите на маленький треугольник в правом верхнем углу панели. Там выберите пункт Создать кадры из слоев (Make Frame from Layers). Cлой с фоном переместите в корзину.

*Если у вас Photoshop CS3 и выше, то откройте Окно> Анимация и выпоните 4 шаг

5. Выберите второй кадр и нажмите на Создать дубликат текущего кадра (Duplicate current frame). Затем перетащите слой в конец анимационной ленты. Повторите процедуру для третьего сердца.
Вы должны получить 6 кадров. Теперь установите время задержки 0,05 секунд для первого кадра и 0,1 секунды для четвертого. Сохраните Вашу работу и наслаждайтесь результатом.