Анимированное сердце в Фотошоп. В фотошопе сердце


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

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

сердце в фотошопе

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

 

new

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

 heart

 

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

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

 

color4

 

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

 

heart1

 

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

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

 

heart2

 

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

 

heart3

 

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

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

 

heart4

 

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

 

heart5

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

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

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

layer0

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

heart6

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

heart7

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

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

layer

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

layer1

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

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

gradient0

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

gradient

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

gradient1a

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

gradient1

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

color2

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

gradient2

color3

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

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

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

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

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

gradient5

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

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

gradient6

27-На клавиатуре нажать Ctrl и одновременно кликнуть мышкой по миниатюре слоя в окне слоев.

layer1

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

heart8

29-Выделение-отменить выделение. Должно получиться так.

сердце в фотошопе

30- Добавим внутренней тени для большего объема.

31- Слой-стиль слоя-внутренняя тень. Поставить параметры, как на скриншоте.

stile2

Не закрывая окно стиля, нажать на "внутреннее свечение". Параметры не менять.

stile

Сердце стало более объемным.

heart11

Чтобы использовать нарисованное сердце в фотошопе для открыток, например,  для валентинок, файл нужно сохранить в формате PNG.

32-Файл-сохранить для Web и устройств  (в PNG- 24)

kalejdoskopphotoshopa.ru

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

Приближаются новогодние праздники. Все задумываются о подарках своим близким и любимым. Во все времена, подарок, сделанный своими руками, считался лучше и ценнее многих презентов, подаренных в этот день. В этом уроке по работе с фотошопом мы научимся создавать анимационное сердце, которое Вы можете использовать при создании открыток, рамок и других работ. Сердце создадим с помощью произвольной фигуры, стилей слоя, кисти, созданной прямо во время урока, и, конечно же, палитры "Анимация".  Так как в фотошопе сделать анимацию сердца?

Сердце

Смотреть другие уроки по созданию анимации в фотошопе.

{smooth-scroll-top}

Создадим новый документ произвольных размеров - Ctrl+N.

Окно "Новый документ"

Выберем инструмент "Произвольная фигура" (U) в режиме "Слой-фигура". Выберем среди установленных по умолчанию фигур сердце и в качестве цвета переднего плана установим, конечно же, красный цвет.

Произвольная фигура

Удерживая клавишу Shift (для соблюдения пропорций) нарисуем сердце на новом документе.

Сердце

Два раза левой кнопкой мыши щёлкнем по слою.

Палитра "Слои"

Появится окно "Стиль слоя", в котором делаем активной вкладку "Наложение градиента". Угол и масштаб устанавливаем примерно такими, как показано на скриншоте ниже. Для редактирования градиента щёлкаем по полю градиента.

Окно "Стиль слоя"

Устанавливаем тёмно-красный цвет для левой контрольной точки, а для правой - ярко-красный. На всякий случай напомню, как это делается. Щёлкаем левой кнопкой мыши по контрольной точке (ползунок, находящийся под градиентной шкалой), становится активным окно "Цвет" в нижнем левом углу окна "Редактор градиентов". Щёлкаем по полю правее слова "Цвет", появляется окно "Выберите цвет", подбираем необходимый цвет и нажимаем "Да". Точно так же поступаем и со второй контрольной точкой, только цвет, естественно, выбираем другой.

Окно "Редактор градиентов"

Делаем активной вкладку "Тиснение" и устанавливаем примерно такие параметры, которые Вы видите на рисунке ниже. Не забудьте сделать тень красного цвета (правый нижний угол окна).

Вкладка "Тиснение"

Получаем объёмное сердце.

Сердце

Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои".

Палитра "Слои"

Удерживая клавишу Ctrl, щёлкнем по маске слоя. Загрузится выделение сердца.

Палитра "Слои"

Выбираем инструмент "Кисть" (В), цвет переднего плана белый, непрозрачность около 40%, жёсткость кисти 0%. Выбираем большой размер кисти и несколько раз проводим по верхней части сердца.

Инструмент "Кисть" (В)

Снимаем выделение - Ctrl+D и получаем сердце в 3D формате.

Снимаем выделение - Ctrl+D

Теперь создадим новую кисть, которая нам потребуется для дальнейшей работы. Создаём новый документ - Ctrl+N. Размеры Вы видите ниже на скриншоте. Увеличьте масштаб изображения Ctrl + "+".

Параметры нового документа

Выбираем поочереди инструменты "Область (горизонтальная строка)" и "Область (вертикальная строка)" в режиме "Добавления к выделенной области".

Инструменты "Область (горизонтальная строка)" и "Область (вертикальная строка)"

В новом документе делаем один клик мыши одним инструментом и один клик - другим инструментом. Получаем выделение в виде крестика.

Крестик

Нажимаем клавишу D (устанавливаем цвета по умолчанию), затем сочетание клавиш Alt+Delete (заливаем выделение цветом переднего плана) и Ctrl+D (снимаем выделение). Получаем чёрный крестик.

Создаём кисть

Переходим в "Редактирование - Определить кисть".

Редактирование - Определить кисть

В появившемся окне даём имя кисти, к примеру "Крестик".

Окно "Имя кисти"

Закрываем и не сохраняем последний документ с кистью, так как он нам уже не понадобиться.

Документ

Настраиваем кисть. Для этого нажимаем F5, появляется окно "Кисти". При активной вкладке "Форма отпечатка кисти" увеличиваем интервал примерно так, как показано на рисунке ниже.

Палитра "Кисти"

Делаем активной вкладку "Динамика формы" и увеличиваем параметр "Колебания размера" примерно до 80-90%. Настройка кисти завершена.

Вкладка "Динамика формы"

Сливаем слои - Shift+Ctrl+E.

Палитра "Слои"

Создаём новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои". Установим чёрный цвет в качестве цвета переднего плана (нажмём клавишу D), а затем нажмём сочетание клавиш Alt+Delete (заливаем новый слой чёрным цветом). Новый слой делаем нижним в палитре "Слои".

Палитра "Слои"

Как описано выше, создаём новый слой и перемещаем его на самый верх палитры "Слои".

Палитра "Слои"

Выбираем инструмент "Кисть" (В), цвет переднего плана - белый. Рисуем кистью по сердечку.

Выбираем инструмент "Кисть" (В)

Создаём ещё один новый слой, размещаем его на самый верх палитры "Слои". Два раза левой кнопкой мыши щёлкаем по новому слою.

Палитра "Слои"

В окне "Стиль слоя" делаем активной вкладку "Внешнее свечение" и увеличиваем размер примерно до 10 пикселов.

Окно "Стиль слоя"

Несколько раз "проходимся" кистью по сердцу.

Сердце

Удаляем слой с чёрной заливкой, для чего перетаскиваем его на крайнюю правую иконку в палитре "Слои" (значок мусорной корзины).

Палитра "Слои"

Удерживая клавишу Ctrl, щёлкнем по миниатюре слоя с сердцем, загрузится выделение сердца. Инвертируем выделение - Shift+Ctrl+I. Заливаем выделение белым цветом - Alt+Delete (цвет переднего плана - белый). Снимаем выделение - Ctrl+D.

Палитра "Слои"

Получаем сердце на белом фоне.

Сердце

Сейчас в палитре "Слои" три слоя: нижний с сердцем, средний с обычными мазками кисти и верхний - с мазками кисти, к которым применён стиль слоя "Внешнее свечение".

Палитра "Слои"

Вызываем окно "Анимация": "Окно - Анимация".

Окно - Анимация

Сейчас в палитре "Анимация" у нас один кадр, который создаётся по умолчанию.

Палитра "Анимация"

Щёлкаем по второй справа иконке и тем самым, создаём ещё один кадр в палитре "Анимация".

Палитра "Анимация"

Делаем активным средний слой и инструмент "Перемещение" (V). Перемещаем крестики, к примеру, вниз и вправо (можно переместить куда угодно).

Делаем активным средний слой

В палитре "Анимация" создаём ещё один новый кадр. Переходим на верхний слой и инструментом "Перемещение" (V) двигаем крестики куда-нибудь в противоположную сторону от крестиков, перемещённых на предыдущем этапе.

Палитра "Анимация"

Точно так же создаём ещё один кадр, делаем активным средний слой и перемещаем крестики. Затем создаём ещё один кадр, делаем активным верхний слой и перемещаем крестики. В палитре "Анимация" получилось 5 кадров (Вы можете создать сколько Вам угодно).

Палитра "Анимация"

В палитре "Анимация" щёлкаем по чёрной стрелочке, находящейся в верхнем правом углу палитры и в раскрывшемся списке выберем "Выделить все кадры".

Палитра "Анимация"

Щёлкаем по чёрной стрелочке в правом нижнем углу любого кадра и выбираем время отображения кадров 0,2 секунды. Всё наша анимация готова. Нажимаем по кнопке "Play" и любуемся полученным результатом.

Палитра "Анимация"

Для сохранения анимации нажимаем сочетание клавиш Shift+Ctrl+Alt+S, появляется окно "Сохранить для WEB и устройств". В нем, прежде всего, выбираем формат файла "GIF", при необходимости уменьшить размер файла, можно "поиграться" значениями "Потери", "Цвета" и "Дизеринг". Нажимаем "Да".

Окно "Сохранить для WEB и устройств"

Получаем анимацию сердца. Мы с Вами ответили на вопрос: "Как в фотошопе сделать анимацию сердца?".

Сердце

Вот работа от Зои Богдановой. Высказывайте своё мнение в комментариях:

Поздравления

Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.

Скачать урок (737 Кб) в формате PDF можно здесь.

{smooth-scroll-top}

www.photoshopsunduchok.ru

Анимированное сердце в Фотошоп

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

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

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

Анимированное сердце

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

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

heart-02

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

heart-03

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

heart-04

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

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

heart-05

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

heart-06

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

heart-07

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

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

heart-08

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

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

heart-09

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

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

heart-11

В открывшемся окошке нам нужно стать на следующие комбинации: Исходное, Адаптивное, Случайное. Данная комбинация функций в окне «Сохранения для веб и устройств» позволит сохранить картинку без потери качества.

heart-12

Нажимаем кнопку воспроизведение. Далее — сохранить.

heart

www.fotokomok.ru


Смотрите также