Как сделать сердце в фотошопе cs6. Анимированное сердце

13.05.2019

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

Сегодня я покажу вам как можно использовать стандартные кисти, формы и стили слоя для создания привлекательного фона в фотошопе CS6.

Приступаем к работе

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

Делаем фон

На панели инструментов выбираем инструмент Paint Bucket Tool (G), заливаем фоновый слой цветом #FFCB92.

Берем инструмент кисть Brush Tool(B).

Выбираем стандартную круглую кисть с мягкими краями, цвет #F16A50.

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

Применим к слою с разводами маску, нажав «Add layer mask»(кружок в прямоугольнике) внизу палитры слоев.

Выберите мягкую круглую кисть черного цвета (поставьте непрозрачность кисти Opacity — 20%).

Рисуйте на маске черной кистью, чтобы частично скрыть части слоя с разводами, как на рисунке ниже:

Создаем новый слой -Ctrl+Shift+N.

Берем инструмент кисть Brush Tool (B).

Выберите розовый цвет #F6615D. Частично закрашиваем изображение новым цветом как показано ниже.

Снова добавьте к слою маску, выберите мягкую круглую кисть, непрозрачность установите 15%.

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

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

Создаем еще один новый слой -Ctrl+Shift+N.

Берем инструмент кисть Brush Tool (B).

Снова выбираем стандартную круглую кисть с мягкими краями.

Закрашиваем фон частично красным цветом #730506.

Добавляем к слою маску, нажав на иконку внизу палитры слоев. Выбираем круглую мягкую кисть черного цвета с непрозрачностью 50%.

Рисуем по маске выбранной кистью, чтобы показать частично скрыть красный слой и показать слои под ним.

Снова создайте новый слой – Ctrl+Shift+N.

Возьмите круглую кисть с мягкими краями и непрозрачностью 20%, нарисуйте цветом #A10004 несколько мазков в правом нижнем уголке.

Понизьте заливку слоя до 40% в палитре слоев.

Рисуем сердечки

Создаем новый слой — Ctrl+Shift+N.

Начинаем рисовать маленькое сердце, используя инструмент Pen Tool (P), в настройках инструмента в верхней панели выберите «Фигура».

Нарисуйте сердце как показано на картинке ниже, чтобы добиться плавных линий, используйте инструмент Convert Point Tool, с помощью которого вы можете добавлять к точкам направляющие, а затем с их помощью корректировать контур.

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

Дважды щелкните на слое с сердцем в палитре слоев, в появившемся окне выберите «Inner Shadow» (Внутренняя тень).

Кликните на цветную полосу в строке «Градиент», чтобы задать цвета градиента. Настройте переход как показано на картинке.

Вот что получилось у нас на этом этапе:

Делаем дубликат слоя с сердцем – Ctrl+J.

Нажимаем сочетание клавиш Ctrl+T (инструмент Free Transform – Свободная трансформация), чтобы уменьшить размер сердечка и повернуть его.

Зажимаем Shift, чтобы пропорции изображения не изменились при уменьшении размера.

Поменяем также настройки градиента для второго сердечка.

Дважды щелкаем по слою, в появившемся окне, выбираем строку Gradient Overlay (Наложение градиента).

Кликаем по цветной полосе в строке Gradient «Градиент», чтобы задать другие цвета для нового сердечка.

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

Сделайте несколько копий слоев с сердечками, используйте Ctrl+T, чтобы менять положение и размер объектов. Не забывайте зажимать Shift при изменении размера сердечек.

Постарайтесь заполнить сердечками половину документа, как показано на рисунке ниже:

Выделите все слои с сердечками в палитре слоев (зажмите Ctrl, чтобы выделить несколько слоев одновременно). Нажмите Ctrl+G, чтобы объединить выделенные слои в группу.

Создайте копию только что созданной группы – Ctrl+J.

Скройте видимость первой группы, щелкнув по иконке глаза в палитре слоев.

Растрируйте копию скрытой группы, выделив ее и нажав Ctrl+E.

Заходим в меню Filter — Blur — Gaussian blur(Фильтр – Размытие – Размытие по Гауссу). Радиус ставим примерно 11.

Вот что у нас получилось:

Создайте копию размытого слоя.

Активируйте инструмент «Свободное трансформирование» (Ctrl+T), щелкните правой кнопкой по выделению, выбрав соответствующие пункты контекстного меню, поворачиваем изображение на 90 градусов против часовой стрелки, отражаем по горизонтали и опускаем немного вниз.

Перенесите ранее скрытую группу на самый верх в палитре слоев и включите ее видимость снова кликнув по иконке глаза.

После этого изменяйте размеры и положения каждого сердечка из группы при помощи Ctrl+T. Вот что у вас должно получиться:

Создайте новый слой — Ctrl+Shift+N.

Выберите инструмент кисть (B), круглую с мягкими краями.

Установите цвет кисти #FE7600 (Непрозрачность – 10%).

Рисуйте мягкой кистью поверх сердечек как показано на рисунке:

