Как сделать прозрачную обводку в фотошопе

Обновлено: 05.07.2024

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

Нужно добавить текст к изображению, но нет подходящего места? Попробуйте добавить его как прозрачный текст в Photoshop! В этом уроке я покажу вам, как легко создать прозрачную текстовую область, что означает, что сам шрифт будет полностью прозрачным, позволяя просвечивать изображение под ним. Мы окружаем текст блоком сплошного цвета, обычно белого цвета, чтобы показать формы букв. Затем прозрачный текст становится рамкой для нашей темы! Это отличный дизайнерский трюк для изображений, которые слишком заняты, чтобы текст мог быть легко читаем.

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

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

Прозрачный текст, добавленный к изображению в Photoshop

Начнем!

Как добавить прозрачный текст

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

Шаг 1. Откройте изображение

Для начала откройте изображение, к которому вы хотите добавить прозрачный шрифт. Я скачал это изображение горизонта Нью-Йорка из Adobe Stock:

 Исходное изображение из Adobe Stock

Шаг 2. Добавьте новый слой

На панели «Слои» мы видим изображение на фоновом слое. Добавьте новый пустой слой над изображением, щелкнув значок «Новый слой» в нижней части панели «Слои»:

Новый слой под названием «Слой 1» появляется над фоновым слоем:

Photoshop добавил новый пустой слой на панель

Шаг 3. Залейте новый слой белым цветом

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

Команда Photoshop Fill в меню

В диалоговом окне "Заливка" установите для параметра "Содержимое" вверху значение "Белый", а затем нажмите "ОК":

Параметр

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

Photoshop Прозрачный текстовый эффект после заливки слоя белым цветом

Шаг 4. Уменьшите непрозрачность слоя

Уменьшите непрозрачность "Слоя 1" до 75%. Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои»:

Параметр непрозрачности слоя Photoshop на панели «Слои» width=

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

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

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

Выберите инструмент «Текст» на панели инструментов:

Шаг 6. Выберите шрифт

Выберите шрифт на панели параметров. Я буду использовать Futura PT Heavy, который скачал с Adobe Typekit, но подойдет любой шрифт:

Параметры шрифта Photoshop на панели параметров

Все еще на панели параметров установите размер шрифта 72 pt. Нам нужно будет изменить размер текста, как только мы его добавим, но на данный момент это даст нам самый большой предустановленный размер:

Размер шрифта Photoshop на панели параметров

Шаг 7. Установите черный цвет шрифта

Убедитесь, что цвет вашего шрифта установлен на черный, нажав букву D на клавиатуре, которая сбрасывает цвет по умолчанию. Это просто для того, чтобы мы могли видеть шрифт на белом фоне. Текущий цвет шрифта указан в образце цвета на панели параметров:

Образец цвета шрифта Photoshop на панели параметров

Шаг 8. Добавьте текст

Нажмите внутри документа и добавьте свой текст. Я наберу слова "НЬЮ-ЙОРК":

Добавление текста к изображению в Photoshop

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

галочка Photoshop Type Tool

На панели «Слои» над «Слоем 1» появится новый слой «Текст»:

Photoshop Type layer

Шаг 9. Измените размер текста

Перейдите в меню «Правка» в строке меню и выберите «Свободное преобразование»:

Команда

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

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

Чтобы переместить текст, щелкните внутри поля "Свободное преобразование" и перетащите его в нужное место. Я перенесу текст перед ватерлинией. Когда закончите, нажмите Enter (Win)/Return (Mac) на клавиатуре:

Перемещение текста с помощью Free Transform в Photoshop

Шаг 10. Откройте параметры наложения

Выбрав слой «Тип», щелкните значок «Стили слоя» (значок fx) в нижней части панели «Слои»:

Выберите «Параметры наложения» вверху списка:

При этом открывается диалоговое окно «Стиль слоя» Photoshop, в котором установлены основные параметры наложения. В разделе Advanced Blending измените Knockout с None на Shallow. Это превращает слой «Текст» в «маскирующий» слой, а это означает, что Photoshop будет использовать формы букв, чтобы пробить «Слой 1» и показать изображение на фоновом слое:

Опция нокаута в расширенных параметрах наложения Photoshop

Чтобы увидеть эффект, перетащите ползунок «Непрозрачность заливки» до 0 %:

Заполнить непрозрачность в параметрах наложения Photoshop

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

Введите слой как слой Knockout в Photoshop

Шаг 11. Выберите «Слой 1»

Давайте изменим размер белой области вокруг текста, чтобы она не закрывала всю фотографию. Щелкните слой 1 на панели слоев, чтобы выбрать его:

Выбор слоя 1 на панели

Шаг 12. Измените размер слоя с помощью свободной трансформации

Перейдите в меню «Правка» и еще раз выберите «Свободное преобразование»:

Опция

Перетащите верхний и нижний маркеры ближе к тексту. Когда закончите, нажмите Enter (Win)/Return (Mac) на клавиатуре:

Изменение размера слоя с помощью Free Transform в Photoshop

Шаг 13. Настройте непрозрачность слоя

Наконец, отрегулируйте непрозрачность «Слоя 1», чтобы точно настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более сплошной, а текст будет легче читать. Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установлю непрозрачность на 85%:

Параметр непрозрачности слоя на панели

И вот, после увеличения непрозрачности, мой окончательный результат "прозрачная текстовая область":

Как добавить прозрачный текст в учебник Photoshop

Отображение слоя, отличного от фонового

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

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

Как сделать прозрачный текст в Photoshop: 4 метода, которые стоит попробовать

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

Transparent-Text-Photoshop-Tutorial-Image-14

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

Вот как это сделать:

Нарисуйте фигуру с помощью инструмента «Форма» в Photoshop. Чтобы получить доступ к инструменту формы, нажмите U на клавиатуре или найдите его на панели инструментов.

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

< бр />

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

Нарисуйте фигуру так, как вы хотите, чтобы она отображалась на изображении. Не беспокойтесь, если это не идеально; вы можете настроить его позже, нажав V для инструмента «Перемещение». Инструмент «Перемещение» позволяет изменить положение и размер фигуры.

Transparent-Text-Photoshop-Tutorial-Image-3

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

Transparent-Text-Photoshop-Tutorial-Image-5

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

Transparent-Text-Photoshop-Tutorial-Image-6

После выбора текстового слоя нажмите V, чтобы получить доступ к инструменту «Перемещение» и расположите текст внутри фигуры.

Transparent-Text-Photoshop-Tutorial-Image-7

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


Откроется новое окно, и убедитесь, что вы находитесь в «Параметры наложения».

В разделе «Расширенное смешивание» установите параметр «Отклонение» на «Мелкий». Убедитесь, что параметры «Объединить обрезанные слои в группу» и «Слой с фигурами прозрачности» не отмечены флажками.

Transparent-Text-Photoshop-Tutorial-Image-9

Затем установите для параметра "Непрозрачность заливки" значение 0 % и нажмите "ОК", чтобы сохранить изменения.

Transparent-Text-Photoshop-Tutorial-Image-10

Удерживая нажатой клавишу Shift, выберите слой с текстом и фигурой на панели слоев. Нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать выделенные слои.

Переименуйте эту группу в «Прозрачный текст».

– Результат

Transparent-Text-Photoshop-Tutorial-Image-14

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

Transparent-Text-Photoshop-Tutorial-Image-21

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

Вот как это сделать:

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


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

Transparent-Text-Photoshop-Tutorial-Image-15

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

На вкладке "Параметры наложения" в разделе "Расширенное наложение" уменьшите непрозрачность заливки до 0%.

Далее выберите вкладку "Обводка".

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

Установите положение «Внутри», режим наложения «Обычный» и непрозрачность 100%.

Transparent-Text-Photoshop-Tutorial-Image-19

Убедитесь, что для параметра "Тип заливки" задано значение "цвет", и выберите любой цвет для обводки.

Если вы довольны настройками обводки, нажмите "ОК", чтобы сохранить изменения.

Transparent-Text-Photoshop-Tutorial-Image-20

– Результат

Transparent-Text-Photoshop-Tutorial-Image-21

Это еще один простой способ сделать текст прозрачным в Photoshop, на этот раз с помощью обводки. Поскольку текст невидим, добавление обводки просто создает фигуру вокруг контура текста. Таким образом, у вас останется только цветной контур с прозрачным центром!

Transparent-Text-Photoshop-Tutorial-Image-29

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

Вот как это сделать:

Возьмите текстовый инструмент, нажав клавишу T, или щелкните инструмент "Текст" на панели инструментов.


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

Transparent-Text-Photoshop-Tutorial-Image-22

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


На вкладке «Параметры наложения» уменьшите непрозрачность заливки до 0 %. Это сделает ваш текст полностью невидимым.

Перейдите на вкладку Bevel and Emboss на панели стилей слоя.

Установите для параметра Стиль значение «Внутренний скос», для параметра «Техника» — значение «Гладкий», а для параметра «Направление» — значение «Вверх».

Transparent-Text-Photoshop-Tutorial-Image-24

Установите глубину от 1% до 1000%. Для лучшего эффекта я бы предложил от 85% до 250%.

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

Оставьте параметр смягчения в диапазоне от 1 до 10 пикселей.

Transparent-Text-Photoshop-Tutorial-Image-25

Теперь вы добавите немного основного затенения, чтобы усилить эффект. Отметьте «Использовать глобальное освещение» и установите угол, щелкнув внутри круга угла. Это задает направление, с которого применяется затенение.

Transparent-Text-Photoshop-Tutorial-Image-26

Установите Gloss Contour так же, как показано ниже, и отметьте «Сглаживание».

Transparent-Text-Photoshop-Tutorial-Image-27

Установите для режима выделения значение «Нормальный» и выберите белый цвет. Выберите прозрачность от 30% до 50%.

Убедитесь, что режим теней установлен на «Нормальный», и выберите черный цвет. Установите прозрачность от 40% до 70%.

Нажмите "ОК", чтобы сохранить изменения и закрыть панель стилей слоя.

– Результат

Transparent-Text-Photoshop-Tutorial-Image-29

Этот метод позволяет сделать текст прозрачным в Photoshop, используя тени и блики для скоса текста.Таким образом, ваш текст приобретает вид прозрачного трехмерного текста, который виден только с черными и белыми краями!

Transparent-Text-Photoshop-Tutorial-Image-41

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

Вот как это сделать:

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

Transparent-Text-Photoshop-Tutorial-Image-30

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

Transparent-Text-Photoshop-Tutorial-Image-31

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

Transparent-Text-Photoshop-Tutorial-Image-32

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

Transparent-Text-Photoshop-Tutorial-Image-33

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

Transparent-Text-Photoshop-Tutorial-Image-34

Дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.


В разделе «Параметры наложения» установите непрозрачность заливки на 0 % и установите для параметра «Отсечка» значение «Мелкий».

Transparent-Text-Photoshop-Tutorial-Image-36

Затем нажмите на вкладку обводки, чтобы добавить обводку к тексту. Установите размер, например, 5 пикселей, положение «снаружи», режим наложения «нормальный» и непрозрачность 100%.

Transparent-Text-Photoshop-Tutorial-Image-37

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

Нажмите "ОК", чтобы сохранить изменения.

Удерживая нажатой клавишу Shift, щелкните слои с фигурой и текстом, затем нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать слои. Переименуйте эту группу в «Текст нокаутирующей обводки».

– Результат

Transparent-Text-Photoshop-Tutorial-Image-41

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

Заключение

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

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

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

Приблизительное время чтения: 2 минуты

Оглавление

Чего мы хотим добиться

Я хочу, чтобы фигуры или что-нибудь в этом отношении имели обводку, но прозрачную заливку. В Illustrator это было бы легко, но в Photoshop это требует немного больше усилий. Вот пример:

Прозрачное перекрытие

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

Техника

Сначала мы рисуем фигуру как обычно. На самом деле не имеет значения, какой цвет вы используете, так как он будет скрыт. Теперь в палитре слоев (Окно > Слои) найдите слой для фигуры, которую вы нарисовали, и щелкните его правой кнопкой мыши. Вы увидите следующее всплывающее меню. Вам нужны «Параметры наложения».

Параметры наложения

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

Стиль слоя

Почти готово

Чтобы завершить эффект, вернитесь в меню слоев. Вы увидите опцию «Заполнить». Щелкните всплывающее меню и уменьшите процентное значение до 0%. Это делает заливку прозрачной, что дает нам нужный эффект.

Заливка непрозрачностью

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

Прозрачное перекрытие

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

Последние публикации

Об авторе

Джордж Орнбо живет в Великобритании.

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

Что вы будете создавать

Всегда хотели применить обводку к своей работе, используя стиль слоя Обводка, но никогда не знали, с чего и как начать?

Ну, если это так, то это руководство должно помочь вам, поскольку оно объяснит, что такое стиль слоя Photoshop Stroke, и покажет вам, как вы можете использовать эффект Photoshop Stroke в своем рабочем процессе.

От того, как добавить обводку в Photoshop до того, как добавить обводку к тексту в Photoshop или даже как сделать точечную обводку в Photoshop, во всех этих вопросах будет легко разобраться, как только вы закончите читать этот материал.< /p>

Итак, если вы хотите освоить эффект обводки Photoshop или, может быть, понять, как добавить обводку к пустому слою, то вы обратились по адресу.

Следите за нами на нашем канале Envato Tuts+ YouTube:


Применение инсульта

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

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

пример использования эффекта стиля обводки
пример использования эффекта стиля обводки
пример использования эффекта стиля обводки
< /p>

Диалоговое окно «Стили слоев»

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

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

пример настроек стиля слоя штриха
пример настроек стиля обводки
пример штриха настройки стиля слоя» width=

Ползунок «Размер» просто устанавливает ширину обводки в диапазоне от 1 до 250 пикселей.

пример настроек размера
пример настройки размера
пример настроек размера

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

пример использования различных настроек размера
пример использования разных настроек размера
пример использования разных настроек размера

Позиция

Раскрывающийся список "Позиция" состоит из параметров "Снаружи", "Внутри" и "По центру". Этот параметр управляет выравниванием штриха относительно слоя, к которому он применяется, следующими способами:

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

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

пример настроек позиции
пример настройки позиции
пример настроек позиции

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

пример использования различных настроек положения
пример использования различных настроек позиции
пример использования различных настроек положения

Режим наложения

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

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

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

пример настроек режима наложения
пример настроек режима наложения
пример настроек режима наложения

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

пример использования различных настроек режима наложения
пример использования различных настроек режима наложения
пример использования различных настроек режима наложения

Непрозрачность

Ползунок «Непрозрачность» управляет прозрачностью обводки.

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

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

пример настроек прозрачности
пример настройки непрозрачности» ширина = «650 пикселей» высота = «494 пикселей» /><br /> <img class = «lazyload» data-src = «https://cms-assets.tutsplus.com/cdn-cgi/image/width =720/uploads/users/523/posts/34023/image/example-of-the-opacity-settings.jpg

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

пример настроек прозрачности
пример настроек прозрачности
пример настроек прозрачности

Тип заполнения

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

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

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

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

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

пример использования различных настроек типа заливки
пример использования различных настроек типа заливки
пример использования различных настроек типа заливки

Сохранение и загрузка настроек по умолчанию

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

Если вы нажмете «Восстановить настройки по умолчанию», Photoshop загрузит последние сохраненные настройки. Это позволяет вам экспериментировать и просто перезагружать настройки по умолчанию, если вы хотите начать все сначала.

пример сохранения и сброса настроек
пример сохранения и сброса настроек
пример сохранения и сброс настроек

Расширяйте свою библиотеку стилей слоев

Хотите создать расширенную библиотеку стилей слоя Photoshop, но у вас нет времени на их создание самостоятельно? Что ж, если это так, то вам обязательно стоит отправиться на Envato Elements, где вы найдете отличный выбор, например:

Стили слоя Ice Chrome

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

Стили слоя 80-х

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

Стили слоя прессованной и тисненой книжной ткани

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

Расширьте свои навыки работы с Photoshop

Только начали использовать Adobe Photoshop и хотите узнать больше? Что ж, сегодня ваш счастливый день, так как я составила небольшой список руководств, которые должны помочь вам в течение следующих нескольких дней!

Adobe Photoshop CC (и более ранние версии) наполнен инструментами, панелями и эффектами, предназначенными для предоставления пользователям максимального контроля над своими действиями.

Мэри Винклер
Мэри Винклер
Мэри Винклер

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

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

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

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

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

Узнайте, как легко создать текстовый эффект в стиле сериала "Очень странные дела", используя только стили слоя и несколько простых настроек.

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

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

Энрике Элисабе
Энрике Элисабе
 Энрике Элисабе

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

Читайте также: