Сайт о телевидении

Сайт о телевидении

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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