Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Компьютерные обои для рабочего стола в Adobe Photoshop

25 сентября 2014 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем создавать стильные обои для рабочего стола в программе Adobe Photoshop. Мы создадим компьютерный блок и его светящиеся внутренности за компьютерной решеткой. Как и большинство уроков от abduzeedo, этот требует уверенного знания программы и ценен в первую очередь с дизайнерской точки зрения, однако вы сможете узнать и новые технические приемы.

 

Результат

ABDZ Internal in Photoshop

Шаг 1

Откройте Photoshop и создайте новый документ, к примеру, размером 2880×1800 px. Вы можете выбрать другие параметры, если ваш монитор иных размеров. Инструментом Paint Bucket/Заливка залейте фон цветом #201E1E.

ABDZ Internal in Photoshop

Шаг 2

Создайте новый слой и залейте его черным цветом. В меню выберите Filter>Noise>Add Noise/Фильтр>Шум>Добавить шум. Настройте фильтр как показано ниже.

ABDZ Internal in Photoshop

Шаг 3

Дублируйте слой с шумом и отразите копию по горизонтали. После этого сгруппируйте оба слоя с шумом и в меню выберите Layer>Layer Style>Gradient Overlay/Слой>Стиль слоя>Перекрытие градиента. Используйте радиальный градиент от серого к темно-серому.

ABDZ Internal in Photoshop

Шаг 4

Для иллюстрации внутренностей нам понадобятся несколько исходников. Так как вы создаете обои для собственного рабочего стола, а не на продажу, можете использовать исходники, найденные в images.google.com. В примере на фоне использована видеокарта и лампочка в качестве источника света. Объедините слои и выберите в меню Image>Image Adjustments>Hue/Saturation / Изображение>Коррекция>Оттенок/Насыщенность. Настройте параметры как показано ниже.

ABDZ Internal in Photoshop

Шаг 5

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

ABDZ Internal in Photoshop

Шаг 6

Вот что должно получиться:

ABDZ Internal in Photoshop

Шаг 7

Придадим сетке объем. Выделите слой с исходником, по которому вы создавали выделение сетки. В меню найдите Layer>Layer Style>Blending Mode/Слой>Стиль слоя>Режим наложения. Смените Fill Opacity/Непрозрачность заливки на 0. Откройте вкладку Bevel & Emboss/Тиснение и настройте ее как показано ниже. После этого дублируйте слой и укажите ему Оpacity/Непрозрачность в 10%.

ABDZ Internal in Photoshop

ABDZ Internal in Photoshop

Шаг 8

Добавьте новый слой поверх всех остальных и залейте его черным цветом. Инструментом Brush/Кисть (B) нарисуйте в середине круг серым цветом, как показано на картинке ниже. Смените Blend Mode/Режим наложения для этого слоя на Color Dodge/Осветление основы.

ABDZ Internal in Photoshop

ABDZ Internal in Photoshop

Шаг 9

В меню выберите Layer>New Layer Style>Photo Filter/Слой>Новый стиль слоя>Фотофильтр. Настройте фильтр как показано ниже.

ABDZ Internal in Photoshop

Шаг 10

Выделите все слои и дублируйте их. Объедините все копии слоев и в меню выберите Filter>Blur>Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу. Укажите радиус в 15 px. Смените режим наложения на Screen/Осветление и Opacity/Непрозрачность на 70%.

ABDZ Internal in Photoshop

Результат

ABDZ Internal in Photoshop

Вы можете скачать PSD-файл

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]