Полное руководство по стилю слоя «Тиснение»
В этом материале мы рассмотрим параметры и опции стиля слоя «Тиснение» (Bevel and Emboss), а также подпункты этого стиля «Контуры» (Contour) и «Текстуры» (Texture), и то, как они могут быть использованы.
Вот пример применения «Тиснения»:
Примечание. Эти стили Вы можете скачать по ссылкам внизу страницы
Содержание
Область применения
«Тиснение» заслуженно считается самым мощным и адаптируемым стилем слоя в Photoshop.
Традиционное использование — преобразование плоского объекта в объёмный, трёхмерный, но это только малая часть возможностей этого стиля. Кроме этого, с помощью «Тиснения» можно создавать металлические эффекты, хромовые и золотые поверхности, имитацию отражения, стекло и многое другое.
Диалоговое окно
Ниже приведены диалоговые окна этого стиля в русскоязычной и англоязычной программе adobe Photoshop CS6:
Стиль
При помощи этой опции можно выбрать положение скоса:
- Внешний скос (Outer Bevel) — у объекта, к которому применяется стиль, создаётся скос за его пределами
- Внутренний скос (Inner Bevel) — скос создаётся внутри объекта
- Тиснение (Emboss) — скос создаётся одновременно внутри и снаружи объекта, причём эти скосы однонаправленные
- Контурное тиснение (Pillow Emboss) — скос создаётся одновременно внутри и снаружи объекта, но в этом случае скосы идут в разных направлениях, т.
е. скосы внутри и снаружи образуют как бы выпуклую или вогнутую рамку - Обводящее тиснение (Stroke Emboss) — этот стиль тиснения применяется только к стилю слоя «Обводка» (Stroke) и и создаёт скос только на самой обводке вокруг объекта.
е. скосы внутри и снаружи образуют как бы выпуклую или вогнутую рамкуПример:
Метод (Technique)
Это метод выбора формы граней и ребра скоса.
- Плавное (Smooth) — устанавливает гладкие, округлые грани и рёбра скоса
- Жёсткая огранка (Chisel Hard) — устанавливает твёрдые, прямые, чёткие рёбра и грани
- Мягкая огранка (Chisel Soft) — прямые грани, но смягчённые рёбра
Пример:
Глубина (Depth)
Как понятно из названия, эта опция увеличивает или уменьшает глубину тиснения:
Чем больше глубина, чем сильнее 3D-эффект тиснения. На рисунке приведён пример стандартного фотошоповского стиля слоя с разной глубиной тиснения:
Направление (Direction)
С помощью радиокнопок опции «Направления» можно выбрать направление экструдирования тиснения, т.
е. оно будет либо выпуклым, либо вогнутым:
В следующем примере текст слева выступает вверх, в то время как правый текст как бы вдавлен в страницу:
Размер (Size)
Эта опция устанавливает общий размер эффекта тиснения. Меньшее значение опции создает меньший эффект, и тиснение располагается у краёв фигуры, в то время как большее значение увеличивает охват фигуры:
Пример эффекта с разными значениями опции «Размер»:
Смягчение (Soften)
Эта регулировка позволяет смягчить любые острые углы, созданные тиснением:
На примере ниже в верхнем тексте величина «Смягчения» равна нулю, в правом — трём:
Угол и высота (Angle и Altitude)
С помощью этих регулировок Вы можете установить положение и высоту источника освещения относительно объекта, к которому применяется эффект. «Угол» задает горизонтальное положение источника света, а высота устанавливает вертикальное положение. Изменять значения этих параметры можно методом ввода числовых значений в поля, либо перетаскиванием мышью крестика внутри круга.
Проставленная галка в чекбоксе «Глобальное освещение» (Use Global Light) синхронизирует освещение «Тиснения» с освещением в других стилях слоя, где применяется освещение (тени, глянец) в этом и других слоях документа:
На примере ниже показан эффект тиснения с различными высотой и положением источника света:
Контур глянца (Gloss Contour)
Эта опция необходима при создании стеклянных и металлических эффектов.
Контур глянца устанавливает затухание теней и бликов в тиснении. Линейный контур создает естественный спад, а контур вроде «синусоиды» создаёт отражающие эффекты.
Кроме того, флажок «Сглаживание» (Anti-aliased) будет сглаживать любые неровные края в отблеске, создаваемом глянцем:
На примере показан глянец с линейным и синусоидным контуром:
Режим подсветки и Непрозрачность (Highlight Mode и Opacity)
Освещение нашего эффекта тиснения состоит из бликов и теней.
Кликнув по белому прямоугольнику, Вы можете выбрать цвет блика.
Параметр «Режим подсветки» управляет режимом наложения освещения бликов по принципу обычных режимов наложения слоёв. По умолчанию установлен режим «Экран» (Screen), но кроме него применяются режимы «Линейный осветлитель» Linear Dodge и «Осветление основы» (Color Dodge). Параметр «Непрозрачность» управляет прозрачностью бликов:
Пример бликов разного цвета, прозрачности и наложения:
Режим тени и непрозрачность (Shadow Mode и Opacity)
Эта опция управляет тенями нашего эффекта тиснения.
Режим наложения для тени по умолчанию задан «Умножение» (Multiply), но, кроме него применяются режимы наложения «Линейный затемнитель» (Linear Burn) и «Затемнение основы» (Color Burn).
Параметр «Непрозрачность» управляет прозрачностью тени:
Пример теней разного цвета, прозрачности и наложения:
«Контур» (Contour)
Этот подраздел стиля слоя «Тиснение» позволяет установить форму ребра скоса (фаски), эту форму которую можно задать с помощью графика.
Галка в чекбоксе «Сглаживание» (Anti-aliased) позволяет сгладить ребро (рёбра) скоса, а регулировка «Размер» (Range) устанавливает степень охвата параметром «Контур» ребра скоса:
На примере показано применение «Контуров» с разными параметрами:
«Текстура» (Texture)
Применение опции «Текстура» позволяет добавить карту рельефа к стилю, конкретнее, к поверхности скоса. Карта рельефа, как понятно из названия, придаёт поверхности определённый рельеф.
Клик по окну «Узор» (Pattern) открывает окно выбора шаблонов, шаблон можно загрузить свой или воспользоваться предустановленным в Photoshop.
Кнопка «Привязать к началу координат» (Snap to Origin) привязывает шаблон к верхнему левому углу слоя или документа.
Ползунок «Масштаб» (Scale) позволяет увеличивать или уменьшать размер вашего шаблона относительно размера слоя или документа.
Ползунок «Глубина» (Depth) изменяет видимую глубину вашей карты рельефа.
Вы можете поставить флажок «Инвертировать» (Invert), чтобы впадины и выпуклости поменялись местами.
Наконец, флажок «Связать со слоем» (Link with Layer) привязывает шаблон к слою таким образом, что если в последствии Вы переместите слой, карта рельефа будет перемещена вместе со слоем, даже после закрытия диалогового окна стилей слоя.
Ещё один интересный нюанс. При открытом диалоговом окне подраздела «Текстура», Вы можете позиционировать шаблон карты рельефа прямо в окне рабочего документа на холсте вручную с помощью мышки:
Пример применения разных карт рельефа:
Скачать стили слоя, используемые в этой статье:
Скачать с Depositfiles.com
Текст с эффектом тиснения в Adobe Photoshop
В этом уроке мы будем создавать реалистичный эффект тиснения на бумаге в Adobe Photoshop. Вы можете применить эффект к вашему лого, или любому другому объекту, или же начать с создания эмблемы, с которой будете работать. Далее нам понадобится лишь один слой со стилями слоя. Обязательно попробуйте эффект на разных типах бумаги, а также вообще на иных текстурах типа камня, дерева или кожи.
Результат
Для начала нам нужна текстура бумаги, на которой мы будем делать наш эффект. Скачайте эту текстуру бумаги и поместите ее в новый слой нового документа. Это белая текстура, мы сможем выкрасить ее в любой цвет.
Создаем изображение
Поместите в новом слое ваш логотип, текст или изображение, к которому хотите применить эффект. Вы можете использовать что угодно: текстовые слои, векторные изображения или даже обычные вырезанные растровые объекты. К примеру, вы можете поэкспериментировать с фигурами для Photoshop, которые можно найти в изобилии на этом сайте. В нашем случае это текстовые слои, для которых использован шрифт Trajan Pro и лавровые веточки.
Создаем эффект
Кликните дважды по одному из слоев, к которым хотите применить эффект. Откроется окно стиля слоя. В нем укажите параметры как на картинках ниже, применив стили Inner Shadow/Внутренняя тень, Inner Glow/Внутреннее свечение, Bevel and Emboss/Тиснение и Color Overlay/Перекрытие цвета.
В итоге у вас должно получиться примерно следующее:
Чтобы указать эти же стили остальным слоям, кликните по уже стилизованному слою правой кнопкой и выберите Copy Layer Style/Копировать стиль слоя. Теперь кликните правой кнопкой по слою, который пока без стиля, и выберите Paste Layer Style/Вставить стиль слоя.
При желании вы можете окрашивать определенные элементы. К примеру, мы хотим окрасить лавровые веточки. Для этого кликните дважды по слою, чтобы открыть его стили и во вкладке Color Overlay/Перекрытие цвета укажите режим наложения Multiply/Умножение и выберите цвет. В нашем случае это зеленый #b3e582.
Масштабирование стилей
Если вы хотите применить созданный стиль к объекту иного размера, вы можете масштабировать сами стили, выбрав в меню Layer > Layer Style > Scale Effects/Слой>Стиль слоя>Эффекты масштабирования.
Результат
Попробуйте этот же эффект на других видах бумаги, например на картоне.
Автор урока psddude
Перевод — Дежурка
Смотрите также:
- Типографический эффект отраженного пейзажа в Photoshop
- Текст акварелью в Adobe Photoshop
- Двухтоновый текстовый эффект в Adobe Photoshop
- Опубликовано в Уроки, октября 14, 2017
- Метки: урок adobe photoshop, урок photoshop, урок фотошоп, урок фотошопа, уроки фотошоп, уроки фотошопа
Tweet
�
Комментарии
Как сделать скос и тиснение текста в Photoshop (шаг за шагом)
Эффект скоса и тиснения создает контраст между бликами и тенями, благодаря чему элементы выглядят так, как будто они вышли прямо из 3D-принтера.
В этом уроке вы увидите, как легко срезать и тиснить текст в Photoshop, чтобы создать уникальный текстовый эффект для любого из ваших проектов!
Что означает Bevel & Emboss в Photoshop?
В Photoshop скос и тиснение — это два способа стилизации элементов. Несмотря на то, что они применяются вместе в программном обеспечении, это разные эффекты.
Эффект скоса имитирует эффект приподнятых или вдавленных краев, похожих на края монеты после вырезания.
С другой стороны, процесс тиснения аналогичен тому, который используют фабрики для изготовления штампов, табличек и текста из металла, дерева и других материалов. Эффект приводит к дизайну, который кажется напечатанным на поверхности и выступает или углубляется в нее в зависимости от его применения.
Оба эффекта создаются в Photoshop в цифровом виде с использованием эффектов света и тени, что придает элементам, к которым применяются эти эффекты, трехмерный вид.
Как сделать скос и тиснение текста в Photoshop
Применить скос и тиснение к тексту в Photoshop очень просто.
Однако, поскольку в процессе задействовано множество настроек, вы должны знать, как использовать правильные настройки для достижения желаемого эффекта. К счастью, это можно сделать всего за 5 шагов.
Шаг 1: Создайте новый документ
Сначала вам нужно создать новый документ. Вы можете использовать изображение в качестве фона, предпочтительно текстуру или сплошной фон.
Затем вам нужно создать текст.
Включите Type Tool (T) на панели инструментов для создания текста.
Затем перейдите на панель параметров и настройте свой текст. В моем случае я выбрал Basic Gothic Pro . Цвет текста не имеет значения, потому что он будет удален в процессе.
Наконец, добавьте любой текст на холст.
Шаг 2. Уменьшите заливку текстового слоя до нуля процентов0026 до
0% . Вам нужно сделать это, потому что в конце процесса ваш текст будет иметь тени и блики, поэтому он больше не будет иметь сплошной цвет.
Вы также можете создать эффект скоса и тиснения, сохраняя при этом сплошной цвет. Однако при размещении текста на фоне или изображении эффект работает лучше всего, если текст не имеет цвета, поскольку прозрачный текст лучше сочетается с фоном.
Ваш текст исчезнет с холста. Но не беспокойтесь, потому что форма текста снова появляется, когда вы меняете настройки.
Шаг 3. Откройте меню Bevel And Emboss
Чтобы открыть панель Layer Style , дважды щелкните текстовый слой.
На панели стилей слоя включите параметр Bevel And Emboss .
После того, как вы активируете эту опцию, появится несколько настроек, с помощью которых вы сможете отрегулировать и настроить эффект Bevel And Emboss.
Настройки эффекта Bevel and Emboss делятся на две категории: Структура и Затенение .
По сути, Структура — это то, как формируется эффект.
Затенение имеет настройки, управляющие использованием света для создания эффекта скоса и тиснения.
Шаг 4. Настройка параметров структуры
Первый параметр, доступный в разделе «Структура», — Стиль .
Доступно шесть вариантов, каждый из которых изменяет форму скоса.
Внешний скосВнутренний скосТехника 9Параметр 0026 позволяет контролировать, насколько резким или мягким будет восприниматься скос.
Chisel HardChisel SoftТеперь пришло время определить глубину эффекта. То есть насколько оторванным выглядит текст от фона.
Глубина на 50Глубина на 500Направление определяет, выдавливает ли ваш текст поверхность или отступает от нее. Up заставляет текст выдавливаться с поверхности, а Down заставляет его отступать на поверхность.
Направление вверхНаправление вниз Размер определяет размер скоса или толщину краев.
Я не советую слишком сильно увеличивать этот параметр, потому что буквы будут выглядеть слишком толстыми, а эффект будет слишком резким. Однако, если это ваше намерение, продолжайте.
Size at 10Size at 73Параметр Soften применяет небольшое размытие к краям текста.
Смягчение на 2Смягчение на 14Шаг 5: Настройте параметры затенения
Теперь перейдите к Затенение настройки категории.
При включении эффекта Bevel and Emboss Photoshop автоматически регулирует затенение и свет для создания такого эффекта. К счастью, вы всегда можете настроить эти параметры вручную в разделе Shading .
В Angle, вы меняете направление, из которого падает свет, чтобы попасть на ваш текст.
Чтобы изменить угол, перетащите небольшой ползунок внутри круга угла в нужном направлении или введите нужное значение в поле угла.
Это особенно удобно, когда вы хотите, чтобы направление света в фоновом изображении соответствовало тексту.
Обратите внимание на изменение угла на моем изображении.
Angle Shading at 30ºAngle Shading at 145ºКогда вы активируете Use Global Light , все световые эффекты в вашем слое и во всех других слоях на панели слоев исходят из одного и того же источника. Таким образом, блики и тени в проекте работают гармонично.
Высота — насколько близко источник света находится к вашему объекту. Используйте более низкие значения угла для большего количества настоящего света и более высокие значения для удаленного света.
Контур глянца позволяет вам экспериментировать с различными кривыми света и тени для эффектов скоса и тиснения. Это может повлиять на то, насколько темным или освещенным будет эффект.
Вогнутая кривая контура блескаКривая со скругленными шагамиВы даже можете создать собственную кривую для контура блеска. Для этого дважды щелкните активное поле Gloss Contour.
Затем появится редактор контуров с кривой, которую вы можете настроить.
Переместите эту кривую в нужном направлении, чтобы изменить блики и тени. Перемещение кривой вниз увеличивает количество теней, а перемещение вверх увеличивает количество бликов.
Двигаясь вниз по панели, вы можете найти параметры для изменения цвета подсветки и тени и настроить непрозрачность этих параметров.
По умолчанию цвет выделения — белый, а цвет тени — черный. Однако вы можете установить любой цвет для бликов и теней. Это удобно, когда ваш текст и фон не сделаны из нейтральных цветов.
В Highlight Mode или Shadow Mode, вы можете изменить режим наложения эффекта. В зависимости от выбора основное внимание будет уделяться теням или бликам.
Режим подсветки установлен на Linear Dodge (Добавить)Регулировка Непрозрачности ползунки могут сделать блики или тени более яркими или мягкими.
Непрозрачность подсветки при 100 % Непрозрачность теней при 100 % Регулируя вышеуказанные настройки, вы можете создавать множество различных эффектов скоса и тиснения.
Например, я создал эффект ниже, используя следующие настройки. Вы можете использовать те же значения для воссоздания того же стиля, если хотите:
- Долото: твердое
- Глубина: 150
- Направление: Вверх
- Размер: 10
- Смягчить: 2
- Угол: 70º
- Высота: 21º
- Контур глянца: Гауссов
- Режим выделения: обычный
- Непрозрачность подсветки: 50%
- Режим тени: более темный цвет
- Непрозрачность тени: 50%
Не стесняйтесь экспериментировать с различными настройками для получения уникальных результатов. Вы также можете комбинировать другие эффекты стилей слоя, такие как «Тень» и «Внешнее свечение», чтобы сделать ваш окончательный проект еще более интересным.
Следуя приведенным здесь инструкциям, вы сможете применять привлекательные эффекты скоса и тиснения к тексту, фигурам и любым другим элементам, которые вы можете придумать в Photoshop. Это полезный эффект, который я часто использую для создания различных элементов дизайна, таких как плакаты, листовки и элементы веб-сайта.
4 Угол: Значение в этом поле определяет угол, под которым Photoshop освещает рельефное изображение. Например, если вы введете значение 90 градусов, вы подсветите рельеф снизу прямо вверх. Таким образом, белые пиксели появляются на нижних сторонах краев, а черные пиксели появляются на верхних сторонах. На рис. 11-7 показаны восемь рельефов, освещенных под разными углами. Я расположил изображения так, чтобы они казались освещенными от одного источника.
- Рис. 11-6. Диалоговое окно «Тиснение» позволяет управлять глубиной отфильтрованного изображения и углом, под которым оно освещается.
- Рис. 11-7: Рельефы, освещенные под восемью разными углами с шагом 45 градусов. Во всех случаях центральное изображение солнца указывает на местонахождение источника света. Для всех изображений использовались значения высоты и количества в 1 пиксель и 250 процентов.
* Высота: фильтр «Тиснение» выполняет эффект выделения, смещая одну копию изображения относительно другой. С помощью параметра «Высота» вы указываете расстояние между копиями, которое может варьироваться от 1 до 10 пикселей. Меньшие значения дают четкие эффекты, как показано на рис. 11-8. Значения выше 3 довольно хорошо сгущаются, если только вы не введете большое значение Amount. Вместе значения «Высота» и «Количество» определяют глубину рельефного изображения.
Совет. Значение высоты аналогично значению радиуса в диалоговом окне «Нерезкая маска». Поэтому вам следует установить значение в соответствии с разрешением вашего изображения — 1 для 150 пикселей на дюйм, 2 для 300 пикселей на дюйм и так далее.
- 1, 200 % 3, 200 % 5, 200 %
Значение угла, используемое для каждого изображения, составляло 135 градусов.
Рисунок 11-8: Примеры различных настроек высоты (первое значение) и настроек количества (второе значение). Значение угла, используемое для каждого изображения, составляло 135 градусов.
4 Сумма: введите значение от 1 до 500 процентов, чтобы определить количество черного и белого, присвоенное пикселям по краям. Значения 50 процентов и ниже дают почти полностью серые изображения, как вы можете видеть в верхней строке рис. 11-8. Более высокие значения дают более четкие края, как если бы рельеф был вырезан более глубоко.
Как самостоятельный эффект Emboss так себе. Это один из тех фильтров, которые заставят вас ахнуть от восторга, когда вы впервые увидите его, но никогда не поддаются практическому применению после того, как вы познакомитесь с Photoshop. Но если вы думаете о рельефе как о расширении фильтра высоких частот, он приобретает новый смысл. Вы можете использовать его для редактирования контуров выделения в режиме быстрой маски точно так же, как вы можете использовать фильтр высоких частот. Вы также можете использовать его для выделения деталей изображения.
Рисунок 11-9 показывает результат использования команды Fade сразу после применения фильтра Emboss.
(Помните, Fade теперь находится в меню «Правка», а не в меню «Фильтр».) Сначала я применил фильтр «Тиснение» с углом 135 градусов, высотой 2 пикселя и величиной 250 процентов. Затем я нажал Ctrl+Shift+F, чтобы отобразить диалоговое окно Fade. Чтобы создать левый пример, я выбрал «Темнее» во всплывающем меню «Режим». Это добавило тени к краям изображения, тем самым улучшив текстуру без чрезмерного нарушения исходных значений яркости. Я выбрал режим наложения Lighten, чтобы создать правильный пример. В обоих случаях я установил значение непрозрачности на 70 процентов.
- Рис. 11-9: После применения фильтра «Тиснение» я воспользовался командой Fade, которую использовал мой старый друг, чтобы затемнить (слева) и осветлить (справа) изображение.
Совет. Чтобы создать эффект цветного рельефа, примените фильтр «Тиснение», а затем выберите параметр «Яркость» в диалоговом окне «Исчезновение». Это сохраняет цвета исходного изображения, * применяя яркость и темноту пикселей из отфильтрованного выбора.
