Валентинка в фотошопе. Манипуляции с фоткой при создании валентинки

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

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

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

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

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 (выделить все) — редактирование-выполнить обводку- выбрать цвет и толщину. Если рамка слишком яркая, то снизьте ее непрозрачность.

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

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

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

Материалы для урока:

Начнем работать, с создания нового документа (Ctrl + N) в Adobe Photoshop CS5 размером 1920px на 1200px (RGB цветовом режиме) с разрешением 72 . Нажмите на иконку Добавить стиль слоя Наложение градиента (Gradient Overlay):

Редактор градиентов Редактор градиентов (Gradient Editor).

Мы получили следующий фон.

Используйте эту Кисть (Brush) для создания множества мелких кружков, цветом # F00202 . Примените кисть другого размера, изменив значение Непрозрачности (Opacity).

Затем начинаем рисовать форму сердца, выберите инструмент Перо Слой - фигура (Shape Layers) в панели настроек и сделайте следующую форму, как показано на рисунке ниже.

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор градиентов (Gradient Editor) и установить цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор градиентов (Gradient Editor).

Вот что должно получиться.

Сделайте копию последнего слоя и удалите стиль Наложение градиента Очистить стиль слоя (Clear Layer Style)). Выберите инструмент Выделение контура (Path Selection) (A), чтобы выделить путь, как показано на рисунке ниже.

Нажмите Alt + SHIFT и используйте стрелку вправо на клавиатуре для перемещения пути копии.

Выделите путь инструментом Выделение контура (Path Selection) (A) и с помощью команды Свободное трансформирование (Free Transform) (Ctrl + T), сделайте его меньше.

Выберите Вычесть из области фигуры (Subtract from shape area) в панели параметров. Таким образом, мы вырежем среднюю часть формы сердца.

Затем измените цвет слоя на белый.

Добавим маску на том же слое, нажав на иконку Добавить маску слоя Кисть (Brush) черного цвета.

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

Создадим новый слой (Ctrl + Shift + N) прежде чем рисовать на поверхности сердца, и выберите Мягкую круглую (Soft Round) Кисть (Brush). Цвет кисти # С50404.

Удерживая нажатой клавишу Alt (Windows) или Option (Mac OS) щелкните между слоем с кистью и слоем, содержащим сердце в панели слоев, чтобы создать Обтравочную маску (Clipping mask).

Сделайте еще одну копию слоя первого сердца, и удалите стиль Наложение градиента (Gradient Overlay): на слое копии (щелчок правой кнопкой мыши на слое и выберите Очистить стиль слоя (Clear Layer Style)). С помощью команды Свободное трансформирование (Free Transform) (Ctrl + T), мы можем передвинуть немного слой копию.

Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберите Мягкую круглую (Soft Round) Кисть (Brush) черного цвета.

Рисуем на маске с помощью этой кисти, чтобы скрыть следующие зоны на сердце, как это показано ниже.

Создадим верхней блик на сердце. Выберите инструмент Перо (Pen Tool) (P), установите режим рисования на Слой - фигура (Shape Layers) в панели настроек и сделаем следующую форму, как показано на рисунке ниже.

Установим Заливка (Fill) до 0% для этого слоя и нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор градиентов (Gradient Editor) и установить цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор градиентов (Gradient Editor).

Мы получили следующий результат.

Добавим маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберите Мягкую круглую (Soft Round) Кисть (Brush) черного цвета, (установим Непрозрачность (Opacity) до 40% в панели параметров). Рисуем на маске с помощью этой кисти, чтобы скрыть следующую зону на слое, как показано ниже.

Мы получили следующий результат.

Объедините в группу все слои содержащие сердце (зажав клавишу CTRL, выделим необходимые слои и удерживайте левую кнопку мыши при перетаскивании выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев). Сделайте копию полученной группы и выберите команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы уменьшить копию и переместить ее так же как на картинке ниже.

Создадим тень под сердцем. В этом случае создайте новый слой (Ctrl + Shift + N) и выберите Мягкую круглую (Soft Round) Кисть (Brush) черного цвета (Непрозрачность (Opacity) - 20%).

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

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

Ресурсы
1.
2.
3.
4.
5.
6.
7.
Шаг 1
Создайте новый документ размером Шириной 2100 пикселей и высотой 1500 пикселей. Откройте фоновое изображение, поместите его поверх вашего холста и отразите его по горизонтали и поместите его как показано на изображении.

Шаг 2
Откройте изображение с Парочкой и извлеките из него Парня и Девушку. Я использовал инструмент Перо (P) (Pen tool), чтобы создать контур вокруг них и затем преобразовал его в выделенную область и удалил задний фон.
Вы можете применит другой метод для извлечения, но инструмент Перо – мой любимый из-за его акуратности.

Теперь скопируйте извлеченное изображение парочки и вставьте его в новый слой поверх вашего холста.

Шаг 3
Теперь давайте исправим волосы парня и девушки. Для этого я использовал метод выделения Цветового диапазона. Для этого выберем слой с парочкой и пройдем в Выделение-Цветовой диапазон (Select>Color Range). Возьмите образцы как показано на изображении ниже и установите Разброс (Fuzziness) на 70% и щелкните ОК.

Новые выделения сделаны, вы можете их замаскировать. При активном выделении щелкните на иконке Слой-Маска в нижней части палитры слоев. Если слой маска инвертирована, выберите ее и нажмите Ctrl+I, чтобы инвертировать ее снова. Теперь вы можете вручную рафинировать маску, используя инструмент Кисть (B) (Brush Tool).

Шаг 4
Давайте добавим первый эффект свечения. Откройте блик в объективе с набора Оптических бликов в объективе и поместите его позади парочки на новом слое, чтобы симулировать солнце. Используйте Режим наложения Экран (Screen), чтобы избавиться от черного фона и воспользуйтесь новым корректирующим слоем Цветовой фон/Насыщенность (Hue/Saturation adjustment), чтобы изменить цвет блика на желтый, если вы вставили блик другого цвета.

Второй эффект свечения был сделан с использованием Стилей слоя. Добавьте Внутреннюю тень (Inner Shadow) с использованием настроек показанных на изображении 4b используя цвет #BD8739. Этим мы создадим свечение, которое в фотографии называется свечением ореола и поможет отделить объект от фона. Также добавьте немного Внешнего Свечения (Outer Glow) используя тот же цвет.

Шаг 5
Создайте новый слой с обтравочной маской для слоя с парочкой и выберите инструмент Точечная Восстанавливающая Кисть (J) (Spot Healing Brush Tool), Активируйте образец со всех слоев (Sample All Layers) и удалите все точки, на коже парочки используя единичные щелчки.

Шаг 6
Теперь можете сделать некоторую корректировку контрастности. Вы должны всегда использовать корректирующие слои для этого. Создайте корректирующий слой Уровни (Levels) как обтравочную маску для слоя с парочкой. Затемните средние тона как показано на изображении.

Шаг 7
В зависимости от того, как вы поместили изображение на холсте, вы можете отредактировать джинсы парня. Я использовал инструмент Штамп (S) (Clone Stamp Tool).

Шаг 8
Откройте набор изображений листа, извлеките его от заднего фона используя инструмент Быстрое выделение (Quick Selection Tool) или инструмент Волшебная палочка (Magic Wand Tool) (W). Поместите лист на ваш холст и сделайте его дубликат несколько раз. Затем, воспользовавшись инструментом Свободное Трансформирование (Free Transform) (Ctrl+T) исказите (Distort) лист. Также сделайте их разного размера и поверните их так, чтобы они не выглядели одинаковыми. Вы можете использовать множество изображений из набора, если хотите.

Шаг 9
Добавьте больше деталей к вашей сцене. Откройте набор изображений с бабочками, возьмите несколько из них и поместите их хаотично на вашем холсте. Будьте внимательны к пропорциям. Они не должны быть слишком большими и не слишком маленькими. Также хотелось бы иметь парочку божьих коровок, которые я поместил на тело парочки и птичку, севшую на плечо парня.

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

Шаг 10
Также хотел усилить свечение солнца, проходящее через руки парочки, для этого я взял большую мягкую кисть (около 450 пикселей в диаметре) и цвет #9C713E и Непрозрачность 100% сделал большую точку. Затем я изменил Режим наложения слоя на Экран.
Затем я использовал другой оптический блик (Optical-6 из пакета) и поместил его на тоже место, где нарисовал свечение света. Режим наложения использовал опять Экран. Также использовал корректирующий слой Цветовой тон/Насыщенность, чтобы изменить цвет с голубого на желтый.

Шаг 11
Подходим к последним корректировкам. Выделите самый верхний слой вашего холста и нажмите Shift+Ctrl+Alt+E, чтобы создать клон всех видимых слоев (я не думаю, что вы можете это сделать из меню).
После создания клона, пройдите в Изображение-Коррекция-Варианты (Image>Adjustment>Variations) и нажмите следуя: Больше Голубого-Больше Синего-Больше Голубого и нажмите ОК. Этим мы сделаем изображение более холодным. Сделайте Непрозрачность слоя 35%.

Шаг 12
Используя корректирующие слои, создайте два последних корректирующих слоя Цвета. Для начала добавьте корректирующий слой Баланс Цвета (Color Balance) и установите настройки, показанные ниже на изображении.

Теперь добавьте корректирующий слой Вибрация (Vibrance) (или Цветовой тон/Насыщенность, если вы имеете более позднюю версию PS) и увеличьте Вибрацию/Насыщенность.

Результат

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;}

Скоро 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 . Скопирую этот слой два раза и расположу также под фото.

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

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