Как сделать размытый текст в фотошопе
Как сделать размытие в фотошопе
Подробный урок, инструкция про размытие в фотошопе. Вы научитесь создавать размытие любых объектов и изображений.
Группа фильтров размытия существует в программе Adobe Photoshop давно, ещё с ранних версий, группа включает в себя много вариантов для размытия – Размытие по Гауссу (Gaussian Blur), Размытие в движении (Motion Blur), Размытие по поверхности (Surface Blur) и многие другие, находится данная группа фильтров в меню Фильтр-Размытие (Filter-Blur). Начиная с версии CS6 появились новые типы размытия, с более широким спектром настроек, открыть подгруппу с новыми фильтрами можно, перейдя в меню Фильтр-Галерея размытия (Filter-Gallery Blur).
В уроке мы познакомимся с самыми популярными типом размытия Размытие по Гауссу (Gaussian Blur) и на примере научимся делать размытие в фотошопе.
Размытие по Гауссу (Gaussian Blur) дает эффект размытости по всему изображению, перейти к этому фильтру можно через меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur).
Откроем фото с девушкой (https://cloud.mail.ru/public/C9Q6/jDda1wyej), фон и девушка на этом изображении имеют одинаковую степень четкости из-за чего девушка теряется в фоне. По одному из правил воздушной перспективы главный объект должен быть четче и контрастнее, тогда наш глаз сразу будет улавливать, где в композиции главные вещи, а где – второстепенные. Файл-Открыть (File-Open):
Дублируем слой (Ctrl + J) либо же двойной щелчок по слою в панели слоев-Создать дубликат слоя (Duplicate Layer). Открываем фильтр Размытие по Гауссу (Gaussian Blur), Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur). Откроется следующее окно:
Радиус размытия напрямую зависит от размера и разрешения изображения, а также от требуемого результата. Давайте выберем радиус в 5 пикселей – так эффект станет хорошо заметен. Для данной картинки такое значение радиуса размытия многовато, но мы выбрали его для того, чтобы разница была более очевидна.
К слою с размытием добавляем маску слоя, нажимаем на иконку маски слоя в панели слоев:
Выбираем инструмент Кисть (Brush), горячая клавиша вызова инструмента В (в английской раскладке):
Цвет переднего плана – черный:
Убедившись, что маска слоя активна, стираем черной кистью по маске слоя размытие с девушки. Если случайно стерли лишнее, меняем цвет кисточки на белый и возвращаем удаленный фрагмент.Черный цвет на маске слоя – стирает, белый – восстанавливает видимость изображения.
Вот как выглядит маска слоя после обработки черной кистью:
И изображение в целом:
Использование маски слоя имеет один негативный момент – на стыке главного объекта и фона появляется ореол, этого можно легко избежать, если до размытия при помощи инструмента Штамп (Clone Stamp Tool), функции Заливка с учетом содержимого (Content-Aware Fill) или любым другим удобным для вас инструментом клонировать фон на стыке с объектом, внутрь самого объекта. В случае с нашим фото, это выглядит так (да простит меня эта милая девушка!):
Кратко о работе инструмента Штамп (Clone Stamp Tool).
Быстрая клавиша вызова инструмента – S. При помощи инструмента можно клонировать части изображения в другие области. Для того, чтобы выбрать образец для переноса, щелкаем левой клавишеймыши с зажатой клавишей Alt, потом отпускаем Alt и переносим кусочек выбранного изображения в нужную область, снова щелкаем левой клавишей мыши – и кусочек «приживается» на новом месте.
Повторюсь, на стыке объекта и фона мы берем образец с фона и переносим его на объект и так по всему контуру главного объекта.
А вот как выглядит изображение, если размыть не исходный слой, а обработанный по контуру инструментом Штамп (Clone Stamp Tool) и потом снова стереть по маске слоя размытие с девушки:
Ореола нет, границы четкие, акцент – на девушке, фон не отвлекает на себя внимание.
Вот мы и узнали, как сделать размытие в фотошоп.
Автор урока: Ольга Максимчук (Princypessa)
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Корректировка резкости и размытия изображения
В Photoshop предусмотрено много разных инструментов, фильтров и масок, которые позволяют более точно управлять резкостью изображения (или размытием).
Регулировка резкости усиливает четкость краев на изображении. Регулировка резкости позволяет улучшить качество большинства изображений независимо от того, каким образом они получены (сняты цифровой камерой или получены сканированием). Необходимая степень резкости зависит от качества цифровой камеры или сканера. Следует помнить, что регулировкой резкости нельзя исправить сильно размытые изображения.
Советы для получения оптимальной резкости.
Резкость изображения следует регулировать отдельно в каждом слое, чтобы при использовании другого устройства вывода ее можно было настроить заново.
При регулировке резкости в отдельном слое для этого слоя следует установить режим наложения по яркости, чтобы избежать смещения цвета вдоль контуров.
При регулировке резкости усиливается контрастность изображения. Если после регулировки резкости света или тени кажутся усеченными, следует изменить режим наложения слоя (если резкость изменялась в отдельном слое), чтобы резкость не изменялась в области светов и теней. См. раздел Задание тонового диапазона для наложения слоев.
Уменьшите шум изображения, прежде чем увеличивать резкость, чтобы не усиливать шум.
Резкость изображения следует регулировать понемногу в несколько приемов. Первоначальным увеличением резкости исправляется размытие, возникшее при захвате изображения (во время сканирования или при съемке фотоаппаратом). После исправления цвета и размера следует повторно отрегулировать резкость изображения (или его копии), чтобы добавить запас резкости в соответствии с устройством вывода.
При возможности резкость следует оценивать по изображению на конечном устройстве вывода. Необходимая степень резкости зависит от устройства вывода.
Используйте фильтр «Контурная резкость (USM)» или фильтр «Умная резкость», чтобы лучше управлять процессом увеличения резкости изображений. Кроме того, в 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!