Перспективный эффект теневого текста в фотошопе

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

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

Эффект тени перспективы текста Photoshop.  Image © 2010 Photoshop Essentials.com.

Финальный текстовый эффект «перспективная тень».

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

Шаг 1: дублируем текстовый слой

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

Исходный текст.  Image © 2010 Photoshop Essentials.com.


Добавьте свой текст в документ.

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

Панель «Слои» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Текст появляется на собственном слое над фоном.

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

Перейти к слою, новый, слой через копирование.  Image © 2010 Photoshop Essentials.com.

Перейдите в Слой> Новый> Слой через Копировать.

В окне документа ничего не происходит, но копия текстового слоя отображается над оригиналом на панели «Слои»:

Копия текстового слоя появится на панели «Слои».  Image © 2010 Photoshop Essentials.com.

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

Шаг 2. Перетащите копию под оригинал

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

Перетащите скопированный текстовый слой ниже оригинала.  Image © 2010 Photoshop Essentials.com.

Перетащите скопированный текстовый слой между оригинальным и фоновым.

Шаг 3: Растеризация текста

Вскоре мы изменим текст, чтобы он больше походил на перспективную тень, но Photoshop не позволит нам сделать это, пока текст остается текстом. Сначала нам нужно преобразовать текст в пиксели , что в Photoshop известно как растеризация . Для этого перейдите в меню Layer , выберите Rasterize , а затем выберите Type :

Растрирование текста в фотошопе.  Image © 2010 Photoshop Essentials.com.

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

Шаг 4: переверните и переместите текст

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

Команда «Свободное преобразование» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Edit> Free Transform.

Это помещает поле Free Transform и обрабатывает (маленькие квадраты) вокруг текста в окне документа. Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) в любом месте окна документа и выберите « Отразить по вертикали» в контекстном меню, которое появляется:

Команда «Перевернуть по вертикали» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Выберите Flip Vertical из меню.

Это переворачивает текст вверх ногами в окне документа:

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

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

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

Перетащите перевернутый текст ниже оригинала.  Image © 2010 Photoshop Essentials.com.

Удерживайте Shift и перетащите перевернутый текст под оригинал.

Шаг 5: растянуть и изменить текст

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

Растяжение текста по вертикали.  Image © 2010 Photoshop Essentials.com.

Растяните текст, перетаскивая нижнюю центральную ручку прямо вниз.

Затем, когда Free Transform все еще активен, еще раз щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте окна документа и выберите « Перспектива» в контекстном меню:

Выбор перспективы из параметров трансформации.  Image © 2010 Photoshop Essentials.com.

Выберите «Перспектива» в параметрах «Преобразование».

С выбранной перспективой, нажмите на нижнюю левую или нижнюю правую ручку и перетащите ее наружу по горизонтали. При перетаскивании одного из маркеров другой маркер будет вытягиваться в противоположном направлении, предоставляя тексту трехмерную перспективу. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы завершить преобразования:

Изменение перспективы текста с помощью Free Transform.  Image © 2010 Photoshop Essentials.com.

Когда вы перетаскиваете одну нижнюю угловую ручку наружу, другая перемещается в противоположном направлении.

Шаг 6: заполните текст черным

Нажмите букву D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона в Photoshop, если необходимо, чтобы цвет переднего плана стал черным . Затем нажмите Shift + Alt + Backspace (Win) / Shift + Option + Delete (Mac), чтобы залить перевернутый и измененный текст цветом переднего плана (черный)

Заполните преобразованный текст черным.  Image © 2010 Photoshop Essentials.com.

Заполните преобразованный текст черным.

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

Подойди к меню Filter , выбери Blur , затем выбери Gaussian Blur :

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

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

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

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

Нанесите небольшое количество размытия на тень.

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

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

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

Шаг 8: понизь непрозрачность слоя

Поскольку большинство теней не отображаются сплошным цветом, уменьшите непрозрачность слоя, чтобы добавить немного прозрачности тени. Вы найдете опцию непрозрачности в правом верхнем углу панели слоев. Опустите его примерно до 80% :

Понижение непрозрачности тени.  Image © 2010 Photoshop Essentials.com.

Опция непрозрачности слоя.

Шаг 9: продублируйте слой с тенью

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

Дублирование теневого слоя.  Image © 2010 Photoshop Essentials.com.

Сделайте копию теневого слоя.

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

Тени, как правило, растягиваются и размягчаются по мере удаления от источника, поэтому давайте добавим еще больше размытия к нашей копии тени. Затем мы используем пару масок слоев, чтобы смешать два слоя теней вместе. Во-первых, временно скрыть оригинальный теневой слой, щелкнув его значок видимости слоя (глазное яблоко) на панели «Слои». Это поможет нам увидеть, что мы делаем:

Нажав на значок видимости слоя на панели «Слои».  Image © 2010 Photoshop Essentials.com.

Значок видимости слоя временно включает и выключает слои в документе.

Поскольку фильтр размытия по Гауссу был последним фильтром, который мы применили, мы можем снова быстро получить к нему доступ, нажав Ctrl + Alt + F (Win) / Command + Option + F (Mac). На этот раз добавьте еще больше размытия к тени, перетаскивая ползунок Радиуса дальше вправо. Я собираюсь установить значение радиуса на этот раз около 6 пикселей. Как и раньше, значение, которое вы используете, может отличаться и будет зависеть от вашего изображения, поэтому оцените результаты в окне документа при перетаскивании ползунка:

Добавление большего размытия с помощью Gaussian Blur.  Image © 2010 Photoshop Essentials.com.

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

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

Изображение после размытия тени с помощью Gaussian Blur.  Image © 2010 Photoshop Essentials.com.

Изображение после добавления еще размытия во второй слой тени.

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

Нажмите на иконку Layer Mask внизу панели Layers, чтобы добавить маску слоя к слою:

Значок «Маска слоя» на панели «Слои» в Photoshop.  Image © 2010 Photoshop Essentials.com.

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

Слой маска миниатюры появятся рядом с главным слоем предварительного эскиза :

На теневом слое появляется миниатюра маски слоя.  Image © 2010 Photoshop Essentials.com.

Эскиз маски слоя.

Шаг 11: перетащить черно-белый градиент на маску слоя

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

Градиентный инструмент в Photoshop.  Image © 2010 Photoshop Essentials.com.

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

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

Выбор градиента в фотошопе.  Image © 2010 Photoshop Essentials.com.

Нажмите на миниатюру для черно-белого градиента.

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

Вытаскивая градиент на маске слоя.  Image © 2010 Photoshop Essentials.com.

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

Поскольку мы перетаскивали градиент на маске слоя, а не на сам слой, градиент контролирует видимость тени, которая теперь постепенно исчезает, когда она удаляется от текста:

Тень теперь исчезает благодаря градиенту на маске слоя.  Image © 2010 Photoshop Essentials.com.

Градиент на маске слоя контролирует прозрачность тени.

Шаг 12: скопируй маску слоя на оригинальный теневой слой

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

Значок видимости слоя.  Image © 2010 Photoshop Essentials.com.

Снова включите оригинальный теневой слой.

Нажмите на миниатюру маски слоя на панели «Слои», удерживая нажатой клавишу «Alt» (победа) / « Option» (Mac), затем перетащите маску вниз на слой оригинальной тени под ним. Когда вы увидите поле выделения вокруг слоя оригинальной тени, отпустите кнопку мыши, чтобы скопировать маску на слой. Теперь вы увидите одинаковые эскизы маски слоя на обоих слоях тени:

Копирование маски слоя на слой под ним.  Image © 2010 Photoshop Essentials.com.

Клавиша Alt (Win) / Option (Mac) указывает Photoshop сделать копию маски по мере ее перетаскивания.

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

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

Цвета в градиенте на маске слоя теперь инвертированы.  Image © 2010 Photoshop Essentials.com.

Миниатюра маски слоя теперь отображает градиент от белого к черному вместо черного к белому.

Теперь, когда оба слоя теней смешаны вместе, тень кажется более мягкой по мере удаления от текста:

Тень текста после инверсии маски слоя.  Image © 2010 Photoshop Essentials.com.

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

Шаг 14: понизь непрозрачность верхнего теневого слоя

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

Понижение непрозрачности слоя до 50%.  Image © 2010 Photoshop Essentials.com.

Выберите верхний теневой слой, затем уменьшите его непрозрачность до 60%.

И с этим мы закончили! Вот наш последний текстовый эффект «перспективная тень»:

Эффект тени перспективы текста Photoshop.  Image © 2010 Photoshop Essentials.com.

Финальный текстовый эффект «перспективная тень».

Куда пойти дальше …

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



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

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

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

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

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