Очень красивые валентинки в фотошопе фирменные уроки. Манипуляции с фоткой при создании валентинки

09.02.11

Совсем скоро наступит праздник,День всех влюблённых.В нашей стране этот “заморский” праздник прижился и большинство его празднует.В преддверии этого события я решил сделать небольшой простенький урок по созданию “валентинки” в Фотошопе.
И так…
Создаём документ нужного размера и белого цвета,у меня это 1280х800 пикселей.
Берём инструмент Градиент ,ставим основным цвет #ffbaba (ффБАБА ),выбираем градиент от основного к прозрачному.

Проводим градиент (Линейный или Радиальный,тут не важно) от правого верхнего угла в левый нижний.
Теперь нам понадобится какая-нибудь романтичная картинка,такую я картинку нагуглил,сделал из неё клип-арт,можете воспользоваться моей или вставить свою.

Переносим её на документ,с помощью Ctrl+T распределяем в нужном месте,ставим слой в режим Мягкий свет и снижаем параметр Заливка где-то до 40%.


Создаём новый документ (прозрачный фон) размером 3х3 пикселя.Максимально масштабируем.Инструментом Карандаш рисуем такое:

Идём в меню Редактирование-Определить узор .
Вернёмся на нашу “валентинку”.Создаём новый слой Ctrl+Shift+N ,ставим ему режим Мягкий свет ,затем жмём Shift+F5 ,выбираем Регулярный и ищем только что созданный узор,он в самом конце.Жмём Ок. Получаем такую картинку:


Добавим текстуру :


Переносим на документ,теперь берём инструмент Градиент (от основного к прозрачному,Линейный).Нажимаем кнопку Быстрая маска .Проводим слева-направо(как на скрине!)


Отключаем режим Быстрой маски,жмём Delete ,снимаем выделение Ctrl+D .Ставим этому слою непрозрачность примерно 60% .
Добавим ещё одно сердечко,куда же без него…Создаём новый слой Ctrl+Shift+N ,берём инструмент Произвольная фигура (в режиме Контуры ),выбираем в наборе фигур Сердце .Затем с помощью Ctrl+T определим его в нужное место и жмём Ок .


Выбираем Мягкую кисть ,диаметр 45 (если размер документа как у меня).Переходим на вкладку Контуры и жмём кнопку Выполнить обводку контура .Затем на Рабочем контуре жмём ПКМ и Удалить контур .


Делаем 2 копии слоя с сердечком.Переходим на вторую копию,жмём Ctrl+U ,ставим галочку на Тонирование и меняем цвет.


Нажимаем Ctrl+T и немного поворачиваем сердце,также можно применить Деформацию (ПКМ и Деформация)


Тоже самое делаем с первой копией,только цвет другой.У всех трёх слоёв выставляем заливку на 50%.
Можно Ластиком убрать “концы” цветных сердец.


Вот в принципе и всё.Каким-нибудь красивым подходящим шрифтом пишем текст.Можно применить стили слоя,например как у меня,Перекрытие градиентом и Обводка.
Вот и результат:

Sp-force-hide { display: none;}.sp-form { display: block; background: rgba(255, 255, 255, 1); padding: 15px; width: 640px; max-width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: rgba(51, 51, 51, 1); border-style: solid; border-width: 2px; font-family: inherit; background-repeat: repeat; background-position: center; background-size: auto;}.sp-form input { display: inline-block; opacity: 1; visibility: visible;}.sp-form .sp-form-fields-wrapper { margin: 0 auto; width: 610px;}.sp-form .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 35px; width: 100%;}.sp-form .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;}.sp-form .sp-button { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #0089bf; color: #ffffff; width: auto; font-weight: 700; font-style: normal; font-family: Arial, sans-serif; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}.sp-form .sp-button-container { text-align: left;}

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

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

Все материалы, которые я использовала при создании открытки и исходник можно скачать

Делаем валентинку в фотошоп

1. Создаем новый документ CTRL + N, нужного размера. У меня формат А4

2. Активируем инструмент кисть. Задаем цвет. Находим нужную нам кисть, которую мы делали на прошлых уроках.

3. Создаем новый слой, подгоняем по размеру квадратными скобками размер. Делаем несколько оттисков.

4. Переходим на слой с фоном. Активируем инструмент "градиент" (1). В выпавшем окне выбираем нужный градиент (2) или . Заливаем фон градиентом.

5. Накладываем текстуру на фон. Идем в фильтры- текстура- выбираем любой и экспериментируем, что кому понравится.

7. Я выбрала мозайку.

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

9. Теперь рисуем сердечко. Выбираем инструмент "Произвольная фигура" (1), произвольная (2), форма растровой точки- сердце (3). Тоже самле, что мы уже делали при . Рисуем сердце нужного размера. Это будущая рамка для фотографии.

10. Растрируем слой с сердцем: правой кнопкой мышки щелкаем по слою (1), выбираем "растрировать слой" (2)

11. Теперь сгруппируем слои с фоном и рисунком. По идее, их можно было склеить, но вдруг нужно будет отредактировать каждый слой. Поэтому, просто создадим группу: кликаем мышкой по одному слою, затем зажимаем клавишу CTRL и кликаем по второму слою. Оба они окрасились в синий цвет, что показывает выделение слоев. Теперь просто жмем CTRL + G и слои окажутся собранными в группу.

12. Теперь будьте внимательны, нам нужно сделать выделение сердца. Для этого зажимаем клавишу CTRL и кликаем мышкой по ИКОНКЕ слоя. Не по самому слою, а именно по иконке. Если все сделать правильно, то на рабочей области появится выделение сердца.

13. Заливаем выделение маской. Для этого выделяем слой с группой, кликнув по нему мышкой, и жмем значок "маска слоя", выделенный на скрине красным. Должна получиться такая картинка, как на скрине. Рядом с иконкой группы появляется белый прямоугольник- маска. А на самой картинке область сердца должна стать прозрачной.

13. Делаем обводку рамки. Выделение, если не сняли, то отлично. Если сняли, не страшно, делаем его снова (1), создаем новый слой (2) и рисуем обводку: РЕДАКТИРОВАНИЕ — СДЕЛАТЬ ОБВОДКУ- выбираем цвет и размер. У меня 15 пикселов.

14. Придаем рамке стили (fx

)

15. Пишем текст.

16. Заполняем элементами фон. Не забываем менять их размер, цветовую гамму и непрозрачность.

17. В заключении не забудьте сделать внешнюю рамку на новом слое: CTRL + A (выделить все) — редактирование-выполнить обводку- выбрать цвет и толщину. Если рамка слишком яркая, то снизьте ее непрозрачность.

На сегодня все. До встречи на новых МК.

Если хотите быть в курсе новостей сайта, подпишитесь на обновления.

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

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

Вариант 1. Простое сердечко.
Шаг 1. Открываем фотошоп, создаем новый документ с размером 500 на 500 пикселей на прозрачном фоне. На Панели Инструментов выбираем пункт «Произвольная фигура» (1).
В верхней всплывающей панельке видим, что появился значок произвольной фигуры (2). На этой панельке, нажав на кнопочку (3) вы выбираете необходимое вам сердечко из выпадающего меню. Кроме того вы можете выбрать цвет, векторный вид изображения или только его контуры, а также стиль сердечка.

С полученным нарисованным изображением можно работать как с обычным фото или картинкой, для этого вам необходимо растрировать нарисованное изображение: выделяйте как активный слой с фигурой и, кликнув правой кнопкой мыши по нему, из выпадающего контекстного меню выбираете «Растрировать слой». Хотя в принципе можно и не растрировать слой, а работать с картинкой как с векторным объектом.

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

Шаг 2.
Придаем «объем» нашему сердечку, выставляя параметры в таблице стилей (двойной клик по слою или клавиша fx Окна «Слои»). Я выбрала «Тень» (4), «Тиснение»/ «Контур» (5), применила к своему сердечку «Обводку»(7), и «Глянец»(6) Вот такое у меня получилось сердечко!

Шаг 3. Сохраняем нашу картинку в формате png (на прозрачном фоне), чтобы потом можно было использовать ее в коллажах, для изготовления подарочной открытки или в качестве заготовки для других целей.
Можно еще поэкспериментировать со стилями, попробовав применить градиент, текстуру, узор. Как видите, такое сердечко сделать очень просто.
Теперь проявляем немного фантазии и делаем из полученной заготовки валентинку. Для этого добавляем надпись: обращение — пожелание-поздравление, цветочек, игрушку, чашечку кофе…вариантов много!

И вот что у нас может в результате получиться!

Вариант 2. Сердечко из фона.
Шаг 1. Будем «вырезать сердечко из понравившегося нам фона или картинки. Открываем в фотошопе любой фон или картинку.

Шаг 2. Добавляем новый слой, который должен располагаться над фоном. Выбираем правой кнопкой мышки Инструмент «Произвольная фигура» и из выпадающего меню выбираем фигурку вот такого сердечка.

Шаг 3. Инструментом «Волшебная палочка» (1) выделяем сердечко, в верхнем контекстном меню выбираем «Выделение»/ «Инверсия» (2). После этого переходим на слой фона и нажимаем клавишу Delete.

Шаг 4. Закрываем «глазик» или удаляем слой с нарисованным (красным) сердечком и видим, что у нас получилось сердечко «фотоновое»! Применяем к нему на свое усмотрение разные стили и наша заготовка готова!


Я сделала из этого же фона обычное сердечко и превратила его в валентинку, которую можно посмотреть в альбоме «Открытки валентинки»!

Смотрим видеоурок в конце статьи и экспериментируем!

Варианты 1 и 2 можно использовать, чтобы сделать любую кнопочку или небольшой статический баннер для вашего сайта, применяя Инструмент «Произвольная фигура»/ «Прямоугольник»,»Эллипс» или «Прямоугольник со скругленными углами», а также сделать кнопочки или стрелочки «вверх-вниз» для странички сайта.

Вариант 3. Сердечко «контурное»
Шаг1. Рисуем сердечко как в варианте 1,шаг 1.

Шаг2. Меняем цвет рисования на более светлый (можно менять на любой контрастный) , и на новом слое рисуем еще одно сердечко.
Инструментом «Свободное трансформирование» уменьшаем его, чтобы оно было расположено как бы внутри нижнего слоя. И при помощи инструмента «Перемещение» располагаем его по центру.

Шаг 3. Инструментом «Волшебная палочка» кликаем на светлом рисунке, переходим на слой красного рисунка и нажимаем клавишу Delete.
Закрываем верхний слой и получаем вот такое «контурное сердечко». Применяем к нему стили по аналогии с предыдущими описаниями.

Результат экспериментов.

Вариант 4. Сердечко из цветов.

Шаг1. Берем любую из заготовок, сделанных в варианте 3 или просто находим похожее сердечко в папке произвольных фигур в вашем фотошопе.
Шаг2. Берем любой цветочек- клипарт (на прозрачной основе) и аккуратненько «укладываем» цветочки по контуру или просто размещаем несколько цветочков по сердечку.
Подробный процесс создания цветочного сердечка показан в видеоуроке.
Остается сделать только поздравительную надпись и валентинка готова!

А теперь раздача подарков!

Предлагаю вам скачать серию произвольных фигур- сердечек (их в архиве 45 штук) на любой вкус.


Просто нажмите на кнопочку под картинкой и скачайте архив на свой компьютер. (Кстати кнопочки сделаны в фотошопе при помощи инструмента «произвольная фигура», как и кнопочки «Вверх-вниз» на моем сайте.)

Устанавливать скачанные сердечки в фотошоп проще простого. Откройте фотошоп для работы и просто два раза кликните по распакованному файлу. Все сердечки установятся в Инструмент «Произвольная фигура» вашего фотошопа.

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


и конечно же, небольшой набор сердечек — заготовок и готовых валентинок в альбоме «Открытки-валентинки» на страничке .
Вдохновения вам и успехов!

А теперь видеоурок как сделать красивую валентинку!

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

Урок для начинающих любителей программы Photoshop,

в котором я расскажу о некоторых приёмах оформления фона и

создании анимации с использованием кисти и фильтра «блик».

В уроке использаны:

1.Картинка PNG (клипарт): сердечки – розы – голуби.

2.Шрифт «Ribbon Heart – Бантик и Сердечки»” из набора Александры Гофманн «Винтажные русские шрифты. Часть 5.»

Все дополнения к уроку написаны мной и опубликованы на личном сайте "Фотошоп + Я"

в разделе "Советы начинающим"

Создание Валентинки.

1.Открываем новый документ (меню – файл – создать) 550х500пикс., фон прозрачный.Скриншот.

2.Открываем палитру цветов (клик по иконке основного цвета в панели инструментов) и выбираем цвет.

В моём случае это веб цвет 3366ff . Скриншот.

3.Активируем инструмент «заливка» (иконка ведёрка) в панели инструментов и заливаем документ. Скриншот.

4.Открываем клипарт (меню – файл – открыть), находим клипарт на компьютере и жмём на «открыть».Скриншот.

Клипарт очень большой и нужно его уменьшить. Для этого топаем в меню – изображение – размер изображения. Изменяем значения разрешения и размерности.Скриншот.

Как изменить разрешение и размер читайте пункты 1 и 2

5.Активируем инструмент «перемещение» и перетаскиваем клипарт на наш документ, а файл с клипартом закрываем без сохранения изменений.Скриншот.

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

7.Опять открываем палитру цветов (как в пункте 2 данного урока) и выбираем цвет светлее фонового. В моём случае это веб цвет ccffff. Скриншот.

8.Активируем инструмент «кисть» в левой панели инструментов и выбираем мягкую кисточку радиусом 100пикселей из стандартного набора «основные кисти». Скриншот.

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

10.К слою с нарисованной обводкой клипарта применяем размытие.

Для этого топаем в меню – фильтр – размытие – размытие по гауссу и устанавливаем радиус 40-50 пикселей.

Я поставила 42пикс. Скриншот.

11.Соединяем слой с обводкой со слоем с заливкой (меню – слои – объединить с предыдущим). Скриншот.

12. К полученному слою добавляем немного «шума».

Для этого топаем в меню – фильтр – шум – добавить шум с настройками:

Эффект -2%

Распределение – равномерное

Галочка на «монохромный». Скриншот.

Это не только оформление фона, но и маленькая хитрость для анимации. Дело в том, что при создании анимации фон без «шума» может «поехать. Это хорошо видно на скрине.

Сравните оригинал и гиф вариант. Разница очевидна. Скриншот.

13.Пишим текст. Настройки шрифта на скриншоте.

14. Рамка.

1)Создаём новый слой (в панели слоёв он должен быть расположен над слоем с фоном), активируем инструмент «прямоугольная область» и, отступив от края, делаем выделение. Скриншот.

2)Топаем в меню – редактирование - выполнить обводку. Параметры:

Ширина - 2 пикселя.

Расположение – по центру. Скриншот.

Снимаем выделение (меню – выделение – отменить выделение или сочетание клавиш Ctrl+D ).

3)Опять делаем выделение инструментом «прямоугольная область», но кусочка созданной обводки. Скриншот.

4) Меню – выделение – модификация – растушёвка. Радиус устанавливаем 15 пикселей. Скриншот.

5) Копируем полученное выделение на новый слой

(меню – выделение – скопировать на новый слой или сочетание клавиш Ctrl+J ).

Отключив видимость слоя с обводкой, получаем уголок. Скриншот.

7)Закрепляем стиль слоя, преобразовав его в смарт – объект.

Для этого делаем клик правой кнопкой мыши по слою и в выпавшем меню активируем позицию «Преобразовать в смарт – объект». Скриншот.

Зачем нужно закрепить стиль слоя?

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

8) Дублируем преобразованный слой (CTRL+J) и поворачиваем дубликат по горизонтали. Для этого топаем в меню – редактирование – трансформирование – отобразить по горизонтали . Скриншот.

9) Активируем инструмент «перемещение» и перемещаем дубликат в правый угол.

Чтобы уголок переместить на нужное место, включаем видимость слоя с обводкой. Скриншот.

10)Выделяем слои с обводкой (при активном дубликате, удерживая клавишу Shift, клик левой кнопкой мыши по оригиналу преобразованного слоя) и топаем в меню – слои – объединить слои . Активность слоя определяется наличием синего цвета на иконке слоя. Скриншот.

11)Дублируем полученный слой и отображаем его по вертикали.

Перемещаем дубликат вниз. Слой с обводкой удаляем, а все слои, кроме слоя с клипартом объединяем в один, предварительно выделив их.

О способах выделения и объединения слоёв читайте

В панели слоёв после объединения стало два слоя – с фоном и клипартом. Скриншот.

Почему я не объединила все слои?

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

Анимация «БЛЁСТКИ»

Существуют плагины для создания анимации «блёстки», в частности плагин Xenofex 2 от Alien Skin, но при невозможности преобретения и установки плагиов на компьютер и в программу я предлагаю сделать такую анимацию стандартными возможностями Photoshop.

Рассмотрим 2 варианта анимации.

Вариант 1. Анимация с использованием кистей.

1. Создаём 3 новых слоя и в панели слоёв располагаем их над слоем с клипартом.

Называем слои «кисточка 1», «кисточка 2» и «кисточка 3». Скриншот.

2.Активируем инструмент «кисточка», выбираем кисть «звёздочка маленькая» из стандартного набора «разные кисти». Скриншот.

3.Находясь на слое «кисточка 1» делаем клики левой кнопкой мыши кисточкой в разных местах.Цвет кисти белый.

Совет. Если отображение кисти слабое, то по каждой позиции делайте 2 клика подряд.

Получаем такой вид. Скриншот.

4. На втором и третьем слое для кисточек также добавляем звёздочки, но в других местах, чтобы при анимации у нас создалось мерцание. У меня, при видимости всех слоёв со звёздочками получился такой вид. Скриншот.

Приступаем к анимации.

1)Активируем панель «анимация» (меню – окно – анимация ) задержку времени ставим на 0,1сек., в панели слоёв и закрываем видимость у всех слоёв со звёздочками, кроме слоя «кисточка1». Такое расположение видимости слоёв будет для первого кадра анимации. Скриншот.

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

2) Создаём новый кадр (вторая иконка справа внизу панели анимации). На этом кадре открываем видимость слоя «кисточка 2», а видимость слоя «кисточка 1» закрываем. Скриншот.

3)Применяем ко второму кадру промежуточные слои (третья иконка справа внизу панели анимации). Я поставила 1 промежуточный кадр. Скриншот.

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

4)Создаём следующий кадр – четвёртый. Для этого кадра в панели слоёв отключаем видимость слоя «кисточка 2» и включаем видимость слоя «кисточка 3». Скриншот.

К 4 кадру применяем промежуточный слой. После применения в панели анимации образуется 5 кадров.

5) Создаём 6 кадр. Для этого кадра закрываем видимость слоя «кисточка 3» и открываем видимость слоя «кисточка 1». Скриншот.

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

Мне больше нравится вариант с промежуточными кадрами.

Итак, когда видимость слоёв расставлена по кадрам, сохраните файл в формате gif. Как это сделать читайте

Вариант 2. Анимация с использованием фильтра «блик».

После того, как создали по кадровую анимацию кистями, добавим к ней анимацию «блик»

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

1. Создаём 3 дубликат слоя с клипартом.

1)К первому дубликату применяем фильтр «блик».

Для этого топаем в меню – фильтр – рендеринг – блик , находим точку, на которой хотим сделать сверкание (в моём случае это брюлик в сердечке) и устанавливаем следующие параметры:

Яркость – 35%

Тип объекта – начало ролика.Скриншот.

2) Переходим на второй дубликат и применяем тот же фильтр. Изменяем только настройки яркости на 70%.Скриншот.

Скриншот.

5)К пятому кадру видимость слоя «клипарт копия 2». Скриншот.

6)К шестому кадру видимость слоя «клипарт копия» Скриншот.

Таким образом, мы создали плавное свечение блика.

Вот и всё. Сохраните файл в формате gif.

С теплом, Ольга Бор.

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

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

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

Начнем наш урок, чтобы долго не затягивать ожидание, урок не сложный по силам думаю и новичкам. Я буду создавать валентинку под печать на фотобумаге размером 10х15, а вы уже можете выбрать удобный вам размер, подобрать корректные размеры можно познакомившись со статьей .

Итак, открываем фотошоп, создаем документ 1795х1205 с разрешением 300dpi (желательно ).

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

Установим фон на валентинку, трансформируем по размеру при помощи свободной трансформации Ctrl+T . После чего нам необходимо создать сердце, которое мы будем использовать как . Для этого выбираем инструмент произвольная фигура (U), выбираем слой фигуру, откроем имеющиеся фигуры и из них выбираем сердце. Создаем фигуру сердца c зажатой клавишей Shift , чтобы наше сердце было пропорциональное.

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

Теперь нам нужно повернуть немного сердце, воспользуемся свободной трансформацией Ctrl+T . Скопируем слой с сердцем 3 раза ctrl+J , уменьшим их при помощи свободной трансформации, подвинем на край большого сердца и поменяем цвета на #2e0f48 , #f986e3 , #ffeaf9 как показано на скриншоте ниже.

После чего над большим сердцем поместим фото пары, и создадим обтравочную маску Alt + клик мышкой между слоями сердца и фото. Ну вот фото стало в виде сердца, подвигаем его, повернем, чтобы фото лучше вписалось.

Теперь создадим новый слой (shift+ctrl+N ) над слоем с фото, но так чтобы он не входил в группу обтравочной маски.

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

Выбираем кисть с жестким краем небольшого диаметра, цвет не важен.

После чего выбираем инструмент перо (P) кликнем правой кнопкой мышки по контуру и из выпадающего списка выбираем выполнить обводку контура

Выбираем кисть имитация мазка не важна. И применяем.

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

Теперь немного облагородим контурное сердечко нашей валентинки, для этого наложим на него градиент при помощи для этого идем в слои > стили слоя > наложение градиента .

Добавим несколько надписей, каким-нибудь рукописным шрифтом и цветом #fbf0d5 и #f797de. Продублируем эти слои с текстом, дубликаты уменьшим в размере, затем растрируем для этого кликнем правой кнопкой мыши по слою с текстом и из списка выберем растрировать текст .

После чего применим к этим слоям размытие по гауссу. У нас должно получиться то, что показано на скриншоте ниже.

Вот в принципе и все, мы сделали валентинку, но мне хочется добавить еще несколько элементов.

Это будут светящиеся линии, проходящие под фото. Для этого выберем инструмент перо (P) и создадим контурную линию под фото, после чего сделаем обводку контура цветом #d0c7b0 с имитацией нажима и установим режим смешивания для этой линии на Яркий свет/ Vivid Light . Скопирую этот слой два раза и расположу также под фото.

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

Делитесь уроком с друзьями, и подписывайтесь на обновления. А валентинки можно уже и подарить если сделали!!!



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: