Дополнения

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

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

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

173 780 чел. 374 387 работ 3 938 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо!

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

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

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

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

Авторизация

Забыли?

Регистрация

18+
Работа имеет содержимое для 18+ лет
Пожаловаться Удалить

Оставить комментарий

(до 5 шт jpg, png, gif)
Ссылки внутри комментариев могут вести только на эти сайты
ВойтиАвторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:

Жалоба

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

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