Уроки Все для дизайнера Евгения Гончарова 25 марта 2009

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

Сложность урока: Средний

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

Итак, создаём новый документ размером 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%.

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

Источник: www.photoshopstar.com

56 тыс. 44
Печать Жалоба

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

Спасибо! Хороший урок. Понравилась тема с хамелеоном.

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

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

Спасибо за урок

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

Спасибо. Красиво)

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

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

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

Спасибо!

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

спасибо за урок.

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

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

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

Шика-блика,

ПКМ - это правая кнопка мыши

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

а шо такое ПКМ?

Ничего, прям обои для рабочего стола)

Vardan, задай в поисковик texture paint ищи фотки с потрескавшейся краской. Обесцветишь + overlay.

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

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

Спасибо!

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее