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

Скоро февраль, а с ним и день святого Валентина. Попробуем сделать вот такое пульсирующее сердце.

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

В этом уроке попробуем сделать вот такое пульсирующее сердце.

Итак, открываем фотошоп, даем команду:
File-New (Файл - Новый). Размер зададим 400 на 400 пикселей. Фон нам не нужен пока, поэтому указываем, что картинка будет с прозрачным фоном.

Нам для урока не так уж и важно, насколько хорошо нарисовано сердце. Главное - анимация. Поэтому не будем морочить себе голову тем, как покрасивее нарисовать сердечко, воспользуемся готовым шаблоном.

Растягиваем рисунок на весь холст, для того, чтобы он был симметричным, не забываем удерживать нажатой клавишу Shift.
Фигура рисуется с теми стилями, которые были у вас установлены. У меня это просто черный цвет. Но, абсолютно неважно, как выглядит ваша фигурка сердца, так как мы ее сейчас все-равно перекрасим.
Для этого щелкаем по миниатюре на слое с зажатой клавишей Ctrl. Сердце выделится. Берем инструмент градиентная заливка. Выбираем стиль заливки от центра и задаем цвета - красный и бордовый.


Заливаем выделение. Но рисунок все-равно выглядит плоским. Поэтому придадим ему немного объема. Для этого вызываем панельку стилей слоя (либо командой в меню Слой-Стили (Layer-Styles), либо кнопкой Fx ). Добавляем Скос и рельеф и Тень. Величину установите сами, как вам больше понравится.



Итак, получилось что-то вроде вот этого. Да, мы дальше будем копировать слои. Поэтому закроем описание стилей, чтобы они не мешали.


Копируем слой с сердечком. Проще всего нажать комбинацию клавиш Ctrl+J. Но можно воспользоваться и контекстным меню (правая кнопка мыши по слою и выбираем пункт Дублировать слой (Duplicate layer)).
Уменьшаем сердце на втором слое. Для этого сначала выделяем его (Ctrl + щелчок по миниатюре). Нажимаем комбинацию клавиш Ctrl+T (или даем команду Edit - Free Transform). Задаем размеры в 90% от исходных.

Копируем второй слой. И точно так же уменьшаем сердечко на нем на 10%. Третий слой копируем и на нем делаем размер сердца в 80% от исходного.
Должно все выглядеть вот так:

Все готово. Вызываем панель создания анимации Окно - Анимация (Window - Animation). Открываем меню и создаем кадры из слоев.


Не забываем, что каждый кадр должен показываться какое-то время. У меня это - 0,2 сек. Анимация должна повторятся постоянно.


Этот урок покажет Вам как заставить сердце биться при помощи 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 секунды для четвертого. Сохраните Вашу работу и наслаждайтесь результатом.

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

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-На горизонтальной панели выбрать значок "линейный градиент"

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

Сегодня я покажу вам как можно использовать стандартные кисти, формы и стили слоя для создания привлекательного фона в фотошопе 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 в палитре слоев.

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

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

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


  • Понравилась статья? Поделиться с друзьями: