Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

190 488 чел. 391 193 работы 4 041 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Создаем обои с эффектом боке в Фотошоп

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

Шаг 1. Фон и текстура

Откройте Photoshop и создайте новый документ (Ctrl+ N), размером 1440 x 900 px с прозрачным фоном, назовите слой “Фон1”, залейте его темно-серым цветом # 1E1E1E, (Редактирование-> Выполнить заливку (Edit->Fill) и введите этот цвет), затем добавьте стиль слоя Наложение градиента (Gradient Overlay) на “Фон 1”, нажав на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев, цвет от # 1E1E1E к # 1F1F1F.

Создайте новый слой (Ctrl + Shift + N), переименуйте его в “Фон 2”, залейте белым цветом, Редактирование-> Выполнить заливку-> Белый (Edit->Fill-> White), примените другой стиль слоя Наложение градиента (Gradient Overlay) на этом слое от # E83484 до # CE5449 с этими параметрами:

Поместите слой “Фон 2” в новую группу, для этого перетащите миниатюру слоя на иконку Создать новую группу (Create a new group) в нижней части палитры слоев, назовите эту группу «Фон 2» и измените режим смешивания на Перекрытие (Overlay).

Шаг 2. Кисть сердце

В этом шаге мы создадим Кисть (Brush) сердце для эффекта боке, для этого создайте новый документ (Ctrl + N) размером 500 x 500 px и прозрачным фоном, а затем выберите инструмент Произвольная фигура (Custom Shapе Tool) (U), выберите фигуру сердца в панели инструментов. Создайте фигуру в центре документа.

Изменим Непрозрачность заливки (Fill Opacity) для фигуры на 50% и добавим стиль слоя Обводка (Stroke) к форме сердца, размером 5 px, и изменим Режим наложения (Blend Mode) на Перекрытие (Overlay).

Убедитесь, что у Вас активирован слой с сердцем и перейдите Редактирование-> Определить кисть (Edit-> Define Brush Preset), для того чтобы сохранить эту форму как кисть. Назовите ее “Сердце Боке”.

Перед использованием этой кисти нам нужно настроить ее немного больше, для этого откройте панель Кистей (Brush), Окно-> Кисть (Window-> Brush), выберите кисть, которую мы создали, и измените параметры как на картинке ниже. Не забудьте сохранить кисть, когда все будет готово, нажав на нижнюю правую иконку в панели кистей.

Шаг 3. Размытие сердец

Теперь у нас есть наша собственная кисть. Давайте вернемся к основному документу. Активируйте инструмент Кисть (Brush Tool) (B), выберите созданную кисть и белый цвет, затем создайте новый слой (Ctrl + Shift + N) и нарисуйте несколько сердец по всему документу. Когда вы будете довольны результатом, поместите этот слой с сердечками в новую группу под названием “Сердца боке”, для этого перетащите миниатюру слоя на иконку Создать новую группу (Create a new group) в нижней части палитры слоев. Измените Режим наложения (Blend Mode) этой группы на Осветление основы (Color Dodge).

Давайте добавим немного размытия на этих сердцах, для этого перейдите Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur) с радиусом (Radius) 20 px. Изменим Заливка (Fill) размытия на 50%.

Создадим новый слой (Ctrl + Shift + N) в той же группе, рисуем еще несколько сердец на весь документ с помощью Кисти (Brush Tool). Добавьте Размытие по Гауссу (Gaussian Blur) на этих сердцах, но на этот раз с радиусом 5 px. Изменим Заливка (Fill) этого слоя до 75%.

Создайте еще один новый слой в той же группе, снова рисуем несколько сердец на весь документ с помощью Кисти (Brush Tool). На этот раз мы будем применять фильтр Цветовой контраст (High Pass) на этих сердцах, для этого перейдите в Фильтр-> Другое-> Цветовой контраст (Filter-> Other-> High Pass) с радиусом 5 px. Измените Режим наложения (Blend Mode) этого слоя на Осветление основы (Color Dodge) и его Заливка (Fill) до 50%.

Шаг 4. Сердечки Боке

После создания размытых сердец давайте создадим сердечки боке переднего плана. Создаем новый слой в группе “Сердца боке” и рисуем еще несколько сердец на холсте.

Создайте маску слоя на этом слое, активируйте инструмент Градиент (Gradient Tool) (G), выберите черно-белый градиент и проведите градиент на маске слоя, идущий с нижней части документа примерно до 35% вверх.

Дублируем слой, с которым мы только что работали (Ctrl + J), поместим новый слой под оригинал, а затем применим фильтр Размытие в движении (Motion Blur), для этого выберем Фильтр-> Размытие-> Размытие в движении (Filter-> Blur-> Motion blur) со Смещением (Distance) 100px и Углом (Angle) 0. Изменим Заливка (Fill) этого слоя до 20%.

Создадим новый слой в той же группе, активируем мягкую круглую Кисть (Brush Tool) (B) белого цвета и рисуем на правой и левой сторонах документа, используя различную Непрозрачность (Opacity) кисти. Автор использовал непрозрачность от 25 до 35%. Создайте снова слой в той же группе и той же кистью рисуем на некоторых областях документа, чтобы выделить отдельные сердечки.

Шаг 5. Корректировка

В этом шаге мы добавим два корректирующих слоя, для первого добавим Яркость/Контрастность. Для этого перейдем Слой-> Новый корректирующий слой-> Яркость/Контрастность (Layer-> New Adjustment Layer-> Brightnes/Contrast) и установим значения Яркость (Brightnes) 25 и Контраст (Contrast) 20.

Для второго добавим корректирующий слой Выборочная коррекция цвета (Selective Color), выберите Красный (Reds) и добавьте эти параметры:

Наши обои готовы, я надеюсь, что вы узнали что-то новое при создании этих обоев.

Автор: cienel

Комментарии 76

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Мне так понравились обои, что сделала с разными градиентами. Один из вариантов...

Спасибо большое за урок ! Очень красивый !

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

Спасибо за урок! У меня как то так получилось.....

Любовь, спасибо за урок!

Наконец я научилась делать подобные фоны!Спасибо за урок..)

Спасибо за прекрасный урок! Очень познавательный для новичка.

Полезный и нужный урок. Спасибо!♥

Создаем обои с эффектом боке в Фотошоп. Спасибо.

Спасибо большое ^_________^

Хороший урок.Спасибо.

Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules