Редактируемый размытый тип со стилями слоя в Photoshop

В этом уроке по Photoshop мы узнаем, как создать полностью редактируемый размытый тип, используя стили слоя! В частности, мы увидим, как использовать эту технику для добавления размытого теневого текста к изображению. Теперь, если вы уже некоторое время используете Photoshop, вы можете подумать: «Размытый текст? Разве вы не можете просто размыть его с помощью фильтра Gaussian Blur?», И да, можете, но есть большой недостаток в этом. тот.

Фотошоп не позволит нам применить Gaussian Blur (или любой другой фильтр) к типу без предварительного преобразования типа в пиксели (процесс, известный как растеризация типа), и после преобразования в пиксели текст больше не редактируется. В этом уроке мы рассмотрим другой способ размытия текста, который дает нам те же результаты, которые мы добились бы с помощью Gaussian Blur, но без необходимости его растеризации, что означает, что наш тип остается полностью редактируемым даже после того, как мы размыто, так что мы все еще можем вернуться и внести любые необходимые изменения! Как можно создать размытый, но редактируемый текст? Благодаря стилям слоя это на самом деле очень просто!

Вот документ, который я открыл на своем экране, содержащий один слой текста (слово «ТЕНЬ») перед фоновым изображением:

Исходный документ со слоем Тип над фоновым слоем.  Image © 2012 Photoshop Essentials.com.

Оригинальный документ.

Если мы посмотрим на мою панель «Слои», то увидим текст на слое «Тип», расположенный над изображением на слое фона, и увидим, что слой «Тип» в данный момент активен (выделен синим цветом):

Панель «Слои» в Photoshop, показывающая слой «Тип» над фоновым слоем.  Image © 2012 Photoshop Essentials.com.

Панель «Слои», показывающая слой «Тип» над фоновым слоем.

Прежде чем мы научимся создавать редактируемый размытый тип, давайте быстро посмотрим, что происходит, когда я пытаюсь размыть свой текст, используя фильтр Gaussian Blur. Я выберу его, зайдя в меню « Фильтр» в строке меню в верхней части экрана, затем выберу « Размытие» , а затем « Размытие по Гауссу» :

Выбор диалогового окна «Размытие по Гауссу» в Photoshop.  Image © 2012 Photoshop Essentials.com.

Идем в Filter> Blur> Gaussian Blur.

Как только я выберу фильтр Gaussian Blur, Photoshop откроет окно с предупреждением о том, что текст на слое Type нужно растеризовать и что он больше не будет редактируемым шрифтом, когда мы закончим. Это не то, что я хочу, поэтому я нажму кнопку «Отмена», чтобы отменить фильтр:

Окно предупреждения о растеризации.  Image © 2012 Photoshop Essentials.com.

Отмена фильтра, так как я не хочу растеризовать текст.

Давайте посмотрим, как размыть текст, используя стили слоев Photoshop!

Шаг 1: добавь тень

Открыв документ и выделив слой «Тип», щелкните значок « Стили слоев» в нижней части панели «Слои».

Нажав на значок «Стили слоев» на панели «Слои».  Image © 2012 Photoshop Essentials.com.

Нажав на иконку Layer Styles.

Затем выберите Drop Shadow в верхней части списка стилей слоя, который появляется:

Выбор стиля слоя Drop Shadow.  Image © 2012 Photoshop Essentials.com.

Выбор Drop Shadow из списка.

Шаг 2: уменьшите расстояние до 0px

При этом откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами «Тень» в средней колонке. Опустить Distance значение вплоть до 0px перетаскивая ползунок до упора влево. Параметр «Расстояние» определяет, как далеко тень появляется от объекта, отбрасывающего тень. Установка расстояния 0px поместит тень непосредственно за текстом:

Уменьшение расстояния тени до 0 пикселей.  Image © 2012 Photoshop Essentials.com.

Уменьшение расстояния до 0px.

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

Тень падает по краям букв в окне документа.  Image © 2012 Photoshop Essentials.com.

Текст после снижения значения расстояния до 0px.

Шаг 3: переключитесь на параметры смешивания

Не закрывайте диалоговое окно Layer Style, потому что у нас еще есть кое-что сделать. Нажмите непосредственно на слова Blending Options в верхнем левом углу диалогового окна. Параметры «Тень» в среднем столбце будут заменены параметрами «Смешивание»:

Выбор параметров наложения в диалоговом окне «Стиль слоя».  Image © 2012 Photoshop Essentials.com.

Выбор параметров наложения.

Шаг 4: понизь непрозрачность заливки до 0%

Теперь, когда параметры смешивания отображаются в среднем столбце, уменьшите значение « Непрозрачность заливки» до 0% , перетащив ползунок полностью влево. Этот параметр «Непрозрачность заполнения» — это тот же параметр «Заполнение», который находится в верхнем правом углу панели «Слои». Как мы узнали из учебника Layer Opacity vs Fill , значение Fill контролирует прозрачность фактического содержимого слоя, но не влияет на стили слоя, которые к нему применяются. Понижая значение Fill слоя Type, мы делаем сам текст прозрачным, но стиль слоя Drop Shadow останется полностью видимым:

Понижение параметра «Непрозрачность заливки» до 0% в диалоговом окне «Стиль слоя».  Image © 2012 Photoshop Essentials.com.

Снижение непрозрачности заливки до 0%.

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

Изображение после понижения непрозрачности текста.  Image © 2012 Photoshop Essentials.com.

Изображение после понижения непрозрачности текста.

Шаг 5: переключиться обратно на параметры Drop Shadow

Нажмите непосредственно на слова Drop Shadow под Blending Options в верхнем левом углу диалогового окна, чтобы переключиться обратно к опциям Drop Shadow. Убедитесь, что вы нажимаете непосредственно на слова, а не внутри флажка слева от слов, иначе вы не получите доступ к опциям (и отключите тень):

Переключение обратно на параметры Drop Shadow в диалоговом окне Layer Styles.  Image © 2012 Photoshop Essentials.com.

Нажав на слова Drop Shadow.

Шаг 6: отключить «Слой выбивает капли»

Если вы посмотрите вниз в нижней части опций Drop Shadow, вы увидите опцию под названием Layer Knocks Out Drop Shadow . По умолчанию этот параметр включен, и если он включен, тень будет скрыта за фактическим содержимым слоя (в данном случае текстом), даже если мы сделаем содержимое прозрачным. Нажмите на флажок, чтобы снять флажок и отключить параметр:

Отключение слоя выбивает опущенную тень.  Image © 2012 Photoshop Essentials.com.

Отключение опции «Слой выбивает тень».

И теперь, сам текст полностью скрыт и больше не блокирует тень от просмотра:

Размытый теневой текст теперь полностью виден.  Image © 2012 Photoshop Essentials.com.

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

Шаг 7: отрегулируйте размер тени

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

Увеличение значения «Размер» для тени в диалоговом окне «Стили слоя».  Image © 2012 Photoshop Essentials.com.

Отрегулируйте степень размытия текста с помощью параметра «Размер».

Вот мой эффект размытия после увеличения значения размера до 29 пикселей:

Текст становится более размытым после увеличения значения размера.  Image © 2012 Photoshop Essentials.com.

Текст после увеличения размера тени.

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

И текст, и эффект остаются редактируемыми

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

Двойной щелчок по эффекту Drop Shadow для слоя Type.  Image © 2012 Photoshop Essentials.com.

Двойной щелчок по эффекту «Тень» под слоем «Тип».

Это снова откроет диалоговое окно «Стиль слоя» для параметров «Тень», чтобы вы могли внести любые необходимые изменения в значение «Размер». Когда вы закончите, нажмите OK, чтобы закрыть обратно из диалогового окна:

Перетащите ползунок «Размер» в параметрах стиля слоя «Тень».  Image © 2012 Photoshop Essentials.com.

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

Сам текст также остается полностью редактируемым, даже с применением эффекта размытия. Просто выберите его с помощью инструмента « Текст», введите новый текст, затем нажмите Ctrl + Enter (Win) / Command + Return (Mac) на клавиатуре, чтобы принять его. Эффект размытия автоматически применяется к обновленному тексту:

Редактирование текста с применением стиля слоя «Тень».  Image © 2012 Photoshop Essentials.com.

Тот же эффект размытия применяется к новому тексту.

Куда пойти дальше …

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


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.