Делаем текстовые обои в Фотошоп

Этот урок научит вас создавать обои "Need for Speed ProStreet", к примеру, для вашего рабочего стола. Главная задача – научить вас создавать классные эффекты.

Создайте новый файл (File > New (Файл > Новый)) размером 1920х1200 px/ 72 dpi. Для заднего фона выберем текстуру асфальта с сайта  CGtextures. Вставьте ее на новый слой и выберите функцию Free Transform (Свободная трансформация) и преобразуйте текстуру так, как показано на рисунке ниже (прим. оставшуюся белую разметку можно убрать с помощью инструмента Clone Stamp tool (Штамп), выберите для него мягкую кисть):

http://www.photoshop-master.ru/lessons/les1054/1.jpg

Теперь создадим копию последнего созданного слоя и выберем инструмент Move Tool (V) (Перемещение), чтобы подвинуть изображение ниже до тех пор, пока не появится белая полоска. Выделите ее с помощью инструмента Rectangular Marquee Tool (M) (Прямоугольная область выделения), кликните правой кнопкой внутри этого выделения и выберите Layer via Copy (Копировать слой). Удалите слой с копией текстуры, оставив только фрагмент с белой полосой в верхней части изображения (прим. также вы можете скопировать полосу на новый слой, нажав сочетание клавиш Ctrl+J при активной области выделения).

http://www.photoshop-master.ru/lessons/les1054/2.jpg

В центральную часть текстуры мы будем добавлять текст, который мы захотим. Делайте соответствующие корректировки текстовых фрагментов и их наклонов с помощью функцию Free Transform (Свободная трансформация). Я использовал этот шрифт с сайта dafont.

http://www.photoshop-master.ru/lessons/les1054/3.jpg

Pro

http://www.photoshop-master.ru/lessons/les1054/4.jpg

Street

http://www.photoshop-master.ru/lessons/les1054/5.jpg

Need speed

http://www.photoshop-master.ru/lessons/les1054/6.jpg

For

http://www.photoshop-master.ru/lessons/les1054/7.jpg

За слоями, содержащими текст и буквы (PRO), нам нужно с помощью инструмента Pen Tool  (P) (Перо) нарисовать плоскость, залитую цветом  #222222.

http://www.photoshop-master.ru/lessons/les1054/8.jpg

Кликните мышкой в нижней части панели слоев на Create new fill или adjustment layer>Curves (Создать новый слой-заливка или корректирующий слой > Кривые). Этот слой должен находиться ниже текстовых слоев.

http://www.photoshop-master.ru/lessons/les1054/9.jpg

http://www.photoshop-master.ru/lessons/les1054/10.jpg

Используя Rounded Rectangle Tool  (U) (Инструмент закругленный прямоугольник) радиусом 10 px, мы создадим плоскость, залитую цветом #C6E340. Она должна располагаться над буквами PRO, но под словом STREET.  Возьмем также инструмент Direct Selection Tool (A) (Редактирование контура) для корректировки эффекта наклона плоскости и Convert Point tool (инструмент Преобразовать точку). Стереть ненужные точки можно с помощью инструмента Delete Anchor Point Tool (Удалить точку).

http://www.photoshop-master.ru/lessons/les1054/11.jpg

Примените стиль, указанный ниже: Blending Options > Outer Glow (Параметры смешивания > Внешнее свечение)

http://www.photoshop-master.ru/lessons/les1054/12.jpg

http://www.photoshop-master.ru/lessons/les1054/13.jpg

Затем, загрузим ряд готовых кистей для Adobe Photoshop, названных гранжевыми. Создайте новый слой и примените стандартную кисть для подготовки цветного фона за созданным текстом. Цвет для кисти выберите #CCD341. Этот слой должен быть расположен над темной плоскостью букв PRO, но под тестовыми слоями:

http://www.photoshop-master.ru/lessons/les1054/14.jpg

http://www.photoshop-master.ru/lessons/les1054/15.jpg

Кликните мышкой в нижней части панели слоев на Add a Mask  (Добавить маску) и выберите какую-нибудь гранжевую кисть, черный цвет будет использоваться для стирания зеленого текстового фона.

http://www.photoshop-master.ru/lessons/les1054/16.jpg

http://www.photoshop-master.ru/lessons/les1054/17.jpg

Установите Blend mode (Режим смешивания) на Color Dodge (Осветление основы):

http://www.photoshop-master.ru/lessons/les1054/18.jpg

Давайте теперь применим гранжевый эффект к слову PRO. Создайте новый слой и выберите гранжевую кисть. Кисти должны быть серого цвета, а слой должен располагаться над буквами PRO.

http://www.photoshop-master.ru/lessons/les1054/19.jpg

Примените следующие параметры к этому слою: Fill  (Заливка) 12% (прим. данный параметр находится в панели слоев рядом с параметрами прозрачности и режимов наложения):

http://www.photoshop-master.ru/lessons/les1054/20.jpg

Удерживая клавишу Alt, кликните левой кнопкой мыши между слоем с гранжевым эффектом и слоем, содержащим буквы PRO на панели слоев:

http://www.photoshop-master.ru/lessons/les1054/21.jpg

http://www.photoshop-master.ru/lessons/les1054/22.jpg

Создайте новый слой и выберите гранжевую кисть. Теперь кисти должны быть белого цвета. Данный слой расположите под текстовыми слоями и плоскостями

http://www.photoshop-master.ru/lessons/les1054/23.jpg

Кликните левой кнопкой мыши в нижней части панели слоев по Create new fill или adjustment layer > Hue/Saturation (Создать новый слой-заливка или корректирующий слой > Цветовой тон/Насыщенность). Поместите этот слой под слой с зеленой плоскостью, под словом Street.

http://www.photoshop-master.ru/lessons/les1054/24.jpg

http://www.photoshop-master.ru/lessons/les1054/25.jpg

Кликните левой кнопкой мыши в нижней части панели слоев по Add a Mask (Добавить маску) , чтобы использовать на ней стандартную кисть черного цвета, стирайте участки, находящиеся с левой стороны, с правой стороны и в верхней части

http://www.photoshop-master.ru/lessons/les1054/26.jpg

http://www.photoshop-master.ru/lessons/les1054/27.jpg

Создайте новый слой и используйте стандартную кисть белого цвета, чтобы удлинить букву S.

http://www.photoshop-master.ru/lessons/les1054/28.jpg

http://www.photoshop-master.ru/lessons/les1054/29.jpg

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

http://www.photoshop-master.ru/lessons/les1054/30.jpg

Создайте новый слой и добавьте в него несколько элементов зеленого цвета, содержащих тот же гранжевый эффект (Opacity (Прозрачность) 50%), используя гранжевые кисти.

http://www.photoshop-master.ru/lessons/les1054/31.jpg

http://www.photoshop-master.ru/lessons/les1054/32.jpg

Попытаемся нарисовать рядом с буквами PRO корону цвета #B5D244. Для начала изобразим простые элементы с острыми углами при помощи инструмента Pen Tool  (P) (Перо). Затем нажмите клавишу Shift, выбрав предварительно  инструмент Ellipse Tool (U)  (Овал), чтобы добавить маленькие круги. Теперь так же нажмите клавишу Shift, применяя при этом инструмент Pen tool (P)  (Перо), чтобы добавить ромб на верхнюю часть (прим. удерживание клавиши Shift при рисовании позволяет нам добиться идеально ровных форм).

http://www.photoshop-master.ru/lessons/les1054/33.jpg

Кликните мышкой, оставаясь на этом слое, по Add a Mask  (Добавить маску) и выберите стандартную кисть черного цвета (удерживайте Shift), чтобы нарисовать линии и вырезать несколько отверстий в кругах и ромбе.

http://www.photoshop-master.ru/lessons/les1054/34.jpg

http://www.photoshop-master.ru/lessons/les1054/35.jpg

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

http://www.photoshop-master.ru/lessons/les1054/36.jpg

Оставаясь на этом слое, кликните в нижней части панели слоев по Add a Mask  (Добавить маску) и выберите стандартную кисть черного цвета, чтобы стереть участки, покрывающие буквы Pro.

http://www.photoshop-master.ru/lessons/les1054/37.jpg

http://www.photoshop-master.ru/lessons/les1054/38.jpg

Установите для этого слоя значение Fill (Заливка) на 46%.

http://www.photoshop-master.ru/lessons/les1054/39.jpg

http://www.photoshop-master.ru/lessons/les1054/40.jpg

Конечный результат!

Данный урок подготовлен для Вас командой сайта https://desingbypro100nik.webtalk.ru