Призрачный эффект размытия текста в фотошопе — разбираем суть

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

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


Photoshop призрачный эффект размытия текста.  Image © 2011 Photoshop Essentials.com.

Конечный результат.

Давайте начнем!

Шаг 1: Растеризация Типа

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

Оригинальный документ Photoshop.  Image © 2011 Photoshop Essentials.com.

Оригинальный документ.

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

Тип слоя в фотошопе.  Image © 2011 Photoshop Essentials.com.

Панель «Слои» показывает два слоя, которые в данный момент находятся в документе.

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

Команда «Растеризация типа» в Photoshop.  Image © 2011 Photoshop Essentials.com.

Перейдите в Слой> Растеризация> Тип.

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

Тип был растеризован в Photoshop.  Image © 2011 Photoshop Essentials.com.

После того, как текст был растеризован (преобразован в пиксели), он больше не редактируется.

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

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

Новый слой с помощью команды «Копировать» в Photoshop.  Image © 2011 Photoshop Essentials.com.

Перейдите в «Слой»> «Новый»> «Слой через Копирование» или нажмите Ctrl + J (Победа) / Command + J (Mac).

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

Размытая копия.  Image © 2011 Photoshop Essentials.com.

Новый слой появится над оригиналом на панели «Слои».

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

Пять слоев на панели «Слои».  Image © 2011 Photoshop Essentials.com.

Теперь у вас должно быть 5 слоев.

Шаг 3: выберите оригинальный текстовый слой

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

Выбор исходного текстового слоя на панели «Слои».  Image © 2011 Photoshop Essentials.com.

Выберите оригинальный текстовый слой.

Шаг 4: примени фильтр Motion Blur

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

Выбор фильтра Motion Blur в Photoshop.  Image © 2011 Photoshop Essentials.com.

Перейдите в Filter> Blur> Motion Blur.

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

Диалоговое окно Motion Blur в Photoshop.  Image © 2011 Photoshop Essentials.com.

Установите угол на 90 °, затем перетащите ползунок расстояния, чтобы применить размытие.

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

В текст добавлен эффект размытия по вертикали.  Image © 2011 Photoshop Essentials.com.

Эффект после добавления вертикального размытия движения.

Шаг 5: выбери слой над ним

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

Выбор копии текстового слоя.  Image © 2011 Photoshop Essentials.com.

Выберите первый «копировать» слой.

Шаг 6: примени фильтр Motion Blur снова

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

Изменение угла в диалоговом окне Motion Blur в Photoshop.  Image © 2011 Photoshop Essentials.com.

Измените угол на 0 °.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп применяет горизонтальное размытие движения к слою:

К тексту добавлено размытие по горизонтали и вертикали.  Image © 2011 Photoshop Essentials.com.

К тексту добавлено вертикальное и горизонтальное размытие движения.

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

Поднимитесь в меню Layer и выберите Merge Down или нажмите Ctrl + E (Победа) / Command + E (Mac) на клавиатуре:

Photoshop Объединить слои слоев команды.  Image © 2011 Photoshop Essentials.com.

Перейдите в Layer> Merge Down или нажмите Ctrl + E (Победа) / Command + E (Mac).

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

Слои текста размытия в движении были объединены вместе.  Image © 2011 Photoshop Essentials.com.

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

Шаг 8: примени фильтр Gaussian Blur

Края эффекта размытия в движении выглядят слишком резкими, поэтому давайте применим другой тип размытия, чтобы смягчить их. Вернитесь в меню Filter еще раз, выберите Blur , затем выберите Gaussian Blur :

Выбор фильтра размытия по Гауссу в Photoshop.  Image © 2011 Photoshop Essentials.com.

Перейдите в Filter> Blur> Gaussian Blur.

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

Диалоговое окно фильтра Photoshop Gaussian Blur.  Image © 2011 Photoshop Essentials.com.

Увеличьте значение радиуса примерно до 2 пикселей.

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

Эффект размытия в движении после применения фильтра Gaussian Blur.  Image © 2011 Photoshop Essentials.com.

Изображение после применения фильтра Gaussian Blur.

Шаг 9: выбери слой выше этого

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

Выбор слоя «copy 2».  Image © 2011 Photoshop Essentials.com.

Выберите текстовый слой «copy 2» над объединенным слоем.

Шаг 10: примени фильтр Gaussian Blur

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

Диалоговое окно Размытие по Гауссу в Photoshop.  Image © 2011 Photoshop Essentials.com.

Увеличение значения радиуса до 8 пикселей.

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

Мягкое свечение было добавлено к тексту.  Image © 2011 Photoshop Essentials.com.

Изображение после применения фильтра Gaussian Blur к тексту.

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

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

Выбор верхнего слоя на панели «Слои».  Image © 2011 Photoshop Essentials.com.

Нажмите на верхний слой, чтобы выбрать его.

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

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

Верхний слой был объединен со слоем под ним.  Image © 2011 Photoshop Essentials.com.

Перейдите в Layer> Merge Down или нажмите Ctrl + E (Победа) / Command + E (Mac), чтобы объединить два верхних слоя вместе.

Шаг 13: добавь маску слоя

Нажмите на иконку Layer Mask внизу панели Layers:

Photoshop Добавить значок маски слоя.  Image © 2011 Photoshop Essentials.com.

Нажмите на значок маски слоя.

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

Эскиз маски слоя фотошопа.  Image © 2011 Photoshop Essentials.com.

Появится миниатюра маски слоя, заполненного белым цветом.

Шаг 14: выбери инструмент градиента

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

Photoshop Gradient Tool.  Image © 2011 Photoshop Essentials.com.

Выбор инструмента Градиент.

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

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

Photoshop Gradient Picker.  Image © 2011 Photoshop Essentials.com.

Выберите градиент переднего плана к фону (от белого к черному) в верхнем левом углу.

Шаг 16: выбери опцию «Отраженный градиент»

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

Параметр «Отраженный градиент» в Photoshop на панели параметров.  Image © 2011 Photoshop Essentials.com.

Нажмите значок «Отраженный градиент» на панели параметров.

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

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

Рисование отраженного градиента в фотошопе.  Image © 2011 Photoshop Essentials.com.

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

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

Текст после рисования отраженного градиента на маске слоя.  Image © 2011 Photoshop Essentials.com.

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

Шаг 18: продублируйте слой

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

Делаем копию верхнего слоя.  Image © 2011 Photoshop Essentials.com.

Копия верхнего слоя появится над оригиналом.

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

Свечение вокруг текста теперь более интенсивное.  Image © 2011 Photoshop Essentials.com.

Свечение вокруг текста теперь более интенсивное.

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

Создание еще одной копии слоя размытого текста.  Image © 2011 Photoshop Essentials.com.

Снова нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы сделать еще одну копию слоя размытого текста.

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

Photoshop размытый текст.  Image © 2011 Photoshop Essentials.com.

Текст после увеличения эффекта свечения еще больше.

Шаг 19: добавь корректирующий слой Hue / Saturation

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

Photoshop Новый значок корректирующего слоя.  Image © 2011 Photoshop Essentials.com.

Нажмите на значок нового корректирующего слоя.

Выберите Hue / Saturation из появившегося списка корректирующих слоев:

Выбор корректирующего слоя Hue / Saturation в Photoshop.  Image © 2011 Photoshop Essentials.com.

Выберите Hue / Saturation из списка.

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

Photoshop Элементы управления Hue / Saturation.  Image © 2011 Photoshop Essentials.com.

Выберите Colorize, затем установите Hue на 123 и Saturation на 40.

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

Photoshop призрачный эффект размытия текста.  Image © 2011 Photoshop Essentials.com.

Окончательный текстовый эффект.

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



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.