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

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

Рисуем обои Ubuntu в Adobe Photoshop CS6

7 июня 2014 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем создавать обои для рабочего стола в стиле Ubuntu. Урок довольно прост в исполнении и отлично подойдет новичкам, а также тем, кто скован во времени. Для его выполнения вам понадобится версия Adobe Photoshop CS6 и выше. Также в конце урока вы найдете ссылку на файл урока в формате PSD.

 

Результат

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 1

Создайте новый документ (Ctrl+N) в Adobe Photoshop CS6 размером 1920px на 1200px (RGB) расширения 72 pixels/inch. Кликните по иконке Add a layer style/Добавить стиль слоя в нижней части палитры Layers/Слои и выберите Gradient Overlay/Перекрытие градиента.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Кликните по самому градиенту в окне, чтобы открыть Gradient Editor/Редактор градиента. Укажите цвета показанные ниже.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

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

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 2

Нарисуйте небольшой круг, используя инструмент Ellipse/Эллипс (U).

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Результат:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Кликните по иконке Add a layer style/Добавить стиль соля в палитре Layers/Слои и выберите Stroke/Обводка.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

А также Inner Glow/Внутреннее свечение:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

И Gradient Overlay/Перекрытие градиента:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

В Gradient Editor/Редакторе градиента укажите цвета как на картинке ниже.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Результат:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 3

Создайте новый слой и поместите его под слоем с кругом. Возьмите инструмент Brush/Кисть, выберите круглую растушеванную кисть. Рисуйте в новом слое вокруг круга цветом #B31B0B.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

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

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Смените Blending mode/Режим наложения для этого слоя на Overlay/Перекрытие.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 4

Теперь нам нужно нарисовать еще один круг под слоем с большим кругом. Нарисуйте круг инструментом Ellipse/Эллипс (U), выбрав цвет #C71906.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Укажите этому слою параметр Fill/Заливка в 50%.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Сделайте много копий красного круга, меняя размер копий при помощи инструмента Free Transform/Свободное трансформирование (Ctrl+T). Расположите круги как показано ниже.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Тем же способом создайте несколько больших кругов, указав им Fill/Заливку в 20%. Слои с кругами должны располагаться под слоем с большим, темным кругом.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 5

Инструментом Ellipse/Эллипс (U) нарисуйте еще один круг, на этот раз поверх всех остальных слоев.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

В Adobe Photoshop CS6 есть опция Stroke/Обводки в панели настроек, которая позволяет выбрать тип обводки. Укажите кругу созданному только что отсутствие заливки, а также пунктирную обводку цвета #B0999F.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Результат:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 6

Создайте новый слой и круглой растушеванной кистью белого цвета (укажите Opacity/Непрозрачность в 20%) осветлите наш круг.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Вот как это должно выглядеть:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Смените Blending mode/Режим наложения для этого слоя на Overlay/Перекрытие.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 7

Нарисуйте еще один круг поверх одной из точек контура из Шага 5. При необходимости подкорректируйте круг при помощи Free Transform/Свободного трансформирования (Ctrl+T). Возьмите инструмент Direct Selection/Прямое выделение (A) и измените форму круга как показано на картинке ниже. Укажите кругу цвет заливки #CDBFC2.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Вот что мы хотим получить:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Теперь нарисуем еще один маленький кружок цвета #511D30 поверх предыдущей фигуры.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Копируйте только что созданный круг и поместите его поверх следующей точки из контура.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Примените к слою, содержащему последний круг Layer style/Стиль слоя Stroke/Обводка.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Результат:

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Сделайте десять копий этого круга и разместите их поверх следующих точек, как показано ниже.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

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

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Шаг 8

И наконец разместите на изображении текст при помощи инструмента Horizontal Type/Горизонтальный текст (T). Настройте параметры текста как показано ниже. Вы можете использовать этот шрифт от FontSquirrel.

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Результат

Making a Nice Ubuntu Desktop Wallpaper in Adobe Photoshop CS6

Вы можете скачать PSD-файл этого урока.

Автор урока adobetutorialz

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

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




Комментарии