Тиснение и рельеф в фотошоп

❀ ❂ ❀

Тиснение и рельеф в фотошоп

Эффект (Bevel and Emboss)позволяет имитировать объём, помогает создать чувство глубины, добавляя света и тени, можно сказать, что это самый совершенный инструмент реализации объёма в Фотошоп.

Откройте диалоговое окно Слой стиля (Layer Style) в меню Слой\Стиль слоя и выберите Bevel and Emboss).

Необходимо определить с помощью параметра Стиль (Style), что мы будем делать - скос или рельеф и какой именно:

• Стиль (Style) - с помощью этого параметра определяется тип объёма.
• Внешний скос (Outer Bevel) - получится как бы приподнятая плоская фигура, скос будет наружу по границе объектов.
• Внутренний скос (Inner Bevel) - эффект будет создавать выпуклую объёмную фигуру.
• Тиснение (Emboss) - делает изображение выпуклым, совмещая в себе два предыдущих.
• Обводящее тиснение (Pillow Emboss) - вдавливает обрабатываемый объект в фон.
• Контурное тиснение (Stroke Emboss) - рельефным становится не сам объект, а его обводка.

Техника (Technique) - оказывает влияние на форму создаваемого объекта, может принимать три значения:

1. Плавный (Smooth) - объёмные фигуры будут иметь плавные формы, переходы от света к тени также будут плавными.
2. Жёсткая огранка (Chisel Hard) - объёмные фигуры с резкими формами.
3. Мягкая огранка (Chisel Soft) - промежуточный между двумя, описанными выше.

Глубина (Depth) - определяет рельефность создаваемых фигур (при больших значениях приводит к большому уровню контраста).

Направление (Direction) - о пределяет направление скоса объёма, если установлено значение Вверх (Up), то объект возвышается над поверхностью, если Вниз (Down) - углубляется в неё.

Размер (Size) - определяет геометрический размер объёма.

Смягчение (Soften) - размывает чёткие границы фигуры.

Угол и Высота (Angle and Altitude). Угол определяет угол освещения, под которым эффект применяется к слою. Перемещая крестик на схеме, символизирующий источник света, наблюдайте за изменениями. Перетащите перекрестие к центру, чтобы переместить источник освещения непосредственно наверх - значение 90. Перетащите перекрестие к краю, чтобы переместить источник к горизонту - значение 0. Заметьте, что угол освещения задается по двум измерениям — по отношению к фронту объекта и по отношению к поверхности, на которой он находится.

Глобальное освещение (Use Global Light) - если изменять значения Угол (Angle) и Высота (Altitude) для отдельного стиля, в то время как стоит флажокГлобальное освещение (Use Global Light), другие стили, также использующие эту опцию, будут изменены. Поставьте флажок Глобальное освещение (Use Global Light), чтобы воспользоваться текущими значениями параметров Угол (Angle) и Высота (Altitude). Или снимите этот флажок, чтобы использовать другие значения названных параметров для конкретного стиля

Контур глянца (Gloss Contour) - устанавливается профиль освещения. Щёлкните по стрелке Контур и можете выбрать вариант контура из открывшегося списка, так же вы можете создать свой контур (щёлкните по окошку с контурами и перед вами откроется диалоговое окно «редактор контуров») изменяя кривую, вы будете изменять конур глянца. Входные значения вдоль основания отвечают за тени в эффекте (слева) к областям на свету (справа). Сложный контур очень подходит для имитации блестящих, металлических или стеклянных объектов.

Сглаживание (Anti-Aliased) - назначение этого параметра устранить неровности, сгладить переходы, особенно если ваш слой имеет маленький и детальный контур.

Режим подсветки, цвет и непрозрачность (HighlightMode, ColorboxandOpacity).

в области Режим подсветки (Highlight Mode) можно выбрать режим наложения, цвет и его прозрачность для «подсвеченной» части скосов, область Режим теней (Shadow Mode) используется для установки тех же параметров, но для затененной части скоса.

Color box - цветовые окна, определяют цвет тени, свечения или подсветки, верхнее задаёт оттенок для света, нижнее - для тени. Вы можете щелкнуть на поле цвета, чтобы выбрать цвет, также вы можете управлять степенью непрозрачности (о pacity ).

Теперь рассмотрим стиль слоя Тиснение и рельеф (Bevel and Emboss) на примере:

