Как размыть текст в фотошопе

Обновлено: 21.11.2024

Гарри Гиннесс

Гарри Гиннесс
Писатель

Гарри Гиннесс – фотограф и писатель с десятилетним опытом работы. Его работы публиковались в таких газетах, как The New York Times, и на множестве других веб-сайтов, от Lifehacker до Popular Science и OneZero от Medium. Подробнее.

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

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

Выберите инструмент выделения на панели инструментов или с помощью сочетания клавиш M.

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

Выберите Фильтр > Размытие > Размытие по Гауссу. Появится всплывающее меню «Размытие по Гауссу», и вы увидите предварительный просмотр эффекта, который оно оказывает на выбранную область.

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

Нажмите «ОК», и эффект будет применен. Теперь вы можете сохранить свое новое анонимное изображение.

Размытие объектов — очень полезная функция в Photoshop. Вы будете регулярно видеть скриншоты на How-To Geek, где личная информация была анонимизирована таким образом. Если вы хотите сделать выделение более точным, вы всегда можете комбинировать этот прием с некоторыми другими, которые вам известны, например, с использованием слоев и масок.

› Что такое частотное разделение в фотографии?
›5 шрифтов, которые следует прекратить использовать (и лучшие альтернативы)
› Почему прозрачные чехлы для телефонов желтеют?
› Как установить Google Play Маркет в Windows 11
› Что означает XD и как вы его используете?
› Как восстановить метки панели задач в Windows 11
› Худшее, что есть в телефонах Samsung, — это программное обеспечение Samsung.

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

Вот как будет выглядеть окончательный результат:

Начнем!

Шаг 1. Растрируйте текст

Вот документ, с которого я начинаю, это просто слово "BLUR", напечатанное белым цветом на сплошном черном фоне. Я использовал Arial Bold для шрифта:

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

Убедитесь, что на панели «Слои» выбран слой «Тип» (выбранные слои выделены синим цветом), затем перейдите в меню «Слой» в строке меню в верхней части экрана, выберите «Растрировать», затем выберите «Текст»:

Тип «Растеризация» просто означает, что мы преобразуем его из редактируемого текста в пиксели, что нам нужно сделать, прежде чем Photoshop позволит нам применить к нему какие-либо фильтры. В окне документа ничего не изменится, но на панели «Слои» мы видим, что слой «Текст» стал обычным слоем на основе пикселей:

Шаг 2. Создайте три копии слоя

Нам нужно сделать три копии нашего растеризованного текста, поэтому перейдите в меню «Слой», выберите «Создать», затем выберите «Слой через копирование» или нажмите Ctrl+J (Win)/Command+J (Mac), чтобы получить доступ к тому же команда с более быстрым сочетанием клавиш:

В любом случае программа Photoshop сделает копию слоя и поместит ее над оригиналом:

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

Шаг 3. Выберите исходный текстовый слой

Нажмите на исходный текстовый слой на панели «Слои» (тот, который находится прямо над фоновым слоем), чтобы выбрать его:

Шаг 4. Примените фильтр размытия в движении

Перейдите к меню «Фильтр» в верхней части экрана, выберите «Размытие», затем выберите «Размытие в движении»:

При этом открывается диалоговое окно Photoshop "Размытие в движении". Давайте начнем с добавления вертикального размытия к тексту. Измените угол размытия на 90°, затем начните перетаскивать ползунок «Расстояние» в нижней части диалогового окна вправо, чтобы увеличить степень размытия. Следите за окном документа, когда перетаскиваете ползунок, чтобы оценить результаты. Я собираюсь установить для параметра «Расстояние» значение около 150 пикселей, что, по моему мнению, хорошо сочетается с моим изображением, но используемое вами значение может отличаться в зависимости от размера и разрешения вашего документа:

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

Шаг 5. Выберите слой над ним

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

Шаг 6. Снова примените фильтр размытия в движении

Нажмите Ctrl+Alt+F (Win)/Command+Option+F (Mac) на клавиатуре. Это быстрый способ получить доступ к последнему использованному нами фильтру, которым в нашем случае был фильтр Motion Blur. Photoshop снова откроет для нас диалоговое окно фильтра, чтобы мы могли внести любые необходимые изменения до применения фильтра. На этот раз мы добавим горизонтальное размытие в движении, поэтому измените угол на 0°. Вы можете оставить для параметра «Расстояние» то же значение, которое вы использовали в прошлый раз:

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

Шаг 7. Объедините два слоя вместе

Перейдите в меню «Слой» и выберите «Объединить вниз» или нажмите Ctrl+E (Win)/Command+E (Mac) на клавиатуре:

Photoshop объединит два слоя размытия в движении вместе на панели «Слои», оставив нам три текстовых слоя:

Шаг 8. Примените фильтр размытия по Гауссу

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

Откроется диалоговое окно "Размытие по Гауссу". Перетащите ползунок «Радиус» внизу немного вправо, чтобы добавить небольшое размытие, достаточное, чтобы смягчить края эффекта размытия в движении. Значения радиуса около 2 пикселей должно быть достаточно, хотя вам может потребоваться использовать более высокое значение для большего документа. Как всегда, следите за окном документа, когда перетаскиваете ползунок, чтобы оценить результаты:

Нажмите OK, чтобы закрыть диалоговое окно. Края размытия в движении теперь выглядят мягче:

Шаг 9. Выберите слой над ним

Нажмите на слой непосредственно над объединенным слоем (тот, в названии которого есть «копия 2»), чтобы выбрать его:

Шаг 10. Примените фильтр размытия по Гауссу

Нажмите Ctrl+Alt+F (Win)/Command+Option+F (Mac) на клавиатуре. Это снова открывает диалоговое окно для последнего использованного нами фильтра, который на этот раз был фильтром Gaussian Blur. Здесь мы будем использовать фильтр Gaussian Blur, чтобы добавить эффект свечения вокруг букв в тексте.Перетащите ползунок «Радиус» вправо, и при перетаскивании вокруг текста начнет появляться свечение. Я собираюсь увеличить значение Радиуса до 8 пикселей, что придаст моим буквам тонкое мягкое свечение:

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

Шаг 11. Выберите верхний слой

Выберите верхний слой на панели «Слои», это единственный текстовый слой, к которому мы не применяли никаких фильтров:

Шаг 12. Объедините слой со слоем под ним

Как и в шаге 7, перейдите в меню «Слой» и выберите «Объединить вниз» или нажмите Ctrl+E (Win)/Command+E (Mac) для сочетания клавиш. Это объединит верхний слой с размытым слоем «свечение» под ним, оставив нам только два текстовых слоя:

Выберите «Слой» > «Объединить вниз» или нажмите Ctrl+E (Win)/Command+E (Mac), чтобы объединить два верхних слоя вместе.

Шаг 13. Добавьте маску слоя

Нажмите значок маски слоя в нижней части панели «Слои»:

Миниатюра маски слоя появляется на верхнем слое, давая нам знать, что маска была добавлена:

Шаг 14. Выберите инструмент «Градиент»

Выберите инструмент «Градиент» в Photoshop на панели «Инструменты»:

Шаг 15. Выберите градиент от белого к черному

Выбрав маску слоя (миниатюра маски на панели «Слои» будет иметь белую выделенную рамку вокруг нее, сообщая вам, что она выбрана), нажмите букву D на клавиатуре, чтобы при необходимости быстро сбросить цвета переднего плана и фона Photoshop, что устанавливает цвет переднего плана на белый, а цвет фона на черный. Затем щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), в любом месте окна документа, чтобы быстро открыть средство выбора градиента и выбрать градиент от белого к черному (верхний левый угол — на самом деле это градиент от переднего плана к фону), щелкнув его миниатюру. . Нажмите Enter (Win)/Return (Mac), когда закончите, чтобы закрыть окно выбора градиента:

Шаг 16. Выберите параметр «Отраженный градиент»

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

Шаг 17. Нарисуйте градиент на маске слоя

Выбрав параметр «Отраженный градиент», щелкните в любом месте горизонтального центра текста, чтобы установить начальную точку для градиента. Затем, удерживая нажатой клавишу Shift, и, не отпуская кнопку мыши, перетащите прямо вверх к началу текста. Удерживая клавишу Shift при перетаскивании, вам будет проще перетаскивать прямо вверх:

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

Теперь основной текст исчезает ближе к верху и низу букв. Только середина слова остается видимой на 100 %.

Шаг 18. Дублируйте слой

Нажмите Ctrl+J (Win)/Command+J (Mac) на клавиатуре, чтобы быстро продублировать слой:

Это делает эффект свечения более интенсивным, придавая тексту более "призрачный" вид:

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

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

Шаг 19. Добавьте корректирующий слой оттенка/насыщенности

В качестве последнего шага давайте раскрасим эффект. Щелкните значок «Новый корректирующий слой» в нижней части панели «Слои»:

Выберите «Цветовой тон/Насыщенность» в появившемся списке корректирующих слоев:

Если вы используете Photoshop CS4 или CS5, элементы управления и параметры корректирующего слоя «Цветовой тон/Насыщенность» появятся на панели «Коррекция». Для CS3 и более ранних версий откроется отдельное диалоговое окно. Сначала выберите параметр «Раскрасить», установив флажок внутри его флажка. Затем перетащите ползунок «Оттенок», чтобы выбрать цвет для использования, и перетащите ползунок «Насыщенность», чтобы отрегулировать интенсивность цвета. Я собираюсь выбрать призрачно-зеленый, установив значение оттенка на 123, а затем увеличу значение насыщенности до 40:

Для пользователей Photoshop CS3 и более ранних версий нажмите OK, чтобы закрыть диалоговое окно, когда закончите. Пользователи CS4 и CS5 могут оставить панель настроек открытой. И с этим мы закончили! Вот, после раскрашивания текста, мой окончательный эффект «призрачного размытия»:

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

Выберите инструмент выделения на панели инструментов или с помощью сочетания клавиш M.

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

Нажмите «ОК», и эффект будет применен. Теперь вы можете сохранить свое новое анонимное изображение.

Бо Карнс

В этом руководстве показано, как размыть лица, фон, текст и многое другое с помощью Photoshop CC.

Мы будем использовать эффект размытия по Гауссу. Первый шаг — открыть изображение, которое вы хотите изменить, в Photoshop CC.

Как размыть все изображение в Photoshop

Если вы хотите размыть все изображение, выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».

Настройте радиус, чтобы увеличить или уменьшить размытие изображения. Затем нажмите «ОК».

Как размыть лица в Photoshop (простой способ)

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

Сначала с помощью инструментов выделения выберите область, которую хотите размыть. В следующем примере грань выделяется с помощью инструмента Elliptical Marquee Tool.

Затем примените размытие по Гауссу, как и раньше (Фильтр > Размытие > Размытие по Гауссу). Выберите радиус и нажмите «ОК». Наконец, выберите «Выделение» > «Отменить выбор».

Как размыть лица в Photoshop (расширенный метод)

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

Сначала продублируйте слой, щелкнув его правой кнопкой мыши и выбрав «Дублировать слой». “.

Затем примените размытие по Гауссу, как и раньше (Фильтр > Размытие > Размытие по Гауссу) с нужным радиусом.

Добавьте маску слоя к дублированному слою, нажав кнопку «Добавить векторную маску». Удерживая OPTION на Mac или ALT на Windows, нажмите кнопку, чтобы скрыть весь слой за маской. Вы больше не увидите размытый слой.

Следующим шагом будет использование кисти, чтобы нарисовать области, которые вы хотите размыть. Убедитесь, что край кисти мягкий (можно установить жесткость на 0%), и используйте белый цвет в качестве основного цвета.

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

На изображении выше видно, что исходный неразмытый слой по-прежнему доступен.

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

Бо Карнс

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

Научитесь программировать бесплатно. Учебная программа freeCodeCamp с открытым исходным кодом помогла более 40 000 человек получить работу в качестве разработчиков. Начать

freeCodeCamp – это поддерживаемая донорами некоммерческая организация, освобожденная от налогов в соответствии со статьей 501(c)(3) (идентификационный номер федерального налогоплательщика США: 82-0779546)

Наша миссия: помочь людям научиться программировать бесплатно. Мы достигаем этого, создавая тысячи видеороликов, статей и интерактивных уроков по кодированию — все они находятся в свободном доступе. У нас также есть тысячи учебных групп freeCodeCamp по всему миру.

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

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

Я уже пошел дальше и открыл Photoshop. Я создал новый документ и написал слово BLUR черным шрифтом Impact. Взгляните.

Следующий шаг, который я сделаю, — это создание трех дубликатов этого слоя с черным текстом. Итак, я буду использовать сочетание клавиш Ctrl (Command) + J, чтобы создать дубликаты, а затем изменю эти слои с черного на голубой, пурпурный и желтый. Я также буду сохранять слои в этом порядке, сверху вниз: желтый, голубой, пурпурный и черный на панели «Слои».

Затем я выберу все текстовые слои и применю к ним режим наложения «Умножение». После этого я сдвину желтый слой вверх на пять пикселей, голубой слой вправо на пять пикселей и пурпурный слой влево на пять пикселей. Вот как будет выглядеть текст в этот момент.

Текст выглядит размытым, не так ли? Это что-то вроде обмана глаз. Но подождите, я еще не закончил. Давайте сделаем его еще лучше.

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

Теперь я выберу пункт меню "Фильтр" > "Размытие" > "Размытие в движении" и нажму.

Когда появится диалоговое окно "Размытие в движении", я установлю угол на 0° и расстояние на 5 пикселей.

После этого я создам еще один точно такой же фильтр, но с углом 90°. Когда я закончу оба этих шага (по отдельности), я нажму кнопку "ОК", и это будет мой окончательный результат размытого текста.

Это реалистичный размытый текст. Если у вас есть какие-либо вопросы или комментарии об этой технике в Photoshop, задавайте их ниже. Я бы хотел помочь. Спасибо за прочтение!

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