You are here
Валентинка в фотошопе Коллаж Компьютерная графика и дизайн Уроки Уроки фотошопа 

Валентинка в фотошопе

Здравствуйте, дорогие друзья!

После небольшого перерыва я продолжаю писать новые уроки по фотошопу.

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

В этом уроке я расскажу вам как делается красивая валентинка в фотошопе.

Валентинка в фотошопе

Для урока нам понадобятся дополнительные материалы: фон и кисти.

Приступаем к работе

Делаем фон

Создаем небольшой новый документ, размером 800*600px.

Валентинка в фотошопе

Открываем заранее подготовленный фон с сердечками – Ctrl+O.

Располагаем окно с фоном и новым документом рядом друг с другом.

Открываем палитру слоев – F7.

Валентинка в фотошопе

На палитре инструментов выбираем инструмент Move Tool (Перемещение).

Удерживая левую клавишу нажатой, перетягиваем фон из палитры слоев в окно с новым документом.

Закрываем документ с фоном, он нам больше не понадобится.

В новом документе отрезаем ненужные края фона рамкой – Crop Tool (C). Очерчиваем документ рамкой по краям и дважды щелкаем левой клавишей.

Валентинка в фотошопе

В новом документе в палитре слоев у нас теперь будет 2 слоя: первоначальный слой с однородным цветом и фон с сердечками.

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

Валентинка в фотошопе

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

Заходим в меню Filter — Blur — Radial Blur (Фильтр — Размытие — Радиальное размытие).

Валентинка в фотошопе

Ставим галочку напротив «Линейного» метода. Количество ставим примерно 10.

Валентинка в фотошопе

Рисуем сердце

Создаем новый слой – Ctrl+Shift+N (либо щелкните по иконке нового слоя в палитре слоев).

Валентинка в фотошопе

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

В художественных школах учат видеть в сложных объектах простые формы и уметь визуально разбивать целое на части.

Сердце мысленно можно разбить на два сочлененных шара и конус в основании.

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

Создаем овальную векторную форму с помощью инструмента «Эллипс» (U).

Валентинка в фотошопе

Первоначально цвет фигуры не имеет для нас никакого значения.

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

Валентинка в фотошопе

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

Щелкните правой кнопкой по слою с овалом в палитре слоев и выберите в выпадающем меню «Rasterize Layer» (Растрировать слой).

Валентинка в фотошопе

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

Валентинка в фотошопе

На панели инструментов выбираем Градиент Изображение Gradient Tool (G) (если не видно на панели, щелкните на значке с ведерком правой кнопкой).

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

Валентинка в фотошопе

Градиент, который был у меня выбран по умолчанию состоял из двух цветов: черного и белого.

Количество цветов в градиенте определяется квадратными маркерами внизу полосы градиента.

Если у вас тоже только два цвета по краям, добавьте дополнительный третий маркер, щелкнув под полосой градиента в нужном месте (при этом курсор видоизменится).

Когда у нас стало три маркера внизу полосы градиента, настраиваем цвета:

  1. Щелкаем по одному из трех квадратных маркеров — в окошке «Цвет» появится цвет выбранного маркера;
  2. Щелкаем по этому окошку.
  3. В появившемся окне вводим номер цвета в строке «#».

Настраиваем цвета как на картинке:

Валентинка в фотошопе

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

Вот что получилось у меня:

Валентинка в фотошопе

Теперь немного повернем наше яйцо.

Нажимаем Ctrl+T (Свободная трансформация). В верхней панели вводим угол поворота объекта — примерно 20 градусов. Нажимаем Enter, чтобы применить трансформацию.

Валентинка в фотошопе

Снимаем блокировку с прозрачных пикселей вверху панели слоев.

Чтобы сделать вторую половинку сердца, создаем дубликат слоя — Ctrl+J.

Теперь необходимо зеркально отразить нашу половинку сердца. Нажимаем Ctrl+T, щелкаем правой кнопкой, выбираем «Flip horizontal»(Отразить по горизонтали). Нажимаем Enter.

Валентинка в фотошопе

Теперь у нас две половинки сердца находятся на одном месте.

Чтобы ровно переместить вторую половинку относительно первой, выберите инструмент Изображение Move Tool (Перемещение), зажмите Shift и передвигайте вторую половинку влево таким образом, чтобы в итоге получилось что-то вроде сердца.

Объедините два слоя с половинками сердца, выделив верхний и нажав Ctrl+E (сочетание клавиш объединяет слой с нижним).

Валентинка в фотошопе

На этом этапе у нас получилась заготовка для сердца. Нам предстоит немного поработать с формой и заретушировать резкий переход в серединке.

Для того, чтобы сгладить переход между овалами, я воспользовалась инструментами Изображение Healing Brush Tool (Восстанавливающая кисть) и Изображение Blur Tool (Размытие).

Валентинка в фотошопе

Чтобы убрать швы, берите образцы пикселей с соседних от шва участков, зажимая клавишу Alt, а затем закрашивайте взятыми образцами резкий переход. Комбинируйте разные участки, пока не добьетесь плавного перехода. Сглаживайте неаккуратные места инструментом Blur Tool.

Теперь подкорректируем форму сердечка.

Заходим в меню  Filter — Liqvify (Фильтр — Пластика).

Валентинка в фотошопе

Приближаем изображение — «Ctrl+»(отдалить — «Ctrl-«).

Выставляем небольшой нажим кисти, около 30%.

Выбираем кисть большого диаметра 190-220px, чтобы первоначально вносить глобальные изменения несколькими движениями. Дальше корректируем форму уже более мелкой кистью, примерно 120-100px. Лепим форму сердечка. Стараемся сделать его симметричным. В конце нажимаем «Ok».

Валентинка в фотошопе

Создаем новый пустой слой — Ctrl+Shift+N.

Берем инструмент Изображение Elliptical Marquee Tool (Овальная область), выделяем верхнюю половину сердечка. На новом слое заливаем бледно-розовым цветом.

Валентинка в фотошопе

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

Заходим в меню Filter- Blur -Gaussian blur (Фильтр — Размытие — Размытие по Гауссу). Ставим радиус размытия 20px.

Валентинка в фотошопе

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

Вверху палитры слоев меняем режим наложения слоя на «Screen» (Экран). Opacity (Непрозрачность) ставим 30%.

Берем резинку с мягкими краями Изображение Eraser Tool (Ластик)(E), стираем части верхнего слоя на краях сердца.

Валентинка в фотошопе

Идем на слой с сердцем. Добавим немного текстуры.

Заходим в меню: Filter — Noice — Add Noice (Фильтр — Шум — Добавить шум).

Валентинка в фотошопе

Эффект я поставила 1. Поставьте галочку в строке «По Гауссу»и «Монохромный».

День святого Валентина

Добавляем акварельные разводы

Создаем новый слой — Ctrl+Shift+N. Располагаем его под слоем с сердцем.

Загружаем и устанавливаем кисти для урока. Как установить кисти.

Берем инструмент кисть — Изображение Brush Tool (B).

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

Регулировать размер кисти вы можете, двигая ползунок в строке «Размер», либо используя горячие клавиши «[» — уменьшить диаметр и «]» — увеличить диаметр.

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

На новом слое рисуем акварельные разводы нежно-розовым цветом, я взяла #e089b8.

Как сделать валентинку

Создаем еще один слой Ctrl+Shift+N, выбираем другую акварельную кисть и на новом слое ставим другой отпечаток, я взяла уже другой цвет #d96b7f.

Опять создаем новый слой, рисуем третий отпечаток. Светло-розовым, почти белым цветом — #ffcbdc.

Вот что получилось у меня:

День святого Валентина

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

В палитре слоев дважды кликаем на любом из трех слоев с брызгами, например, верхнем.

В открывшемся окне «Layer style» (Стиль слоя) ставим галочку и щелкаем по строке «Drop Shadow»(Тень).

Ставим такие настройки:

Валентинка в фотошопе

Щелкаем правой кнопкой по слою, к которому только что применили тень.

В выпадающем меню выбираем «Copy Layer style» (Скопировать стиль слоя).

Валентинка в фотошопе

В палитре слоев выделяем два оставшихся слоя, щелкаем правой кнопкой, выбираем «Paste Layer style» (Вклеить стиль слоя).

Валентинка в фотошопе

На этом этапе получается примерно вот что:

Валентинка

Рисуем цветочные узоры

Создаем еще один новый слой над слоями с акварельными разводами.

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

Валентинка в фотошопе

Чтобы поворачивать узоры и отражать их по горизонтали или вертикали, сделайте оттиск на новом слое и нажмите Ctrl+T. Чтобы повернуть изображение, подведите курсор к одному из угловых квадратных маркеров, когда стрелка примет полукруглый двухсторонний вид, вращайте изображение в нужную сторону.

Валентинка в фотошопе

Вот что получилось у меня на этом этапе:

Как сделать валентинку

Выделите все слои с цветочными узорами (добавляйте слои к выделению при помощи зажатой клавиши  Ctrl). Затем нажмите Ctrl+E, чтобы объединить слои.

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

Как сделать валентинку

Возвращаемся на слой с сердцем, выделяем в палитре слоев сердце и блик на нем, нажимаем Ctrl+J, чтобы скопировать эти два слоя.

Не снимая выделения, щелкаем правой кнопкой по слоям, выбираем «Преобразовать в смарт-объект»(Convert to smart-object).

Снова щелкаем правой кнопкой, выбираем «Растрировать слой» (Rasterize Layer).

Валентинка в фотошопе

Создаем дополнительные сердечки

Я хочу сделать несколько маленьких сердечек вокруг основного.

Работаем на слое с растрированным дубликатом сердца. Нажимаем Ctrl+T, чтобы уменьшить сердце. Зажимаем Shift, чтобы сохранить пропорции и тянем изображение за один из угловых маркеров к центру по диагонали.

Как сделать валентинку

Выбираем инструмент Изображение Move Tool (Перемещение).

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

Я скопировала маленькое сердечко 5 раз и разместила копии с разных сторон от большого сердца.

Как сделать валентинку

Работаем с текстом

Выбираем Изображение Horizontal Type Tool (Горизонтальный текст).

Печатаем на сердечке любой текст.

Для редактирования текста открываем в фотошопе окно «Символ». Заходим в меню «Окно» — «Символ»(Window — Character).

Я выбрала шрифт Century Gotic, bold, размер кегля 57пт.

Как сделать валентинку  пе

Щелкаем правой кнопкой по слою с текстом в палитре слоев, выбираем «Растрировать текст»(Rasterize type).

Немного деформируем наш текст, чтобы он лег по форме сердца.

Нажимаем Ctrl+T, щелкаем правой кнопкой, в выпадающем меню выбираем «Перспектива»(Perspective). Вокруг текста появится рамка с квадратными маркерами, изменяя положение которых, вы можете видоизменять текст.

Как сделать валентинку

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

Валентинка

Дважды щелкаем по слою  с текстом.

В появившемся окне «Стиль слоя» (Layer Style) ставим галочку и выделяем строку «Тень» (Drop Shadow).

Выставляем такие настройки:

Валентинка

Далее ставим галочку и щелкаем по строке «Внутреннее свечение» (Inner Glow). Выставляем настройки:

Валентинка

И последний  эффект, который мы применим для текста — это «Тиснение»(Bevel &Emboss).

Валентинка

Цветокоррекция

Почти закончили, осталось только произвести небольшую цветокоррекцию всех элементов.

Выделяем в палитре слоев слой с фоном.

Я хочу сделать фон светлее и контрастнее. Заходим в меню «Изображение — Коррекция — Яркость/Контрастность» (Image — Adjustments -Brightness/Contrast).

Как сделать валентинку

Я увеличила яркость до +108, а контраст до +100.

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

В палитре слоев выделяем все слои с акварельными брызгами, зажав Ctrl. Нажимаем Ctrl+E, чтобы слить все слои.

Нажимаем Ctrl+U, в появившемся окне ставим галочку в окошке «Тонирование»(Colorize). Мои настройки:

Как сделать валентинку

Далее, опять идем в палитру слоев, выделяем все слои с маленькими сердечками, сливаем — Ctrl+E.

Пусть сердечки будут красные, а не розовые. Нажимаем Ctrl+U.

Ставим галочку с окошке «Тонирование»(Colorize). На верхней цветной полосе «Цветовой тон» выбираем красный цвет, повышаем насыщенность цвета, двигая ползунок на средней полосе «Насыщенность»вправа. Немного снизим яркость, передвинув ползунок на последней строке влева.

Как сделать валентинку

Затем я  немного откорректировала тон большого сердца через меню»Изображение — Коррекция — Яркость/Контрастность» (Image — Adjustments -Brightness/Contrast). Яркость я снизила до -14, контрастность увеличила до 91.

Добавим последний штрих.

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

Как сделать валентинку

Валентинка готова! Давайте посмотрим, что у нас получилось:

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

В этом уроке я показала вам, как можно сделать валентинку в фотошопе для вашей половинки к 14 февраля. Надеюсь, урок вам понравился.

До встречи!

Related posts

Leave a Comment

127 запросов. 0,513 секунд. 24.2286453247072 Мб