Применим к тексту стиль Внешний скос (Outer Bevel) ((цвет (color) текста - белый (white), заливка (Fill)- 0%):

Внутренний скос (Inner Bevel)

Тиснение (Emboss)

Обводящее тиснение (Pillow Emboss)

Контурное тиснение (Stroke Emboss)

Тиснение (Bevel and Emboss) имеет две дополнительные функции: Контур (Contour) и Текстура (Texture).

С помощью параметра Контур (Contour) на рельеф можно накладывать различные контуры. Контур управляет такими элементами, как постепенное исчезновение тени или уменьшение освещенности на скосах.

Дважды щелкните на пункте Контур (Contour) в списке стилей слева. Выберите подходящий контур из раскрывающегося списка и настройте его при помощи ползунка Диапазон (Range).

Сглаживание (Anti-Aliased) - назначение этого параметра устранить неровности, сгладить переходы

Диапазон (Range) - используйте эту опцию, чтобы корректировать позицию и размер контура в пределах поперечного сечения скоса. Меньшие значения диапазона соответствуют меньшему размеру теневого контура.

Чтобы создать новый контур, щелкните на значке с изображением текущего контура — откроется диалоговое окно Редактор контуров «Contour Editor» . Щелкните на кнопке Новый (New ) и задайте имя контура. Измените линию контура, устанавливая щелчками мыши и перетаскивая якоря желаемым образом. Используйте флажок Угол (Corner ), если требуется «угловой» перегиб линии, или сбросьте его в случае, когда перегиб должен быть плавным. Сохраните новый контур щелчком на кнопке ОК.
С помощью параметра Текстура (Texture) можно без труда добавить в объём любой образец текстуры и получить интересный результат.

Выберите Текстура (Texture) в списке стилей, в диалоговом окне появятся элементы управления для манипуляций с текстурами. Выберите подходящую текстуру из раскрывшегося списка (в качестве источника узоров для текстур здесь используются Узор (Pattern ). В результате к текущему слою будет применена текстура, основанная на выбранном узоре.

Привязать к началу координат (Snap To Origin) - если Вы переместили текстуру от ее первоначального положения, перетаскивая в окне документа, Вы можете вернуть обратно текстуру к ее заданной по умолчанию позиции, нажимая эту кнопку.

Масштаб (Scale) - перетаскивая этот бегунок, Вы можете управлять размером текстуры. Это полезно, потому что разрешающая способность текстуры вероятно не будет соответствовать разрешающей способности Вашего документа.

С помощью ползунка Глубина (Depth ) можно настроить «глубину» узора, корректировать контраст светлых и темных цветов узора. При изменении с положительного на отрицательное значение меняются местами тёмные и светлые области

Инвертировать (Invert) - эта опция инвертирует тёмные и светлые области текстуры.

Выбранный и настроенный стиль с текстурой можно связать с текущим слоем, установив флажок Связать со слоем (Link With Layer ). Тогда при перемещении слоя текстура будет также перемещаться.

В первом примере контур Скругленные ступени (Rounded Steps) применен к тексту, используя подэффект Контура, в то время как второй пример использует подэффект Текстуры Bubbles pattern как текстуру к тексту.

Для придания тексту эффекта металлического тиснения. Для начала напишем слово красивым шрифтом, потом применим к нему различные стили слоя, имитируя эффект тиснения. Попутно сами создадим новый узор, потом слегка украсим фон градиентом. Придадим тексту гламурного глянца и украсим его эффектными светящимися точками.

Шаг 1.
Создаем новый документ размером 600х400 пикс. Заливаем цветом #535559.

Шаг 2.
Любым подходящим шрифтом (шрифт не должен быть слишком тонким) пишем какое-нибудь слово. В данном уроке использован шрифт Bello. Размер 188pt.

Шаг 3.
Двойным щелчком по слою откроем стиль слоя и будем последовательно задавать различные стили. Начнем с закладки «Тень» (Drop Shadow). Установим значения, как на рисунке ниже. Режим наложения «Перекрытие» (Overlay).

Шаг 4.
Закладка «Внутренняя тень» (Inner Shadow). Режим наложения «Умножение» (Multiply).

Шаг 5.
Закладка «Перекрытие узора» (Pattern Overlay). Но сначала сделаем новый узор. Создадим новый документ 5х5 пикс, зальем его цветом #07212c. Максимально увеличим изображение и инструментом «Карандаш» закрасим пиксели, как на рисунке ниже. 3 темных пикселя #000b10 цвета, 3 светлых пикселя #3b4e58 цвета и 2 угловых #283942 цвета. После этого в меню «Редактирование» > «Определить узор». Теперь в стиле слоя выбираем этот узор.

Шаг 6.
Закладка «Обводка» (Stroke). Делаем снаружи однопиксельную градиентную обводку.

Шаг 7.
Получился такой вот промежуточный результат.

Шаг 8.
Теперь слегка украсим фон документа. Переходим на слой с фоном, открываем стиль слоя и задаем следующие параметры для закладки «Внутренняя тень» (Inner Shadow). Режим наложения «Мягкий свет» (Soft Light).

Шаг 9.
В закладке «Наложение градиента» (Gradient Overlay) устанавливаем следующие цвета для градиента: от темного #475e68 цвета к светлому #667c85 цвету.

Шаг 10.
Картинка будет выглядеть так.

Шаг 11.
Добавим эффект глянца для текста. Создадим новый слой поверх все слоев. Удерживая Ctrl, щелкнем по слою с текстом, чтобы выделить его.

Шаг 12.
Теперь берем градиент от белого к прозрачному и проводим мышкой сверху вниз текста. Потом берем инструмент «Овальная область» (Elliptical lasso tool) и выделяем область, как на рисунке ниже.

Шаг 13.
Теперь инвертируем выделение Shift+Ctrl+I и нажимаем Del, удаляя лишнее.

Шаг 14.
Меняем режим наложения на «Перекрытие» (Overlay).

Шаг 15.
Теперь добавим точечного свечения для текста. Берем мягкую кисть, размер 27 пикс, цвет белый и на новом слое в произвольном порядке ставим белые светящиеся точки по краям текста. Потом меняем «Прозрачность» (Opacity) на 70% и меняем режим наложения на «Перекрытие» (Overlay).

Финал
В итоге мы получили такой вот оригинальный эффект металлического тиснения для текста.

Текстура черной бумаги от abstraktpattern

Бесплатный набор из 6000 градиентов для photoshop от Supertuts007 (загрузите файл HROMES.grd )

1. Как загрузить недостающий сет узоров

Шаг 1

Зайдите в Редактировать>Наборы>Управление наборами (Edit>Presets>Preset Manager ) и из выпадающего меню наборов выберите Узоры (Patterns ).

Затем кликните на маленькую стрелку справа от выпадающего списка Тип набора (Preset Type ), кликните на сет Узоры природы (Nature Patterns ). Когда откроется диалоговое окно, просто нажмите Добавить .

Шаг 2

Создайте новый документ формата 1000 на 1000 px , скопируйте слой фона .

Переименуйте скопированный слой в (Текстура), затем кликните правой кнопкой мыши по нему и выберите Конвертировать в смарт объект ()

2. Как создать текстуру фольги, используя фильтры

Шаг 1

При выборе основного цвета (Foreground Color ) поставьте #f07d6d , а цвет фона (Background Color ) #5e231b , затем выберите в меню Фильтр>Освещение>Облака (Filter > Render > Clouds ).

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

Шаг 2

Зайдите в Фильтр>Галерея фильтров>Искажение>Стекло (Filter > Filter Gallery > Distort > Glass ) и примените следующие настройки:

• Искажение: 15 (Distortion : 15)
• Сглаживание: 3 (Smoothness :3)
• Текстура : Изморозь (Frosted)
• Масштаб: 100 (Scaling : 100)

Шаг 3

Нажмите на иконку Новый слой эффектов (New effect layer ) в правом нижнем углу окна Галерея Фильтров (Filter Gallery ).

Шаг 4

Снова выберите фильтр Стекло (Glass ), но в этот раз используйте следующие настройки:

• Искажение: 20 (Distortion :20)
• Сглаживание: 3 (Smoothness : 3)
• Текстура: Холст (: Canvas)
• Масштаб: 100 (Scaling : 100)

3. Коррекция расцветки текстуры

Шаг 1

Если вы работаете в старой версии Photoshop, вам понадобится добавить корректирующие слои, нажав на Создать новую заливку (Create a new fill) или иконку корректирующий слой (adjustment layer) внизу панели слоёв (Layers ).

Шаг 2

Тем временем, в новой версии вы можете применить коррекции прямо к слою смарт объекта.

Зайдите в Изображение>Коррекция>Цветовой тон/Насыщенность (Image > Adjustments > Hue/Saturation ) и изменить цветовой тон (Hue ) на 15 :

Шаг 3

Зайдите в Изображение>Коррекция>Уровни (Image > Adjustments > Levels ) и измените Свет (Highlights ) на 13 и Тени (Shadows ) на 201 .

4. Как перевести текстуру (Texture) в узор (Pattern)

Шаг 1

Нажмите правой кнопкой мыши на Слой Текстуры ( layer) и выберите Растрировать слой ().

Шаг 2

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool ), затем выделите участок площадью от 1/3 до 1/2 от верхней части текстуры.

Шаг 3

Чтобы вырезать и вставить на новый слой выделенную область, нажмите сочетание клавиш Command-Shift- J.

Шаг 4

Инструментом Перемещение (Move ) поместите скопированный фрагмент сразу под исходным. Вы можете зажать при этом клавишу Shift , чтобы избежать смещения прямоугольника влево/право.

Шаг 5

Зайдите в Изображение>Показать всё (Image > Reveal All ), убедитесь, что между обоими прямоугольниками не осталось зазора.

Шаг 6

Теперь зайдите в Изображение>Тримминг (Image > Trim ), затем выберите опцию Верхнего левого окрашенного пиксела (Top Left Pixel Color ) в разделе На основе (Based On ), проставьте галочки во всех полях раздела Обрезка (Trim Away ), нажмите ОК .

Шаг 7

Нажмите клавиши Comand-E , чтобы соединить оба слоя.

5. Как создать и закрепить бесшовный узор.

Шаг 1

Выберите инструмент Восстанавливающая кисть (Healing Brush Tool ), зажмите клавишу Option , чтобы взять образец текстуры из области возле линии, где смыкаются оба прямоугольника.

Возьмите в качестве типа линии круглую кисть, размеры (Size ) и жесткость (Hardness ) выберите на своё усмотрение в зависимости от желаемого результата, и закрасьте линию соединения наших прямоугольников так, чтобы она полностью исчезла.

Лучше всего брать пробы текстуры и закрашивать линию небольшими отрезками, чтобы достичь наиболее убедительного результата.

Шаг 2

Вы можете пользоваться любыми другими восстанавливающими инструментами. Главное - придерживайтесь области, расположенной как можно ближе к линии, и не меняйте текстуру до такой степени, когда она становится размытой или зернистой.

Шаг 3

Повторите предыдущие шаги и для вертикальной части текстуры.

Для этого выделите фрагмент, который охватывал бы от 1/3 до 1/2 площади левой части текстуры, зажмите клавиши Command-Shift-J , переместите скопированный фрагмент до точки, где он соединится с правой стороной, затем выберите Показать всё (), Тримминг (Trim ), и соединить.

Шаг 4

При помощи восстанавливающих инструментов сделайте бесшовное соединение.

Шаг 5

Зайдите в Редактирование>Определить узор (Edit > Define Pattern ), в качестве имени вбейте Foil (Фольга).

6. Как создать текст

Шаг 1

Создайте новый документ 1000 x 1000 px , на фоновый слой поместите изображение текстуры черной бумаг и, отредактируйте размеры.

Шаг 2

Создайте текст, используя шрифт Hensa , установите размер 150 pt .

Шаг 3

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

Шаг 4

Продублируйте слой с текстом, и в копии измените значение Заливки (Fill ) вашей копии на 0 .

7. Создание фигуры рамки

Шаг 1

Возьмите инструмент Прямоугольник (Rectangle Tool ), создайте прямоугольник или квадрат вокруг вашего текста.

Шаг 2

В панели Параметры (Options ) установите заливку - нет (Fill - none ), размер обводки (Stroke Size ) 7 , затем нажмите на иконку установить тип формы обводки (Set shape stroke type ) и установите выравнивание (Align ) по центру (Center ).

Шаг 3

Скопируйте слой с фигурой прямоугольника, затем нажмите клавиши Command-T , чтобы перейти в режим свободного трансформирования , и отмасштабируйте скопированный прямоугольник так, чтобы он образовал внешнюю рамку.

После этого нажмите клавишу Return (Enter) чтобы применить изменения.

Шаг 4

Назовите исходный слой с прямоугольником Inner (внутренний), а скопированный - Outer (Внешний).

Шаг 5

Продублируйте оба слоя с фигурами и установите для копий значение заливки 20 .

8. Как применить эффект фольги.

Дважды щёлкните по исходному слою с текстом и примените следующий стиль слоя:

Шаг 1

Добавьте Тиснение () со следующими параметрами:

• Стиль: Тиснение (Style : Emboss)
• Размер: 0 (Size : 0)
• Anti-aliased )
• Режим освещения (Highlight ): Линейный свет (Linear Light)
  • Непрозрачность: 20% (Opacity : 20%)
• Параметр тени (Shadow):
  • Непрозрачность: 0% (Opacity : 0%)

Шаг 2

Добавьте контур () со следующими параметрами:

• Контур: Конус (: Cone)
• Проставьте галочку Сглаживание (Anti-aliased ).
• Диапазон: 100% (Range :100%)

Шаг 3

Добавьте текстуру () со следующими настройками:

• Узор: Колючий куст (Pattern : Spiky Bush)
• Глубина: 50% (Depth : 50%)

Шаг 4

Добавьте наложение градиента () со следующими настройками:

• Поставьте галочку Шум (Dither )
• Режим наложения: Умножение (Blend Mode : Multiply)
• Непрозрачность: 20% (Opacity : 20%)
• Наклон: 22 (Angle : 22)
• Выберите градиентную заливку Алюминий 130 (aluminum 130 )

Шаг 5

Добавьте наложение узора () со следующими параметрами:

• Узор: Foil (фольга)
• Масштаб: 50% (Scale: 50%)

Шаг 6

Всё это задаст эффект фольги.

Щёлкните правой кнопкой мыши по слою со стилизованным текстом, выберите Скопировать стиль слоя (Copy Layer Style ), затем выберите слои Inner и Outer с рамками, кликните правой кнопкой мыши по любому из них, и нажмите Вклеить стиль слоя (Paste layer style ).

9. Как создать эффект тонкого тиснения

Шаг 1

Дважды щелкните по скопированному слою текста и примените к нему эффект тиснения () со следующими параметрами:

• Размер: 1 (Size: 1)
• Поставьте галочку в поле Сглаживание (Anti-aliased )
• Режим подсветки (Highlight ): перекрытие (Overlay)
  • Непрозрачность: 50% (Opacity : 50%)
• Режим тени:
  • Непрозрачность: 30% (Opacity : 30%)

Шаг 2

Скопируйте и вставьте стиль слоя в скопированные слои Inner и Outer.

Поздравляем! Вы справились!

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

Пожалуйста, оставляйте свои комментарии, предложения и замечания ниже.

What You"ll Be Creating

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами , которые доступны на сайте GraphicRiver .

Исходные материалы

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

• Шрифт Big Top
• Текстура Кожи

1. Создаём Задний фон

Шаг 1

Создайте новый документ в программе Photoshop со следующими размерами 1024 x 683px , а затем идём Файл - Поместить связанные (File > Place Linked), чтобы загрузить текстуру кожи.

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

Шаг 2

Поставьте галочку в окошке Дополнительные параметры (Show More Options), а затем примените следующие значения для остальных настроек:

Тени (Shadows):

• Эффект (Amount): 1
• Ширина тонового диапазона (Tone): 50
• Радиус (Radius): 30

Света (Highlights):

• Эффект (Amount): 20
• Ширина тонового диапазона (Tone): 50
• Радиус (Radius): 30

Коррекция (Adjustments):

• Цветокоррекция (Color): 0
• Контрастность средних тонов (Midtone): 0

2. Создаём Простой Эффект Виньетки

Шаг 1

Щёлкните по значку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Градиент (Gradient).

Шаг 2

Установите градиент от прозрачного к цвету переднего плана. Установите следующие цвета градиента: #eaeaea слева и #816f69 справа.

Поменяйте Стиль (Style) на Радиальный (Radial), Масштаб (Scale) на 350 , а также поставьте галочку в окошке Дизеринг (Dither).

Шаг 3

Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Линейный затемнитель (Linear Burn).

3. Создаём Текст

Шаг 1

Создайте текст, используя шрифт Big Top . Установите Размер (Size) шрифта на 200 pt , а значение Трекинга (Tracking) на -50 .

Шаг 2

Уменьшите значение Заливки (Fill) для слоя с текстом до 0 .

Шаг 3

Продублируйте слой с текстом.

4. Применяем Стилизацию к Слою с Текстом

Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение

• Размер (Size): 30
• Контур глянца (Gloss Contour): Ring - Double
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки
• Режим тени (Shadow Mode):
  • цвет : #675b47

Шаг 2

Добавьте стиль слоя Контур

• Контур (Contour): Rolling Slope - Descending
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 100%

Шаг 3

Добавьте стиль слоя Текстура (Texture) со следующими настройками:

• Узор (Pattern): Металлическая сетка

Шаг 4

Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

• Цвет : #3f3d43
• Режим наложения (Blend Mode): Умножение (Multiply)
• Непрозрачность (Opacity): 90%

Шаг 5

Добавьте стиль слоя Тень

• Режим наложения (Blend Mode):Линейный затемнитель (Linear Burn)
• Цвет : #74838e
• Непрозрачность (Opacity): 65%
• Смещение (Distance): 5
• Размах (Spread): 10
• Размер (Size): 20

5. Применяем Опцию Наложение, если (Blend if)

Шаг 1

Щёлкните по вкладке Параметры наложения (Blending Options) в верхней части окна настроек Стилей слоя (Layer Style).

В нижней части параметра Наложение, если (Blend If), сместите белый бегунок Подлежащего слоя (Underlying Layer) влево.

Обратите внимание, как это влияет на заливку текста, и вы увидите, как начнут проявляться яркие участки.

Шаг 2

Теперь удерживая клавишу ‘Alt ’, потяните за бегунок, чтобы разделить его на две части. Смещая каждую половинку бегунка, создайте плавный переход.

Поиграйте с бегунками, пока вас не устроит результат.

В основном, это поможет защитить световые блики текстуры от воздействия стилей слоя, которые вы применили.

6. Применяем Стилизацию к Дубликату Слоя с Текстом

Дважды щёлкните по дубликату слоя с текстом, чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Стиль (Style): Контурное тиснение (Pillow Emboss)
• Размер (Size): 15
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Перекрытие (Overlay)

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

• Контур (Contour): Cover - Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

• Режим наложения
• Цвет : #85552f
• Непрозрачность (Opacity): 35%
• Смещение (Distance): 5
• Размер (Size): 10

Шаг 4

Щёлкните по значку ‘ + ‘ справа от вкладки Внутренняя тень (Inner Shadow), чтобы добавить ещё один стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
• Цвет : #85552f
• Непрозрачность (Opacity): 35%
• Смещение (Distance): 0
• Размер (Size): 25

Шаг 5

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
• Непрозрачность (Opacity): 70%
• Цвет : #b2b0af
• Размер (Size): 10

Шаг 6

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

• Режим наложения (Blend Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add)
• Цвет : #ccdfe0
• Непрозрачность (Opacity): 45%
• Смещение (Distance): 0
• Размер (Size): 5

Шаг 7

Добавьте ещё один стиль слоя Тень (Drop Shadow) со следующими настройками:

• Режим наложения (Blend Mode): Яркий свет (Vivid Light)
• Цвет : #c9c7ad
• Непрозрачность (Opacity): 35%
• Смещение (Distance): 5
• Размер (Size): 15

Вы можете увидеть итоговый результат на скриншоте ниже.

Отличная работа! Мы завершили урок!

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

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

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

Результат

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

Создаем изображение

Поместите в новом слое ваш логотип, текст или изображение, к которому хотите применить эффект. Вы можете использовать что угодно: текстовые слои, векторные изображения или даже обычные вырезанные растровые объекты. К примеру, вы можете поэкспериментировать с фигурами для Photoshop, которые можно найти в изобилии на этом сайте . В нашем случае это текстовые слои, для которых использован шрифт Trajan Pro и лавровые веточки.

Создаем эффект

Кликните дважды по одному из слоев, к которым хотите применить эффект. Откроется окно стиля слоя. В нем укажите параметры как на картинках ниже, применив стили Inner Shadow/Внутренняя тень , Inner Glow/Внутреннее свечение , Bevel and Emboss/Тиснение и .

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

Чтобы указать эти же стили остальным слоям, кликните по уже стилизованному слою правой кнопкой и выберите Copy Layer Style/Копировать стиль слоя . Теперь кликните правой кнопкой по слою, который пока без стиля, и выберите Paste Layer Style/Вставить стиль слоя .

При желании вы можете окрашивать определенные элементы. К примеру, мы хотим окрасить лавровые веточки. Для этого кликните дважды по слою, чтобы открыть его стили и во вкладке Color Overlay/Перекрытие цвета укажите режим наложения Multiply/Умножение и выберите цвет. В нашем случае это зеленый #b3e582 .

Масштабирование стилей

Если вы хотите применить созданный стиль к объекту иного размера, вы можете масштабировать сами стили, выбрав в меню Layer > Layer Style > Scale Effects/Слой>Стиль слоя>Эффекты масштабирования .

Результат

Попробуйте этот же эффект на других видах бумаги, например на картоне.

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