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

11.05.06 7.6K

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

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

Н овый документ 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 и закрасим оставшуюся оконтовку сердца белой кистью.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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