Как сделать размытие текста в фотошопе
Корректировка резкости и размытия изображения
В Photoshop предусмотрено много разных инструментов, фильтров и масок, которые позволяют более точно управлять резкостью изображения (или размытием).
Регулировка резкости усиливает четкость краев на изображении. Регулировка резкости позволяет улучшить качество большинства изображений независимо от того, каким образом они получены (сняты цифровой камерой или получены сканированием). Необходимая степень резкости зависит от качества цифровой камеры или сканера. Следует помнить, что регулировкой резкости нельзя исправить сильно размытые изображения.
Советы для получения оптимальной резкости.
Резкость изображения следует регулировать отдельно в каждом слое, чтобы при использовании другого устройства вывода ее можно было настроить заново.
При регулировке резкости в отдельном слое для этого слоя следует установить режим наложения по яркости, чтобы избежать смещения цвета вдоль контуров.
При регулировке резкости усиливается контрастность изображения. Если после регулировки резкости света или тени кажутся усеченными, следует изменить режим наложения слоя (если резкость изменялась в отдельном слое), чтобы резкость не изменялась в области светов и теней. См. раздел Задание тонового диапазона для наложения слоев.
Уменьшите шум изображения, прежде чем увеличивать резкость, чтобы не усиливать шум.
Резкость изображения следует регулировать понемногу в несколько приемов. Первоначальным увеличением резкости исправляется размытие, возникшее при захвате изображения (во время сканирования или при съемке фотоаппаратом). После исправления цвета и размера следует повторно отрегулировать резкость изображения (или его копии), чтобы добавить запас резкости в соответствии с устройством вывода.
При возможности резкость следует оценивать по изображению на конечном устройстве вывода. Необходимая степень резкости зависит от устройства вывода.
Используйте фильтр «Контурная резкость (USM)» или фильтр «Умная резкость», чтобы лучше управлять процессом увеличения резкости изображений. Кроме того, в Photoshop можно использовать фильтры «Резкость», «Резкость на краях», «Увеличение резкости», однако это автоматические фильтры, в которых не предусмотрены элементы управления и параметры.
Регулировать резкость можно как для всего изображения, так и для отдельной его части, заданной выделением или маской. Поскольку фильтры «Контурная резкость» и «Умная резкость» можно применять за один прием только к одному слою, то для регулировки резкости всех слоев изображения в многослойном файле придется объединять слои или сводить файл.
Название фильтра «Контурная резкость» происходит от метода темной комнаты, который использовался для работы с фотопленкой. Данный фильтр скорее увеличивает резкость изображения.
Использование «Умной» резкости»
В фильтре «Умная резкость» предусмотрены элементы управления резкостью, недоступные в фильтре «Контурная резкость». В нем можно задать алгоритм регулировки резкости или установить интенсивность резкости в затененных областях и в областях света.
Как размыть текст в фотошопе
Как размыть текст в фотошопе
Сегодня мы будем создавать сияющий размытый текст.
Эффект размытия мы будем добавлять при помощи фильтра Размытие поля.
Раздел Галерея размытия присутствует не во всех версиях Adobe Photoshop. Если я не ошибаюсь, Галерея размытия появилась с версии CS6.
Перед тем, как приступать к выполнению урока, убедитесь в наличии данного раздела с фильтрами в вашей версии программы.
Сначала мы создадим новый документ и зальем фоновый слой черным цветом.
Затем установим шрифт из папки с исходниками, напишем текст и применим к текстовому слою фильтр Размытие поля.
Далее продублируем слой с текстом, применим к дубликатам слоя и оригинальному слою стили слоя, а также фильтр Размытие по Гауссу.
После этого мы при помощи инструмента Кисть нарисуем яркую текстуру, которую размоем и применим к текстовому слою.
В завершение урока «Как размыть текст в фотошопе» мы добавим в работу изображение с рамкой из папки с исходниками и с помощью стилей слоя изменим цвет рамки на белый.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Свет». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настойки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.
В панели слоев кликаем ПКМ по текстовому слою и выбираем «Преобразовать в смарт-объект». После этого, при необходимости, вы сможете редактировать настройки примененных к текстовому слою фильтров, достаточно только кликнуть по строке соответствующего фильтра в панели слоев и в открывшемся окне фильтра внести необходимые изменения.
Переходим в меню Фильтр-Галерея размытия-Размытие поля. В открывшемся окне фильтра ставим три точки и для каждой точки используем разное значение размытия, потянув за «ободок» около точки или воспользовавшись соответствующим ползунком в правой части окна.
В панели слоев переименовываем слой с текстом в «1». В панели слоев создаем дубликат слоя «1» (Ctrl+J) и переименовываем дубликат слоя в «3».
В панели слоев дважды щелкаем по слою «3», чтобы открыть стили слоя.
Во вкладке Параметры наложения вводим настройки, как на рисунке ниже.
В панели слоев двойным щелчком по слою «1» вызываем стили слоя.
Во вкладке Параметры наложения меняем настройки, как показано ниже.
В панели слоев создаем дубликат слоя «1» (Ctrl+J). Переименовываем образовавшийся слой в «2».
Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «1» с параметрами, показанными на картинке.
Выше всех слоев в панели слоев создаем новый пустой слой и называем его «Цвет».
Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Выбираем из загруженного набора кисть, отмеченную на рисунке стрелочкой. В панели цвета в качестве основного выставляем оттенок # 05057f. Делаем мазок кистью на слое «Цвет».
Добавляем еще три мазка кисти на слой «Цвет». Используем оттенки # a622f2, # f222e1 и # f4c955. Чтобы использовать цвет в дальнейшей работе, установите его в качестве основного в панели цвета. Рисуем в области над текстом. Вы можете использовать другие оттенки на свое усмотрение. Вот что получилось у меня в результате.
Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим настройки, как на картинке.
В панели слоев кликаем ПКМ по слою «Цвет» и выбираем «Создать обтравочную маску». После этого слой «Цвет» как бы «прикрепится» к нижележащему слою («3») и будет виден только в пределах этого слоя, не затрагивая остальные слои в панели слоев.
Выше всех слоев в панели слоев помещаем в документ (Файл-Поместить встроенные) изображение «Рамка» из папки с исходниками. Вызываем Свободное трансформирование (Редактирование-Свободное трансформирование или Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. После этого уже без клавиш Alt и Shift растягиваем слой «Рамка» таким образом, чтобы белая кайма осталась за пределами холста.
В панели слоев дважды щелкаем по слою «Рамка», чтобы открыть стили слоя.
Во вкладке Наложение цвета используем оттенок # ffffff и вводим следующие настройки.
Сияющий размытый текст готов! Урок «Как размыть текст в фотошопе» завершен.
Создание размытия в Photoshop
Размытие часто используется в целях создания более сильного контраста на изображении или просто для скрытия некоторых деталей. Создатели программы предусмотрели несколько встроенных эффектов, которые могут быть настроены под потребности пользователя. Также не забывайте про слои и маски, что позволяют добиться еще более точного результата.
Как сделать размытие в Photoshop
Программой предусмотрены как встроенные фильтры, так и отдельный инструмент. Далее рассмотрим подробно самые популярные варианты, а также ситуации, в которых их рекомендуется использовать.
Вариант 1: Фильтр «Размытие по Гауссу»
Самый популярный фильтр размытия у пользователей Photoshop. Назван он так, потому что в основе своей работы использует принцип гауссовских кривых. Давайте для примера размоем фон у изображения с помощью данного фильтра.
Более подробно о том, как сделать размытие фона в Photoshop мы писали здесь.
Вариант 2: Фильтры «Размытие» и «Размытие +»
Оба фильтра действую по примерно похожим алгоритмам, поэтому были занесены в одну категорию. Являются самыми примитивными из набора, так как не имеют никаких дополнительных настроек. «Размытие» устанавливает небольшое размытие для выбранного слоя, а у «Размытие +» эффект просто немного выше. При этом окошек с настройками во время выбора данного фильтра никаких не появляется.
Вариант 3: Фильтр «Размытие в движении»
Этот фильтр используется значительно реже своих аналогов. Частенько применяется для того, чтобы передать динамику движения для какого-то объекта. Давайте рассмотрим на конкретном примере принцип работы фильтра: сделаем эффект движения листа на баннере.
Вариант 4: Фильтр «Размытие объектива»
Появился только в новых версиях Photoshop. Создает эффект расфокусированного объектива на изображении. Данный фильтр имеет много настроек, но мы, для ясности, разберем только самые основные.
У этого фильтра есть и другие настройки, однако они используются очень редко.
Вариант 5: Фильтр «Размытие по поверхности»
Позволяет создавать на картинки своего рода засветы, которые более размыты и тусклее по сравнению с остальным изображением. При сильно больших значениях может менять цветовой тон изображения.
Имеет в арсенале только два параметра:
Вариант 6: Фильтр «Размытие по рамке»
Создает эффект расщепления изображения из центральной части к границам. Имеет только один параметр – «Радиус», отвечающий за степень размытия.
Вариант 7: Фильтр «Размытие по фигуре»
В случае с этим фильтром за основу берется какая-то из фигур, заложенных в Photoshop по умолчанию. Вы можете сами выбрать эту фигуру. У фильтра только один параметр – «Радиус».
Вариант 8: Фильтр «Радиальное размытие»
Фильтр имитирует, в зависимости от настроек, либо «скручивание», как при вращении камеры, либо «разлет». Имеет следующие настройки:
Вариант 9: Инструмент «Размытие»
В дополнении к представленным фильтрам разработчики Photoshop приложили отдельный инструмент, отвечающий за размытие, который расположен в левой панели инструментов и носит соответствующее название.
Он настраивается по аналогии с кистью, но только не закрашивает, а размывает все, что попадает в поле его действия. К сожалению, можно настроить только размер кисти, но не силу размытия. Чтобы увеличить степень размытия, можно пройтись данным инструментом несколько раз по нужному участку.
Как видите, разработчики Photoshop отлично реализовали возможности размытия как целого изображения, так и отдельных слоев или даже каких-то частей картинок. Для достижения наилучших результатов представленные фильтры можно комбинировать между собой.
Призрачный эффект размытия текста в фотошопе
В этом уроке по Photoshop мы научимся придавать тексту призрачный, сверхъестественный вид, используя несколько простых фильтров размытия. Я буду использовать Photoshop CS5 на протяжении всего урока, но любая последняя версия Photoshop будет работать.
Вот как будет выглядеть окончательный результат:
Шаг 1: Растеризация Типа
Вот документ, с которого я начинаю, это просто слово «BLUR», напечатанное белым цветом на сплошном черном фоне. Я использовал Arial Bold для шрифта:
Если мы посмотрим на панель «Слои», то увидим слой «Тип», расположенный над черным фоновым слоем:
Панель «Слои» показывает два слоя, которые в данный момент находятся в документе.
Убедитесь, что слой «Тип» выбран на панели «Слои» (выделенные слои выделены синим цветом), затем перейдите в меню « Слой» в строке меню в верхней части экрана, выберите « Растеризация», затем выберите « Тип» :
Перейдите в Слой> Растеризация> Тип.
Тип «Растеризация» просто означает, что мы преобразуем его из редактируемого текста в пиксели, что нам нужно сделать, прежде чем Photoshop позволит нам применить к нему какие-либо фильтры. Ничто не изменится в окне документа, но мы видим на панели «Слои», что слой «Тип» стал обычным слоем на основе пикселей:
После того, как текст был растеризован (преобразован в пиксели), он больше не редактируется.
Шаг 2: сделайте три копии слоя
Нам нужно сделать три копии нашего растеризованного текста, поэтому зайдите в меню « Слой», выберите « Новый», затем выберите « Слой через Копирование» или нажмите Ctrl + J (Win) / Command + J (Mac), чтобы получить доступ к той же команде с помощью более быстрое сочетание клавиш:
Перейдите в «Слой»> «Создать»> «Слой через Копирование» или нажмите Ctrl + J (Победа) / Command + J (Mac).
В любом случае, Photoshop должен сделать копию слоя и поместить его над оригиналом:
Новый слой появится над оригиналом на панели «Слои».
Сделайте то же самое еще два раза, либо выбрав Layer > New > Layer via Copy дважды, либо дважды нажав Ctrl + J (Win) / Command + J (Mac), хотя сочетание клавиш работает намного быстрее. Когда вы закончите, у вас должно быть 4 текстовых слоя плюс фоновый слой внизу:
Теперь у вас должно быть 5 слоев.
Шаг 3: выберите оригинальный текстовый слой
Нажмите на исходный текстовый слой на панели «Слои» (тот, что непосредственно над фоновым слоем), чтобы выбрать его:
Выберите оригинальный текстовый слой.
Шаг 4: примени фильтр Motion Blur
Перейдите в меню Filter в верхней части экрана, выберите Blur, затем выберите Motion Blur :
Перейдите в Filter> Blur> Motion Blur.
Это открывает диалоговое окно Motion Blur в Photoshop. Давайте начнем с добавления вертикального размытия движения к тексту. Измените угол размытия на 90 °, затем начните перетаскивать ползунок « Расстояние» в нижней части диалогового окна вправо, чтобы увеличить степень размытия. При перетаскивании ползунка следите за окном документа, чтобы судить о результатах. Я собираюсь установить значение «Расстояние» на уровне около 150 пикселей, которое, на мой взгляд, хорошо выглядит с моим изображением, но используемое вами значение может отличаться в зависимости от размера и разрешения вашего документа:
Установите угол на 90 °, затем перетащите ползунок расстояния, чтобы применить размытие.
Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Ваш эффект размытия по вертикали должен выглядеть примерно так:
Эффект после добавления вертикального размытия движения.
Шаг 5: выбери слой над ним
Нажмите на слой над исходным текстовым слоем на панели «Слои» (слой с надписью «копировать» после его имени), чтобы выбрать его:
Выберите первый «копировать» слой.
Шаг 6: примени фильтр Motion Blur снова
Измените угол на 0 °.
Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп применяет горизонтальное размытие движения к слою:
Вертикальное и горизонтальное размытие движения было добавлено к тексту.
Шаг 7: объединить два слоя вместе
Поднимитесь в меню Layer и выберите Merge Down или нажмите Ctrl + E (Победа) / Command + E (Mac) на клавиатуре:
Перейдите в Layer> Merge Down или нажмите Ctrl + E (Победа) / Command + E (Mac).
Фотошоп объединит два слоя размытия в движении на панели «Слои», оставив нам три текстовых слоя:
Эффекты размытия по горизонтали и вертикали теперь находятся на одном слое.
Шаг 8: примени фильтр Gaussian Blur
Края эффекта размытия при движении выглядят слишком резкими, поэтому давайте применим другой тип размытия, чтобы смягчить их. Вернитесь в меню Filter еще раз, выберите Blur, затем выберите Gaussian Blur :
Перейдите в Filter> Blur> Gaussian Blur.
Это открывает диалоговое окно Gaussian Blur. Перетащите ползунок « Радиус» внизу немного вправо, чтобы добавить небольшое размытие, достаточное для смягчения краев эффекта размытия в движении. Значение радиуса около 2 пикселей должно быть достаточно, хотя вам может потребоваться использовать более высокое значение для более крупного документа. Как всегда, следите за окном документа при перетаскивании ползунка, чтобы оценить результаты:
Увеличьте значение радиуса примерно до 2 пикселей.
Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Края размытия движения теперь выглядят мягче:
Изображение после применения фильтра Gaussian Blur.
Шаг 9: выбери слой выше этого
Нажмите на слой непосредственно над объединенным слоем (тот, который имеет «copy 2» в названии), чтобы выбрать его:
Выберите текстовый слой «copy 2» над объединенным слоем.
Шаг 10: примени фильтр Gaussian Blur
Нажмите Ctrl + Alt + F (Победа) / Command + Option + F (Mac) на клавиатуре. Это снова открывает диалоговое окно для последнего фильтра, который мы использовали, на этот раз это был фильтр Gaussian Blur. Мы будем использовать фильтр Gaussian Blur, чтобы добавить эффект свечения вокруг букв в тексте. Перетащите ползунок « Радиус» вправо, и при перетаскивании вы увидите, что вокруг текста начинает появляться свечение. Я собираюсь увеличить значение радиуса до 8 пикселей, что придает моим буквам мягкое мягкое свечение:
Увеличение значения радиуса до 8 пикселей.
Нажмите OK, чтобы еще раз закрыть диалоговое окно. Теперь мы можем видеть мягкое свечение вокруг текста:
Изображение после применения фильтра Gaussian Blur к тексту.
Шаг 11: выбери верхний слой
Выберите верхний слой на панели «Слои», который является единственным текстовым слоем, к которому мы не применили никаких фильтров:
Нажмите на верхний слой, чтобы выбрать его.
Шаг 12: объединить слой со слоем под ним
Как и в шаге 7, перейдите в меню « Слой» и выберите « Объединить вниз» или нажмите сочетание клавиш Ctrl + E (Win) / Command + E (Mac) для сочетания клавиш. Это объединит верхний слой с размытым слоем «свечение» под ним, оставив нам только два текстовых слоя:
Перейдите в Layer> Merge Down или нажмите Ctrl + E (Победа) / Command + E (Mac), чтобы объединить два верхних слоя вместе.
Шаг 13: добавь маску слоя
Нажмите на иконку Layer Mask внизу панели Layers:
Нажмите на значок маски слоя.
На верхнем слое появляется миниатюра маски слоя, сообщающая нам, что маска была добавлена:
Появится миниатюра маски, заполненной белым цветом.
Шаг 14: выбери инструмент градиента
Выберите инструмент « Градиент» в Photoshop на панели «Инструменты»:
Выбор инструмента Градиент.
Шаг 15: выбери градиент от белого к черному
Выберите градиент переднего плана к фону (от белого к черному) в верхнем левом углу.
Шаг 16: выбери опцию «Отраженный градиент»
На панели параметров в верхней части экрана щелкните значок « Отраженный градиент», чтобы изменить стиль градиента, который мы собираемся нарисовать:
Нажмите значок «Отраженный градиент» на панели параметров.
Шаг 17: нарисуйте градиент на маске слоя
Выбрав опцию «Отраженный градиент», щелкните в любом месте вдоль горизонтального центра текста, чтобы установить начальную точку для градиента. Затем, удерживая нажатой клавишу « Shift», удерживая нажатой кнопку мыши, перетащите курсор вверх до верхней части текста. Удерживание клавиши Shift при перетаскивании облегчает перетаскивание прямо вверх:
Нажмите в центре текста, затем удерживайте Shift и перетащите его вверх.
Отпустите кнопку мыши в верхней части текста, после чего Photoshop нарисует отраженный градиент на маске слоя, оставив полностью видимой только середину текста, а затем постепенно исчезнет по направлению к верху и низу букв, позволяя движение эффект размытия позади них, чтобы показать через:
Основной текст теперь исчезает по направлению к верху и низу букв. Только середина слова остается видимой на 100%.
Шаг 18: продублируйте слой
Нажмите Ctrl + J (Победа) / Command + J (Mac) на клавиатуре, чтобы быстро дублировать слой:
Копия верхнего слоя появится над оригиналом.
Это делает эффект свечения более интенсивным, придавая тексту «призрачный» вид:
Свечение вокруг текста теперь более интенсивное.
Вы можете увеличить свечение еще проще, дублируя слой снова. Я нажму Ctrl + J (Победа) / Command + J (Mac), чтобы сделать еще одну копию слоя:
Снова нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы создать еще одну копию слоя размытого текста.
В этот момент все начинает выглядеть пугающе:
Текст после увеличения эффекта свечения еще больше.
Шаг 19: добавь корректирующий слой Hue / Saturation
В качестве последнего шага давайте раскрасим эффект. Нажмите на значок « Новый корректирующий слой» в нижней части панели «Слои»:
Нажмите на значок нового корректирующего слоя.
Выберите Hue / Saturation из появившегося списка корректирующих слоев:
Выберите Hue / Saturation из списка.
Выберите Colorize, затем установите Hue на 123 и Saturation на 40.
Для Photoshop CS3 и более ранних пользователей нажмите OK, чтобы закрыть диалоговое окно, когда вы закончите. Пользователи CS4 и CS5 могут оставить панель настроек открытой. И с этим мы закончили! Здесь, после раскрашивания текста, мой последний эффект «призрачного размытия»:
Окончательный текстовый эффект.
И там у нас это есть! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!