Тиснение в фотошопе: Создаем текст с эффектом медной фольги в Adobe Photoshop

Как сделать тиснение в фотошопе. Создаем в фотошопе металлический эффект тиснения для текста

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

Эффект (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):

Шаг 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/Слой>Стиль слоя>Эффекты масштабирования .

Результат

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

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

Рекомендуем также

Золотое тиснение — Fabrika-fotoknigi.ru

Тиснение золотом, как заказать

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

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

Разобраться вам поможет видео-инструкция и пошаговая инструкция.

---

Видео-инструкция

---

1

В калькуляторе выбираем обложку с параметром Тиснение Золотом. Скачиваем шаблон.

---

2

Открываем шаблон-пустышку и готовим дизайн в Фотошопе, как дизайн обычной обложки. Элементы которые мы планируем оттеснить золотом можно наносить тут же, но в виде векторных слоев Shape (Формы), а также шрифты можем перевести в векторную форму.

---

3

Сохраняем файл, которые планируем печатать на подложке как файл для печати в формате JPG. Элементы, которые мы планировали оттеснить золотом, отключаем, их не должно быть на файле подложки.

---

4

Открываем программу Adobe Illustrator любой версии и открываем в ней шаблон-пустышку. Убедитесь что размер документа Иллюстратора соответствует размеру шаблона-пустышки, для 21х30 это 493х333 мм, а также нанести разметку зон загибов и заворотов вашего шаблона.

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

Тут можно скачать готовый файл 001-00s.ai с разметками и нужным размером для формата 21х30.

---

5

Вставляем на нижний слой ваш файл JPG, который вы подготовили для подложки. Копируем из фотошопа векторные элементы и вставляем их обязательно в виде кривых, и расставляем их согласно вашей задумки дизайна. Масштаб при копировании сохраняется. Создаем дополнительные векторные элементы в дизайне, расставляем их поверх слоя подложки, с учетом цельной композиции. Завершаем дизайн.

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

---

6 Обязательно!

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

Когда дизайн готов, необходимо все векторные элементы, которые должны быть оттеснены золотом залить так называемым СПОТ-ЦВЕТОМ (SPOT-COLOR) с названием FOIL-GOLD. Для этого необходимо создать этот цвет в палитре, а затем выделив все элементы, закрасить их этим цветом.

А) Выбираем палитру, правый верхний угол, Новый Цвет (New Swatch)

 

В) Называем образец FOIL-GOLD, заливку для видимости я сделал желтой

 

С) Выделяем все векторые элементы и применяем к ним Спот-цвет, все закрасятся в желтый.

---

7

Удаляем слои растровой подложки и все лишние элементы, не для тиснения золотом и сохраняем файл в формате PDF. Название для пакетной загрузки должно быть такое же как у обложки, только буква s на конце и формат PDF. В нашем случае для первой обложки это 001-00s.pdf

8

Если вы все сделали правильно, то на выходе получим умопомрачительную обложку с золотым тиснением.

---

9

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

Если вы хотите получить матовую обложку без использования тиснения золотом, загрузите пустой файл PDF. 

ВАЖНО!!!

Файлы обложки и с золотым тиснением нумеруется всегда индивидуально: первая книга 001-00.jpg, 001-00s.pdf, вторая книга 002-00.jpg, 002-00s.pdf.
Нельзя использовать нумерация для одинаковых обложек 000-00.jpg, 000-00s.pdf, так как системно файлы пойдут неверно!»

---

---

Вопрос по теме.

Почему нельзя сохранить файл для тиснения золотом в Фотошопе?

Можно, но очень важно заполнить слой для золота СПОТ-ЦВЕТОМ с нужным названием FOIL-GOLD. По этому названию машина понимает, какой фольгой тиснить вашу обложку, без этого не получится. Фотошоп же позволяет заполнять СПОТ-ЦВЕТОМ только Растровые заливки, а нам очень нужна векторная форма.

 

Почему нельзя использовать растровую форму или изображение?

Можно, но в этом случае результат тиснения золотом вас очень расстроит, у него будут не ровные, “угловатые”, рваные края — остатки от несглаженных растровых пикселей. Машина, к сожалению, не умеет сглаживать заливку для тиснения фольгой, по этому мы настаиваем на использовании именно векторных форм, а их можно залить спот-цветом только в векторном редакторе.

 

Можно ли использовать другие векторные редакторы?

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

 

У меня нет Иллюстратора, никогда не было, и я не умею им пользоваться, что делать?

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

---

Готовый набор файлов

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

Скачать готовый набор файлов

Изучаем Стиль тиснение в Adobe Photoshop!

Что же такое стиль слоя Тиснение в графическом редакторе Adobe Photoshop?

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

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

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

Итак идем дальше – Стиль – Style

В соотвествующей группе под названием англ. Structure  – Структура  в  меню англ  Style -Стиль –  имеет следующие установки

 Style  –  Стиль и так называемое расположение скоса у которого имеются нижепреведенные параметры

Так называемый  Outer Bevel  —  Внешний скос  этот скос устанавливается во внешней части фигуры

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

 Emboss или просто -Тиснение  этот скос  устанавливается с обеих частей фигуры  как с внешней стороны фигуры так и с внутреней стороны фигуры.

Pillow Emboss или  так называемое Контурное тиснение  – этот стиль очень сильно напоминает   Emboss — Тиснение с той лишь разницей что устанавливается он  в противоположном направлении  но так же с обоих сторон.

 Stroke Emboss — или так называемое Обводящее тиснение  – Используется с условием, если используют стиль слоя.

Обводка – Stroke – позволяет устанавливить скос на обводку

Мой вам совет очень внимательно на практике присмотритесь ко всем этим стилям используюя при этом ключенную опцию препросмотра  Просмотр – Preview, это позволит вам намного легче получить представление о том что из себя представляет каждый стиль.

В примере снизу вы можете видеть работу двух стилей, это двухсторонний стиль  Emboss -Тиснение , и  Inner Bevel — Внутренний, c помощью которого мы может установить скос изнутри. Действие второе – Метод – Technique

Данное меню  Technique в русской версии  Метод, дает нам возможность настроить общий вид используемого стиля тиснения, и содержит в себе

Плавное — англ. (Smooth)  округлые края имеющие гладкий скос..
англ.  (Chisel Hard)  — Жесткая огранка  твердый скос и острые скошенные края.

А та кже англ. (Chisel Soft) — Мягкая огранка —  это смягченные но скршенные края.

Вы можете убедиться во всем сами просто просмотрев все это в режиме предпросмотра  (Preview) .

Вы можете увидеть чуть ниже выполнения  этих  двух  стилей, они используются достаточно часто, это так называемые методы англ.  (Smooth)  — Плавное  слева, и англ. (Chisel Hard)   Жесткая огранка  справа, придает тексту очень интересный эффект , будто бы он был выточен из камня. Действие третье — Глубина — (Depth)

С помощью ползунка Глубины мы можем увеличивать или уменьшать Тиснение. Чем меньше установленный процент тем менее заметен 3D эффект и соответственно наоборот.

На примере расположенном ниже вы можете увидеть, как на трехмерность текста влияет изменение параметра Глубина. Действие четвертое Направление — (Direction)

Эта опция дает возможность выбора каким образом Тиснение будет экструдированно по отношению ,от вас или наоборот к вам.

В этом примере вы увидите работу двух направлений, Вниз вдавливает текст внутрь а Вверх наоборот выделяет текст с поверхности. Идем дальше — Размер (Size)

Задать общий размер Тиснения можно настройкой параметра Размер (Size).
Чем меньше установлено пикселей, тем скос соответственно меньше приближен к краю фигуры, но чем выше, тем становится масштабнее Тиснение.

На нижней фотографии у текста расположенного слева маленький скос, Размер с права на много больше как вы видите. Идем далее — Смягчение (Soften)

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

В этом наглядном примере вы сможете увидеть, как с помощью параметра Смягчение сгладить и сделать скос по мягче. Шаг седьмой — Высота (Altitude) и Угол (Angle)

За освещение отвечает группа Затенение (Shading). Направление света устанавливают параметры Высота и Угол. Высота задает вертикальное положение источника света, а вот Угол задает горизонтальное источника. Если есть необходимость вы вполне можете переносить перекрытие в кругу, без использования числовых значений, для наибольшего удобства для вас. Включенный режим Глобальное освещение (Use Global Light) и синхронизация параметров Высота и Угол с другими Стилями Слоя, такими как Глянец или Тень.

На наглядном примере расположенном ниже ясно видно как влияет изменение параметров Высота и Угол на направление источника света. Идем далее — Контур глянца (Gloss Contour)

Этот замечательный инструмент и был секретом оглушительного успеха при создании замечательных металлических и стеклянных эффектов. Переход света и тени Тиснения устанавливает контур глянца. С помощью линейного контура можно создать натуральный скос, в вот контур в виде синусоида создает очень привлекающий отражающий эффект. Если опция Сглаживание (Anti-aliased) включена, то неровные края сгладятся.

На фотографии находящийся снизу вы можете увидеть, как текст который находиться с левой стороны, и не имеющий никакой схожести с металлом, после изменения настроек Контура глянца, буквально преображается в сильный эффект. Идем далее Непрозрачность (Opacity) и Режим подсветки (Highlight Mode)

В открывающимся меню Режим подсветки — (Highlight Mode) устанавливаем режим наложение света. По умолчанию установлено Экран (Screen), но так же имеются и другие режимы такие как как Линейный осветлитель (Linear Dodge) или например Осветление основы (Color Dodge) для придания картине больше оживленности. Например можно изменить цвет освещения, как правило используют белый цвет, но вдруг вам захочется сымитировать разные оттенки света, мы легко можем поменять оттенки света. За регулирование интенсивности освещения на краях отвечает ползунок Непрозрачность — (Opacity).

В дальнейшем примере мы наглядно показывают, как при изменении Режима Непрозрачности и подсветки влияют на изменение стиля, а так же придает немного теплоты работе. Идем далее – Непрозрачность — (Opacity) и Режим тени (Shadow Mode)

Из открывшегося меню Режим тени -(Shadow Mode) у нас имеется возможность выбора режима наложения эффекта тени на скосе.

Установленный режим по умолчанию — Умножение (Multiply). Если вам необходимо то вы можете самостоятельно изменить режимы наложения на Затемнение основы (Color
Burn) или Линейный затемнитель (Linear Burn). Цвет освещения можно изменить так же. Как правило используют черный цвет, но если вам будет необходимо сымитировать разные оттенки света, То оттенок света можно с легкостью поменять.
За регулирование интенсивности тени отвечает ползунок Непрозрачность (Opacity).

На фотографии ниже вы можете увидеть, как при изменении этих параметров дерево покрывает очень тонкий слой мха. Идем далее – Настройки по умолчанию — Восстановление и Сохранение.

Сохранить и загрузить по умолчанию можно каждую настройку стилей слоя.

В фотошоп настройка — Использовать по умолчанию (Make Default) сохраняет актуальные настройки и использует ух по умолчанию при каждой загрузки программы. А как же нам восстановить настройки по умолчанию? Reset to Default отвечает за восстановление настроек по умолчанию и быстро вернет первоначальные настройки если вам это необходимо. Это очень кстати, например если вы захотели немного поэкспериментировать и потом все вернуть назад.

Идем далее Изучаем работу Контур (Contour)

Контур (Contour), входит в стиль Тиснение, отвечает за установку общего вида скоса. Сглаживание (Anti-aliased) разглаживает все неровности контура. За определение масштаба контура отвечает ползунок — Диапазон (Range). Зачем 100 раз читать давайте один раз посмотрим.

На этом наглядном примере вам показано, как при помощи контура с перевернутой буквой U скос начинает принимать совершенно другую форму и отодвигается от края. Идем далее Текстура – (Texture)

Следующий подраздел стиля Тиснение это текстура, она дает возможность не просто наложить текстуру на скос, а карту рельефа текстуры. Карта рельефа текстуры делает ребристой поверхность, снижая или возвышая определенные области слоя, создавая очень прикольный эффект.
Для использования в качестве карты рельефа вы можете выбрать текстуру из стандартного набора программы Фотошоп, она находится в меню Узор (Pattern).
Для выравнивания текстуры относительно документа используйте опцию Привязать к началу координат — (Snap to Origin).

Если вы хотите включить текущую текстуру, в уже имеющийся набор текстур вам необходимо нажать на маленькую кпоночку — Создать набор с текущим узором (Create new preset from the current pattern).

Следующая пара настроек Глубина — (Depth) и Масштаб (Scale) дают нам возможность изменять размер и интенсивность рельефа.

Следующий параметр Инвертировать (Invert) меняет черные области на белые и так же наоборот.

При активизации параметра Связать со слоем — (Link with Layer), При перемещении фигуры по документу и закрытия окна Стиля слоя, карта рельефа будет перемещаться вместе со слоем. Если открыто окно Стиль слоя, и нам необходимо перемещать текстуру на холсте, то мы спокойной можем это сделать с помощью мышки.

На реально примере чуть ниже видно, какой эффект нам дает Текстура в этой работе. С левой стороны при глубине равной 0, не каким образом не влияет на наш стиль, в отличие от того что мы видим с права. Вот что у нас получилось в конечном итоге

freebie1.jpg

Вы так же можете скачать этот стиль

Я очень надеюсь, что объяснил все четки и вы меня хорошо поняли. Удачи вам!

Советы чайника. Как убрать тиснение с фото.

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

Хождения по фотомастерским не дали результата. Может работники мастерских в нашем городе туповатые, может ленивые или просто любители брать деньги за просто так…

Пришлось заниматься решением проблемы самому.

Основные требования: решение должно быть бесплатным и максимально простым. Поиски в Интернете привели к использованию Фотошопа и FFT-фильтра. Основная проблема, как выяснилось, заключалась в возможности найти рабочую версию FFT-фильтра. Пришлось просмотреть множество ссылок на различных сайтах. Практически все из них были достаточно «древними» и как результат неработающими. Даже посещение страницы разработчика (которая не обновлялась с 2005 года) не принесло ожидаемого результата. Только на одном из форумов (Демиарт) удалось найти рабочую версию. Её здесь и выкладываю, для тех кому это интересно. И небольшой мануал, проверенный на своём опыте.

Прежде всего скачиваем FFT-фильтр (для удобства несколько ссылок на разные файлообменники), размер файла 2.4 Mb:

В rar-архиве, что Вы скачаете, будет папка bin с файлами для версии х86 и х64. Выбрав соответствующую версию разархивируете файлы FFT_RGB.8bf и IFFT_RGB.8bf в папку Plug-Ins Фотошопа. Обычно это путь C:\Program Files (x86)\Adobe\Adobe Photoshop CC 2018 (32 Bit)\Plug-ins.

Теперь включаем программу и начинаем работать.

1. Вот такой он, наш исходный скан. Будем улучшать.

2. Сначала сделаем дубликат изображения. Это нужно для цветных фото. Если у вас чёрно-белое — этот шаг можно пропустить.

3. В фотошопе выставляем режим 8 бит/канал RGB (это ВАЖНО! В других режимах плагин будет не активный).

4. К дубликату применяем фильтр FFT RGB.

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

6. Переходим в закладку Каналы и выделяем красный канал.

7. Красный канал выглядит так.

8. Теперь необходимо закрасить жесткой кистью черного цвета центры всех белых «звездочек (точек)». Центральное «перекрестье» не трогаем!!! Я выбрал для работы: размер кисти 20 пикс.,

и увеличение 200% (для удобства работы, впрочем кому-то может потребоваться и большее или меньшее увеличение). Чем меньше кисть и крупнее изображение, тем более качественно, но и дольше придётся работать. Оптимальный размер кисти нужно подобрать так:

В итоге получается примерно вот так:

9. По окончании закрашивания всех белых «звездочек (точек)» (у меня ушло примерно минут тридцать на это), в закладке Каналы кликаем по слою RGB для того, чтобы снова выделить все слои.

10. Применяем теперь уже инверсный фильтр IFFT RGB.

11. Текстура убрана.

12. Данный плагин переводит цветную фотографию в черно-белую. Работает корректно только с ч/б изображением, поэтому, если фотография цветная, то в конце просто перетащите полученную ч/б картинку на исходную цветную и поставьте слою режим Luminosity. И фотография будет в цвете и без текстуры.

Так же можно несколько подразмыть исходную картинку с помощью Размытие по Гауссу или Шум — Медиана.

13. Небольшая видеоинструкция:

Вот и все. Удачи в работе!

Подготовлено по материалам ru-retouch.livejournal.com, demiart.ru, alexchirokov.narod.ru, forums.adobe.com, ru-photoshop.livejournal.com, youtube.com, endpopov.ru, mirsofta.ru, kakprosto.ru

Компиляция текста и ссылки ©Енот69

P.S. Работа выполнялась в программе Adobe Photoshop CC Версия: 19.1.2 20180302.r.277 2018/03/02: 1160083  x32

P.P.S. В заключении пара маленьких советов:

1. Плагин не очень корректно работает с краями фотографии, поэтому перед запуском FFT добавьте по краям некоторое количество белого поля.

2. Плагин не очень корректно работает с фото уже подвергавшимися предварительной ретуши. Это можно заметить по конечному результату: окончательно избавиться от тиснения на некоторых участках не удалось, т.к. эти участки уже подвергались изменениям (удалялись части изображения). Поэтому сначала убираем тиснение бумаги с оригинального скана, а уже потом вырезаем, обрезаем, ретушируем и т.п.

Иллюстрированный самоучитель по работе с Photoshop и Illustrator › Текстовые эффекты › Тисненый текст [страница — 128] | Самоучители по графическим программам

Тисненый текст

Adobe Photoshop 7.0 или более поздние версии

Функция Layer Style (Стили слоя) в программе Photoshop делает создание тисненого текста исключительно простым и гибким делом. Первая техника применяет эффект тиснения к тексту с тем же цветом, что и у фонового слоя, чтобы придать тексту такой вид, как будто он был действительно оттиснут на текстуре подложки. Как только вы оттиснули текст, вы можете при помощи второй техники придать ему вид и ощущение тиснения по золоту.

Тисненный текст

1. Откройте или создайте файл, который будет фоновой поверхностью для тисненого текста. Для получения наилучших результатов используйте поверхность, которая содержит текстуру. Выберите белый как цвет изображения. Выделите инструмент «Текст» и введите ваш текст.

2. Сохраняя выделенным текстовый слой, щелкните на кнопке Add Layer Style (Добавить стиль слоя) внизу палитры Layers. Используйте выпадающее меню, чтобы выбрать команду Bevel and Emboss (Скос и тиснение) в диалоговом окне Layer Style, и установите стиль на Inner Bevel (Внутренний скос). Не щелкайте на ОК.

   Не заботьтесь в этот момент слишком много о других установках. У вас может появиться желание возвратиться и скорректировать их в конце технологии.

3. Щелкните на Blending Options (Опции смешивания) в списке Styles (Стили) в левой стороне диалогового окна. В секции Advanced Blending (Расширенное смешивание) установите значение параметра Fill Opacity (Непрозрачность заливки) на 10%.

   Если оставить только 10% белого, текст становится немного выступающим из фона. У вас может появиться желание откорректировать эту процентную величину в зависимости от фона.

4. Щелкните на OK, чтобы просмотреть результаты.

Если эффект получился слишком слабым, щелкните 2 раза на значке Layer Style на текстовом слое, чтобы повторно открыть диалоговое окно Layer Style, и скорректируйте параметр Fill Opacity. Вы можете также резко увеличить эффект, щелкнув на Bevel and Emboss на левой стороне диалогового окна, чтобы повторно отобразить на дисплее опции параметра Style (Стиль) из окна Structure (Структура). Затем увеличьте, параметры Size (Размер) или Depth (Глубина) тиснения.

ADOBE PHOTOSHOP-Учебник по ADOBE PHOTOSHOP 6.0.

Эффект скоса и рельефа

Эффект Bevel and Emboss (Скос и рельеф) применяется очень широко и имеет массу атрибутов. Элегантно смотрится небольшой рельеф в применении к тексту. Эффект хорошо сочетается с внешней тенью и внешним свечением. Обычно рельеф лучше выглядит для объектов с нерастушеванным краем.

1. Отмените все остальные эффекты, чтобы они не мешали наблюдению.

2. Активизируйте строку Bevel and Emboss (Скос и рельеф). За данный эффект отвечают целых три вкладки окна. Главная вкладка (рис. 5.21) определяет глубину, освещение, способ создания и другие основные параметры рельефа.

Рис. 5.21. Вкладка Bevel and Emboss диалогового окна Layer Style

3. Параметр Size (Размер) регулирует ширину скоса. Испытайте разные значения размера (рис. 5.22), а затем установите его достаточно большим, порядка 20 пикселов.

Рис. 5.22. Размер скоса: 5, 20, 50 пикселов

4. В списке Style (Тип) задается тип рельефа — Inner Bevel (Внутренний скос), Outer Bevel (Внешний скос). Emboss (Рельеф), Pillow Emboss (Тиснение), Stroke Emboss (Рельефная обводка) (рис. 5.23). Последний тип виден, если активен эффект Stroke (Обводка), поскольку рельеф применяется только в обводке слоя.

а б

в г
Рис. 5.23. Тип рельефа: Inner Bevel (a), Outer Bevel (б), Emboss (в), Pillow Emboss (г) 5. Параметр Technique (Способ) определяет метод создания эффекта. Первый пункт списка Smooth (Гладкий) создает гладкий скос, режимы Chisel Hard (Грубый резец) и Chisel Soft (Тонкий резец) придают скосу вид, словно он обработан резцом (рис. 5.24).

а б в

Рис. 5.24. Режимы скоса: Smooth (a), Chisel Hard (б), Chsel Soft (в)

6. Переключатель Direction (Направление) устанавливает направление рельефа: в положении Up (Вверх) эффект выпуклый, в положении Down (Вниз) — вогнутый (рис. 5,25). Направление рельефа особенно очевидно, если сравнить рельефы типа Pillow Emboss (Тиснение).

7. Параметр Soften (Сглаживание) определяет сглаживание рельефа. Чем сильнее сглаживание, тем более мягким будет скос рельефа.

Рис. 5.25. Выпуклый и вогнутый рельеф

8. В области Shading (Затенение) регулируются параметры освещения рельефа. Область Angle (Угол) определяет угол падения света. Перемещая крестик на схеме, символизирующий источник света, наблюдайте за изменениями (рис. 5.26). Заметьте, что угол освещения задается по двум измерениям — по отношению к фронту объекта и по отношению к поверхности, на которой он находится. Чем ближе источник к середине схемы, тем более фронтальным будет освещение.

Рис. 5.26. Разный угол падения света для эффекта рельефа

9. В поле Gloss Contour (Контур сияния) устанавливается профиль освещения. Чем более сложен контур, тем изощреннее освещение. Испытайте влияние параметра (рис. 5.27). Вы увидите, что сложный контур очень подходит для имитации блестящих, металлических или стеклянных объектов.

Рис. 5.27. Различные контуры сияния рельефа

10. Последняя группа параметров определяет режим и интенсивность освещения и затемнения участков в результате действия направленного света. Рядом со списками режимов наложения расположены образцы цветов для света и тени, которые можно изменить.

Наряду с общими параметрами устанавливаются дополнительные атрибуты рельефа в специальных вкладках Contour (Контур) и Texture (Текстура). Вкладка Contour (Контур) (рис. 5.28) имеет единственную область, определяющую форму скоса, т. е. фаску. Можно задать собственно форму (рис. «5.29) и размер фаски относительно скоса.

Рис. 5.28. Вкладка Contour диалогового окна Layer Style

Рис. 5.29. Разная форма скоса

На вкладке Texture (Текстура) выбирается текстура поверхности (из образцов узоров), размер ячейки текстуры в шкале Scale (Масштаб) и ее рельефность в области Depth (Глубина), причем можно задавать как обычную, так и инвертированную текстуру (рис. 5.30).

Рис. 5.30. Разная текстура рельефа

Реставрация старой фотографии с тиснением

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

Открываем изображение в Photoshop и сразу подправим гистограмму. Идем в меню: «Изображение — Коррекция — Уровни». Красный и зеленый каналы в норме, а синий немного подтянем. Данное тиснение невозможно устранить ни совмещением нескольких изображений после многократного сканирования фотографии под разными углами, ни с помощью довольно сообразительного плагина «FFT», который, к сожалению, эффективен только при реставрации старых фотографий с тиснением, имеющим ярко выраженный, многократно дублирующий себя рисунок.
Поэтому берем инструмент «Восстанавливающая кисть». Жесткость уменьшаем до минимума. Нажимаем «Alt», появляется значек . Кликаем на чистом участке, откуда будем брать образец и отпускаем клавишу «Alt». Подводим курсор на дефектное место и проводим по нему. По мере продвижения ставим метку выбора образца в новое место, как можно ближе к участку, над которым работаем. Постепенно проявляется условно чистая поверхность. Пятна и следы работы восстанавливающей кисти будем исправлять потом. Сейчас главное избавиться от тиснения. Работа довольно нудная, занимающая большую часть времени при реставрации старого фото. Так проходимся по всей коже на лице. Следующим шагом прорабатываем глаза, губы, нос и брови. Здесь уже работаем более аккуратно. Следим чтобы образец брался из нужного места. Особое внимание на это этапе реставрации старой фотографии уделяем границам и переходам. В некоторых случаях пришлось воспользоваться «штампом». Переходим на шею и одежду. Здесь нет смысла тратить время и закрашивать каждый сегмент тиснения по отдельности восстанавливающей кистью. Вместо этого мы возьмем «Микс-кисть». В настройках включаем кнопку «Чистить кисть после каждого штриха», а кнопку «Заполнять кисть после каждого штриха» наоборот — отжимаем. Жесткость на минимум, остальные настройки по дефолту или можно подстроить по желанию. И начинаем поступательными или круговыми движениями с амплитудой, не превышающей размер кисти, проходить по открытым участкам. Чтобы не протереть мышкой дырку в столе для этой работы рекомендую использовать графический планшет, при наличии такового. При проработке границ размер кисти уменьшаем и действуем более аккуратно. Главное при этом не размазать и без того нечеткое изображение. Так же было обработано лицо. При работе микс-кистью по коже лица особенно аккуратно проходим возле глаз и губ. В итоге имеем такую картину: Самое время заняться фоном. Его выравниваем так же микс-кистью большого диаметра. На границе волос размер кисти уменьшаем и работаем аккуратнее. Теперь займемся прической. Можно попытаться прорисовать все «микс-кистью», выбрав из набора кисть под названием «брызги» или подобную и уменьшив нажим до 7-10%, но к данной фотографии такой вариант мало подходит: Поэтому берем «восстанавливающую кисть», «штамп» или другой и грубо убираем тиснение, приводя волосы к следующему виду: Потом подбираем фотографии с ярко выраженной текстурой волос и копируем подходящие нам участки на наше изображение:

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

Если текстура волос кажется слишком резкой и выбивается из общей картины — применяем «размытие по Гаусу» к этому слою. Радиус размытия небольшой, лучше в конце обработки фото, при необходимости, пройтись инструментом «размытие».
Реставрация старого фото подразумевает достижение результатов разными методами, поэтому, если какой то способ обработки смотрится на конкретной фотографии неудовлетворительно, просто подбирем что то более приемлемое.

Следом идем в меню: «Редактирование — Трансформирование — Деформация» и «укладываем» прическу как нам необходимо. Мягким ластиком стираем лишнее и проходим по всей границе слоя, смягчая края. Все операции повторяем с каждым новым слоем.

Когда вся прическа закрыта, сливаем все слои волос с нашей фотографией:

Немного дорисуем теней для объема. Дублируем слой и немного затемняем его экспозицией. Меняем режим наложения на «умножение». Добавляем на него черную непрозрачную слой-маску и по ней, белой кистью с нажимом 2-3%, проявляем затемненные участки.

Если посмотреть на маску отдельно (зажав «Alt» и кликнув по ней в палитре слоев) то, после работу с кистью, выглядит она так:

Сливаем слой с тенями с фоном. Обесцвечиваем фотографию (Изображение — Коррекция — Черно-белое) и кадрируем. Добавим немного монохромного шума (Фильтр — Шум — Добавить шум) имитируя зерно фотопленки. Это сделает изображение более мягким, приятным глазу. Так же немного затонируем его.
Реставрация старой фотографии завершена:

Для сравнения результата наведите курсор на изображение

Основы работы со скосом и тиснением в Photoshop — Blackbird Publishing

Снятие кромок и тиснение — это способ создания затенения и имитации теней, придающих тексту трехмерный вид.

Вот тот же текст без и с фаской / тиснением.

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

Предварительные требования

• У вас есть Photoshop
• У вас есть существующий текстовый слой в файле.psd файл.

Как скашивать и тиснить текст

• Щелкните правой кнопкой мыши текстовый слой, который нужно отредактировать, выберите «Параметры наложения», а затем выберите «Скос и тиснение».
  
  
  
• Измените настройки по своему усмотрению, затем щелкните OK.
  
  Вот настройки, использованные в примерах выше.
  
  
  
• В режиме просмотра слоя щелкните правой кнопкой мыши в разделе «Эффекты» под именем слоя и выберите «Bevel & Emboss».
  
  
  

Что означают все эти параметры?

Лучший способ узнать — попробовать их. Вы можете увидеть текстовые эффекты в своем документе, если установите флажок «Предварительный просмотр».

Преимущество этого подхода состоит в том, что, поэкспериментировав, вы воочию увидите, как все работает, и можете придумать комбинацию настроек, которую иначе не нашли бы; недостаток в том, что экспериментирование требует времени.

Но не бойтесь — вот шпаргалка! 🙂

Есть три группы настроек:

1. Фаска и тиснение
2. Контур
3. Текстура

Наклон и тиснение

Параметры

Bevel & Emboss разбиты на категории Structure и Shading.

• Конструкция
  • Стиль
    • Внутренний / внешний скос — применяет скос к внутренней или внешней части текста.
    • Emboss — применяет скос как к внутренней, так и к внешней стороне текста.
    • Pillow Emboss — применяет скос как к внутренней, так и к внешней стороне текста, но в противоположных направлениях от обычной настройки «Emboss».
    • Обводка Тиснение — применяет скос только к обводке (это работает, только если к тексту применен эффект обводки).
  • Техника
    • Smooth — создает гладкую закругленную кромку.
    • Chisel Hard — создает твердую, точеную кромку.
    • Chisel Soft — создает шероховатую, точеную кромку.
  • Depth
    Увеличивает трехмерную глубину. Более высокое значение создает большую глубину.
  • Направление
    Определяет, нужно ли выдавливать фаску и тиснение к вам или от вас.
  • Размер
    Определяет общий размер фаски и тиснения на вашем тексте.Меньшее число ограничивает скос / тиснение до краев текста, тогда как большее число покрывает большую часть текста.
  • Смягчить
    Определяет, насколько мягкими должны быть края.
• Оттенок
  • Угол
    Определяет горизонтальное положение источника искусственного света.
  • Высота
    Определяет вертикальное положение источника искусственного света.
  • Gloss Contour
    Позволяет создавать эффекты стекла и металла.
  • Highlight Mode
    Определяет режим наложения для ваших светлых участков, а также цвет и непрозрачность выделения.
  • Shadow Mode
    Определяет режим наложения для теней, а также цвет и непрозрачность тени.

Контур

Contour позволяет указать форму фаски.

• Контур
  Определяет форму скоса.
• Сглаживание
  Сглаживает контур.
• Диапазон
  Диапазон в процентах определяет, к какой части фаски должен применяться контур.

В этом примере все настройки одинаковы, за исключением формы контура.

Текстура

Текстура позволяет добавлять текстуру к тексту.

• Узор
  Выберите узор текстуры для применения к тексту.
• Масштаб
  Увеличение или уменьшение размера рисунка.
• Глубина
  Отрегулируйте трехмерную глубину.
• Инвертировать
  Установите этот флажок, чтобы инвертировать узор.
• Связь со слоем
  Зафиксируйте узор на текстовом слое, чтобы, если вы позже переместите слой, узор переместится вместе с ним.

В этом примере все настройки одинаковы, за исключением текстуры.

Список литературы

Версия Photoshop

Версия Photoshop, использованная для этого поста, была Adobe Photoshop CC версии 2017.1.1, 20170425.r.252 x64, на OS X 10.10.5.

Подпишитесь на рассылку новостей Blackbird Publishing!

Создание эффектов тиснения на бумаге в Photoshop

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

Шаг 1. Начните со своего дизайна

В этом уроке я использовал логотип CreativePro, заключенный в кольцо из точек. Я подумал о добавлении лозунга «Чему ты хочешь научиться сегодня?» под ним курсивным шрифтом с засечками, но мелкие детали плохо отображаются при тиснении — ни в Photoshop, ни в реальной жизни.Выбирайте жирный, четкий текст и толстые штрихи.

Шаг 2. Выберите фон

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

Шаг 3. Разместите произведение искусства

Скопируйте свою иллюстрацию в фоновый документ с отдельными слоями, если вы их создали таким образом. Цвет изображения не имеет значения.

Шаг 4: представьте себе перспективу

Выберите все слои в вашем логотипе (если их несколько) и выберите «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект».Это позволит вам изменить содержимое позже и настроить вид в перспективе, если он не совсем такой, как вы планировали. Затем используйте «Свободное преобразование» и удерживайте Command (Mac) или Ctrl (Windows), перетаскивая каждый угловой маркер, чтобы поместить изображение в перспективе.

Еще после прыжка! Продолжайте читать ниже ↓
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 5: Стиль слоя

Откройте диалоговое окно «Стиль слоя», нажав кнопку «FX» в нижней части панели «Слои».Первое, что вам нужно сделать, это сделать невидимым цвет заливки исходного изображения, поэтому перейдите на панель «Параметры наложения» и установите для параметра «Непрозрачность заливки» нулевое значение. Это временно скроет ваши работы.

Шаг 6: Тиснение изображения

Отметьте стиль Bevel & Emboss и выберите Inner Bevel в качестве параметра Style. Вам понадобится очень маленький размер, всего несколько пикселей; и установите глубину около 50%. Необязательно быть слишком сильным. В разделе «Затенение» перетащите элемент управления «Угол» до тех пор, пока он не будет указывать на источник света — в данном случае это свеча.

Шаг 7: Смягчите эффект

Вы не хотите, чтобы эффект выглядел слишком четким, поскольку бумага не ведет себя подобным образом. Поэтому используйте ползунок «Смягчение», чтобы сгладить эти четкие края: значение 5 или 6 пикселей должно работать хорошо, в зависимости от разрешения вашего изображения.

Шаг 8: Добавьте тень

Поскольку логотип приподнят над поверхностью, можно ожидать, что он будет отбрасывать небольшую тень от источника света. Отметьте кнопку Drop Shadow и создайте тень с очень, очень низкой непрозрачностью — я использовал всего 6%.Вы же не хотите, чтобы он перегружал произведение искусства. Ваше слепое тиснение готово.

Шаг 9: Золото дебоссинга

Художественное произведение с слепым тиснением прижимается снизу вверх, заставляя его выступать над поверхностью бумаги. Но фольгирование по своей природе должно производиться сверху. Чтобы добиться этого эффекта, сначала перейдите в раздел Bevel & Emboss диалогового окна Layer Style и измените направление с Up на Down. Этого должно быть достаточно, чтобы создать эффект разгрузки. И пока вы там, выключите Drop Shadow.

Шаг 10: Добавление блокирующей фольги

Первым шагом в добавлении блокировки является добавление Gradient Overlay к иллюстрации, снова используя диалоговое окно Layer Style. Выберите основной градиент от черного к белому и установите угол наклона изображения.

Шаг 11: Добавьте цвет

Щелкните образец градиента, и редактор градиента откроется в новом окне. Нажмите на белый образец справа и выберите яркий золотой цвет, но будьте осторожны, чтобы не сделать его слишком насыщенным: лучше всего работают приглушенные тона.Затем, удерживая Option / Alt, перетащите его влево, чтобы дублировать его, и еще раз щелкните образец. На этот раз потяните вниз в редакторе цветов, чтобы сделать его темнее. Вы также можете удалить исходный черный образец слева.

Шаг 12: Ограничьте выделение

Простой градиент производит впечатление, но не очень привлекателен. Для получения лучших результатов снова откройте редактор градиентов, переместите яркий образец в середину и перетащите темный образец ближе к нему. Затем удерживайте Option / Alt, чтобы перетащить копию темного образца на другую сторону яркого.Сужая градиент таким образом, вы создаете более концентрированный блик, который выглядит более убедительно.

Шаг 13: Измените обложку

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

Как тиснить логотип или значок в Photoshop

В этом уроке Photoshop вы узнаете, как использовать фильтр световых эффектов с альфа-каналами для создания фотореалистичной глубины и тиснения, которое не уступает 3D.
Посмотрите это видео, которое проведет вас через каждый этап двух проектов, а затем используйте эти письменные инструкции в качестве справочной информации. Вы можете вернуться к

Когда я впервые открыл для себя эту технику более 20 лет назад, я решил посмотреть, как далеко я могу толкни это.В результате этого эксперимента я создал серию фотореалистичных иллюстраций, полностью сделанных в Photoshop. Нажмите здесь, чтобы увидеть больше моих иллюстраций в Photoshop.

Это то, что вы создадите из простого плоского изображения, это действительно потрясающе.

Шаг 1.

Начните с нового документа. Я выбрал 1920 x 1080 в качестве размера экрана HD, и он отлично подойдет для конечных заставок Youtube или других видеопроектов.

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

Шаг 2.

Добавьте значки или текст. Я нашел социальные иконки в Интернете. Легко найти с помощью быстрого поиска в Google.

Шаг 3.

Чтобы немного персонализировать, добавьте свой логотип. (Конечно, на этой странице может быть что угодно.)

Шаг 4.

Нам нужно собрать все в один слой.

Вы можете развернуть документ. Но лучше оставить слои на тот случай, если потом вы захотите что-то изменить.Нажмите Ctrl + Alt + Shift + E (windows) / Cmd + AOption + Shift + E (Mac)

Это создает сплющенный слой сверху.

Шаг 5.

Нажмите Cmd / Ctrl + A, чтобы выбрать все.

Нажмите Cmd / Ctrl + C, чтобы скопировать в буфер обмена.

Шаг 6.

Выберите панель каналов

Создайте новый альфа-канал, нажав кнопку нового канала

Шаг 7

Вставьте в канал. Ctrl / Cmd + V

Шаг 8.

Щелкните по слову RGB.

Красный Зеленый и Синий каналы должны быть снова включены, а Alpha 1 не отображается.Если вы видите красноватый цвет, это связано с тем, что альфа-канал все еще включен (щелкните его глазное яблоко, чтобы выключить его.)

Шаг 9.

На панели слоев создайте новый слой

Нажмите Shift + Delete на Mac (Shift + Backspace в Windows).

Когда откроется диалоговое окно заливки, выберите 50% серого для содержимого.

Нажмите ОК.

Теперь у вас будет слой с серой заливкой сверху.

Шаг 10.

Выберите «Фильтр»> «Рендеринг»> «Эффекты освещения».

(Если он неактивен, убедитесь, что ваше изображение — RGB и 8-битное в меню «Изображение»> «Режим».Также перейдите в «Настройки»> «Производительность» и убедитесь, что параметр «Использовать графический процессор» включен. Если это по-прежнему не помогает, попробуйте перезапустить.)

В световых эффектах выберите Blue Omni из предустановок.

Нам нужен свет Omni, так как он лучше всего подходит для этого эффекта. Посмотрите видео выше, чтобы увидеть некоторые интересные варианты.

(нажмите Ctrl / Cmd + H, если вы не видите наложение инструмента).

Шаг 11.

В свойствах справа вы увидите поле Текстура.

Выберите Alpha 1 из списка.

и БУМ! вы увидите свой канал с тиснением. (Ползунок высоты меняет ее)

Шаг 12.

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

Step 13

Увеличение высоты делает эффект более выраженным.

Шаг 14.

Если переместить ползунок на отрицательное число, тиснение станет вставкой. Интересно, да?

Шаг 15.

Вы можете изменить цвет, щелкнув прямоугольник по цвету.

Палитра цветов позволит вам выбрать другой цвет.

Step 16

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

Нажмите, чтобы применить. Я думаю, это настолько реально, что вы можете почти прикоснуться к нему. Но подождите, есть еще кое-что, продолжайте читать.

Все красиво высечено, но что, если вам нужен закругленный край?

Шаг 17.

Перейдите на панель каналов и нажмите на Альфа 1, давайте изменим изображение в канале.

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

Шаг 18.

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

Удерживая нажатой клавишу Alt / Option, выделите тип, это убирает выделение.

Шаг 19.

Выберите Filter> Blur> Gaussian Blur

Здесь работает радиус 7,8.

Щелкните OK

Шаг 20.

Щелкните RGB, чтобы снова включить каналы RGB.

Шаг 21.

Создайте новый слой и залейте его серым, как мы это делали на шаге 9.

Шаг 22.

Выберите Filter> Render> Lighting Effects

Вы заметите, что размытие создает закругленные края. (На самом деле именно так мы делали фаски до стилей слоя, но никому не говорите, что я так долго использую Photoshop, подождите, я начал, когда мне было 5 лет;))

Step 23

Если мы уменьшим высоту , вы можете получить еще более мягкий эффект.

И результат.

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

Это третья часть моей серии статей о световых эффектах.

Если вам понравилось, поделитесь этим в социальных сетях

Рад видеть вас здесь, в CAFE

Colin

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

Часть 2 освещает портрет

См. Здесь

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

Вы также можете просматривать темы в меню бесплатных руководств.

Если вы готовы серьезно заняться Photoshop, посмотрите наши полные курсы здесь

PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>

(Я публиковал забавные сообщения в Instagram и Facebook Истории за последнее время)

Рад видеть вас здесь, в CAFE,

Колин

Вы можете получить мою бесплатную электронную книгу о режимах наложения слоев здесь

Если вам нравятся эти техники, и вы хотели бы глубже погрузиться в Photoshop, Я только что начал углубленный курс Photoshop.Он называется «Секреты Photoshop: Photoshop 2020 для цифровых фотографов». Ознакомьтесь с ним здесь

Тиснение в Photoshop — Ассоциация медицинских иллюстраторов

Если вы хотите создать или улучшить текстуры, Emboss Filter — удобный инструмент. Это позволяет иллюстратору последовательно и быстро создавать эффекты тиснения, бисера и гравировки на больших площадях. Тиснение работает путем определения областей с высокой контрастностью и добавления двух областей пикселей (белого и черного) на противоположных сторонах области с высокой контрастностью.Белый и темный цвета представляют собой светлые участки и тени на тисненой области и создают эффект.

Чтобы понять используемые концепции, давайте просто сделаем черную точку на пустом слое и нажмем «Тиснение» («Фильтр»> «Стилизация»> «Тиснение»). Мы можем видеть, что слой был отрендерен в средний серый цвет с подсветкой и тенями, отбрасываемыми на противоположных сторонах исходной точки. Установив для этого слоя значение Overlay, мы избавимся от среднего серого и позволим свету и тени перейти на нижележащие слои.Выражаясь языком Photoshop, функция наложения «экранирует» белые пиксели, «умножает» темные пиксели и делает все серые пиксели прозрачными.

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

Хорошо, если предположить, что теперь мы можем рисовать, размывать и тиснить отдельную группу пикселей, как описано выше, можно ли предположить, что мы можем рисовать, размывать и тиснить экран, полный их всех одновременно? Еще бы!

Рассмотрите этот набросок, разве не было бы хорошо, если бы мы могли тиснить все эти маленькие области, окруженные нашими линиями эскиза? В конце концов, мы уже знаем тип нечеткой черной точки, которая придаст нам тисненый вид, который нам нужен, верно? Итак, теперь проблема в следующем; как нарисовать нечеткие маленькие черные точки сразу в каждой маленькой форме?

Итак, делая выбор каждого пространства одновременно, изменяя это выделение (сужение, инвертирование, растушевку по мере необходимости), а затем используя это выделение, чтобы заполнить весь слой миллионом маленьких нечетких черных точек — мы можем подготовить Тиснение всего изображения одним махом.Круто, да? Вот как это делается.

Цветовой диапазон — это пункт меню Photoshop, который создает выборки на основе сходства группы пикселей (так что вы можете создать выделение, включающее только те пиксели, которые, например, были на 5–18 процентов черными. ). Мы собираемся использовать его, чтобы определить линии нашего эскиза и отделить их от белого листа бумаги, чтобы таким образом выделить все сразу. Довольно круто, да?

Для начала отключите все слои, кроме вашего эскиза, а затем снимите выделение (Select> Deselect).Теперь увеличьте масштаб до линий эскиза и щелкните самый темный пиксель, который вы видите. Теперь, удерживая нажатой клавишу Shift, продолжайте нажимать постепенно более светлые пиксели, пока не выберете большинство пикселей, которые составляют линии вашего эскиза. Нажмите OK, и Color range создаст выделение из этих пикселей. В идеале вам нужен набор марширующих муравьев, который идеально окружает все маленькие участки, которые вы хотите создать.

Правильная работа Color Range — сложная задача, и вам, возможно, придется несколько раз отменить выбор и начать заново, прежде чем вы получите именно то, что хотите.(СОВЕТ: если у вас нет правильного выбора, попробуйте выбрать более широкий или более узкий диапазон пикселей). Затем мы расширим это выделение (Select> Modify> Expand), пока оно не достигнет примерно половины расстояния до центра точки (или того места, где вы ожидаете поставить точку).

Теперь вам нужно растушевать выделение примерно на ту же величину, на которую оно было расширено. (Обычно я предпочитаю, чтобы маленькая нечеткая черная точка почти доходила до линий эскиза). Используйте быструю маску (нажмите «Q»), чтобы проверять выделение по мере продвижения.Теперь возьмите инверсию и залейте ее 100% черным цветом и «Виола!». Теперь у нас есть миллиард нечетких маленьких черных точек, которые мы можем выдавить, как описано выше.

Устранение неисправностей фильтра Emboss:

Активен ли выбор при попытке тиснения?
Снимите выделение и повторите попытку.

Установлен ли тисненый слой на «Overlay»?
На палитре «Слои» найдите раскрывающееся меню и установите для него значение «Наложение».

Находится ли тисненый слой поверх относительно темного фона?
Так и должно быть.

У вас есть «Innie или Outie»? ”
Если предполагается, что пиксели на слое выглядят так, как будто они подняты над холстом, свет должен быть вверху слева, а тень — внизу слева, и наоборот. Вы можете установить это в диалоговом окне «Тиснение» — ищите круглый

Сделало ли тиснение исходное изображение более плоским, чем оно было в начале?
Попробуйте использовать кисть с мягкими краями и «стереть» тисненые пиксели по всем краям.Сделайте самый сильный эффект в центре интереса и заставьте его постепенно исчезать по направлению к краям.

Если у вас возникли проблемы с использованием цветового диапазона, это может быть ваш эскиз.
Color Range лучше всего работает с «чистым» линейным наброском на ярко-белой бумаге. Чистый графитовый набросок на бумаге для маркеров работает хорошо, а размазанный на кальке часто — нет.

Тиснение может дать впечатляющие результаты и обычно лучше всего, когда эффект незначительный, поэтому будьте осторожны с диалоговым окном.Не устанавливайте оба параметра на максимум. Если вы хотите усилить эффект, слегка тисните что-нибудь, затем продублируйте слой с тиснением, а затем размывайте, маскируйте или смешивайте, чтобы заставить его вести себя.

Эффект все еще слишком силен? Не покрывает ли он слишком большую часть нижележащего слоя?
Попробуйте это Дважды щелкните значок слоя и используйте ползунки «Смешать, если» (удерживайте клавишу Option, чтобы разделить их и сфокусировать эффект), повозившись с этим, вы сможете «выпустить» определенные пиксели.

Биография

Эндрю Свифт, CMI, FAMI — единственный владелец Swift Illustration и главный креативный директор iso-FORM. Эндрю получил степень магистра медицинской иллюстрации в Медицинском колледже Джорджии в 1999 году. После окончания университета Эндрю работал доцентом в MCG с совместным назначением в отделении медицинской иллюстрации и отделении хирургии, отдел нейрохирургии. Эндрю был адъюнкт-профессором программы выпускников медицинских иллюстраций с 2000 по 2010 год.Эндрю был профессиональным членом Ассоциации медицинских иллюстраторов с 2000 года и был признан сертифицированным медицинским иллюстратором в 2002 году. Работа Эндрю в области иллюстраций завоевала множество наград, в том числе награду Ralph Sweet Member’s Choice Award, которую он выигрывал 3 раза.

Эффект тисненого прозрачного текста в Photoshop

	Холодный Эффект прозрачного текста в Photoshop® Часть первая

Из этого туториала Вы узнаете, как создать следующие эффект в Adobe® Photoshop:

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

В этом примере используется изображение 72 ppi с шрифтом 60 точек. Соответственно, если вы решите использовать более высокое разрешение изображение или шрифт большего размера, вам нужно будет отрегулировать некоторые характеристики. В этом случае я назову заметки где применимо.

Хотя я использовал Photoshop версии 5.5 для этого примера, обе версии 5.0 и 5.5 поддерживают редактируемые текстовые слои (текст, который можно изменить). Вы можете сделать учебник с версией 4.0, но текст нельзя будет редактировать один раз вы создаете его, потому что он будет растеризован (преобразован в пикселей).

1. В этом примере я выбрал изображение неба, потому что подумал это подходило для эффекта.Загрузите это в Photoshop нажав Файл> Открыть .

2. Щелкните в любом месте изображения с помощью инструмента «Текст». . В диалоговом окне выберите соответствующий жирный или черный шрифт. и размер пункта. Я использовал 60 пт Arial Black в этом пример. Выберите «Smooth» для сглаживания. настройки (обведены ниже).

3. Вот как должно выглядеть ваше изображение после создания текст.Не волнуйтесь, Photoshop создает текст на новый слой, чтобы он не повлиял на пиксели фона изображение.

4. В палитре слоев Cmd + Click (Mac®) / Ctrl + щелчок (Windows®) новый слой. Это создаст выделение в форме текста. Вы увидите указатель в виде руки с квадратом выделение, когда вы удерживаете клавишу-модификатор (Cmd или Ctrl) над слоем при нажатии.

5. Вот как будет выглядеть изображение с выделением в форме текста. Выбор будет определен шатром «марширующих муравьев».

6. Затем нажмите Выбрать> Сохранить выделение … . В диалоговом окне просто примите значения по умолчанию. Когда вы нажимаете «ОК» Photoshop сохранит выделение как новый канал (обведен).

Нажмите Продолжение здесь …

Урок по тиснению изображений в Photoshop

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

Что такое тиснение?

Изображение тиснится, когда выделенные части изображения поднимаются, а тени опускаются и одновременно переводятся в оттенки серого.

Какие изображения можно тиснить?

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

Тисненое изображение петунии

Удалить фон

Первый шаг — удалить фон и другие частичные пятна перед тиснением изображения.Возьмите инструмент «Волшебная палочка» и отрегулируйте допуск, пока он не захватит большую часть фона. Удерживая нажатой клавишу Shift, вы сможете выбрать другой раздел. На изображении петунии я использовал допуск 97%, потому что фон очень разнообразный.

Как только вы выделите большую часть фона, нажмите клавишу удаления. Продолжайте делать это, пока не останется ничего, кроме той части, которую вы хотите выдавить. Возможно, вам придется вручную стереть части фона с помощью ластика или инструментов Polygon Lasso Tools.Будьте осторожны, не сотрите часть изображения, на котором хотите создать тиснение. При необходимости увеличьте увеличение. Сохраните изображение.

Фон удален

Изображение петунии шероховатое по краям, края необходимо сгладить. Уменьшите допуск до 1 и снова выделите его с помощью волшебной палочки, но на этот раз перейдите к выделению / растушевке и введите 3 пикселя в диалоговом окне, а затем нажмите удалить. Теперь ваше изображение должно иметь гладкие края (отмените действие и попробуйте другой параметр, если он не выглядит правильным).Сохраните изображение.

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

Тиснение изображения

Откройте изображение в режиме RBG. Перейдите в меню «Фильтр» и выберите «Стилизация / Тиснение». Это изменит изображение на уродливый серый цвет. Отрегулируйте ползунки по высоте и углу, затем сохраните изображение (мы изменим цвет на следующем шаге).Это изображение было сохранено на высоте 3 пикселя с непрозрачностью 62%, поэтому его можно использовать в качестве фонового изображения (для большей детализации увеличьте непрозрачность). Сохраните изображение.

Регулировка цвета

Чтобы изменить серый цвет на более приятный, перейдите в «Улучшить / Настроить цвет», затем выберите «Настроить оттенок / насыщенность». Нажмите на опцию Colorize. Переместите ползунок «Оттенок», чтобы выбрать цвет (розовый, синий и т. Д.), И ползунок «Насыщенность» для оттенков серого, а для осветления или затемнения изображения переместите ползунок «Яркость». Сделайте его по-настоящему легким, если хотите использовать его в качестве фонового заголовка.Сохраните изображение.

Фоновая плитка с тиснением

Тисненая книга

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

Рельефный кои
Рельефные молящиеся руки

Тисненые логотипы:

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

Лори Элдридж
Авторские права © 12 ноября 2006 г. — Обновлено 1-13-19
Все права защищены.

---

Другие уроки Photoshop

Градиентные фоны

Текстурированные фоны

Кромки со скругленными краями

Как создать эффект тиснения кожи в Photoshop

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

Но прежде чем мы начнем, и если вы хотите следовать этому руководству в точности, как описано, загрузите следующее бесплатное изображение с Pexels: Загрузить.

Шаг 1

Откройте фоновое изображение кожи в Photoshop.

Шаг 2

Выберите «Файл»> «Поместить встроенный». Найдите свой файл дизайна на своем компьютере и нажмите «Поместить».

Шаг 3

Выделив слой дизайна, перейдите в Filter> Distort> Ripple. Установите количество на 50%, размер на маленький и нажмите ОК.

Шаг 4

Перейдите в Фильтр> Размытие> Размытие по Гауссу. Установите Радиус на 1 и нажмите ОК.

Шаг 5

Установите для слоя «Заливку» значение 0%.

Шаг 6

Нажмите Ctrl + J на ​​клавиатуре 3 раза, чтобы сделать 3 копии вашего дизайна и переименовать слои в 1, 2, 3 и 4.

Шаг 7

Выберите Layer 4, перейдите в Layer> Layer Style> Inner Glow и примените следующие настройки.

Шаг 8

Отметьте опцию Color Overlay и примените следующие настройки.

Шаг 9

Отметьте опцию Drop Shadow, примените следующие настройки и нажмите OK.

Шаг 10

Выберите Layer 3, перейдите в Layer> Layer Style> Bevel & Emboss и примените следующие настройки.
Примечание. В области «Контур глянца» обязательно выберите форму «Конус» в раскрывающемся меню эскизов.

Шаг 11

Проверьте контур и примените следующие настройки.
Примечание. Убедитесь, что в поле «Контур» выбрана форма «Полукруглая» в раскрывающемся меню эскизов.

Шаг 12

Отметьте опцию Inner Shadow, примените следующие настройки и нажмите OK.

Шаг 13

Выберите Layer 2, перейдите в Layer> Layer Style> Bevel & Emboss и примените следующие настройки.
Примечание. Убедитесь, что в области «Контур глянца» выбрана форма «Линейная» в раскрывающемся меню эскизов.

Шаг 14

Отметьте опцию Drop Shadow, примените следующие настройки и нажмите OK.
Примечание. В разделе «Контур» обязательно выберите фигуру «Скругленные ступени» в раскрывающемся меню эскизов.

Шаг 15

Выберите Layer 1, перейдите в Layer> Layer Style> Drop Shadow. Примените следующие настройки и нажмите ОК.

Шаг 16

Выделив Layer 1, перейдите в Layer> Layer Mask> Reveal All.

Шаг 17

Выберите инструмент «Градиент» (G) и убедитесь, что цвет переднего плана установлен на белый, а цвет фона — на черный.

Шаг 18

Наконец, выберите градиент от переднего плана к фону на верхней панели инструментов. Щелкните и перетащите по холсту, следуя направлению света (в данном случае около 145 градусов).