Снизьте заливку слоя в палитре слоев до 62%, а режим смешивания поставьте Overlay (Перекрытие).

Рисуем шестиугольники

На панели инструментов выберите инструмент Polygon Tool (U).

Нарисуйте шестиугольник белого цвета, установите значение 6 в окне «Стороны» в настройках инструмента сверху.

Вот что получилось у меня:


Снизьте заливку слоя с шестиугольником в палитре слоев до 18%, измените режим смешивания на Overlay (Перекрытие).

Сделайте несколько копий слоя с шестиугольником.

Меняйте положение и размер фигур при помощи Free Transform (Ctrl+T).

Должно получиться вот что:

Соедините слои, содержащие шестиугольники в одну группу (нажмите кнопку Ctrl, чтобы выделить соответствующие слои в палитре слоев и нажмите Ctrl +G, чтобы создать новую группу).

Объедините группу в один растрированный слой (выделите группу, а затем нажмите Ctrl+E).

Работаем на только что растрированном слое.

Заходим в меню Filter — Blur — Gaussian blur. Радиус ставим примерно 6px.

Вот что у нас получилось на этом этапе:

Выберите мягкую круглую кисть, непрозрачность установите 30%.

Рисуем по маске черным цветом, чтобы частично скрыть шестиугольники, как на картинке ниже:

Сделайте копию последнего слоя, удалите маску со слоя.

Зайдите в меню Filter — Blur — Gaussian blur (Фильтр – Размытие – Размытие по Гауссу). Радиус размытия ставим примерно 1,7.

Используя инструмент Свободное трансформирование (Ctrl+T), поверните копию слоя, как на картинке:

Добавьте к слою маску, нажав на соответствующую иконку внизу палитры слоев.

Выберите мягкую круглую кисть, непрозрачность установите 20%, черного цвета.

Рисуем по маске черным цветом, чтобы частично скрыть слой, как на картинке ниже. Меняем режим смешивания слоя на Overlay (Перекрытие).

Рисуем точки и звезды

Создаем новый слой.

Берем стандартную круглую кисть с мягкими краями белого цвета.

Выбранной кистью рисуем множество точек как показано на рисунке. Меняйте размер (горячие клавиши «[» — уменьшить диаметр и «]»-увеличить диаметр)и непрозрачность кисти для лучшего эффекта.

Добавьте к слою маску, нажав на соответствующую иконку внизу палитры слоев. Выберите мягкую круглую кисть черного цвета, непрозрачность установите 15%.

Рисуем по маске черным цветом, чтобы частично скрыть слой с точками, как на картинке ниже. Меняем режим смешивания слоя на Overlay (Перекрытие).

Скопируйте файл кистей в эту директорию:

C:\Program Files\Adobe\Adobe Photoshop X\Presets\Brushes folder (X – ваша версия Photoshop).

Либо установите кисти, как показано в уроке.

Создаем новый слой, берем кисть Brush Tool (B), выбираем узор со звездой.

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

Меняем режим смешивания слоя со звездами на Overlay (Перекрытие).

Сделайте копию слоя со звездочками и переключитесь на слой копии.

Поменяйте заливку слоя на 50%, а режим смешивания на Overlay (Перекрытие) в палитре слоев.

Создайте новый слой и выберите другую кисть из ранее загруженного набора, чтобы нарисовать еще больше белых звезд.

Объедините в группу все слои со звездами (нажмите кнопку Ctrl, чтобы выбрать необходимые слои в палитре cлоев и нажмите Ctrl+G, чтобы cоздать новую группу).

Добавьте маску к группе слоев со звездами.

Выберите мягкую круглую кисть черного цвета, непрозрачность установите 15%.

Рисуйте по маске, чтобы немного скрыть видимость группы со звездами, как на картинке:

Создаем новый слой и берем кисть, которой уже пользовались ранее, рисуем над слоем с сердечками, как на картинке ниже. Цвет — №00F695 (Opacity снизьте до 20%).

Поменяйте режим смешивания слоя на Overlay.

Соедините все слои в один растрированный слой (нажмите кнопку Ctrl, чтобы выбрать слои в палитре cлоев и нажимаем Ctrl+E).

Сделайте копию растрированного слоя.

На самом первом растрированном слое применяем фильтр:

Filter — Sharpen — Unsharp mask (Фильтр – Усиление резкости — Контурная резкость).

Вот что получилось:

На втором растрированном слое применяем фильтр:

Filter — Blur — Gaussian blur (Фильтр – Размытие – Размытие по Гауссу). Радиус размытия ставим примерно 4,8.

Вот что получается на этом этапе:

Поставьте заливку слоя на 7% и измените режим смешивания слоя на Linear Dodge в палитре слоев.

Наш великолепный фон с сердечками ко Дню Всех Влюбленных готов!

В этом уроке мы узнали, как нарисовать фон в фотошопе ко Дню Святого Валентина. Надеюсь, урок вам понравился!

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

1-Файл-создать, 500 на 500, фон прозрачный.

2-На панели инструментов выбрать инструмент "овальная область" и нарисовать круг.

Об инструментах выделения можно посмотреть .

3-Редактирование-выполнить заливку. В появившемся окне нажать на галочку и выбрать слово "цвет", затем в другом окне, передвигая бегунок, выбрать, например, красным цвет.

4- Круг станет красным.

5-Выделение-отменить выделение. Теперь половину круга нужно убрать.

6-Инструментом "прямоугольная область" выделить половину круга.

7- На клавиатуре нажать Delete. Половина круга исчезнет.

8-Выделение-отменить выделение. Из оставшейся части будем формировать половинку сердца.

9-Редактирование-трансформирование-деформация.

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

10-На клавиатуре нажать Enter, чтобы применить трансформирование.

Теперь нужно сделать сердце целым, для этого скопируем имеющийся слой.

11-Слой-создать дубликат слоя. В окне слоев появился еще слой.

12-Редактирование-трансформирование-отразить по горизонтали. (Верхний слой, в окне слоев, активный.)

13-На панели инструментов выбрать "перемещение" и передвинуть созданный дубликат слоя вправо.

Сердце стало целым, но его части на двух слоях. Их нужно объединить.

14-Окно слоев выглядит так.

15-Слой-объединить с предыдущим. В окне слоев слои объединились в один.

Теперь, чтобы сделать сердце более объемным, зальем его градиентом. Для этого создадим свой градиент.

16-На вертикальной панели инструментов нажать на значок градиента. Затем кликнуть вверху, на горизонтальной панели, по полоске градиента.

Появится окно "редактор градиентов". Добавим на полосу градиента пять маячков.

17-Кликнуть левой кнопкой мыши рядом с первым маячком и, не отпуская левую кнопку мыши, передвинуть вправо. Появится еще один маячок. Таким образом сделать еще четыре и распределить по всей полосе.

18-Первый маячок оставим белым. Кликнуть по второму маячку, затем по полоске "цвет".

В появившемся окне цветов выбрать цвет f7aaaa

20-Кликнуть по третьему маячку и по полосе "цвет", выбрать цвет f43f3f.

21-Кликнуть по четвертому маячку, для него выбрать цвет f12222.

22-Для пятого маячка -цвет dd1010.

23-Для шестого-цвет cd0909.

24-И для последнего- b90f12.

У нас получится вот такой красивый градиент.

25-Градиент готов, кликнуть в этом окошке ok.

26-На горизонтальной панели выбрать значок "линейный градиент"

Используя возможности графического редактора Photoshop, можно самостоятельно сделать в подарок близким красивую открытку или рисунок. Нарисованное сердечко украсит праздничную открытку и расскажет о ваших чувствах.

Инструкция

  • Откройте 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 установите красный цвет.
  • Чтобы нарисовать сердце от руки (мышью) или на планшете, создайте новый документ и нажмите И на клавиатуре. Нажмите в области холста правой кнопкой мыши. Задайте кисти красный цвет и жесткость. Нарисуйте сердце.
  • Кликните по кнопкам, как показано на рисунке:

    В левой части панели параметров выбираем тип фигуры. Чтобы использовать фигуру в качестве контейнера для нашего текста, следует выбрать тип "Контуры" (Paths). Обращаю Ваше внимание, что в версии Фотошопа CS6 и версиях CS5 и ниже имеются небольшое отличие в выборе типа фигуры, на рисунке я показал выбор для обеих типов версий:

    Теперь, наконец, начнём рисовать контур. Кликните левой клавишей мыши в желаемой части документа и протащите курсор для создания контура.

    Для того, чтобы контур сохранял начальные пропорции, зажмите клавишу Shift. Если Вам необходимо изменить положение формы в процессе её создания , зажмите клавишу "Пробел" и переместите форму, затем отпустите "Пробел" и продолжите рисование. У меня получилось вот что:

    Теперь я немного изменю положение формы. Для этого воспользуюсь инструментом "Свободная трансформация", активировав его нажатием комбинации клавиш Ctrl+T. Потянув за боковые маркеры, я наклонил сердечко:

    Для применения действия инструмента нажмите Enter.

    Теперь выбираем инструмент "Текст" (Type Tool), выбираем шрифт, как я указал в начале статьи, в примере применяется шрифт Freestyl , цвет и размер задаём в зависимости от вкуса и задач.

    Кликаем по кнопке включения панели символов/абзаца, где выбираем вкладку "Абзац" и задаём положение "По центру" для того, чтобы текст заполнил всю форму по ширине:

    Теперь осталось ввести текст. Наводим курсор внутрь формы, пои этом Вы увидите, как вокруг курсора появится пунктирная рамка:

    Кликните в любом месте контура и начинайте вводить текст. Вы увидите, как текст ограничивается контуром. Кроме того, текст можно вводить не вручную, а вставить из буфера обмена. У меня получилось это:

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

    Ну вот, собственно и всё. Посмотрите ещё раз на готовый результат:

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

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

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

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

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

    Шаг 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 . Спасибо!