Реклама

Создаем футуристические обои используя Фотошоп

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания футуристических обоев для рабочего стола.


Финальный результат

Создаем футуристические обои используя Фотошоп

Приступаем к уроку Фотошопа


Шаг 1.


Создайте новый документ, с размерами - 1920 x 1200 рх (можете выбрать любой другой размер), 72 px (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Преобразуйте слой "Background” (Фон) в обычный слой, кликнув по нему 2 раза.


Затем еще раз кликните дважды по этому слою для перехода в стили слоя (Blending Options (Параметры наложения)) установите следующие значения пункта Gradient Overlay (Наложение градиента) (градиент от серого #565656 к черному #000000): ↓


Gradient Overlay (Наложение градиента): ↓

Создаем футуристические обои используя Фотошоп

Шаг 2.


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


Перетащите файл с текстурой в наш документ и нажмите Ctrl+T, чтобы подогнать текстуру под размер вашей работы.


Перейдите на слой с текстурой и выберите Image > Adjustments > Desaturate (Изображение > Настройки > Обесцветить / Сочетание клавиш "Shift+Ctrl+U"). Поменяйте Blend Mode (Режим наложения) слоя с текcтурой на на Overlay (Перекрытие) и уменьшите непрозрачность (Opacity) = 25%. Затем несколько раз примените фильтр → Filter > Sharpen > Smart Sharpen (Фильтр > Резкость > Умная резкость): ↓


Создаем футуристические обои используя Фотошоп

Шаг 3.


При помощи Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T") напишите понравившийся текст (используеться шрифт NULL Free Font можно использовать любой на свой вкус), цвет текста в данном случае значения не имеет, размер шрифта - 335 pt, обратите также внимание на величину расстояния между буквами: ↓


Создаем футуристические обои используя Фотошоп

Шаг 4.


Кликните дважды на текстовом слое на палитре слоев и установите следующие настройки стилей слоя (Blending Options (Параметры наложения)): ↓


Stroke (Обводка): ↓

Создаем футуристические обои используя Фотошоп

Шаг 5.


Теперь нам нужно отделить эффект Stroke (Обводка), который мы создали в Шаге 4, от текстового слоя, чтобы иметь возможность редактировать их по отдельности. Для этого сделайте правый клик на эффекте Stroke (Обводка) на панели слоев и выберите "create layer” (создать слой) (рис.1).


Итак, полученный слой «stroke» находится сейчас в режиме Обтравочной маски (clipping mask) (рис.2). Переведем его в обычный режим, удерживая Alt и нажав между слоем Stroke (Обводка) и текстовым слоем на панели слоев. Слой "Stroke” превратился в прямоугольник (рис.3). Далее загрузите выделение текстового слоя (Ctrl+клик на иконке слоя на панели слоев), перейдите на слой "Stroke” и нажмите на иконку Добавить маску слоя (Add layer mask) внизу панели слоев (рис.4).


Создаем футуристические обои используя Фотошоп

Создаем футуристические обои используя Фотошоп

Шаг 6.


Теперь нам нужно убрать область, которую перекрывает слой «Stroke». Для этого загрузите выделение слоя «Stroke» (Ctrl+клик на иконке слоя (не на иконке маски) на панели слоев), перейдите на слой с текстом, инвертируйте выделение (Select > Inverse (Выделение > Инверсия выделения / Сочетание клавиш "Ctrl+Shift+I")) и добавьте маску слоя (нажмите на иконку "Добавить маску слоя (Add layer mask)" внизу панели слоев).


На скриншоте я сдвинул вниз текстовый слой, чтобы вам был более понятен результат: ↓


Создаем футуристические обои используя Фотошоп

Шаг 7.


Нажмите правой кнопкой на маске текстового слоя и выберите Apply layer mask (Применить слой-маску) (если эта функция не активна, нажмите правой кнопкой на текстовом слое и выберите "Rasterize type” (Растеризовать)). Проделайте то же самой со слоем "Stroke”.


Итак, мы получили 2 простых слоя с текстом и обводкой. Вы можете приблизить изображение и сделать края более четкими при помощи Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"): ↓


Создаем футуристические обои используя Фотошоп

Шаг 8.


Теперь добавим стили слою "Stroke”. Дважды кликните на слое "Stroke” на панели слоев (для вызова Blending Options (Параметры наложения)) и установите следующие настройки:


Color Overlay (Наложение цвета): ↓

Цвет = #242424;


Color Overlay (Наложение цвета): ↓

Создаем футуристические обои используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Создаем футуристические обои используя Фотошоп

Drop Shadow (Тень):

Цвет - белый;


Drop Shadow (Тень): ↓

Создаем футуристические обои используя Фотошоп

Шаг 9.


Добавим текстуру слою "Stroke” - вот эту.


Вставьте текстуру в вашу работу и подгоните ее размер под размер изображения при помощи трансформации (Ctrl+T). Измените Blend Mode (Режим наложения) нового слоя с текстурой на Overlay (Перекрытие), и вот, что у вас должно получится: ↓


Создаем футуристические обои используя Фотошоп

(Поместите слой с текстом поверх всех слоев, под ним – новый слой с текстурой, а под ним уже – слой "Stroke”).


Уменьшите непрозрачность (Opacity) слоя с текстурой до 30%, загрузите выделение слоя "Stroke” (Ctrl+клик на иконке слоя на палитре слоев), перейдите на слой с текстурой и нажмите на иконку Добавить маску слоя (Add layer mask) внизу панели слоев.


Создаем футуристические обои используя Фотошоп

Шаг 10.


Теперь поработаем с текстовым слоев. Перейдите на слой с текстом, кликните на нем дважды на панели слоев (для вызова Blending Options (Параметры наложения)) и установите следующие настройки:


Color Overlay (Наложение цвета):

Цвет - #282828;


Color Overlay (Наложение цвета): ↓

Создаем футуристические обои используя Фотошоп

Satin (Глянец): ↓

Создаем футуристические обои используя Фотошоп

Inner Shadow (Внутренняя тень): ↓

Создаем футуристические обои используя Фотошоп

Шаг 11.


Создайте новую группу слоев (нажмите на иконку "Create new group” (Создать группу слоев) внизу панели слоев) между слоем с текстом и слоем "Stroke”, в ней мы создадим текстуру для нашего текста. Загрузите выделение текстового слоя (как мы уже ни раз делали, Ctrl+клик на иконке слоя), перейдите на слой с группой и добавьте маску группе.


Добавим текстуру. Измените Blend Mode (Режим наложения) этой текстуры на Overlay (Перекрытие) и уменьшите Opacity (Непрозрачность) примерно до 35%.


Создаем футуристические обои используя Фотошоп

Создайте новый слой в группе (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), выберите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") – цвет- черный, размер кисти- большой, Hardness (Жесткость) 0% и обведите края букв: ↓


Создаем футуристические обои используя Фотошоп

Шаг 12.


Теперь создадим цветную линию на тексте. Создайте новый слой над слоем "Stroke”, назовите его, к примеру, "Line”. Загрузите выделение слоя "Stroke”, затем выберите Select > Modify > Contract (Выделение > Модификация > Сжать), установите значение = примерно 7 рх.


Создаем футуристические обои используя Фотошоп

Не сбрасывая выделения, перейдите на только что созданный слой, нажмите alt+delete, чтобы закрасить его цветом переднего плана (цвет в данном случае не имеет значения). Затем нажмите Ctr+D, чтобы сбросить выделение.


Создаем футуристические обои используя Фотошоп

Шаг 13.


Дважды кликните по слою "Line” на панели слоев (вызываем Blending Options (Параметры наложения)) и установите следующие настройки:


Gradient Overlay (Наложение градиента):

Цвета: желтый (#ffb90d), розовый (#cc0045), зеленый (#009980);

Угол = 90 градусов.


Gradient Overlay (Наложение градиента): ↓

Создаем футуристические обои используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Создаем футуристические обои используя Фотошоп

Outer Glow (Внешнее свечение): ↓

Создаем футуристические обои используя Фотошоп

Шаг 14.


Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) над слоем с фоном и фоновой текстурой. Сбросьте цвета, нажав D, и выберите Filter > Render > Clouds (Фильтр > Рендеринг > Облака). Измените Blend Mode (Режим наложения) этого слоя на Screen (Осветление) и уменьшите непрозрачность до 15%. Вот, что у вас должно получиться: ↓


Создаем футуристические обои используя Фотошоп

Шаг 15.


Теперь добавим цвет. Выберите Layer > New Adjustment Layer > Gradient Map (Слой > Новый корректирующий слой > Карта градиента), чтобы создать новый корректирующий слой Gradient Map (Карта градиента) (он должен находится поверх всех слоев). Цвета градиента следующие:

Фиолетовый (#6f156c), зеленый (#00601b), оранжевый (#fd7c00).


Измените Blend Mode (Режим наложения) того слоя на Overlay (Перекрытие) и уменьшите непрозрачность до 70%.


Создаем футуристические обои используя Фотошоп

Шаг 16.


Для того, чтобы добавить блики, создадим новую группу под слоем Gradient Map (Карта градиента). Измените Blend Mode (Режим наложения) группы на Color Dodge (Осветление основы). Создайте новый слой внутри группы, возьмите большую кисть белого цвета (Hardness (Жесткость) = 0%) и сделайте отпечатки кисти в тех местах, которые вы хотите осветить. Создавайте каждый блик на отдельном слое, чтобы у вас была возможность редактировать из по отдельности.


Создаем футуристические обои используя Фотошоп

Создаем футуристические обои используя Фотошоп

Вот и все.


Финальный результат

Создаем футуристические обои используя Фотошоп

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru