Дополнения

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

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

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

207 383 чел. 399 071 работа 4 089 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Стильный бэкграунд

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

Итак, создаём новый документ размером 1000х1000  пикс. и разрешением 72 пикс/дюйм. Зальём чёрным цветом.

Убедимся, что цвета установлены по умолчанию (нажав клавишу «D», палитра цветов приобретёт чёрный – для foreground и белый – background). Теперь создадим новый слой и применим к нему   Filter - RenderClouds (Фильтр – Рендеринг – Облака):

Теперь Image - AdjustmentsBrightness/Contrast (Изображение – Коррекция – Яркость/Контраст), повысим контрастность для облаков:

Изображение должно выглядеть примерно так:

После этого применим Filter - Noise - Add Noise (Фильтр – Шум – Добавить шум)  с такими настройками:

Промежуточный результат:

Воспользуемся инструментом Single Row Marquee (Область (Горизонтальная строка)) и сделайте выделение на всю ширину изображения:

Нажмите Ctrl+T для свободной трансформации выделения и трансформируйте область выделения так, чтоб по размерам она соответствовала изображению:

Снимите выделение, нажав Ctrl+D, и примените Стиль слоя LayerLayer Style - Gradient Overlay (Слой – Стиль слоя – Наложение градиента).
Настройте градиент на три цвета #0e01ff - #ff0201 - #deff02
Режим наложения – Перекрытие; Непрозрачность – 40%; Метод –Линейный; Угол – 180 градусов.

Выберите инструмент Eraser (Ластик) с мягкими краями и сотрите часть изображения сверху и снизу, имитируя волну.

Теперь выберите другой ластик из стандартного набора Photoshop Spatter (Брызги).

И «продырявьте» слой в некоторых местах.

Отлично, теперь используем Filter - Blur - Motion Blur (Фильтр – Размытие – Размытие в движении) со следующими настройками:

Получим примерно такое изображение:

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

Выберем инструмент Pen (Перо)Tool. Убедитесь, что на панели настроек Пера у вас выбраны Pass (Контуры). Теперь нарисуем волнистую линию.

Создайте новый слой, затем кликните ПКМ по контуру и в выпавшем меню выберите Stroke Path (Выполнить обводку контура).

Перед вами появится маленькое диалоговое окно, в котором вам будет предложено выбрать инструмент для обводки. Выберем кисть (с настройками, которые мы задали ранее) и нажмём ОК.
Вот что мы получили:

Снова кликнем ПКМ по контуру и выберем Delete Path (Удалить контур) либо нажмите Ctrl+H.
Создадим ещё две линии (расположите их так, чтобы они визуально заполнили всё изображение):

Выберем инструмент Polygonal Lasso (Прямолинейное лассо) и выделите небольшую часть линии:

Вооружимся инструментом Blur (размытие) Strength (нажим): 50% и размоем выделенную часть линии. Нажмём Ctrl+D, чтобы снять выделение. Вот, что мы получили:

Используя этот несложный метод «размойте» линии в нескольких местах:

Теперь, нам понадобится круглая Кисть с мягкими краями и радиусом 9 px и на новом слое поставим несколько точек на размытых участках линий.

Снова создайте новый и назовите Ellipse 1, используя жёсткую круглую кисть, либо инструмент Ellipse (Эллипс), нарисуйте несколько белых кругов разного диаметра. За тем, создайте ещё один слой и назовите Ellipse 2, на этом слое нарисуйте несколько белых кругов, но так, чтобы они частично накладывались на круги предыдущего слоя.

Установите уровень непрозрачности для слоёв Ellipse 1 и Ellipse 2, равную 20%.

По желанию, вы можете добавить ещё кругов, чтобы заполнить весь документ.

Отлично, теперь объединим слои, на которых присутствуют круги и линии. Применим к образовавшемуся слою Стиль слоя.
LayerLayer Style - Gradient Overlay (Слой – Стиль слоя – Наложение градиента).
Настроим градиент: Настройте градиент на три цвета #0e01ff - #ff0201 - #deff0
Режим наложения – Нормальный; Непрозрачность – 50%; Метод –Линейный; Угол – 180 градусов.

Изображение приняло примерно следующий вид:

Снизим уровень непрозрачности для слоя до 50%. Нажмём Ctrl+J, чтобы создать дубликат слоя. К дубликату применим Filter - Blur - Box Blur (Фильтр – Размытие – Размытие по рамке) со следующими настройками.

Видите разницу

И в заключении добавим на новом слое на линии несколько белых точек, используя жёсткую белую кисть диаметром 9 пикс. Уровень непрозрачности установим 50%.

Перевод: Евгения Гончарова
Ссылка на источник урока

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

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

спасибо за урок! Вместо ластика использовала виньетирование

Спасибо за интересный урок!

Большое спасибо за урок!

используя технику из урока сделал это)

Очень понравилось :) Спасибо!

ЧЕРТОВКА, в чём именно проблема?

чтоб не сводить слои и не применять стиль слоя, можно просто поверх всего добавить корректирующий слой градиент со стилем вмешивания перекрытие (Оверлей)

Я немного осветлила..........И результат получше получился

мрачно очень... я другие цвета выбрала...

Аделина, сам по себе фон действительно темноват, но в сочетании со светлыми элементами (Допустим визитка - светлая надпись на тёмном фоне) будет хорошо гармонировать.

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

задумка хорошая, но результат буэээээ=((

НИЧЕГО ТАК,КАК ШТОРКА

вот такие вот обои на рабочий стол

забавно получается, и довольно легко)))

Узнала много нового!!! Спасибо))

Только не убивайте сразу...
Где найти фон вроде трещинок на старинном холсте. Есть задача стилизовать фотки под старинную живопись.

Спасибо!

Ребят помогите я баран))))) не получается ничего, может из за версии у меня 8я

прикольный урок)

Вот моя работа!=)))) Спасибо!))))))))))))

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

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

{{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