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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, определяемся с фоном, в качестве такового можно использовать клипарт.

Создаем новый файл (рабочий файл)размером 500*500 пикселей.

Открываем ту картинку, которая будет фоном нашей записке. Переходим во вкладку «Файл», выбираем «Открыть». Копируем изображение, для этого при помощи инструмента «Прямоугольная область» удерживая левую кнопку мыши, обводим изображение. Во вкладке «Редактирование», выбираем функцию копировать и закрываем файл с изображением. В рабочий файл при помощи вкладки «Редактирование», функция «Вставить» вставляем скопированную картинку. Если изображение не помещается целиком в рабочий файл, то для этого во вкладке «Редактирование» выбираем функцию «Трансформирование» и в ней «Масштабирование». Изображение окажется в прямоугольной области. Изображение можно уменьшить, либо увеличить, можно передвинуть по площади рабочего файла. Удерживая левую кнопку мыши взять за уголок выделенной области передвигаем его, можно также навести мышь на уголок выделенной области и при появлении стрелочки изменить размер слоя с изображением.

Теперь копируем клипарт сердечко. Вставляем в рабочий файл.

Создаем дубликат слоя с сердечком. Левой кнопкой мыши нажимаем по слою с сердечком, тем самым делая слой активным. Нажимаем правую кнопку мыши и в появившемся списке функций выбираем «Создать дубликат слоя».

В открывшемся окошке задаем название слоя или просто сразу нажимаем ОК.

Для удобства первый слой с сердечком так и обозначим 1, а второй 2.

Второй слой с сердечком делаем меньше первого. Нажимаем мышью на нужный нам слой, переходим во вкладку «Редактировать», «Трансформирование», «Масштабирование».

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

Снимаем глазик (видимость слоя) со слоя со вторым сердечком. Для этого левой кнопкой мышки нажимаем на глазик нужного нам слоя.

Теперь переходим к созданию анимации. Во вкладке «Окно» выбираем «Анимация», нажимаем мышкой.

Внизу нашего файла появляется окошко раскадровки. Там у нас уже есть один кадр. Создаем ещё один кадр. Для этого нажимаем листик на ленте раскадровки.

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

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

На ленте раскадровки убеждаемся, что выставлено воспроизведение в режиме постоянно.

Теперь, переходим к сохранению файла с анимацией сердечка. Для этого во вкладе «Файл» выбираем функцию «Сохранить для веб и устройств».

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

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

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

Итак, открываем фотошоп, даем команду:
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 сек. Анимация должна повторятся постоянно.

Кликните по кнопкам, как показано на рисунке:

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

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

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

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

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

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

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

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

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

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

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