Создаем открытку в Фотошоп ко Дню Влюбленных

Поздравляем всех с Днем святого Валентина и предлагаем выполнить вместе с нами урок по созданию красочной праздничной открытки с блестящими сердечками. Мы будем использовать инструмент Перо (Pen tool), стили слоя (Layer Style) и кисти для воплощения нашей творческой идеи. Приступим!

Предварительный просмотр финального результата:



Начинаем с создания нового документа (Ctrl+N) в Фотошоп размером 1920 х 1200px и разрешением 72 рх/дюйм. Преобразуем фон в обычный слой двойным щелчком мыши. Нажимаем внизу панели слоев иконку «Добавить стили слоя»(Add a layer style) и выбираем из списка «Наложение градиента» (Gradient Overlay). Выполняем настройки со скриншота ниже:



Чтобы установить цвета градиента, нажимаем на цветовую шкалу, открыв Редактор градиентов (Gradient Editor) и вводим параметры цветов:



Получаем красный фон:



Создаем новый слой (Ctrl+Shift+N) и выбираем жесткую круглую кисть (Brush) из набора по умолчанию:



Устанавливаем цвет переднего плана (Foreground) на #F00202 и рисуем несколько маленьких кружков «Боке» по холсту. Регулируя размер кисти (Brush Size) и ее непрозрачность (Opacity), вы можете добавить кружки разных размеров поверх предыдущих, разнообразив фон.



Выбираем инструмент Перо (Pen tool) в режиме слой-фигуры (Shape Layer) и рисуем фигуру сердца. Чтобы создать изгибы, используем на опорных точках контура инструмент Угол (Convert Point). Если вам сложно рисовать пером, выберите инструмент Произвольная фигура (Custom Shape) и в верхнем меню откройте набор фигур программы. Там выбираем фигуру сердца и рисуем ее на холсте, удерживая Shift для сохранения пропорций.



Внизу панели слоев нажимаем иконку «Add Layer Style» (Добавить стили слоя) и выполняем настройки для параметра «Наложение градиента» (Gradient Overlay):



Щелкаем по шкале градиента и открываем Редактор (Gradient Editor). Вводим настройки цвета.



Вот, что у нас получилось на данный момент:



Копируем (Ctrl+J) слой с сердцем и удаляем с дубликата стиль «Наложение градиента» (клик пр.кн.мыши по миниатюре копии и выбираем – Clear Layer Style (Очистить стили слоя)). Инструментом «Выделение контура»(Path Selection Tool (A)) выделяем контур дубликата, нажав по нему.



Копируем контур, нажав сочетание Shift+Alt и сдвинув стрелкой клавиатуры копию немного вправо.



Активируем дубликат контура инструментом Выделение контура (Path Selection Tool (A)). Затем, уменьшаем копию при помощи Трансформирования (Ctrl+T).



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



Теперь, изменяем цвет слоя на белый, дважды нажав по иконке слоя-дубликата с сердцем, и установив значение #ffffff.



Добавляем маску слоя (клик по иконке «Add Layer Mask» внизу панели слоев) на слой дубликата и используем на ней мягкую Кисть (Brush) черного цвета, скрывая некоторые части белой обводки, как показано ниже.





Создаем новый слой (Ctrl+Shift+N) и мягкой кистью (Brush) цветом #С50404 закрашиваем области сердца.



Добавляем обтравочную маску (Clipping Mask) между верхним слоем и лежащим под ним. Для этого, нажимаем Alt(Windows) или Option (Mac OS) и делаем щелчок между слоями. Должна появиться черная стрелочка от верхнего слоя к низлежащему.



Получаем действие красной кисти только на обводке:



Делаем еще одну копию первого сердечка (Ctrl+J) и удаляем с нее стиль «Наложение градиента» (перетяните иконку «fx» с миниатюры слоя на корзину внизу панели слоев).
С помощью Трансформирования (Ctrl+T) уменьшаем нижнюю часть дубликата.



Добавляем маску слоя (Layer Mask) и черной мягко кистью (Brush) удаляем некоторые области сердца:





Добавляем на сердечко блик. Выбираем Перо (Pen tool) в режиме слой-фигуры (Layer Shape) и рисуем в верхней части сердца блик:



Далее, снижаем заливку этого слоя (Fill) до 0% и добавляем «Наложение градиента» (Gradient Overlay) в стилях слоя(клик по иконке «Add Layer Style» внизу панели слоев).



Устанавливаем цвета градиента, открыв его редактор (клик по цветовой шкале):



В результате получаем:



Добавляем маску слоя (Layer Mask) на слой с бликом и мягкой черной кистью (Brush) с непрозрачностью (Opacity) 40% скрываем нижнюю часть блика.





Выделяем все слои с сердцем (Ctrl+клик по миниатюрам слоев) и объединяем их в одну группу (Ctrl+G). Дублируем группу (клик пр.кн.мыши по миниатюре группы и выбираем из меню – Duplicate Group) и уменьшаем копию(Ctrl+T). Поворачиваем ее в противоположную от оригинала сторону.



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



Рисуем темное теневое пятно под большим сердцем:



С помощью Трансформирования (Ctrl+T) растягиваем пятно по горизонтали.



Скачиваем кисти звезд из ресурсов урока по следующему пути: C:\Program Files\Adobe\Adobe Photoshop X\Presets\Brushes folder. Загружаем данные кисти в программу через меню Редактирование-Управление наборами (Edit-Preset Manager-Brushes). Установив набор, выбираем из него кисть звезды 2000 рх.



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



Внизу панели слоев нажимаем иконку «Create new fill or adjustment layer» (Создать новый слой-заливку или корректирующий слой) и добавляем корректирующий слой «Кривые» (Curves).



Результат:



Теперь пишем текст поздравления, используя инструмент Горизонтальный текст (Horizontal Type tool (T)). Вы можете выбрать любой рукописный шрифт для текста. 
Устанавливаем шрифт, цвет, размер шрифта в панели настроек текста (Window-Character).



Белым цветом пишем на открытке фразу «Happy Valentine’s Day» и по завершении написания нажимаем Enter (Ввод).



Двойным кликом по миниатюре слоя с текстом открываем стили слоя (Layer Style) и выполняем настройки для параметра «Наложение градиента» (Gradient Overlay).



Вводим параметры цветов градиента, открыв его редактор:



Получаем результат:



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




увеличенный размер итогового изображения