Bevel and emboss в фотошопе: Перевод Layer Style — Bevel & Emboss — Texture (Стиль слоя — Тиснение

Содержание

Иллюстрированный самоучитель по Adobe Photoshop 6 › Эффекты и размещение слоев в Photoshop › Эффект скоса и рельефа [страница — 141] | Самоучители по графическим программам

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

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

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

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

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

Рис. 5.23, а) Тип рельефа: Inner Bevel (a), Outer Bevel (б), Emboss (в), Pillow Emboss (г)

Рис. 5.23, б)

Рис. 5.23, в)

Рис. 5.23, г)

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите

CTRL + Enter, чтобы сообщить об этом редактору.

Плагин для создания объема в фотошопе (bevel and emboss) — уроки фотошоп

Имитируем объём и глубину

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

Необходимо определить с помощью параметра Стиль (Style), что мы будем делать – скос или рельеф и какой именно.
Стиль (Style) – с помощью этого параметра определяется тип объёма.

Внешний скос (Outer Bevel) – получится как бы приподнятая плоская фигура, скос будет наружу по границе объектов.

Внутренний скос (Inner Bevel) – эффект будет создавать выпуклую объёмную фигуру.
Тиснение (Emboss) – делает изображение выпуклым, совмещая в себе два предыдущих.
Обводящее тиснение (Pillow Emboss) – вдавливает обрабатываемый объект в фон.

Контурное тиснение (Stroke Emboss) – рельефным становится не сам объект, а его обводка.

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

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

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

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

Размер (Size) –

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

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

Перетащите перекрестие к центру, чтобы переместить источник освещения непосредственно наверх – значение 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) используется для установки тех же параметров, но для затененной части скоса.

Colorbox — цветовые окна, определяют цвет тени, свечения или подсветки, верхнее задаёт оттенок для света, нижнее – для тени.

Вы можете щелкнуть на поле цвета, чтобы выбрать цвет, также вы можете управлять степенью непрозрачности (о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) — используйте эту опцию, чтобы корректировать позицию и размер контура в пределах поперечного сечения скоса. Меньшие значения диапазона соответствуют меньшему размеру теневого контура.

Используйте флажок Угол (Corner), если требуется «угловой» перегиб линии, или сбросьте его в случае, когда перегиб должен быть плавным. Сохраните новый контур щелчком на кнопке ОК.

С помощью параметра Текстура (Texture) можно без труда добавить в объём любой образец текстуры и получить интересный результат.

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

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

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

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

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

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

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

Источник: https://Photoshop-master.ru/articles/basics_a/imitiruem-obym-i-glubinu.html

Иллюстрированный самоучитель по Adobe Photoshop CS2

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

В разделе Structure мы создаем структуру нашего псевдообъема. В выпадающем меню Style мы выбираем вид объемного эффекта. На этом мы остановимся через пару абзацев. На текущий момент (по умолчанию) задается эффект Inner Bevel.

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

На слое создайте круглое выделение, залейте его цветом. Теперь выделение можно снять. Применим эффект Inner Bevel (Для этого просто установим флажок напротив стиля Bevel and Emboss). По краю изображения появилась кромка.

Размер кромки регулируется параметром Size. Параметр Depth – управляет визуальной глубиной эффекта, чем он больше, тем глубже (выпуклее) кажется изображение и резче граница кромки.

Direction – это управление освещением – Up – подсветка направлена сверху, Down – подсветка направлена снизу.

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

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

Для этого Photoshop имеет удобную интерактивную настройку в виде окружности в центре которой находится объект, в внутри окружности, в виде точки, указывается источник освещения.

Кромке можно придать эффект металлического блеска при помощи выпадающего меню Gloss Countor.

Эффект объема достигается путем «засвечивания» как бы освещенных поверхностей изображения и «затемнения» теневых фрагментов кромки.

Засвеченные участки (участки содержащие светлые тона) называют Hightlights а затененные участки называют Shadows.

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

Вернемся к выпадающему меню Style и рассмотрим вариант под названием Outer Bevel. Этот эффект управляется точно также как и Inner Bevel.

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

Эффект Outer Bevel создается в расчете на то, что под нашим слоем находится другой слой, на фоне которого будет заметно действие эффекта.

Следующий стиль в выпадающем меню Style – Emboss (Барельеф). По сути это и есть подражание барельефу.

Стиль Pillow Emboss создает эффект прорези вокруг изображения.

Стиль Stroke Emboss работает только в паре с стилем Stroke (это тоже самое,что и действие команды Stroke для выделений, но только динамически изменяемое).

В качестве дополнительных средств этих эффектов слоя используются настройки Countor (разные виды создания кромки) и Texture.

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

Для выбора текстуры к вашим услугам выпадающее меню с иконками текстур и несколько «рычагов» управления текстурами. Параметр Scale управляет размером минимального «кирпичика» текстуры.

Параметр Depth это глубина (или объем) текстуры. Дело в том, что текстура имеет также эффект объема.

Источник: http://samoychiteli.ru/document40331.html

Layer Effects — эффекты слоя в GIMP

Здравствуйте уважаемые читатели блога GimpArt.org. Рад представить вашему вниманию обзор наверно самого «золотого» дополнения к графическому редактору GIMP под названием Layer Effects (эффекты слоя в GIMP).

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

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

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

И вот, в сегодняшнем уроке вы увидите те удивительные и необыкновенные чудеса, которые продемонстрирует этот плагин. Но для начала давайте немного поясним, что это за фрукт — Layer Effects.

Что же такое эффекты слоев?

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

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

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

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

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

Как говорится, за «плюшки» и сервис нужно платить )), гимп же полностью бесплатная программа. И в нем не всегда все гладко. Хотя и вышла однооконная версия редактора, до сих пор многих фишек старшего собрата по цеху ему не хватает.

Так встанем же на сторону правды и поможем нашему редактору обрести невиданную до этого силу с помощью установки дополнительного расширения Layer Effects, которое поможет воссоздать, хоть и отдаленно, те самые любимые эффекты слоев «Как в Photoshop».

Дамы и господа, встречайте поистине уникальное дополнение для GIMP:

Layer Effects представляет собой небольшой скрипт, доступный для скачивания в двух версиях с расширением *scm и *py — Script-Fu и Python версия соответсвенно.

SCM – это версия обычного скрипта для гимпа написанного на специальном языке Script-FU. А вот версия с расширением *py, это скрипт создан на более продвинутом языке программирования Python. Получивший в русском языке название – Питон.

Функционально они не чем не отличаются, но вот в использовании скрипта питона эффекта слоев есть небольшие отличия.

Как я уже говорил ранее, у скриптов Python есть огромный плюс по сравнению с версией Script-Fu – это привью (предпросмотр в реальном времени) того или иного эффекта до его применения к текущему слою.

Согласитесь, это же намного лучше, чем вы на бум лазорева будете щелкать настройки скрипта scm? а потом отменять их с помощью «ctrl+z», а затем снова подбирать параметры методом научного тыка.

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

В конце статьи вы увидите следующий слайд

Нажмите по нужной версии скрипта (под надписью «Attachment»), чтобы скачать скрипт себе на компьютер.

Но, на всякий случай я продублировал ссылки на скачивание, если у вас не получится скачать скрипт с официальнго сайта.

Теперь поговорим про установку дополнений в Gimp. С версией скрипта scm все просто его достаточно скачать и скопировать в папку скриптов gimp. Более подробно об этом вы можете прочитать в этих уроках:

1) Как установить скрипты в GIMP?

2) Установка дополнений в GIMP

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

А как же за удовольствие нужно платить, а в чем же плата спросите вы? А том, что прежде необходимо установить поддержку языка Python в windows, а лишь после этого неограниченно использовать все возможности скриптов питон для графического редактора Gimp, о которых я буду рассказывать в новых статьях блога. Не пропустите, подписывайтесь на обновления.

Как установить поддержку языка Python в windows смотрите в этом уроке:

Как установить Python для GIMP 2.6 (Windows)

Для 2.8 думаю, что поддержка питона устанавливается аналогично. Но если что, пишите в комментариях, рассмотрим это вопрос вместе.

Надеюсь, вы справились с установкой Python и скрипта Layer Effects на ваш компьютер? Если что спрашивайте! А я продолжу. Ой, совсем забыл, после установки дополнения, я настоятельно рекомендую

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

Как запустить Layer Effects в GIMP?

После того как вы установили и перезапустили редактор, появится новый пункт меню под названием «Layer Effects»

Для версии скрипта Script – FU вы можете найти его здесь «Script – FU — Layer Effects»

А вот у тех, у кого получилось установить Python версии плагина, данный пункт меню появится аж в двух местах. Один вы сможете найти в меню «Слои — Layer Effects»

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

Как видите, здесь все на английском, но не пугайтесь, я все сейчас «с толком и остановкой» вам объясню, «что с чем едят»

1. Color Overlay (цветовое перекрытие)

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

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

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

И мне необходимо закрасить ее красным цветом. Для этого, в настройках выберу красный цвет и нажму ОК. Таким образом, у нас появится еще один дополнительный слой с моим текстом, но закрашенный красным цветом. Мы видим именно красный цвет, так как в настройках режима наложения у нас стоит пункт «Нормальный».

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

2.Gradient Overlay (градиентное перекрытие)

Продолжаем разбирать настройки плагина эффекта слоев и теперь рассмотрим следующий пункт под названием Gradient Overlay (градиентное перекрытие).

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

В качестве примера я использую изображение с параметрами 640×400. У меня есть белый фоновый слой и слой закрашенный красным цветом, к которому и применю Gradient Overlay. Посмотрите, что у меня получилось.

Как видите у меня создался новый слой с зелено-белым градиентом. Но граница градиента всего 1 пиксель и расположена строго по центру основного изображения, т. е. по оси координата равна 320 px, а по оси у-0.

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

Посмотрите, что у меня выйдет, если я увеличу зону перехода градиента до 200 px.

А вот что получится, если изменить тип градиента на «Spiral»:

Далее можно попробовать изменить направление градиента. Для этого следующего примера я установил угол 90 градусов и ширину зоны перехода градиента — 50.

Теперь изменим тип градиента на радиальный (Radial) и в поля введем координаты 320 и 0. Посмотрите что вышло из этого:

А теперь я изменю координату по оси у на 200.

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

А вот какая интересная получится картинка, если поставить следующие настройки

3.Pattern Overlay (текстурное перекрытие)

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

4.Drop Shadow (отбрасываемая внешняя тень)

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

Я думаю, что тень слишком интенсивная. Давайте уменьшим непрозрачность слоя с тень до 25%.

Уже лучше. С непрозрачностью разобрались. Теперь для наглядности, я отодвину тень от слоя. Для этого я изменю дистанцию, на которой располагается тень, до значения – 50.

Тем самым мы отодвинули тень от слоя, к которому эту самую тень добавили. Теперь давайте поменяем угол тени на -120. Посмотрите, что получится.

Далее для примера, я увеличу значение интенсивности тени до 100.

Теперь посмотрите, как видоизменится тень, если увеличить размер (Size)

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

И наконец последний параметр «Noise» добавляет небольшой шум в создаваемую тень. Как работает данная настройка, проверьте сами, в качестве небольшого домашнего задания.

5.Inner Shadow (внутренняя тень)

Продолжаем полет. На этот раз данный параметр создает внутреннюю тень у объекта расположенного на слое. Все настройки очень схожи с настройками «Drop Shadow», так что основательно я не буду здесь разбирать повторяющиеся команды.

6.Outer Glow (внешнее свечение)

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

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

7.Inner Glow (внутреннее свечение)

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

8.Satin (Эффект атласа, глянца)

Следующий эффект под названием «Satin» добавляет некий эффект атласа или глянцевой блестящей стеклянной поверхности к объекту расположенному на слое. Таким образом создается своеобразный отблеск (стеклянный эффект).

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

9.Stroke (обводка)

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

А если отключить слой с исходным объектом( в моем случае — это слой с текстом Gimp зеленым цветом), то останется только слой с обводкой.

10.Bevel and emboss (фаска и рельеф)

Вот мы постепенно и подошли к завершающему параметру под названием Фаска и Рельеф, который позволяет применить к слою 4 различных стиля:

Outer bevel – Внешняя фаска
Inner bevel – Внутренняя фаска
Emboss — Рельеф
Pillow emboss – Рельф с подложкой

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

Посмотрите, что получится, если использовать настройки по умолчанию и менять лишь только стиль эффекта.

Outer bevel – Внешняя фаска

Inner bevel – Внутренняя фаска

Emboss — Рельеф

Pillow emboss – Рельф с подложкой

Кроме этого у каждого эффекта можно менять много других параметров.

11. Reaply Effects

Данная команда позволяет повторить последний эффект применимый к слою.

На этом урок про обзор дополнения gimp Layer Effects

Источник: https://www.gimpart.org/dopolneniya-k-gimp/layer-effects-effektyi-sloya-v-gimp

Stroke – диалоговое окно Photoshop Layer Styles

Стили слоя (layer styles) Photoshop являются популярным способом для добавления эффектов, таких как тени (drop shadows) и так называемая обводка/контур (strokes), без изменений самого слоя. При правильном знание и опыте, можно достичь практически любого эффекта.

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

В этой статье мы с вами разберемся с особенностями стиля слоя Photoshop – Stroke, и покажем вам, как раскрыть свой потенциал.

Как правильно добавить Stroke с помощью Photoshop Layer Styles

Использование Stroke

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

Диалоговое окно Layer Styles – Stroke

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

Есть несколько трюков когда мы применяем Stroke эффект. Давайте выясним, какие же они.

Size / Размер

Ползунок ‘размеры’ просто устанавливает ширину вашего контура от 1px до 250px.

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

Position / положение

Position состоит из выпадающего списка вариантов, таких как – Outside, Inside, и Center (снаружи, внутри, и по центру). Этот параметр определяет выравнивание Вашей обводки относительно слоя и он применяется в следующих способах:

Снаружи: Ваш контур будет создан относительно края фигуры и будет расти наружу, дальше от объекта.

Внутри: Ваш контур будет создан относительно края фигуры и будет расти внутрь, к центру вашего объекта.

По центру: Ваш контур будет создан относительно края фигуры и будет расти как внутрь и наружу.

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

В следующем примере можно увидеть, чем позиция Inside отличается от Outside. Вы также заметите, что если Stroke установлен в Inside или Center, то часть контура, которая перекрывает оригинальную форму будет также приобретать эффекты, которые применяются к слою. В данном примере – небольшой скос и тиснение (Bevel & Emboss.).

Blend Mode / Режим наложения

Режим наложения / Blend Mode – позволяет задать режим наложения для вашего контура.

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

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

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

Opacity / непрозрачность

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

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

Совет: Если вы установите ползунок непрозрачности до 0%, то она будет действовать в качестве маски и скрыть области слоя где она применяется.

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

Fill Type / тип заливки

Тип заливки позволяет вам контролировать то, чем заполнить ваш Stroke.

Это может быть цвет, градиент, или даже Pattern.

Каждый выбор дает нам дополнительные опции:

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

Saving and Loading Default Settings

Вы можете сохранять и загружать настройки по умолчанию для каждого эффекта в диалоговом окне Layer Styles. Нажав на кнопку “Использовать по умолчанию”, Photoshop будет хранить все настройки активные в настоящее время, как новые по умолчанию для этого эффекта.

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

На посошок

Здесь вы можете попробовать один из вариантов применения эффекта Stroke. Файл PSD покажет вам, как объединить Stroke эффект с другими параметрами для создания классного стиля взрыва в комиксах. Будет очень здорово, если вы поделитесь своими вариантами настроек, дающих оригинальные эффекты!

Источник: http://labdes.ru/stroke-photoshop-layer-styles

Текст из полированного мрамора

Главная » Уроки фотошоп» Работа с текстом в Фотошоп

12.11.2012, 00:59

В этом несложном, даже для новичков, уроке придадим тексту эффект полированного мрамора .Работа создавалась в программе Photoshop CS 6 Portable.Результат:Для урока потребуется следующее:Черная текстураГрадиентыШрифт PiximisaПриступим:

Шаг 1

Создаём новый документ (Ctrl + N) размером 1600 x 1200 пикселей. Активируем инструмент Градиент (Gradient Tool) — Радиальный (Radial) и устанавливаем в Редакторе градиентов следующие цвета :Затем зажав курсор в центре документа перетаскиваем его к одному из углов.Результат:Открываем черную текстуру в фотошоп, и перемещаем её при помощи инструмента Перемещение (Move) в наш документ, затем изменяем Режим наложения слоёв (Blend Mode) на Перекрытие (Overlay):Переходим к Изображение- Коррекция- Уровни (Image- Adjustments- Levels) и меняем значение гаммы до 1,90:Пишем текст цветом #7c7c7c и размером 400пт. (В уроке использовался Шрифт Piximisa). Продублируем текстовый слой (Ctrl + J) два раза. Затем изменим Заливку (Fill) последней копии текстового слоя до 0%.

Шаг 2

Поработаем в этом шаге над Стилями слоя. Дважды щелкнув на оригинальном текстовом слое, откроем панель Стилей слоя (Layer Style):Тиснение (Bevel and Emboss):Контур (Contour):Предлагаю создать новый контур (кликните по иконке контура и в открывшемся окне подкорректируйте линии контура как на скрине — назовём его «Асимметричный конус»)Обводка (Stroke):Выбираем из архива скачанных градиентов файл Goldmedal.grd — градиент «Gold Label 55z»Тень (Drop Shadow):Получился прекрасный гладкий контур для текста:

Шаг 3

Займёмся внутренней частью текста. Дважды кликаем на первой копии текстового слоя, чтобы применить следующие Стили слоя (Layer Style):Тиснение (Bevel and Emboss):Контур (Contour):Внутреннее свечение (Inner Glow):Используем градиент «CSP Agate Gradient XV» из файла CSP Agate Gradients.grd.Тень (Drop Shadow):После использования обычных стандартных стилей для Photoshop (без использования различных фильтров), наш текст уже начинает приобретать нужный вид. Вы можете, при желании, поэксперементировать с другими градиентами :

Шаг 4

Далее дважды кликаем по второй копии текстового слоя и применяем следующие Стили слоя (Layer Style):Тиснение (Bevel and Emboss):Используем, ранее созданный Контур глянца «Асимметричный конус»Контур (Contour):Смотрим результатец:Неплохо, но не то. Создаём новый слой (Ctrl + Shift + N или нажатием по сответсствующей иконке) между первым и вторым дубликатом текстового слоя. Назовём его «Текстура». Цвет переднего планаустановите#213926 и цвет фона #cbb99d:Ctrl + клик по значку текстового слоя, чтобы создать выделение:Переходим в Фильтр- Рендеринг- Облака (Filter- Render- Clouds). Жмём ОК. Снимаем выделение — Ctrl + D:Далее переходим Фильтр- Галерея фильтров- Имитация- Очерченные края (Filter- Filter Gallery- Artistic- Poster Edges) и меняем значения, как показано ниже:Ещё раз переходим в Фильтр- Галерея фильтров- Имитация- Губка (Filter- Filter Gallery- Artistic- Sponge), устанавливаем следующие значения:Устанавливаем Режим наложения наложения слоёв (Blend Mode) слоя «Текстура» на Перекрытие (Overlay):

Источник: https://photoshoplesson.ru/load/uroki_fotoshop/rabota_s_tekstom_v_photoshop/tekst_iz_polirovannogo_mramora/2-1-0-167

Элегантный глянцевый типографический эффект в Photoshop

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

Исходники

Загрузите контуры

Нам понадобятся некоторые контуры для стилей слоя. Чтобы загрузить необходимые контуры, в меню найдите Edit -> Preset Manager/Редактировать>Управление наборами, и выберите Contours/Контуры в выпадающем меню.

Кликните по маленькой стрелочке в правом верхнем углу и выберите Contours/Контуры.

Кликните Append/Добавить, чтобы добавить контуров.

Шаг 1

Создайте новый документ размером 1250 x 825 px. Выставите первым цветом #473f56, а фоновым — #241c31. Возьмите инструмент Gradient/Градиент, выберите радиальный градиент от первого цвета к фоновому в панели настроек. Растяните градиент от центра к углу. Дублируйте фоновый слой.

Кликните дважды по копии фонового слоя и примените стиль слоя Pattern Overlay/Перекрытие узора. Настройте параметры как показано ниже и выберите паттерн из исходников.

Вот что должно получиться.

Шаг 2

Создайте текст, используя шрифт Sofia, цвет #3c3689, и размер шрифта 350 pt.

Кликните дважды по иконке слоя, чтобы применить к нему следующие стили слоя:
Bevel and Emboss/Тиснение

Contour/Контур

Stroke/Обводка
Используйте градиент “Chrome Bar 135″ из файла “RS_Chrome.grd”.

Inner Shadow/Внутренняя тень

Inner Glow/Внутреннее свечение
Используйте градиент “stove pipe 85-L” из файла “RS_Chrome.grd”.

Drop Shadow/Тень

Вот что должно получиться:

Шаг 3

Кликните правой кнопкой мыши по слою с текстом и выберите Create Work Path/Создать рабочий контур, теперь возьмите инструмент Brush/Кисть.

Откройте палитру Brush/Кисть и выберите круглую кисть размером 30px. Настройте ее как показано ниже:

Brush Tip Shape/Форма отпечатка кисти

Shape Dynamics/Динамика формы

Transfer/Передача

Установите в качестве первого цвета #d7d7d7, создайте новый слой под слоем с текстом и назовите его “Stroke”, затем нажмите клавишу Enter/Return, чтобы выполнить заливку по контуру.
Возьмите инструмент Direct Selection/Прямое выделение (A) и вновь нажмите Enter/Return, чтобы избавиться от контура.

Шаг 4

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

Bevel and Emboss/Тиснение

Contour/Контур

Inner Glow/Внутреннее свечение
Цвет: #ededed

Gradient Overlay/Перекрытие градиента
Используйте градиент “Chrome Bar 145″ из файла «RS_Chrome.grd».

Drop Shadow/Тень

Вот что получится:

Шаг 5

Создайте новый слой поверх всех остальных слоев и назовите его “Glow”. Укажите этому слою Blend Mode/Режим наложения Vivid Light/Яркий свет. Затем выберите в качестве первого цвета #d7d7d7, возьмите мягкую круглую кисть размером в 30 px и рисуйте небольшие вспышки на светлых частях текста.

Можете также добавить тонкую подпись шрифтом ZnikomitNo24 размера 70 pt и цвета #acb0b6.

Кликните дважды по слою с подписью, чтобы применить к нему стиль слоя Gradient Overlay/Перекрытие градиента. Выберите градиент “Aluminum 5″ из файла “CHROMES.grd ”.

Вот что получится:

Шаг 6

В палитре Layers/Слои Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку. Выберите вариант Gradient/Градиент.

Выберите градиент от прозрачного к непрозрачному, от цвета #4c435d к #272727. Настройте его как показано ниже. Затем измените для этого слоя Blend Mode/Режим наложения на Soft Light/Мягкий свет.

Результат

Автор урока planetphotoshop

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

Смотрите также:

Источник: http://www.dejurka.ru/tutorial/elegant-glossy-text-effect/

Ýôôåêò Bevel and Emboss

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

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

Применим эффект Inner Bevel (Для этого просто установим флажок напротив стиля Bevel and Emboss). По краю изображения появилась кромка. Размер кромки регулируется параметром Size. Параметр Depth — управляет визуальной глубиной эффекта, чем он больше, тем глубже (выпуклее) кажется изображение и резче граница кромки.

Direction — это управление освещением — Up — подсветка направлена сверху, Down — подсветка направлена снизу.

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

Для этого Photoshop имеет удобную интерактивную настроечку в виде окружности в центре которой находится объект, в внутри окружности, в виде точки, указывается источник освещения.

Кромке можно придать эффект металлического блеска при помощи выпадающего меню Gloss Countor.

Эффект объёма достигается путём «засвечивания» как бы освещённых поверхностей изображения и «затемнения» теневых фрагментов кромки.

Засвеченные участки (участки содержащие светлые тона) называют Hightlights а затенённые участки называют Shadows. Соответственно при формировании кромки для Hightlights используются свои настройки, а для кромки Shadows свои.

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

Вернёмся к выпадающему меню Style и рассмотрим вариант под названием Outer Bevel. Этот эффект управляется точно также как и Inner Bevel.

Разница заключается в том, что Inner Bevel даёт визуальный эффект выпуклости изображения на слое, а эффект Outer Bevel иммитирует вогнутость изображения на слое.

Эффект Outer Bevel создаётся в расчёте на то, что под нашим слоем находится другой слой, на фоне которого будет заметно действие эффекта.

Следующий стиль в выпадающем меню Style — Emboss (Барельеф). По сути это и есть подражание барельефу.

Стиль Pillow Emboss создаёт эффект прорези вокруг изображения.

Стиль Stroke Emboss работает только в паре с стилем Stroke (это тоже самое,что и действие команды Stroke для выделений, но только динамически изменяемое).

В качестве дополнительных средств этих эффектов слоя используются настройки Countor (разные виды создания кромки) и Texture.

Для выбора текстуры к вашим услугам выпадающее меню с иконками текстур и несколько «рычагов» управления текстурами. Параметр Scale управляет размером минимального «кирпичека» текстуры.

Параметр Depth это глубина (или объём) текстуры. Дело в том, что текстура имеет также эффект объёма.

Источник: http://cs2photoshop.narod.ru/new_item58.htm

Adobe Photoshop CS2 manual RUS

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

В разделе Structure мы создаём структуру нашего псевдообъёма. В выпадающем меню Style мы выбираем вид объёмного эффекта. На этом мы остановимся через пару абзацев. На текущий момент (по умолчанию) задаётся эффект Inner Bevel. Этот эффект создаёт кромку вокруг изображения на слое, используя для этого «внутреннею часть» изображения. Т.е. само изображение на слое в размерах не меняется, кромка появляется за счёт краевой части изображения. Давайте опробуем на примере этот эффект. Создате новое изображение с прозрачным слоем. На слое создайте круглое выделение, залейте его цветом. Теперь выделение можно снять. Применим эффект Inner Bevel (Для этого просто установим флажок напротив стиля Bevel and Emboss). По краю изображения появилась кромка. Размер кромки регулируется параметром Size. Параметр Depth - управляет визуальной глубиной эффекта, чем он больше, тем глубже (выпуклее) кажется изображение и резче граница кромки. Direction — это управление освещением — Up - подсветка направлена сверху, Down - подсветка направлена снизу.

Раздел Shading предназначен для настройки света и тени. На подобии эффекта тени мы можем указать направление освещения, а кроме этого расстояние от источника света до изображения. Для этого Photoshop имеет удобную интерактивную настроечку в виде окружности в центре которой находится объект, в внутри окружности, в виде точки, указывается источник освещения. Кромке можно придать эффект металлического блеска при помощи выпадающего меню Gloss Countor.

Эффект объёма достигается путём «засвечивания» как бы освещённых поверхностей изображения и «затемнения» теневых фрагментов кромки. Засвеченные участки (участки содержащие светлые тона) называют Hightlights а затенённые участки называют Shadows. Соответственно при формировании кромки для Hightlights используются свои настройки, а для кромки Shadows свои. Все эти настройки заключаются в выборе режима наложения и прозрачности для каждого вида участков.

Вернёмся к выпадающему меню Style и рассмотрим вариант под названием Outer Bevel. Этот эффект управляется точно также как и Inner Bevel. Разница заключается в том, что Inner Bevel даёт визуальный эффект выпуклости изображения на слое, а эффект Outer Bevel иммитирует вогнутость изображения на слое. Эффект Outer Bevel создаётся в расчёте на то, что под нашим слоем находится другой слой, на фоне которого будет заметно действие эффекта.

Следующий стиль в выпадающем меню Style — Emboss (Барельеф). По сути это и есть подражание барельефу.

Стиль Pillow Emboss создаёт эффект прорези вокруг изображения.

В качестве дополнительных средств этих эффектов слоя используются настройки Countor (разные виды создания кромки) и Texture.

Изображение можно залить выбранной Вами текстурой из набора стандартных текстур или своими собственными текстурами. Для выбора текстуры к вашим услугам выпадающее меню с иконками текстур и несколько «рычагов» управления текстурами. Параметр Scale управляет размером минимального «кирпичека» текстуры. Параметр Depth это глубина (или объём) текстуры. Дело в том, что текстура имеет также эффект объёма.

Создать золотой текстовый эффект в Photoshop CC и CS6

В этом уроке по текстовым эффектам мы узнаем, как легко превратить текст в золото с помощью Photoshop! Чтобы создать эффект, мы будем использовать стили слоя Photoshop и создадим наш собственный градиент золотистого цвета. Мы даже добавим несколько блесток к тексту, используя одну из кистей Photoshop, чтобы наши золотые буквы действительно сияли. Я буду использовать Photoshop CC, но каждый шаг полностью совместим с Photoshop CS6 и более ранними версиями Photoshop.

Вот как будет выглядеть наш золотой текст, когда мы закончим:

Конечный результат.

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

Как создать золотой текст с помощью Photoshop

Шаг 1: создайте новый документ Photoshop

Давайте начнем с создания нового документа Photoshop. Перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :

Идем в Файл> Новый.

Откроется диалоговое окно «Новый документ». Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна, а в Photoshop CS6 вы увидите более старую традиционную версию . Мы рассмотрим обе версии диалогового окна, начиная с версии CC.

Для пользователей Photoshop CC, в Предустановленная Подробность панели расположенной справа, установите ширину вашего документа 1600 пикселей и высоту до 800 пикселей . Установите разрешение до 72 точек / дюйм , а затем нажмите Создать кнопку. Новый документ, заполненный белым цветом, появится на вашем экране:

Создание нового документа с использованием панели «Детали предустановки» в Photoshop CC.

Для пользователей Photoshop CS6 введите те же размеры ( 1600 пикселей для ширины и 800 пикселей для высоты ) в диалоговом окне. Установите для параметра « Разрешение» значение 72 пикселя / дюйм , а затем нажмите кнопку « ОК» . Новый белый документ появится на вашем экране:

Создание документа того же размера в Photoshop CS6.

Смотрите видео и делитесь своими комментариями на нашем канале YouTube!

Шаг 2: Заполните новый документ черным

Чтобы наши золотые буквы действительно выделялись, давайте изменим цвет фона документа с белого на черный. Для этого мы воспользуемся командой Photoshop Fill. Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Выбор команды Fill из меню Edit.

Это открывает диалоговое окно Fill. Установите для параметра « Содержание» в верхней части значение « Черный» (в Photoshop CS6 установите для параметра « Использование» значение «Черный»). Затем вниз в нижней части диалогового окна, убедитесь , что режим и параметры непрозрачности устанавливаются по умолчанию, с Mode установлен в Normal и Opacity на 100% . Нажмите OK, чтобы закрыть диалоговое окно Fill:

Установите для параметра Содержание (CC) / Использовать (CS6) значение Черный.

Фотошоп заполняет документ черным:

Документ Photoshop после заполнения его черным.

Шаг 3: Выберите инструмент Type

Мы готовы добавить наш текст. Выберите инструмент « Текст» на панели инструментов в левой части экрана. Вы также можете выбрать Type Tool, нажав на клавиатуре букву T :

Выбор инструмента «Текст».

Шаг 4: выбери свой шрифт

Выберите инструмент «Текст» и выберите свой шрифт на панели параметров в верхней части экрана. В этом уроке я сделаю все просто и использую Times New Roman Bold , но вы можете использовать любой понравившийся шрифт. После того, как вы выбрали шрифт, установите размер шрифта на 72 пункта . Мы изменим размер шрифта через мгновение, но это даст нам самый большой заданный размер:

Выберите шрифт и установите размер 72 пт.

Шаг 5: установите цвет шрифта на белый

Далее мы установим наш цвет шрифта на белый, чтобы его было легко увидеть на черном фоне. Чтобы изменить цвет шрифта, щелкните образец цвета на панели параметров:

Нажмите образец, чтобы изменить цвет шрифта.

Это открывает палитру цветов . Выберите белый , установив значения R , G и B (обозначающие красный, зеленый и синий) для каждого по 255 . Затем нажмите кнопку ОК, чтобы закрыть палитру цветов:

Изменение цвета шрифта на белый в палитре цветов.

Шаг 6: добавь свой текст

Когда у вас в руках инструмент «Текст», ваш шрифт выбран, а цвет шрифта — белый, щелкните внутри документа и введите свой текст. Я наберу слово «ЗОЛОТО». Опять же, пока не беспокойтесь о размере текста, потому что мы изменим его размер через минуту:

Добавление текста в документ.

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

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

Шаг 7: измените размер текста

Теперь, когда мы добавили текст, давайте изменим его размер с помощью команды « Свободное преобразование» в Photoshop . Поднимитесь в меню Edit в верхней части экрана и выберите Free Transform . Вы также можете выбрать Free Transform с клавиатуры, нажав Ctrl + T (Win) / Command + T (Mac):

Собираемся Правка> Свободное Преобразование.

Это помещает поле Free Transform и обрабатывает (маленькие квадраты) вокруг текста. Чтобы изменить его размер, нажмите и перетащите любой угловой маркер . Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы зафиксировать соотношение сторон букв, чтобы не искажать их формы. Когда вы довольны размером текста, отпустите кнопку мыши, а затем отпустите клавишу Shift.

Чтобы переместить текст в центр документа, щелкните внутри поля «Свободное преобразование» и перетащите текст на место. Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда вы закончите, чтобы принять новый размер шрифта и закрыть Free Transform:

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

Шаг 8: продублируйте текстовый слой

Если мы посмотрим на панель «Слои» , то увидим, что теперь у нас есть два слоя. Черный фон находится на фоновом слое , а наш текст на отдельном слое типа над ним:

Панель «Слои» показывает тип и фон отдельно друг от друга.

Нам нужно сделать копию нашего слоя Type. Нажмите и удерживайте слой «Текст» и перетащите его вниз на значок « Новый слой» в нижней части панели «Слои»:

Перетащите слой «Тип» на значок «Новый слой».

Когда вы отпустите кнопку мыши, Photoshop сделает копию слоя «Тип», назовет его «Золотая копия» и поместит над оригиналом:

Панель «Слои» теперь показывает копию слоя «Тип».

Очистите панель «Слои» в Photoshop с помощью этих важных советов!

Шаг 9: добавь стиль слоя «Gradient Overlay»

Чтобы превратить наш текст в золото, мы будем использовать стили слоев Photoshop. Выбрав слой «GOLD copy», щелкните значок « Стили слоев» (значок «fx») внизу панели «Слои»:

Нажав на значок Стили слоя.

Затем выберите Gradient Overlay из списка:

Выбор стиля слоя Gradient Overlay.

Шаг 10: отредактируйте градиент

Photoshop открывает диалоговое окно «Стиль слоя» с настройками наложения градиента в средней колонке. По умолчанию в Gradient Overlay используется градиент от серого к белому или от черного к белому в зависимости от используемой версии Photoshop. В любом случае нам нужно отредактировать градиент и выбрать цвета, которые выглядят более «золотыми». Чтобы изменить градиент, нажмите на панель предварительного просмотра градиента :

Нажав на панель предварительного просмотра градиента.

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

Дважды щелкните черный цвет в градиентном редакторе.

Это еще раз открывает палитру цветов . Я пробовал несколько цветов из фотографии золотой монеты. Чтобы использовать те же цвета, установите значение R в палитре цветов на 247 , значение G на 238 и значение B на 173 . Нажмите OK, когда вы закончите, чтобы закрыть палитру цветов:

Замена черного цвета в градиенте R: 247, G: 238, B: 173.

Вернувшись в Редактор градиентов, дважды щелкните на цветовом ограничителе под правой стороной градиента:

Дважды щелкнув по белому цвету, остановитесь в редакторе градиентов.

Когда Color Picker появится снова, установите значение R на 193 , значение G на 172 и значение B на 81 . Нажмите OK, когда вы закончите:

Замена белого цвета в градиенте R: 193, G: 172, B: 81.

Шаг 11: сохрани градиент как предустановку

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

Сохранение пользовательского градиента в качестве предустановки.

Photoshop добавляет миниатюру для градиента золота в области « Стили», чтобы мы могли быстро выбрать градиент в любое время, когда нам это нужно:

Photoshop добавляет миниатюру для нашей новой предустановки градиента золота.

Нажмите кнопку «ОК», чтобы закрыть редактор градиентов, но оставьте диалоговое окно «Стиль слоя» открытым. Ваш тип должен теперь выглядеть так:

Текст раскрашен новым Золотым градиентом.

Шаг 12: измени стиль градиента на «Отраженный»

В диалоговом окне Стиль слоя измените Стиль градиента с Линейный (настройка по умолчанию) на Отраженный :

Изменение параметра «Стиль» на «Отраженный».

Это переместит более темный золотой цвет к верхней и нижней части текста, оставляя более светлый цвет, проходящий через середину:

Эффект с градиентным стилем, установленным на Отраженный.

Шаг 13: добавь стиль слоя «Bevel And Emboss»

В левой части диалогового окна «Стиль слоя» находится список всех стилей слоя, из которых мы можем выбрать. Нажмите непосредственно на слова Bevel & Emboss в верхней части списка. Убедитесь, что вы нажимаете на сами слова, а не внутри флажка, иначе у вас не будет доступа к параметрам Bevel & Emboss:

Выбор стиля слоя Bevel & Emboss.

Шаг 14: поменяй технику на «Зубило хард»

Опции для Bevel & Emboss отображаются в средней колонке диалогового окна. Измените Технику с Гладкой на Твердую :

Меняем технику на Зубило Хард.

Шаг 15: поменяй контур блеска на «кольцо двойное»

Внизу в разделе «Затенение» нажмите маленькую стрелку справа от миниатюры « Блеск контура» (убедитесь, что вы щелкаете стрелку, а не миниатюру). Затем выберите Кольцо — Двойной контур, дважды щелкнув его миниатюру (третий слева, нижний ряд):

Нажав на стрелку «Контур блеска» и дважды щелкнув по «Кольцу», щелкните дважды.

Шаг 16: измени угол и включи сглаживание

Находясь в разделе «Затенение», установите угол на 120 ° , а затем, чтобы сгладить неровные края, включите параметр « Сглаживание» , установив флажок внутри его:

Установка угла на 120 ° и включение сглаживания.

Шаг 17: установите непрозрачность светлых участков и теней на 75%

Установите для обоих режимов Highlight Mode и Shadow Mode значение непрозрачности 75% :

Варианты непрозрачности режима подсветки и режима тени.

Вот эффект пока. Обратите внимание на то, как мы выглядим как буквы. Мы собираемся исправить это следующим образом:

Текст после наложения Bevel и Emboss.

Шаг 18: увеличь размер, чтобы заполнить буквы

Чтобы закрыть пространство внутри букв, увеличьте размер скоса и тиснения. Самый простой способ сделать это — сначала щелкнуть внутри поля Значение размера, чтобы сделать его активным. Затем с помощью клавиши со стрелкой вверх на клавиатуре медленно увеличивайте значение. Когда вы это сделаете, вы увидите, как буквы заполняются от внешних краев к центрам. Требуемое значение размера зависит от размера вашего текста. Для меня значение в 41 пиксель делает работу:

Увеличение значения размера.

И теперь, после увеличения значения Size, буквы хорошо заполнены, что делает их больше похожими на чистое золото:

Золотой текстовый эффект после увеличения значения размера.

Шаг 19: увеличьте глубину, чтобы усилить эффект освещения

Затем увеличьте значение глубины , перетащив его ползунок вправо. Это улучшит освещение и добавит больше контраста к отражению в письмах. Я установлю значение глубины на 170% :

Увеличение значения глубины.

И теперь наш эффект золотой буквы действительно начинает обретать форму:

Эффект после увеличения значения глубины.

Шаг 20: добавь стиль слоя «Inner Glow»

У нас есть еще один эффект, который нужно применить, прежде чем мы закроем диалоговое окно Layer Style. Нажмите непосредственно на слова Inner Glow в списке стилей слоя слева:

Выбор стиля слоя Inner Glow.

Параметры для Inner Glow отображаются в среднем столбце диалогового окна Layer Style. Сначала измените режим смешивания внутреннего свечения с экрана на « Умножение» , а затем установите непрозрачность на 50% :

Настройка режима наложения и непрозрачности стиля Inner Glow.

Измените цвет свечения, нажав на образец цвета :

Нажав на образец цвета.

В палитре цветов выберите оттенок апельсина, установив значение R в 232 , G в 128 и B в 31 (я выбрал этот цвет на фотографии из золотого кирпича). Затем нажмите «ОК», чтобы закрыть палитру цветов:

Выбор оранжевого цвета для Inner Glow.

Наконец, увеличивайте размер свечения, пока он полностью не заполнит буквы. В моем случае я установлю значение размера 75 пикселей:

Увеличьте значение размера.

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

Эффект золотой буквы после применения Inner Glow.

Шаг 21: выбери слой оригинального типа

Выберите оригинальный слой типа «Gold», щелкнув по нему на панели «Слои»:

Выбор исходного слоя типа.

Шаг 22: добавь инсульт

Давайте добавим штрих к типу. Щелкните значок « Стили слоев» в нижней части панели «Слои»:

Нажав на значок Стили слоя.

Затем выберите Stroke из списка:

Выбор стиля слоя Stroke.

Шаг 23: измени тип заполнения и выбери золотой градиент

Диалоговое окно «Стиль слоя» вновь открывается, на этот раз с параметрами обводки в среднем столбце. Измените Тип заливки обводки с Цвета на Градиент . Затем нажмите на маленькую стрелку справа от панели предварительного просмотра градиента . Откроется окно выбора градиента . Выберите «Золотой» градиент, который мы сохранили ранее, дважды щелкнув по его миниатюре:

Измените Тип заливки на Градиент, затем выберите свой «Золотой» пользовательский градиент.

Шаг 24: установи стиль, положение и размер обводки

Прямо под панелью предварительного просмотра градиента измените Стиль градиента с Линейный на Отраженный . Затем, в верхней части диалогового окна, установите Положение обводки на Снаружи , а затем увеличьте Размер примерно до 8 пикселей :

Измените параметры стиля, положения и размера.

И теперь у нас есть обводка вокруг текста, цвета которого совпадают с цветом самого текста:

Эффект после применения золотого градиента к обводке.

Шаг 25: примени «Bevel And Emboss» к инсульту

Нажмите непосредственно на слова Bevel & Emboss в верхней части списка стилей слева. На этот раз, вместо того, чтобы применять его к тексту, мы применим его к обводке:

Нажав на Bevel & Emboss.

Чтобы применить Bevel & Emboss к обводке, измените стиль с Inner Bevel на Stroke Emboss . Затем измените Technique на Chisel Hard и установите размер на тот же размер, который вы выбрали для обводки, который в моем случае был 8 пикселей :

Изменение параметров стиля, техники и размера.

Как и раньше, нажмите на маленькую стрелку справа от миниатюры « Блеск контура» и выберите « Кольцо — двойной контур», дважды щелкнув по нему. Затем выберите « Сглаживание», чтобы сгладить неровные края:

Параметры Gloss Contour и Anti-aliased.

Наконец, если вы посмотрите прямо под Bevel & Emboss слева от диалогового окна Layer Style, вы увидите стиль с именем Contour . Нажмите внутри его флажок, чтобы включить его. Это еще больше усилит эффект освещения вокруг удара:

Выбор контура для обводки.

Вот как выглядит обводка с применением Bevel & Emboss (и Contour):

Штрих теперь имеет те же эффекты освещения и отражения, что и тип.

Шаг 26: примени стиль слоя «Outer Glow»

Давайте закончим стили нашего слоя, добавив к тексту слабое свечение, как будто свет отражается от золотых букв. Нажмите непосредственно на слова Outer Glow слева от диалогового окна Layer Style, чтобы включить стиль Outer Glow и вызвать его параметры:

Выбор Outer Glow.

Установите непрозрачность свечения на 40% , а затем нажмите на образец цвета, чтобы изменить цвет:

Установка непрозрачности и изменение цвета Outer Glow.

Когда появится Color Picker , используйте тот же цвет, который мы выбрали для Inner Glow, установив значение R на 232 , G на 128 и B на 31 . Затем нажмите «ОК», чтобы закрыть палитру цветов:

Выбор нового цвета для Outer Glow.

Наконец, увеличьте размер свечения примерно до 60 пикселей :

Увеличение размера внешнего свечения.

На этом мы закончили с нашими стилями слоя, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style. Вот наш золотой текстовый эффект со всеми нашими стилями, включая новый Outer Glow:

Эффект почти завершен.

Шаг 27: выберите тип копирования слоя

Все, что осталось сделать, это добавить немного блесток. Мы добавим их на отдельном слое. Нажмите на слой «GOLD copy» (верхний слой) на панели «Слои», чтобы выбрать его:

Выбор верхнего слоя типа.

Шаг 28: добавь новый пустой слой

Чтобы добавить новый слой, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните значок « Новый слой» в нижней части панели «Слои»:

Нажмите на значок «Новый слой», удерживая Alt (Победа) / Option (Mac).

Клавиша Alt (Win) / Option (Mac) сообщает Photoshop, что нужно открыть диалоговое окно New Layer , что дает нам возможность назвать новый слой перед его добавлением. Назовите слой «Sparkles» и нажмите кнопку «ОК», чтобы закрыть диалоговое окно:

Называя новый слой.

Photoshop добавляет новый пустой слой под названием «Sparkles» поверх других слоев:

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

Шаг 29: выбери инструмент кисти

Для создания блесток мы будем использовать одну из кистей Photoshop. Выберите инструмент Brush Tool на панели инструментов. Вы также можете выбрать Brush Tool, нажав букву B на клавиатуре:

Выбор инструмента «Кисть».

Шаг 30: загрузи разные кисти

Кисть, в которой мы нуждаемся для наших блесток, включена в Photoshop, но это не одна из тех кистей, которые Photoshop загружает автоматически. Нам нужно загрузить это в себя. Выбрав инструмент «Кисть», щелкните правой кнопкой мыши (Победа) или удерживая нажатой клавишу « Control» (Mac) в любом месте внутри документа, чтобы открыть средство выбора настроек кисти в Photoshop . Затем нажмите на значок меню в верхнем правом углу:

Нажмите на значок меню Brush Preset Picker.

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

Выбирая «Ассорти Кисти» из меню.

Фотошоп спросит, хотите ли вы заменить ваши текущие кисти новыми кистями. Выберите « Добавить», чтобы просто добавить их к существующим кистям:

Добавление ассорти кистей с текущими кистями.

Шаг 31: выбери кисть «Crosshatch 4»

Вернувшись в палитру «Наборы кистей», прокрутите кисти до тех пор, пока не найдете 48-пиксельную кисть Crosshatch 4 . Если у вас включены подсказки для инструментов Photoshop (они включены по умолчанию), имя кисти появится, когда вы наведете курсор мыши на ее миниатюру. Если нет, найдите кисть, которая выглядит как «X» с номером 48 под ней (48 означает, что размер кисти по умолчанию составляет 48 пикселей). Дважды щелкните миниатюру Crosshatch 4, чтобы выбрать ее, и закройте панель выбора кистей:

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

Шаг 32: образец цвета, который нужно использовать для блесток

Давайте сэмплируем цвет одной из букв, чтобы использовать ее в качестве цвета наших блесток. Нажмите и удерживайте клавишу Alt (Победа) / Option (Mac) на клавиатуре, чтобы временно переключиться с инструмента «Кисть» на инструмент « Пипетка» , а затем нажмите на один из самых светлых цветов, чтобы попробовать его. Я выберу светлую область из буквы «О»:

Удерживая Alt (Win) / Option (Mac) и выбирая цвет из текста.

Шаг 33: нарисуй случайные блестки вокруг текста

Выбрав цвет, отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту Brush Tool . Затем щелкните несколько случайных мест вокруг текста, чтобы добавить свои блестки. Для дополнительного разнообразия изменяйте размер кисти перед каждым щелчком, нажимая левую или правую клавишу скобки на клавиатуре. Клавиша левой скобки делает кисть меньше, а клавиша правой скобки — больше. Не добавляйте слишком много блесток, иначе вы переусердствуете. Пара больших и меньших — все, что вам действительно нужно. Если вам не нравится последний добавленный вами блеск, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить его, а затем повторите попытку.

Здесь я добавил пару блесток к букве «G», третий, меньший блеск в нижней части буквы «L», и четвертый в левом верхнем углу буквы «D»:

Эффект после добавления нескольких блесток.

Шаг 34: понизь непрозрачность блесток (необязательно)

Если вы обнаружите, что ваши блестки выглядят слишком яркими, просто уменьшите непрозрачность слоя «Sparkles». Вы найдете опцию непрозрачности в правом верхнем углу панели слоев. Я опущу мой до 80% :

Уменьшите яркость искр, уменьшив непрозрачность слоя.

И с этим мы закончили! Здесь, после понижения непрозрачности моего слоя «Sparkles», мой последний текстовый эффект золота:

Конечный результат.

И там у нас это есть! Теперь, когда вы создали золотой текст, ознакомьтесь с частью 2, где я покажу вам, как легко переместить эффект на другой фон ! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!

Применение стиля слоя Bevel и фильтра Emboss к тексту в фотошоп

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

ПРИМЕНЕНИЕ СТИЛЯ СЛОЯ BEVEL И ФИЛЬТРА EMBOSS К ТЕКСТУ В ФОТОШОП

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

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

В сегодняшней статье мы рассмотрим тему: “Применение стиля слоя Bevel и фильтра Emboss к тексту” в программе фотошоп. Мы научимся производить воздействие на текст, которое отображается на изображении, при помощи стиля слоя Bevel.

Итак, приступим к рассмотрению очень нужных инструментов изменения стиля слоя Bevel и применения фильтра Emboss к тексту на изображении в программе фотошоп.

1. Загрузка фотографии в фотошоп и изменение текста изображения под разные форматы

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

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

Далее, переходим к подключению стиля слоя “Bevel”, который находится в главном меню настроек: “Стили”, далее “Стили слоя” и выбираем “Bevel”. После этого делаем выделение нашего текста на изображении и применяем сочетание стиля слоя Bevel и фильтра Embross. Ниже на фото можем наглядно видеть, что получилось у нас после преображения текста на картинке:

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

2. Применение фильтра Emboss и стиля слоя Bevel для тисненного текста в фотошоп

Если мы хотим получить текст с тисненными словами и буквами в графическом редакторе, при помощи фильтр тиснения, нам необходимо всего навсего написать текст темным цветом. Далее, растреризуем (от слова Растр) текст и применим фильтр тиснения Embross (описание включения фильтра описано выше в статье, в разделе 1). После загрузки фильтра перед нами появится диалоговое окно с настройками, в котором необходимо будет ввести несколько параметров. Первый параметр – это “Угол“, он обеспечивает падение света, а именно с какой стороны он будет падать на текст. Например, если написать параметр в 100-130 пунктов, то свет будет падать с левого верхнего угла. Второй параметр – “Глубина”, который определяет высоту тиснения. Третий параметр – “Сила эффекта”, который определяет баланс белого и черного цвета на текст. Ниже на фото можем видеть наглядно, что получилось у нас после применения данного инструмента и его параметров:

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

Видео: “Применение стиля слоя Bevel и фильтра Emboss к тексту в фотошоп”

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

БОЛЬШОЕ СПАСИБО ЗА ВНИМАНИЕ. ОСТАВЛЯЙТЕ СВОИ КОММЕНТАРИИ, ДЕЛИТЕСЬ С ДРУЗЬЯМИ.

Эффект оттиска в фотошопе. Стиль слоя Тиснение в Adobe Photoshop

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

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

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

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

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

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

Плавный (Smooth) — объёмные фигуры будут иметь плавные формы, переходы от света к тени также будут плавными.
Жёсткая огранка (Chisel Hard) — объёмные фигуры с резкими формами.
Мягкая огранка (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) используется для установки тех же параметров, но для затененной части скоса.

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

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

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

Тиснение (Emboss)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Режим подсветки, цвет и непрозрачность (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) на рельеф можно накладывать различные контуры. Контур управляет такими элементами, как постепенное исчезновение тени или уменьшение освещенности на скосах.

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

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

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

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

Перевод : Оксана Гудкова

Друзья, вчера я вернулся из столицы, где имел честь побывать в гостях у дочери и дядюшки и, пора вернуться к записям в ЖЖ. Сегодня предложу одну полезную фишку, которую многие знают, но используют не на все 100. Итак:

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

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

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

Шаг 1 — Style (Стиль)

В группе Structure (Структура) в раскрывающемся меню Style (Стиль) устанавливается Cтиль и расположение скоса и включает в себя:

Outer Bevel (Внешний скос): скос устанавливается на внешней стороне фигуры.

Inner Bevel (Внутренний скос): скос устанавливается с внутренней стороны фигуры.

Emboss (Тиснение): скос устанавливается как и с внешней стороны так и с внутренней.

Pillow Emboss (Контурное тиснение): как и в предыдущем стиле устанавливается с обеих сторон, но в противоположном направлении.

Stroke Emboss (Обводящее тиснение): применяется, при условии, что используется Стиль слоя

Stroke (Обводка), скос устанавливается на обводку.

В примере ниже, продемонстрирована работа двух стилей, Inner Bevel (Внутренний скос), который устанавливает скос изнутри, и двусторонний Emboss (Тиснение).

Шаг 2 — Technique (Метод)

Следующее меню Technique (Метод), позволяет задать общий вид Тиснения, включает в себя:

Smooth (Плавное): скос гладкий, края округлые.

Chisel Hard (Жесткая огранка): скос твердый, края острые, скошенные.

Chisel Soft (Мягкая огранка): края скошенные, но смягченные.

Просмотрите в режиме Preview (Просмотр) и убедитесь во всем сами.

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

Шаг 3 — Depth (Глубина)

Ползунок Глубины позволяет уменьшать или увеличивать Тиснение. Чем меньше процент, тем меньше 3D эффект и наоборот.

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

Шаг 4 — Direction (Направление)
Данная функция позволяет выбрать как будет Тиснение экструдированно по отношению к вам или от вас.

В следующем примере продемонстрирована работа двух направлений, «Вверх» выделяет текст из поверхности, «Вниз» вдавливает текст.

Шаг 5 — Size (Размер)

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

На изображении ниже текст слева имеет маленький скос, в то время как справа Размер намного больше.

Шаг 6 — Soften(Смягчение)

Если Тиснение создало заостренные углы, с функцией Смягчение все станет на много мягче. Поможет создать мягкий скос.

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

Шаг 7 — Angle (Угол) и Altitude (Высота)

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

На примере ниже продемонстрированно влияние изменений параметров Угол и Высота на направление источника света.

Шаг 8 — Gloss Contour (Контур глянца)

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

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

Шаг 9 — Highlight Mode (Режим подсветки) и Opacity (Непрозрачность)

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

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

Шаг 10 — Shadow Mode (Режим тени) и Opacity (Непрозрачность)

Из раскрывающегося меню Shadow Mode (Режим тени) вы можете выбрать режим наложения тени на скосе. По умолчанию установлен Multiply (Умножение). По желанию можно изменить режим наложения на Linear Burn (Линейный затемнитель) или Color Burn (Затемнение основы). Так же можно изменить цвет освещения. В основном используется черный цвет, но если вы захотите сымитировать различные оттенки света, вы можете поменять оттенок цвета. ПолзунокOpacity (Непрозрачность) регулирует интенсивность тени.

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

Шаг 11 — Сохранение и восстановление настроек по умолчанию

Каждую вашу настройку Стилей слоя можно сохранить и загружать по умолчанию. Make Default (Использовать по умолчанию) Adobe Photoshop сохранит актуальные настройки и будет их использовать каждый раз при включении программы, по умолчанию. Reset to Default (Восстановить значение по умолчанию) вернет измененные настройки обратно к исходным, установленным по умолчанию. Особенно полезно, если вы решили поэкспериментировать, а затем вернуть все обратно.

Шаг 12 — Contour (Контур)

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

В следующем примере наглядно показано, как с помощью контура с перевернутой буквой «U» скос принимает другую форму и отодвигается от края.

Шаг 12 — Texture (Текстура)

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

В меню Pattern (Узор) можно выбрать текстуру из набора Adobe Photoshop для использования ее в качестве карты рельефа.

Snap to Origin (Привязать к началу координат) чтобы выровнять текстуру относительно документа.

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

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

Параметр Invert (Инвертировать) меняет белые области на черные и наоборот.

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

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

Заключение

Надеемся вам было все понятно. Желаю успехов в изучении нашего любимого графического редактора Adobe Photoshop.

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

Тиснение считается самым мощным и адаптируемым инструментом Стилей слоя в Adobe Photoshop . В большинстве случаев Тиснение применяют для добавления 3D эффекта, путем освещения отдельных частей и добавления теней, но на этом настройки не заканчиваются. Если принять во внимание большинство настроек стиля, тогда можно создать такие эффекты, как отражающая поверхность хрома или стекла, острый камень и многое другое!

Шаг 1 — Style (Стиль)

Outer Bevel (Внешний скос): скос устанавливается на внешней стороне фигуры.

Inner Bevel (Внутренний скос): скос устанавливается с внутренней стороны фигуры.

Emboss (Тиснение): скос устанавливается как и с внешней стороны так и с внутренней.

Stroke Emboss (Обводящее тиснение): применяется, при условии, что используется Стиль слоя

Stroke (Обводка), скос устанавливается на обводку.

Шаг 2 — Technique (Метод)

Следующее меню Technique (Метод), позволяет задать общий вид Тиснения, включает в себя:

Smooth (Плавное): скос гладкий, края округлые.

Chisel Hard (Жесткая огранка): скос твердый, края острые, скошенные.

Chisel Soft (Мягкая огранка): края скошенные, но смягченные.

Просмотрите в режиме Preview (Просмотр) и убедитесь во всем сами.

Шаг 3 — Depth (Глубина)

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

Шаг 5 — Size (Размер)

На изображении ниже текст слева имеет маленький скос, в то время как справа Размер намного больше.

Шаг 6 — Soften(Смягчение)

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

Шаг 7 — Angle (Угол) и Altitude (Высота)

Шаг 8 — Gloss Contour (Контур глянца)

Шаг 9 — Highlight Mode (Режим подсветки) и Opacity (Непрозрачность)

Шаг 10 — Shadow Mode (Режим тени) и Opacity (Непрозрачность)

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

Шаг 11 — Сохранение и восстановление настроек по умолчанию

Шаг 12 — Contour (Контур)

Шаг 12 — Texture (Текстура)

В меню Pattern (Узор) можно выбрать текстуру из набора Adobe Photoshop для использования ее в качестве карты рельефа.

Snap to Origin (Привязать к началу координат) чтобы выровнять текстуру относительно документа.

Параметр Invert (Инвертировать) меняет белые области на черные и наоборот.

Заключение

Надеемся вам было все понятно. Желаем успехов в изучении нашего любимого графического редактора Adobe Photoshop.

John Shaver; Перевод: John Jackson

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

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

Шаг 1 — Style (Стиль)

Outer Bevel (Внешний скос): скос устанавливается на внешней стороне фигуры.

Inner Bevel (Внутренний скос): скос устанавливается с внутренней стороны фигуры.

Emboss (Тиснение): скос устанавливается как и с внешней стороны так и с внутренней.

Stroke Emboss (Обводящее тиснение): применяется, при условии, что используется Стиль слоя

Stroke (Обводка), скос устанавливается на обводку.

Шаг 2 — Technique (Метод)

Следующее меню Technique (Метод), позволяет задать общий вид Тиснения, включает в себя:

Smooth (Плавное): скос гладкий, края округлые.

Chisel Hard (Жесткая огранка): скос твердый, края острые, скошенные.

Chisel Soft (Мягкая огранка): края скошенные, но смягченные.

Просмотрите в режиме Preview (Просмотр) и убедитесь во всем сами.

Шаг 3 — Depth (Глубина)

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

Шаг 5 — Size (Размер)

На изображении ниже текст слева имеет маленький скос, в то время как справа Размер намного больше.

Шаг 6 — Soften(Смягчение)

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

Шаг 7 — Angle (Угол) и Altitude (Высота)

Шаг 8 — Gloss Contour (Контур глянца)

Шаг 9 — Highlight Mode (Режим подсветки) и Opacity (Непрозрачность)

Шаг 10 — Shadow Mode (Режим тени) и Opacity (Непрозрачность)

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

Шаг 11 — Сохранение и восстановление настроек по умолчанию

Шаг 12 — Contour (Контур)

Шаг 12 — Texture (Текстура)

В меню Pattern (Узор) можно выбрать текстуру из набора Adobe Photoshop для использования ее в качестве карты рельефа.

Snap to Origin (Привязать к началу координат) чтобы выровнять текстуру относительно документа.

Параметр Invert (Инвертировать) меняет белые области на черные и наоборот.

Заключение

Надеемся вам было все понятно. Желаем успехов в изучении нашего любимого графического редактора Adobe Photoshop.

Как создать летний солнечный текстовый эффект в Adobe Photoshop

Вот что мы собираемся создать

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

Материалы урока
• Шрифт: Amaz Obitaem Ostrov Italic;
• Шаблон green_metal_pattern.pat.

Сначала необходимо установить шаблон под названием green_metal_pattern. Это можно сделать двойным щелчком по иконке.

Создайте новый документ: Файл > Создать (File > New). Установите ширину 600 пикселей и высоту 500 пикселей. Разрешение должно быть 72 пикселя на дюйм:

Выделите фон и создайте его копию. Для этого перейдите в Слои > Создать дубликат слоя > ОК (Layer > Duplicate Layer > OK). Переименуйте новый слой в Background Pattern (Шаблон фона):

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

Перейдите в меню Слои > Стиль слоя > Наложение узора (Layer > Layer Style > Pattern Overlay), выберите green_metal_pattern из списка, и установите значение масштаба в 50%. Нажимайте кнопку «Привязать к началу координат» (Snap to Origin) каждый раз, когда применяете этот шаблон:

Для получения пятна света в центре изображения, перейдите в меню Слои > Стиль слоя > Внутренняя тень (Layer > Layer Style > Inner Shadow) и установите следующие значения для параметров:

На этом шаге мы добавим отражение. Перейдите в Стиль слоя > Тиснение (Layer Style > Bevel & Emboss) и установите значения, приведенные ниже.

Вам необходимо создать собственный «Контур глянца» (Gloss Contour), поэтому внимательно следуйте инструкциям, чтобы достичь желаемого эффекта:

Введите нужное слово, применив шрифт Amaz Obitaem Ostrov Italic. Установите размер букв на 180 пт. Для обеспечения наилучшего качества, измените режим сглаживания на «Резкое» (Sharp). Переименуйте слой в Shine Top (Верхняя часть света).

Продублируйте текст дважды и переименуйте новые слои в Shine Mid (Средняя часть сияния) и «Shine Bot» (Нижняя часть сияния) как показано ниже. Отключите видимость обоих слоев, чтобы было удобнее работать, потому что мы пока не собираемся их использовать:

Выберите слой Shine Top и перейдите в меню Слои > Стиль слоя > Наложение узора (Layer > Layer Style > Pattern Overlay). Нажмите на поле «Узор» (Pattern), выберите из списка green_metal_pattern (мы используем тот же фоновый шаблон) и установите масштаб в 50%. Не забудьте нажать кнопку «Привязать к началу координат» (Snap to Origin):

Нам нужно добавить Тень (Drop Shadow), чтобы отделить текст от фона. Перейдите в Стиль слоя > Тень (Layer Style > Drop Shadow) и примените настройки, показанные ниже:

Перейдите в меню Стиль слоя > Наложение градиента (Layer Style > Gradient Overlay) и установите следующие значения:

Чтобы добавить эффект глянца, перейдите в «Стиль слоя» (Layer Style) и измените настройки стиля «Тиснение» (Bevel & Emboss) как показано ниже.

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

Перейдите в меню Стиль слоя > Глянец (Layer Style > Satin) и примените следующие настройки, чтобы сделать текст ярче.

Из списка, заданного по умолчанию, выберете контур «Глубокая выемка» (Cove – Deep):

Сейчас нам нужно улучшить эффект металлического глянца путем добавления отблеска. Перейдите в Стиль слоя > Внутреннее свечение (Layer Style > Inner Glow) и установите следующие значения.

Используйте контур под названием «Конус» (Cone):

Перейдите в Стиль слоя > Обводка (Layer Style > Stroke) и примените настройки, показанные ниже, чтобы осветлить границы текста:

Сейчас мы добавим подсветку. Перейдите в Стиль слоя > Внешнее свечение (Layer Style > Outer Glow) и используйте приведенные ниже настройки.

Используйте контур под названием «Конус» (Cone):

Шаг 1

Теперь мы поработаем со вторым слоем под названием Shine Mid. Нам необходимо достичь перспективы с центральной точкой схода. Зайдите в окно «Символ» (Character) и установите значение трекинга на -60 как показано ниже:

Шаг 2

Чтобы сочетать цвета на обоих слоях, перейдите в Слои > Стиль слоя > Наложение градиента (Layer > Layer Style > Gradient Overlay) и примените настройки, показанные ниже:

Шаг 3

Для стиля слоя «Внутренняя тень» (Inner Shadow) задайте следующие значения:

Шаг 4

Сейчас мы добавим немного теней, чтобы отделить текст от фона. Перейдите в «Стиль слоя» и измените значения для стилей «Тень» (Drop Shadow) и «Внешнее свечение» (Outer Glow) как показано ниже:

Этот финальный шаг придаст нашему эффекту особый колорит. Выберете слой Shine Bot и откройте окно «Символ». Установите масштаб по вертикали на 115% и смещение базовой линии -10 пт. Затем измените цвет как показано ниже:

Все готово!

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

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

Данная публикация является переводом статьи «How to Create a Shiny Summer Text Effect in Adobe Photoshop» , подготовленная редакцией проекта.

Как создать реалистичный эффект скоса на тексте в Photoshop?

Как создать реалистичный эффект скоса на тексте в Photoshop? — Обмен стеками графического дизайна

Сеть обмена стеков

Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange

0
+0
Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 7 лет назад

Просмотрено 24k раз

Я нашел это изображение в Google, был очарован реалистичностью эффекта фаски и хотел научиться делать это сам.

Я пробовал кое-что, но они были недостаточно близки. Я хочу воспроизвести точно такой же эффект.

Вот что я пробовал:

  Bevel & Emboss: структура: внутренний скос / гладкий / 225% / up / 4px / 0px затенение: 120rad / без глобального освещения / 65rad / custom / screen white 75% / multiply black 75%

Контур: по умолчанию 50%

Внутренняя тень: структура: нормальный белый / 75% / - 65рад / без глобального света / 6 пикселей / 0% / 2 пикселей

Атлас: структура: умножить черный / 20% / 19рад / 14px / 21px

Наложение градиента: gradient: normal / 100% / # c4c4c4- # ffffff / linear / align with layer / 132rad

Drop Shadow: структура: умножить черный / 85% / 120rad / без глобального света / 6px / 0% / 2px

Как создать резкий и реалистичный скос на тексте в Photoshop?

Мифический

18311 золотых знаков33 серебряных знака1010 бронзовых знаков

Создан 24 июл.

Джейк Джейк

28522 золотых знака44 серебряных знака1010 бронзовых знаков

Вот мой снимок

Я использовал Drop Shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay и Satin

Скриншоты используемых эффектов

Тень:
[Blend_Mode: multiply, 100%, # 000000]
[Угол: 120, Global_Light: Нет]
[4px: 0%: 1px]
[Контур: по умолчанию / CoveDeep]
[шум: 0%]

Внутренняя тень:
[Blend_Mode: overlay, 100%, # ffffff]
[Угол: 120, Global_Light: Нет]
[6px: 20%: 4px]
[Контур: по умолчанию / линейный, сглаживание: нет]
[шум: 0%]

Фаска и тиснение:
[Внутренний скос: ChiselHard, Depth: 300%, Up, 1px, 0px]
[Угол: 120, Global_Light: Нет]
[Высота: 58]
[Контур: По умолчанию / Линейный; AntiAliased: Да]
[Выделите: normal-10% — # ffffff]
[Тень: умножить-100% — # 000000]
[Непрозрачность: 100%]

Контур:
[перевернутый конус]
[диапазон: 90%]

Атлас:
[Blend_Mode: overlay, 90%, #ffffff]
[Угол: 50, Global_Light: Нет]
[4px, 0px]
[Контур: По умолчанию / Линейный; AntiAliased: Нет; Инвертировать: Нет]

Наложение градиента:
[Blend_Mode: нормальный, 100%]
[# b5b5b5- # ffffff, Реверс: Нет]
[Стиль: линейный, Align_with_layer: Да]
[Угол: 120; масштаб: 100%]

Создан 24 июля ’14 в 15: 522014-07-24 15:52

С.M.S.M.

41922 серебряных знака77 бронзовых знаков

Что ж, вы на правильном пути. Главное — использовать стили слоя.

Вот мой снимок:

Настройки:

Добавить фаску и тиснение. Выберите «Chisel Hard» под техникой, поиграйте с настройками и используйте пресет «Cove — Deep» под Contour.

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

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

Разница заключается в деталях, и получить идеальное тиснение / свечение — непростая задача. Вы можете попробовать перетащить его через After Effects и использовать свечение или, возможно, просто увеличить контраст с помощью кривых в Photoshop.

Да, и не забывайте про шум (Фильтр> Шум).

РЕДАКТИРОВАТЬ: объединение некоторых моих настроек с настройками S.M. даст еще лучшие результаты. Обратите особое внимание на его / ее настройки «Атлас» и «Внутренняя тень».

Создан 24 июля ’14 в 15: 052014-07-24 15:05

gburning

84622 золотых знака1010 серебряных знаков1616 бронзовых знаков

1 Graphic Design Stack Exchange лучше всего работает с включенным JavaScript

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Принимать все файлы cookie Настроить параметры

Как тиснить в Photoshop Урок Photoshop

www.psd-dude.com

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

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

Твитнуть

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

Эффект тиснения Эффект скоса или для текста и фигур достигается в основном с использованием стилей слоя , таких как Inner Shadow , Inner Glow и Последний, но не менее важный эффект Bevel and Emboss . Таким образом, фильтр Emboss Filter на самом деле не используется для такого типа эффекта рельефного текста.Я покажу вам, как текст выглядит в обоих случаях.

Итак, чтобы получить скошенный текст в Photoshop с помощью фильтра тиснения , просто напишите черный текст, растрируйте текст и примените фильтр тиснения. Вы можете видеть, что Фильтр тиснения содержит некоторые элементы, которые необходимо настроить. Сначала у нас есть угол , который определяет, откуда исходит свет. В нашем случае угол 125, что означает что свет идет сверху слева. Высота определяет глубину или высоту фаски.И последнее, но не менее важное: число , которое определяет баланс светлого / темного.

Если вы хотите получить более мягкий результат тиснения, добавьте серый Inner Glow и растеризуйте эффект перед добавлением фильтра тиснения . Но ты должен помнить об этом Фильтр тиснения не предназначен для текстовых эффектов.

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

С этим изображением невозможно многое сделать. Одна из идей — обесцветить ее и использовать для изготовления металлической монеты по индивидуальному заказу, но есть способы сделать это лучше. Еще одна вещь это использовать его для резкости фото . Поместите его поверх исходного изображения и измените режим наложения на , Умножьте . Вы получите более четкое изображение с лучшим контрастом. Его можно использовать в сочетании с фильтром High Pass .

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

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

Примените Emboss Filter и установите режим наложения на Color Burn Непрозрачность 100%.

Вы можете добавить настройку Hue / Saturation с отметкой colorize , чтобы добавить разные цвета тона. Эта текстура может использоваться как текстура стены или даже как грубая текстура бумаги .

Другой вариант использования этого фильтра — создание мятой бумаги , мятой бумаги или мятой бумаги .Начнем с нового пустого слоя. Выберите Gradient Tool и используйте его несколько раз для получения эффекта смятой бумаги . Используйте простой черно-белый градиент, установите для параметра Mode значение Difference и Тип градиента Diamond Gradient .

Перейдите в меню Filter , Stylize и выберите Emboss . Установите угол около 135, высоту 2 и величину 250. Вы можете поиграть с этими настройками. скорректировать результат!

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

Щелкните по этой ссылке, чтобы загрузить бесплатные стоковые изображения текстур мятой бумаги и многих других текстур, посетите Textures4Photoshop.com

Начнем снова со слоя, залитого белым цветом. Убедитесь, что у вас черный передний план и белый фон. Перейдите в меню Фильтр , Текстура и выберите Stained Glass со следующими настройками.

Добавьте Gaussian Blur радиусом около 1,5 пикселей и примените Emboss Filter , как показано на изображении.

Все, что вам нужно сделать, чтобы получить шкура рептилии или шкура дракона , — это нанести текстуру поверх слоя тиснения с помощью Overlay или Hard Light режим смешивания. Вы можете комбинировать разные текстуры для получения отличных результатов; ржавая текстура отлично подходит для окраски кожи.

Это были лишь некоторые из множества способов тиснения в Photoshop и использования фильтра Emboss для создания красивых и неожиданных эффектов.Я просто упомяну некоторые из другие эффекты, которые можно получить: текстура камня, текстура стекла, текстура воды и так далее. Здесь вы можете найти список с другими учебниками по текстурам Photoshop, в которых Используется тисненый фильтр .

Как сделать скос или тиснение на тексте в Photoshop CC

Привет, в этом видео все о фаске и тиснении. Сделав такой 3D эффект, я его выключу, снова включу. Хорошо, я не большой поклонник этого, но, возможно, вам это понравится, и это нормально.Я все равно буду осуждать тебя, но я не буду делать этого с твоим лицом, не волнуйся. Давайте сейчас перейдем к изучению Bevels и Embosses.

Итак, мы можем добавить скос и тиснение к любой форме, которая нам нравится. Вместо текста мы собираемся сделать этот круг здесь, поэтому я собираюсь щелкнуть по кругу. Убедитесь, что он выбран, включите и выключите глаз, чтобы убедиться, что вы выбрали правильный. Это здесь, под «fx», «Bevel and Emboss». И это довольно просто, хорошо. Итак, у вас есть стили Bevel и Emboss.

Итак, по умолчанию Bevel выглядит как маленький диск. То, что вы можете изменить, есть с чем поиграть, но главное — это глубина. Вы видите, насколько резким это выглядит сейчас по краям. Я собираюсь немного уменьшить его, и размер, как далеко он влезает внутрь, а затем «смягчить», вы можете повернуть его так, чтобы он стал действительно пушистым снаружи. Так что просто поиграйте с ними. Это ваши главные из них, с которыми можно поиграть.

Другая вещь, с которой вы можете поиграть, это увидеть это затенение? Этот ракурс здесь довольно интересный.Ну, неинтересно, но вы видите, он идет … он идет прямо сверху вниз, посмотрите это. Я могу заставить это выглядеть — вы можете взглянуть на этот значок или на мою маленькую опцию здесь. Давайте переместим его вниз, чтобы было проще. Вы просто щелкаете в любом месте здесь и решаете, куда вы хотите, чтобы он переместился. Это наш Bevel and Emboss.

Давайте рассмотрим еще несколько вариантов. Так что есть Outer Bevel, который мне вроде как нравится. Мне не нравится, мне не нравится … Я прошел через этапы, я ненавидел градиенты пару лет назад, но теперь вы можете сказать, я переусердствовал с градиентами.Давайте посмотрим на Emboss, он выглядит так, как будто он сидит, как бы снаружи, так и внутри. Есть Pillow Emboss, похоже, что он сидит внутри, будто покоится на материале. Просто пройдите и немного взгляните на те вещи, которые вам нужны. Поиграйте с настройками, которые хотите.

Так и будет. Я собираюсь уйти с этим, нажмите «ОК». И как только я закончу, я собираюсь щелкнуть по нему и перетащить в корзину. Вы можете любить Embosses, в них нет ничего плохого, просто личный вкус, и это приятно.Если вам они нравятся, через секунду у нас будет упражнение, и вы сможете охватить все это в Bevel and Embosses и поделиться им со мной. И докажи, что я неправ. Хорошо, это все для этого видео. Перейдем к следующему.

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

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

Как создать золотой текст в Photoshop

Шаг 1. Откройте новый документ Photoshop

Откройте новый документ в Photoshop, перейдя в меню Файл и выбрав Новый… или с помощью сочетания клавиш Ctrl + N (Win) / Command + N (Mac). Я просто собираюсь использовать предустановленный размер 640×480 . Вы можете использовать любой размер, который вам нравится, для вашей ширины и высоты, а затем нажмите OK, чтобы создать новый документ Photoshop:

Создайте новый документ в Photoshop. Я использую предустановленный размер 640×480.

Следите за видео для этого урока на YouTube!

Шаг 2. Залейте фоновый слой черным цветом

Нажмите D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона Photoshop, при этом в качестве цвета переднего плана устанавливается черный .Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить фоновый слой черным:

Фоновый слой теперь залит черным.

Шаг 3. Установите белый цвет переднего плана и добавьте текст

Нажмите X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, так что белый станет вашим цветом переднего плана. Выберите инструмент Type на палитре инструментов или нажмите T на клавиатуре.Выберите шрифт на панели параметров вверху экрана, затем щелкните внутри окна документа и введите текст. Я использую шрифт Times New Roman Bold, чтобы упростить задачу, если вы хотите продолжить. Введу слово «ЗОЛОТО»:

Установите белый цвет переднего плана и введите текст.

Шаг 4. Измените размер текста с помощью команды свободного преобразования

На этом этапе текст слишком мал, поэтому с текстовым слоем, выбранным в палитре слоев, используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать Photoshop Free Transform поле и ручки вокруг текста.Удерживайте Shift + Alt (Win) / Shift + Option (Mac), чтобы Photoshop ограничивал пропорции текста и изменял размер текста от центра, когда вы перетаскиваете любой из угловых маркеров, чтобы увеличить текст:

Измените размер текста с помощью Free Transform.

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование.

Шаг 5. Дублируйте текстовый слой

Используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac), чтобы быстро дублировать текстовый слой.Теперь у вас должно быть три слоя в палитре слоев:

. Палитра слоев

Photoshop теперь показывает три слоя.

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

Шаг 6. Добавьте градиент к тексту

Выделив слой с копией текста, щелкните значок Стили слоя в нижней части палитры слоев:

Щелкните значок «Стили слоя» в нижней части палитры «Слои».

Выберите Gradient Overlay из списка:

Выберите стиль слоя Gradient Overlay из списка.

Это вызывает диалоговое окно Layer Style с параметрами Gradient Overlay:

В диалоговом окне «Стиль слоя Photoshop» заданы параметры «Наложение градиента».

Мы собираемся установить цвета для нашего градиента, поэтому щелкните прямо в области предварительного просмотра градиента (обведена красным выше), чтобы открыть редактор градиентов .

Шаг 7. Выберите более светлый и темный золотой цвет для градиента

Когда появится редактор градиента , щелкните левый маркер цвета , чтобы выбрать его, а затем щелкните образец цвета , чтобы выбрать цвет для левой стороны градиента:

Щелкните левый маркер цвета в редакторе градиентов, затем щелкните образец цвета.

Откроется палитра цветов Photoshop . Вы можете использовать любой золотой цвет, который вам больше нравится, но если вы хотите продолжить, я ввел цвет R: 247, G: 238, B: 173 , который дает нам светло-золотой цвет (я обманул и пробовал цвет с фото золотой монеты):

Введите R: 247, G: 238, B: 173 для цвета левого градиента.

Щелкните OK, чтобы принять цвет и выйти из палитры цветов. Затем вернитесь в редактор градиентов, щелкните правый маркер цвета , чтобы выбрать его, а затем снова щелкните образец цвета :

Щелкните правый маркер цвета, затем снова щелкните образец цвета.

Когда палитра цветов снова появится, введите R: 193, G: 172, B: 81 , чтобы получить более темный золотой цвет (также взятый из золотой монеты):

Введите R: 193, G: 172, B: 81 для правого цвета градиента.

Нажмите «ОК», чтобы снова выйти из палитры цветов, и нажмите «ОК», чтобы выйти из редактора градиентов.

Теперь ваш текст должен выглядеть так:

Цвета градиента, примененные к тексту.

Пока не выходите из диалогового окна «Стиль слоя».Нам нужно еще кое-что сделать.

Шаг 8. Измените «Стиль» градиента на «Отражение»

Вернитесь к параметрам Gradient Overlay в диалоговом окне Layer Style, щелкните стрелку вниз справа от слова «Linear» и измените Style градиента на Reflected :

Измените стиль градиента с «Линейный» на «Отраженный».

Это добавит более темный золотой цвет как вверху, так и внизу текста, оставляя более светлый цвет посередине:

Текст после изменения стиля градиента.

Шаг 9: Выберите параметры «Фаска и тиснение»

Щелкните прямо на словах «Bevel and Emboss» в меню стилей слоев слева от диалогового окна Layer Style, чтобы переключиться на параметры Bevel и Emboss . Убедитесь, что вы нажимаете непосредственно на сами слова, а не только в маленькую рамку рядом с ними, иначе варианты не появятся:

Щелкните прямо на слове «Bevel and Emboss» в меню слева.

Шаг 10: Измените «Технику» на «Твердое долото»

В параметрах Bevel and Emboss Structure в середине диалогового окна Layer Style щелкните стрелку вниз справа от слова «Smooth» и измените Technique на Chisel Hard :

Измените «Технику» с «Гладкой» на «Твердой долотом».

Шаг 11. Измените «Контур глянца» на «Двойное кольцо»

В опциях Shading под опциями структуры щелкните стрелку вниз справа от слова «Gloss Contour» и выберите Ring — Double , которое находится в нижнем ряду, третьем слева:

Измените «Контур глянца» на «Двойное кольцо».

Выберите также опцию Anti-Aliased , чтобы текст не получал «неровностей».

Вот здесь текст:

Эффект пока что.

Шаг 12: Увеличьте «размер» структуры, чтобы закрыть открытое пространство внутри букв

Вернитесь к параметрам Structure в верхней части диалогового окна Layers styles и перетащите ползунок Size вправо, пока не закроете пустые места внутри букв. Здесь я перетащил свой на значение 16 пикселей :

Перетащите ползунок «Размер» вправо, пока не закроете пустые места внутри букв.

Просторов больше нет:

После перетаскивания ползунка «Размер» вправо пустые места внутри букв были удалены.

Шаг 13: Увеличьте «глубину» структуры для усиления эффекта освещения

Затем перетащите ползунок Глубина вправо, чтобы усилить эффект освещения букв. Я перетащил свое до значения 171% :

Перетащите ползунок «Глубина» вправо, чтобы усилить эффект освещения букв.

Теперь все становится хорошо:

Эффект после увеличения «Глубины».

Шаг 14: Включите «Контур» в меню стилей слоя.

Затем щелкните внутри флажка слева от слова Contour слева от диалогового окна Layer Style, непосредственно под параметром «Bevel and Emboss».Это еще больше усилит наш золотой эффект. Нет необходимости изменять какие-либо параметры для него, поэтому просто щелкните внутри флажка, чтобы включить его:

Щелкните внутри флажка «Контур», чтобы включить его, не просматривая его параметры.

Вот текст с включенным «Контуром»:

Эффект с включенной опцией «Контур».

Шаг 15: Добавьте внутреннее свечение

И последнее, что нужно сделать, прежде чем мы выйдем из диалогового окна Layer Style и переключимся на исходный текстовый слой.Мы собираемся добавить эффект внутреннего свечения, чтобы улучшить наши золотые цвета. Для этого щелкните непосредственно на слове Inner Glow слева от диалогового окна Layer Style, чтобы включить его и открыть его параметры:

Выберите стиль слоя «Внутреннее свечение». Нажмите прямо на его имя, чтобы открыть для него параметры.

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

Опции «Внутреннее свечение».

Сначала измените Blend Mode на Multiply .Затем уменьшите Opacity до 50% . Щелкните образец цвета прямо под словом «Шум», после чего появится палитра цветов. Введите R: 232, G: 128, B: 31 , чтобы получить оранжевый цвет (этот был взят из фотографии золотого кирпича) и нажмите OK, чтобы выйти из палитры цветов. Наконец, увеличьте свечение Size до 15 пикселей .

Когда вы закончите, вы можете нажать OK, чтобы выйти из диалогового окна Layer Style. Теперь ваш текст должен выглядеть примерно так:

Текст после применения стиля слоя «Внутреннее свечение».

Шаг 16. Добавьте обводку к исходному текстовому слою

На этом мы закончили со слоем копии текста. Теперь мы собираемся работать с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Мы собираемся вернуться к диалоговому окну Layer Style еще раз, поэтому щелкните значок Layer Styles в нижней части палитры слоев:

Выделив исходный текстовый слой, щелкните значок «Стили слоя» в нижней части палитры «Слои».

На этот раз выберите Stroke внизу списка:

Выберите стиль слоя «Обводка» из списка.

Это вернет диалоговое окно Layer Style обратно с настройками Stroke. Измените параметры, которые я обвел ниже:

Параметры стиля слоя «Обводка».

Сначала увеличиваем обводку Размер до 5 пикселей . Затем измените Fill Type с «Color» на Gradient . Мы собираемся использовать те же цвета градиента для обводки, что и для текста.Прежде чем мы перейдем к настройке цветов градиента, измените градиент Style на Reflected .

Шаг 17: Установите градиент обводки на те же цвета, что и текст

Щелкните прямо в области предварительного просмотра градиента в параметрах обводки:

Щелкните область предварительного просмотра градиента.

Это снова вызовет редактор градиентов . Установите цвета градиента на те же цвета, которые мы использовали для текста. Для левого цвета используйте R: 247, G: 238, B: 173 , а для цвета справа используйте R: 193, G: 172, B: 81 .Нажмите OK, чтобы выйти из редактора градиентов, как только вы установите цвета, и ваш текст должен выглядеть так:

Градиентная обводка, примененная к тексту.

Шаг 18: примените стиль «Bevel and Emboss» к обводке

Щелкните прямо на словах Bevel and Emboss в меню слева от диалогового окна Layer Style, чтобы снова включить его и вызвать его параметры. На этот раз вместо того, чтобы добавлять к тексту стиль скоса и тиснения, мы собираемся добавить его к обводке.Измените параметры, которые я обвел ниже:

Параметры «Фаска и тиснение», применяемые к обводке.

Во-первых, чтобы применить эти настройки к обводке, нам нужно изменить верхнюю опцию, Style на Stroke Emboss . Теперь все эти настройки будут применены к нашему штриху. Измените Technique на Chisel Hard еще раз. Установите Size на 5 пикселей . В разделе «Затенение» щелкните стрелку вниз справа от слов Gloss Contour и еще раз выберите параметр Ring — Double , который является третьим слева в нижнем ряду.Наконец, слева в области меню еще раз щелкните внутри флажка Contour , чтобы включить его.

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

Эффект после применения стиля «Bevel and Emboss» к обводке вокруг текста.

Шаг 19: примените стиль «Outer Glow»

И последнее, что нужно сделать в диалоговом окне «Стили слоя». Мы собираемся добавить немного свечения к тексту, как если бы какой-то свет отражался от золота.Нажмите прямо на слова Outer Glow в меню слева, чтобы включить стиль Outer Glow и вызвать его параметры, затем измените параметры, которые я обвел ниже:

Параметры стиля слоя Outer Glow.

Сначала уменьшите значение Opacity до 50% . Затем нажмите на образец цвета прямо под словом «Шум», что вызовет палитру цветов Photoshop. Введите R: 183, G: 145, G: 79 в качестве цвета (еще один образец фотографии золотого кирпича) и нажмите OK, чтобы выйти из палитры цветов.Наконец, установите Size примерно на 29 пикселей , а затем нажмите OK, чтобы выйти из диалогового окна Layer Styles.

Текст теперь имеет слабое свечение:

Теперь текст вокруг тусклого свечения.

Осталось одно …

Шаг 20. Добавьте новый пустой слой над слоем копии текста

Щелкните слой копии текста в палитре слоев, чтобы выбрать его, затем нажмите сочетание клавиш Ctrl + Shift + N (Win) / Command + Shift + N (Mac), чтобы открыть диалоговое окно New Layer . коробка.Назовите новый слой «блестки» и нажмите ОК:

Диалоговое окно «Новый слой» Photoshop. Назовите новый слой «блестки» и нажмите «ОК».

Теперь у нас есть новый пустой слой в палитре слоев:

. Палитра слоев

Photoshop теперь показывает наш новый слой «блестки» вверху.

Шаг 21: Загрузите «Ассорти кистей»

Мы собираемся добавить несколько блесток к нашему золотому тексту, чтобы он действительно сиял, и мы собираемся использовать для этого кисть. Но сначала нам нужно загрузить несколько новых кистей.Возьмите инструмент «Кисть » из палитры «Инструменты» или нажмите B на клавиатуре, чтобы быстро выбрать его. Затем щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте окна документа, чтобы открыть меню параметров кисти, и щелкните маленькую стрелку, указывающую вправо в правом верхнем углу:

Щелкните маленькую стрелку в правом верхнем углу меню «Кисть».

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

Щелкните «Ассорти кистей» в появившемся списке.

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

Нажмите «Добавить», чтобы добавить новые кисти к существующим.

Шаг 22 Возьмите образец светло-золотого цвета с текста с помощью инструмента «Пипетка»

Возьмите инструмент Eyedropper из палитры инструментов или нажмите I , чтобы быстро выбрать его, а затем щелкните одну из самых светлых областей в тексте, чтобы взять образец этого цвета.Мы собираемся использовать этот цвет для наших блесток:

Выберите светло-золотой цвет текста с помощью инструмента «Пипетка».

Шаг 23: выберите одну из кистей «штриховка» для использования в качестве блеска

Выбрав образец светло-золотого цвета, снова переключитесь на инструмент «Кисть», а затем снова нажмите правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте окна документа, чтобы открыть меню параметров кисти. Прокрутите список доступных кистей до тех пор, пока не найдете кисть в виде причудливой буквы «X».Если в настройках Photoshop включены подсказки по инструментам, вы увидите, что кисть называется «Заштриховка», как мы видим здесь:

Выберите одну из кистей «Заштриховка» (которая выглядит как «X»), чтобы использовать ее для блесток.

Шаг 24. Нарисуйте несколько случайно расположенных блесток вокруг текста

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

Если вы считаете, что ваши блестки выглядят слишком интенсивными, уменьшите непрозрачность слоя «блестки». Здесь я снизил свою до 50%:

Уменьшите непрозрачность слоя «блестки», чтобы уменьшить их интенсивность.

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

Окончательный эффект.

И вот оно! Теперь, когда вы создали золотой текст, ознакомьтесь с частью 2, где я покажу вам, как легко перенести эффект на другой фон! Или посетите наши разделы «Текстовые эффекты» или «Фотоэффекты» для получения дополнительных уроков!

СБОЙ Photoshop при работе со скосом и тиснением [Учебное пособие] — tutvid.com

Посмотреть видеоурок

Вы видели это раньше

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

Добавить фаску и тиснение к типу

Вы можете добавить определенный эффект к большому короткому тексту с помощью Bevel and Emboss, если все сделано хорошо. У меня здесь есть какой-то шрифт, к которому я добавил текстуру, а затем использовал скос и тиснение Hard Chisel и изменил силу тени и света, чтобы придать ему вид точеного камня. Это быстро и просто! Ключевым моментом здесь является то, что вы используете этот вид эффекта экономно и только тогда, когда это имеет смысл.

Эффект высокой печати со скосом и тиснением

Вы также можете добиться приличного эффекта высокой печати с помощью скоса и тиснения. Я использовал технику Chisel Hard, небольшой размер всего 3 пикселя, я также установил угол на 115 градусов, а затем установил режим подсветки на непрозрачность 90% и режим тени на непрозрачность 70%. Нам также нужно изменить направление источника света, выбрав «Вниз».

Затем посмотрите в левую часть диалогового окна, выберите «Параметры наложения» и установите Непрозрачность заливки на 0%.Это выбьет цвет и оставит эффект фаски и тиснения / высокой печати.

Добавление реалистичного выделения

Одна из вещей, для которых я использую Bevel and Emboss, — это добавить идеальный свет или тень по краю. Мы можем добавить подсветку вдоль верхнего края этого текста, используя технику, которую я часто использую при работе с дизайном пользовательского интерфейса (UI). Добавьте Bevel and Emboss и используйте технику «Smooth» с «Depth» 100%. Я также установил размер где-то между 2–4 пикселями, а затем уменьшил тени до 0% и области светлых участков до 15–30% в зависимости от цвета объекта, на который вы добавляете свет.

Используйте его с умом

В то время как Bevel and Emboss имеет плохую репутацию, он может быть невероятно полезным, когда вы его используете и исследуете. Не бойтесь играть с ним, но не пугайте остальных, используя его безрассудно. Плохо использованные Bevel and Emboss — это действительно плохо. Поделитесь своими советами и приемами Bevel and Emboss в разделе комментариев ниже!

Эффекты скоса и тиснения с Procreate

Как дизайнер, работающий исключительно на iPad Pro, я использую приложение Procreate примерно 95% времени.Естественно, отсутствуют некоторые функции фотошопа / иллюстратора. Тем не менее, они проделали такую потрясающую работу с приложением, и они обновляются так часто, что через некоторое время мои руководства станут бесполезными!

А пока давайте посмотрим, как создать простой текстовый эффект фаски / тиснения всего за несколько кликов!

Начнем с простой фразы, давайте разберемся с эффектом.

Во-первых, скос — это противоположность тиснения. Скошенный текст кажется скрытым от поверхности, а рельефный текст — над поверхностью.Но что заставляет глаз «видеть» текст как трехмерный? Ответ кроется в… тенях! В прямом смысле. Предположим, что источник света находится в верхнем левом углу. Затем первая фраза звучит «ниже» поверхности, поскольку источник света отбрасывает сначала тень, а затем свет. Следовательно, вторая фраза выглядит «над» поверхностью, поскольку кажется, что источник света сначала создает свет, а затем тень.

Теперь, когда все ясно (надеюсь), перейдем к самому эффекту.Как уже упоминалось, все, что вам нужно, — это исходный текст (конечно!), Правильно расположенные тень и свет. Начнем с основного текста:

. Базовый текст

Чтобы создать тень, вам просто нужно продублировать слой и немного сдвинуть его влево для эффекта тиснения или вправо для эффекта скоса. Я также люблю немного размыть этот слой (просто перейдите -> настройки-> Размытие по Гауссу), я думаю, что это сделает все более естественным.

Вот как выглядит мой размытый слой:

Слой тени

Слой выделения остается.Я снова дублирую первый слой и перемещаю его немного вправо (для эффекта тиснения) или влево (для эффекта скоса). Теперь самое сложное. Нам нужно сделать текст белым (ну, это ведь подсветка!). Если исходное изображение находится в формате .png с прозрачным фоном, все, что вам нужно, — это настроить яркость слоя. (Настройки -> оттенок, насыщенность, яркость -> отрегулируйте ползунок яркости). Однако если ваш текст находится в формате .jpg с непрозрачным фоном, вам понадобится негатив изображения.Я добавляю белый слой сверху, устанавливаю режим наложения на «исключение», затем объединяю эти два слоя вместе. Поскольку в результате получился слой с черным фоном, я установил режим наложения «светлее».

Выделите слой вместе со слоем тени

Когда я делаю все слои видимыми, это конечный результат:

Эффекты скоса и тиснения

И это мои слои в procreate:

Слои

Конечно, это только основная часть «читерских» эффектов скоса и тиснения в Photoshop в Procreate.Вы можете поиграть с режимами наложения, непрозрачностью, эффектами размытия и в конечном итоге создать супер классный текстовый дизайн!

И это мой собственный путь, возможности безграничны, воображение — единственный предел! Так что вы думаете, ребята? Каков ваш способ создания эффектов скоса / тиснения в Procreate?

РЕДАКТИРОВАТЬ: Я больше не использую procreate для создания эффектов скоса / тиснения на iPad. Теперь я использую affinity photo (вы можете посмотреть мой обзор здесь), где эффекты фаски / тиснения создаются одним касанием, как в фотошопе.

Функция скоса и тиснения в Photoshop

Большинство пользователей Photoshop используют Bevel и Emboss для текста, чтобы придать словам глубину и структуру, но знаете ли вы, что с его помощью можно сделать потрясающую рамку? Как обычно, это просто вопрос выхода за рамки обычного окна, в котором мы живем, между пикселями пользовательского интерфейса Photoshop. Я использовал эту технику, чтобы сделать «Семейная рождественская открытка Рудис» в этом году.

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

Я знал, что рама потенциально может стать тем, что я искал, но мой типичный рабочий процесс для снятия фаски и тиснения просто не сводился к ее резке. Однако прямо под стилем слоя Bevel and Emboss находится функция, называемая «Contour».С помощью контурной кривой вы можете управлять «резьбой» двухмерной деревянной рамы. Для каждой добавленной точки и созданной кривой вы, по сути, вырезаете двухмерный объект.

Совместите этот элемент управления с типичной функцией Bevel and Emboss, и вы получите резную рамку за секунды. Размер и глубина контура рамки определяются глубиной и размером фаски. Просто знайте, что при уменьшении размера кадра (CTRL + T) глубина и размер останутся прежними, поэтому вам может потребоваться их настроить.

В этом уроке Photoshop я расскажу о многих вещах, помимо функции скоса и тиснения, и это лишь некоторые из них:

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

Нравится стиль этого урока? Вам понравится HDR Insider! Полноразмерные рабочие процессы HDR, критика и многое другое!

f.64 Academy и f.64 Elite — детище Блейка Рудиса. Хотя он пейзажный фотограф, он очень увлечен постобработкой изображений в Photoshop и наставничеством других.

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