Фотошоп размытие границ: Как размыть края в Фотошопе

Содержание

Как в Фотошопе размыть фон / Фотообработка в Photoshop / Уроки фотографии


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

Фильтры размытия

Здесь мы видим несколько фильтров. Давайте кратко поговорим о наиболее применяемых из них.

Размытие по Гауссу

Этот фильтр применяется в работе чаще всего. Для размытия здесь используется принцип гауссовских кривых. Настройки фильтра предельно просты: сила эффекта регулируется ползунком с названием «Радиус».

Размытие и Размытие+

Данные фильтры не имеют никаких настроек и применяются сразу после выбора соответствующего пункта меню. Разница между ними состоит только в силе воздействия на изображение или слой. «Размытие+» размывает сильнее.

Радиальное размытие

Радиальное размытие имитирует, в зависимости от настроек, либо «скручивание», как при вращении камеры, либо «разлет».

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

Скручивание:

Результат:

Разлет:

Результат:

Это основные фильтры размытия в Фотошопе. Остальные инструменты являются производными и используются в специфических ситуациях.

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

В этом уроке по 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 с параметрами «Тень» в средней колонке. Опустить Distance значение вплоть до 0px перетаскивая ползунок до упора влево. Параметр «Расстояние» определяет, как далеко тень появляется от объекта, отбрасывающего тень. Установка расстояния 0px поместит тень непосредственно за текстом:

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

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

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

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

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

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

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

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

Это интересно: Как копировать смарт-объекты в фотошопе: разбираемся подробно

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

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

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

Шаг 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!

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Поделитесь в соц. сетях: Оцените статью:

Добавление эффекта движения

На данном этапе мы сымитировали вращение лопастей. Мне хотелось бы добавить ещё несколько эффектов движения к вращающимся лопастям. Для этого перейдите на соседнюю вкладку Motion Effects (Эффекты движения) на правой панели.

Здесь я внёс следующие изменения: Strobe Strength (Интенсивность импульсной вспышки) 10%, Strobe Flashes (Импульсные вспышки) 4 и Strobe Flash Duration (Длительность импульсной вспышки) 2 градуса. Для чего же предназначены эти параметры?

  • Strobe Strength (Интенсивность импульсной вспышки) – значение, определяющее степень размытия между действиями виртуальной вспышки.
  • Strobe Flashes (Импульсные вспышки) – значение, которое определяет количество виртуальных вспышек.
  • Strobe Flash Duration (Длительность импульсной вспышки) – значение, контролирующее длину виртуальной вспышки.

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

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

Если вы довольны своим результатом, то нажмите OK, чтобы выйти из рабочей области фильтра «Размытие вращения». Photoshop вернёт вас в обычное рабочее пространство.

Размытие краев — замена Feather | Render.ru

JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.