В этом уроке по Photoshop мы узнаем, как создать полностью редактируемый размытый тип, используя стили слоя! В частности, мы увидим, как использовать эту технику для добавления размытого теневого текста к изображению. Теперь, если вы некоторое время использовали Photoshop, вы можете подумать: «Размытый текст? Разве вы не можете просто размыть его с помощью фильтра Gaussian Blur?», И да, вы можете, но есть большой недостаток в этом. тот.
Фотошоп не позволит нам применить Gaussian Blur (или любой другой фильтр) к типу без предварительного преобразования типа в пиксели (процесс, известный как растеризация типа), и после преобразования в пиксели текст больше не редактируется. В этом уроке мы рассмотрим другой способ размытия текста, который дает нам те же результаты, которые мы добились бы с помощью Gaussian Blur, но без необходимости его растеризации, что означает, что наш тип остается полностью редактируемым даже после того, как мы размыто, так что мы все еще можем вернуться и внести любые необходимые изменения! Как можно создать размытый, но редактируемый текст? Благодаря стилям слоя это на самом деле очень просто!
Вот документ, который я открыл на своем экране, содержащий один слой текста (слово «ТЕНЬ») перед фоновым изображением:
Оригинальный документ.
Если мы посмотрим на мою панель «Слои», то увидим текст на слое «Тип», расположенный над изображением на слое фона, и увидим, что слой «Тип» в данный момент активен (выделен синим цветом)
Панель «Слои», показывающая слой «Тип» над фоновым слоем.
Прежде чем мы научимся создавать редактируемый размытый тип, давайте быстро посмотрим, что происходит, когда я пытаюсь размыть свой текст с помощью фильтра Gaussian Blur. Я выберу его, зайдя в меню « Фильтр» в строке меню в верхней части экрана, затем выберу « Размытие», а затем « Размытие по Гауссу» :
Идем в Filter> Blur> Gaussian Blur.
Как только я выберу фильтр Gaussian Blur, Photoshop откроет окно с предупреждением о том, что текст на слое Type нужно растеризовать и что он больше не будет редактируемым шрифтом, когда мы закончим. Это не то, что я хочу, поэтому я нажму кнопку «Отмена», чтобы отменить фильтр:
Отмена фильтра, так как я не хочу растеризовать текст.
Давайте посмотрим, как размыть текст, используя стили слоев Photoshop!
Шаг 1: добавь тень
Открыв документ и выделив слой «Тип», щелкните значок « Стили слоев» в нижней части панели «Слои».
Нажав на иконку Layer Styles.
Затем выберите Drop Shadow в верхней части списка стилей слоя, который появляется:
Выбор Drop Shadow из списка.
Шаг 2: уменьшите расстояние до 0px
При этом откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами «Тень» в среднем столбце. Уменьшите значение расстояния до 0px, переместив ползунок влево. Параметр «Расстояние» определяет, как далеко тень появляется от объекта, отбрасывающего тень. Установка расстояния в 0px поместит тень прямо за текстом:
Уменьшение расстояния до 0px.
Если мы посмотрим на текст в окне документа, мы увидим тень, торчащую по краям букв:
Текст после снижения значения расстояния до 0px.
Шаг 3: переключитесь на параметры смешивания
Не закрывайте диалоговое окно Layer Style, потому что у нас еще есть кое-что сделать. Нажмите непосредственно на слова Blending Options в верхнем левом углу диалогового окна. Параметры «Тень» в среднем столбце будут заменены параметрами «Смешивание»:
Выбор параметров наложения.
Шаг 4: понизь непрозрачность заливки до 0%
Теперь, когда параметры смешивания отображаются в среднем столбце, уменьшите значение « Непрозрачность заливки» до 0%, переместив ползунок полностью влево. Этот параметр «Непрозрачность заливки» - это тот же параметр «Заполнение», который находится в верхнем правом углу панели «Слои». Как мы узнали из учебника Layer Opacity vs Fill, значение Fill контролирует прозрачность фактического содержимого слоя, но не влияет на стили слоя, которые к нему применяются. Понижая значение Fill слоя Type, мы делаем сам текст прозрачным, но стиль слоя Drop Shadow останется полностью видимым:
Снижение непрозрачности заливки до 0%.
Если мы снова посмотрим на окно документа, то увидим, что сами буквы стали полностью прозрачными, а тень остается видимой. Проблема в том, что хотя текст прозрачный, он по-прежнему блокирует большую часть тени позади него из поля зрения. Все, что мы можем видеть в тени, это маленькая часть, торчащая по краям. Мы исправим это через минуту:
Изображение после понижения Fill Opacity текста.
Шаг 5: переключиться обратно на параметры Drop Shadow
Нажмите непосредственно на слова Drop Shadow под Blending Options в верхнем левом углу диалогового окна, чтобы переключиться обратно на параметры Drop Shadow. Убедитесь, что вы нажимаете непосредственно на слова, а не внутри флажка слева от слов, иначе вы не получите доступ к опциям (и отключите тень):
Нажав на слова Drop Shadow.
Шаг 6: отключить "Слой выбивает тень"
Если вы посмотрите вниз в нижней части опций Drop Shadow, вы увидите опцию под названием Layer Knocks Out Drop Shadow . По умолчанию эта опция включена, и если она включена, тень будет скрыта за фактическим содержимым слоя (в данном случае текстом), даже если мы сделаем содержимое прозрачным. Нажмите на флажок, чтобы снять флажок и отключить параметр:
Отключение опции «Слой выбивает тень».
И теперь сам текст полностью скрыт и больше не блокирует тень от просмотра:
Размытый теневой текст теперь полностью виден.
Шаг 7: отрегулируйте размер тени
Если бы мы размыли текст, используя фильтр Gaussian Blur, мы бы отрегулировали степень размытия, перетаскивая ползунок Радиус. Используя нашу технику стилей слоя, мы корректируем размытие, контролируя размер тени с помощью параметра « Размер» . По умолчанию для размера установлено значение 16 пикселей. Перетащите ползунок вправо, чтобы увеличить значение и увеличить тень, чтобы добавить больше размытия к тексту, или перетащите его влево, чтобы уменьшить значение «Размер» и уменьшить эффект размытия:
Отрегулируйте степень размытия текста с помощью параметра «Размер».
Вот мой эффект размытия после увеличения значения размера до 29 пикселей:
Текст после увеличения размера тени.
Когда вы довольны количеством размытия, нажмите кнопку «ОК» в верхнем правом углу диалогового окна «Стиль слоя», чтобы закрыть его и завершить эффект.
И текст, и эффект остаются редактируемыми
Стили слоев - это живые, неразрушающие эффекты, что означает, что мы можем вернуться в любое время и внести изменения. Если после того, как вы закрыли диалоговое окно «Стиль слоя», вы понимаете, что вам необходимо внести дополнительные корректировки в степень размытия, просто дважды щелкните эффект «Тень», который указан под слоем «Тип» на панели «Слои» (снова кликните прямо на сами слова)
Двойной щелчок по эффекту «Тень» под слоем «Тип».
Это снова откроет диалоговое окно «Стиль слоя» для параметров «Тень», чтобы вы могли внести любые необходимые изменения в значение «Размер». Когда вы закончите, нажмите OK, чтобы закрыть обратно из диалогового окна:
Установка нового значения размера с помощью ползунка.
Сам текст также остается полностью редактируемым, даже с применением эффекта размытия. Просто выберите его с помощью инструмента «Текст», введите новый текст, затем нажмите Ctrl + Enter (Win) / Command + Return (Mac) на клавиатуре, чтобы принять его. Эффект размытия автоматически применяется к обновленному тексту:
Тот же эффект размытия применяется к новому тексту.
Куда пойти дальше …
И там у нас это есть! Вот как можно создать полностью редактируемый эффект размытого текста, используя стили слоев в Photoshop! Ознакомьтесь с нашими разделами «Текстовые эффекты» или «Фотоэффекты» для получения дополнительных уроков по Photoshop!
