В этом уроке вы узнаете, как создать с нуля текстовой эффект, имитирующий вышивку. С помощью некоторых текстур, стилей слоя и фильтров мы сделаем интересные реалистичные обои для iPad. Начинаем!

Предварительный просмотр финального результата:



 

Шаг 1.

Начнем урок с создания ткани, на которой будет находиться наша вышивка. Создаем новый документ (Ctrl+N) размером 250х250 рх с разрешением 72 рх/дюйм и белым фоном.


 

Шаг 2.

Используя инструмент «Прямоугольник» (Rectangle Tool) в режиме заливки пикселов (третья иконка квадрата в верхнем меню), создаем вертикальный прямоугольник на новом слое (Ctrl+Shift+N) размером 7х17 рх черного цвета.


 

Шаг 3.

Далее, создаем текстуру для нашей фигуры. Открываем стили слоя (Layer-Layer Style или иконка «fx» внизу панели слоев) на слое с прямоугольником и выполняем настройки для следующих стилей:

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



Тиснение (Bevel and Emboss):



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



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


 

Шаг 4.

Продублируйте множество раз этот блок (Ctrl+J), а затем составьте из дубликатов сплошное покрытие, используя инструмент Перемещение (Move Tool), чтобы получилось, как на изображении ниже.


 

Шаг 5.

Выполняем сведение всех слоев с блоками (выделяем их миниатюры (Ctrl+клик по миниатюрам слоев), затем Ctrl+E). Инструментом Прямоугольное выделение (Rectangle Marquee Tool) выделяем центральную область покрытия. В результате мы получим бесшовную текстуру для нашей ткани.


 

Шаг 6.

С выделенной частью переходим в меню Редактирование-Определить узор (Edit > Define Pattern) и присваиваем имя узору. Сохраняем его и нажимаем клавишу Ок.


 

Шаг 7.

Теперь мы будем использовать полученный узор для нашей ткани. Создаем новый документ (Ctrl+N) размером 2500х2500 рх. Добавляем новый слой (Ctrl+Shif+N).


 

Шаг 8.

Заполним данным узором холст. Для этого переходим в меню Редактирование-Заливка (Edit> Fill). В диалоговом окне заливки указываем в строке «использовать» (Us) узор (Pattern). Нажимаем в окошке узора (Custom Pattern) на стрелку справа и выбираем из списка наш созданный узор с блоками. Он должен быть в нижней части списка. Нажимаем Ок.


 

Шаг 9.

Придадим зеленый оттенок узорному слою. Открываем стили слоя и выбираем параметр «Наложение цвета» (Layer-Layer Style-Color Overlay). Выполняем настройки со скриншота ниже.


 

Шаг 10.

Я хочу добавить немного вариаций к нашему узору. Создаем новый слой (Ctrl+Shift+N) и заполняем его (Edit-Fill или Shift+F5) белым цветом (#ffffff). Добавляем шум (Filter-Noice-Add Noice), затем размытие в движении (Filter-Blur- Motion Blur) со смещением 40 рх и углом 55°. Устанавливаем режим смешивания Умножение (Multiply) с непрозрачностью (Opacity) 75%.


 

Шаг 11.

Продолжаем видоизменять исходную текстуру ткани. Создаем новый слой (Ctrl+Shift+N) и переходим в меню Фильтр-Рендеринг-Облака (Filter> Render> Clouds). Изменяем режим смешивания этого слоя на Умножение (Multiply) с непрозрачностью (Opacity) 5%.


 

Шаг 12.

Выделяем все слои в панели (Ctrl+клик по миниатюрам слоев) и нажимаем пр.кн.мыши по ним. Выбираем из контекстного меню пункт «Преобразовать в смарт-объект» (Convert to Smart Object). Переименовываем полученный слой в «Ткань».


 

Шаг 13.

Нам нужно создать новый документ для наших обоев iPad. Разрешение iPad составляет 1024х768 рх, и если мы будем вращать прямоугольник с таким размером по горизонтали и вертикали, он не превысит размера 1024х1024 по длине и ширине. Чтобы убедиться в том, что наши обои уместятся на экране в любом положении, создаем новый документ (Ctrl+N) размером 1024х1024 рх.


 

Шаг 14.

Чтобы помочь себе визуально, я создал группу (клик по иконке папки внизу панели слоев) и в ней разместил два новых слоя (Ctrl+Shift+N) с вертикальными и горизонтальными направляющими-полосами, имитирующими границы iPad. Выделите сначала две вертикальные полосы по краям документа инструментом Прямоугольное выделение (Rectangle Marquee tool) и заполните его черным цветом (#000000), затем на другом новом слое выделите две горизонтальные полосы - вверху и внизу, и также заполните их черным.


 

Шаг 15.

Пока скрываем видимость слоев с направляющими (клик по глазику миниатюры). Переносим текстуру ткани в основной документ с направляющими. Выделяем слой с тканью (Ctrl+клик по иконке данного слоя), копируем его (Ctrl+C), переходим в основной документ и вставляем (Ctrl+V) слой с тканью выше фонового слоя.

Используем Трансформирование (Edit-Free Transform) на тканевом слое, чтобы создать перспективу, как показано ниже. Сохраняем этот документ (Ctrl+S или File-Save As…).


 

Шаг 16.

Теперь нам необходимо создать стежки текста в новом документе. Мы также должны убедиться, что наш документ достаточно большой, чтобы при создании перспективы текста не произошло больших искажений. Я создал новый документ (Ctrl+N) размером 2200х500 рх.


 

Шаг 17.

Находим любой логотип или слово и вставляем его в наш документ (File-Place). Масштабируем (Ctrl+T) слой с текстом, чтобы он соответствовал размеру документа.


 

Шаг 18.

Теперь создадим стежки на буквах слова. Если вы работаете с программой Иллюстратор, то воспользуйтесь ей для этой цели. Но поскольку мы работаем в Фотошоп, выполним стежки именно здесь. Снижаем непрозрачность (Opacity) слоя с логотипом, чтобы было удобнее работать. Создаем новый слой (Ctrl+Shift+N) и, используя инструмент Линия (Line Tool), рисуем несколько горизонтальных линий черного цвета вдоль букв.



Чтобы сократить работу с полосами, создаем одну полосу, затем дублируем ее (Ctrl+J), трансформируем (Ctrl+T) и, не выходя из режима трансформирования, перемещаем линию вверх (клавиши со стрелками). Нажимаем Ввод (Enter) для применения трансформации. Теперь нажимаем сочетание Ctrl+Shift+Alt+T, чтобы повторить трансформацию. Продолжаем нажимать сочетание, пока не выстроим линию из стежков.



Этот процесс приведет к созданию множества слоев. Объедините слои со стежками (Ctrl+клик по миниатюрам слоев, затем Ctrl+E), затем используйте слой со стежками для покрытия остальных букв логотипа.


 

Шаг 19.

Продолжаем выполнять стежки для округлых областей букв.


 

Шаг 20.

Теперь наш логотип превратился в последовательность стежков. Но края стежков необходимо округлить. На слое со стежками переходим в фильтр Медиана (Filter> Noise> Median) и устанавливаем радиус скругления в 1 рх.


 

Шаг 21.

Вы могли заметить, что фильтр соединил края некоторых стежков. Чтобы исправить это, используем Ластик (Eraser tool). Теперь, когда стежки подкорректированы, завершаем их выстраивание.


 

Шаг 22.

Переносим стежки в документ с тканью обоев (Ctrl+A, Ctrl+C, Ctrl+V), размещаем этот слой над слоем ткани и трансформируем его (Edit-Transform-Distort или Ctrl+T), создавая перспективу логотипа.

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


 

Шаг 23.

Нам нужно приподнять швы над поверхностью ткани. Сделаем это при помощи фильтра Пластика (Filter> Liquify), добавляя швам небольшой изгиб. Открываем окно фильтра Пластика и выбираем инструмент Деформация (Forward Warp Tool). Устанавливаем плотность (Dencity) кисти на 99, а нажим (Pressure) на 10.


 

Шаг 24.

Начиная с размера кисти (Brush) 76 рх, устанавливаем курсор в центр стежка области изгиба буквы и подтягиваем немного вверх. Пройдитесь так по всем стежками, изменяя по мере необходимости размер кисти.



Ваш результат должен выглядеть примерно следующим образом:


 

Шаг 25.

Чтобы наши стежки стали светлее, применим к слою с ними коррекцию Уровни (Image-Adjustment-Levels). Выполняем настройки коррекции со скриншота ниже, регулируя слайдеры выходных (Output) значений уровней:


 

Шаг 26.

Дублируем слой со швами (Ctrl+J) и применяем к нему фильтр Шум (Filter-Noice-Add Noice) со значением 100%. Затем, смягчаем шум, используя Размытие (Filter > Blur > Blur More). Этот прием добавит иллюзию грубоватой текстуры швов.


 

Шаг 27.

Объединяем оригинал и дубликат стежков вместе (Ctrl+клик по миниатюрам слоев, затем Ctrl+E), переименовываем полученный слой в «Стежки».


 

Шаг 28.

Чтобы добавить некоторый объем швам, используем настройки Тиснения (Bevel and Emboss) в стилях слоя (Layer-Layer Style- Bevel and Emboss).


 

Шаг 29.

Создаем копию слоя стежков (Ctrl+J) и называем его «Тень». Удаляем стили слоя с копии (клик пр.кн.мыши по миниатюре копии и выбираем пункт – Очистить стили слоя (Clear Layer Style)). Добавляем коррекцию Уровни (Image-Adjustments-Levels) на дубликат, чтобы сделать его черным. Выполняем настройки опции и размещаем этот слой ниже слоя со стежками.


 

Шаг 30.

Добавляем теневому слою Размытие по Гауссу (Filter-Blur- Gaussian Blur) с радиусом 14 рх, затем изменяем режим смешивания на Умножение (Multiply) с непрозрачностью (Opacity) 50%.


 

Шаг 31.

Создаем еще одну копию слоя со швами (Ctrl+J) и добавляем следующие стили слоя (Layer Sryle):

Тиснение (Bevel and Emboss):



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



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


 

Шаг 32.

Переименуем это слой в «Текстура стежков» и, пользуясь стрелками клавиатуры, сдвигаем его немного вверх и вправо.


 

Шаг 33.

Загружаем выделение слоя «Текстура стежков» (Ctrl+клик по иконке данного слоя).


 

Шаг 34.

Создаем новый слой (Ctrl+Shift+N) и заливаем его (Edit-Fill) белым цветом. Переходим в меню Filter-Noice-Add Noice и добавляем шум с суммой 87%. Затем, размываем этот слой (Filter> Blur> Blur) и устанавливаем режим смешивания на Экран (Screen) с непрозрачностью (Opacity) 35%.


 

Шаг 35.

Делаем еще один дубликат слоя «Стежки» (Ctrl+J). Удаляем стили слоя с дубликата и делаем его черным при помощи коррекции Уровни (Ctrl+L). Размещаем этот слой под слоем «Стежки» и применяем к нему Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 1,8 рх. Устанавливаем непрозрачность (Opacity) тени на 71% и смещаем ее чуть вниз стрелками клавиатуры. Это сделает эффект шва на ткани более заметным.


 

Шаг 36.

Последнее, что осталось сделать – это добавить глубину резкости на изображение. Сначала сделаем копию слоев ткани и швов на одном слое. Выделяем все слои, кроме фонового (Ctrl+клик по миниатюрам слоев) и нажимаем Ctrl+Shift+Alt+E (Отпечатать видимые).


 

Шаг 37.

Создаем новый слой (Ctrl+Shift+N) и выбираем инструмент Градиент (Gradient tool) с зеркальным стилем (Reflected) черно-белого цвета. Проводим градиент от центра холста к углу.


 

Шаг 38.

Выделяем все (Ctrl+A) и копируем этот слой (Ctrl+C) и переходим в палитру «Каналы» (Channels Panel), она находится рядом со вкладкой «Слои» (Layers). Создаем новый слой (клик по иконке внизу палитры) в палитре каналов и вставляем (Ctrl+V) на него наше выделение. Мы будем использовать полученный альфа-канал для создания размытия при малой глубине резкости (Lens Blur).


 

Шаг 39.

Удаляем слой с градиентом, перетянув его на иконку корзины внизу панели слоев, он выполнил свою вспомогательную функцию. Выбираем объединенный слой и переходим в меню Фильтр-Размытие-Размытие при малой глубине резкости (Filter > Blur > Lens Blur). Выполняем настройки со скриншота ниже.



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



Надеюсь, наш урок пополнил еще немного вашу копилку фотошоп-приемов. Ждем с нетерпением комментариев и результатов творчества. Удачи!