Товаров: 0 (0р.)

Как в фотошопе сделать тень от текста: Создание эффектов текста в Photoshop

Содержание

Как сделать тень текста в фотошопе

Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.

Всем привет

Сегодня мы будем создавать текст со светящейся тенью.

Урок достаточно простой и отлично подойдет для людей, которые только начинают осваивать фотошоп.

Сначала мы создадим новый документ, создадим новый градиент и при помощи стилей слоя добавим градиент на фоновый слой.

Затем поместим в документ текстуру из папки с исходниками, растянем ее на весь холст, поменяем режим наложения слоя с текстурой на Экран и понизим прозрачность слоя.

Далее установим шрифт из папки с исходниками, напишем текст и создадим дубликат текстового слоя.

В завершение урока «Как сделать тень текста в фотошопе» мы применим разные стили слоя к текстовым слоям (Внешнее свечение и Обводка), создадим несколько копий слоя с обводкой и разместим их на холсте.

 

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.

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

Левая нижняя Контрольная точка (позиция 0%) –оттенок # 1b0e50;

Правая нижняя Контрольная точка (позиция 100%) – оттенок # 910d7a.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

Результат после применения стилей слоя.

Помещаем в документ (Файл-Поместить встроенные) изображение «Текстура» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. Увеличиваем изображение так, чтобы текст внизу текстуры был за пределами холста.

В панели слоев меняем режим наложения слоя с текстурой на Экран и понижаем прозрачность слоя.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Пишем слово «Фотошоп». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Временно скрываем видимость оригинального текстового слоя, нажав в панели слоев на «глазик» около слоя в панели слоев.

В панели слоев дважды щелкаем по копии текстового слоя, чтобы открыть стили слоя.

Во вкладке Внешнее свечение меняем оттенок на # ffffec и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

В панели слоев делаем видимым оригинальный слой с текстом, нажав на «глазик» около слоя, а копию текстового слоя временно скрываем.

В панели слоев понижаем заливку оригинального слоя с текстом. После этого шага текстовый слой станет невидимым, но это временно – в дальнейшем мы все исправим.

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

Во вкладке Обводка меняем оттенок на # fff770 и вводим настройки, как на картинке ниже.

Результат после применения стилей слоя.

В панели слоев возвращаем видимость копии текстового слоя.

Активируем инструмент Перемещение и при помощи клавиш-стрелок перемещаем слой с обводкой влево и вниз. 1 клик клавишей стрелкой=сдвиг на 1 пиксель. 1 клик клавишей стрелкой с зажатой клавишей Shift=сдвиг на 10 пикселей.

Создаем несколько копий слоя с обводкой (Ctrl+J) и при помощи инструмента Перемещение и клавиш со стрелками располагаем на холсте. Я сдвигала каждую последующую копи на 10 пикселей влево и на 10 пикселей вниз. В зависимости от размера холста и текста вам могут понадобиться другие значения. Вот что получилось у меня в результате.

В завершение при помощи клавиши Shift выделяем все слои с текстом и немного поднимаем их вверх.

Текст со светящейся тенью готов! Урок «Как сделать тень текста в фотошопе» завершен.

Отличного настроения и творческих успехов!

 

 

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.


 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

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

Добавляем тень для текста в Фотошоп / Creativo.one

В этом уроке вы узнаете, как добавить тень от букв, используя такие инструменты программы Photoshop как Трансформация (Тransform tool) и стиль слоя «Наложение градиента» (Gradient Overlay).

Уметь создавать тени в Photoshop, очень важный навык, который пригодится вам во многих сферах цифрового искусства.

Данный урок не займет у вас много времени, но полученные навыки вы сможете успешно применять к различным объектам. Урок простой и больше подойдет для начинающих осваивать программу Photoshop.

Начнем!

Шаг 1

Работать с тенью будет гораздо проще, если вы запомните несколько простых правил и будете их соблюдать.

1) Источник света.
Прежде чем работать с тенью вы должны определить, либо выбрать источник света. Это может быть как один, так и несколько источников света. Каждый источник света создает тень для всех окружающих предметов.

2) Характеристики света.
Прежде чем приступить к работе, вы должны обратить внимание на направление света, расстояние источника света от объекта, интенсивность света, и так далее.

Давайте поэкспериментируем на простом примере.
Создайте новый документ любого размера. Залейте фоновый слой цветом # a59d87. Поверх фонового создайте новый слой и напишите произвольный текст. Цвет для шрифта используйте # e4ddc6.

Примечание переводчика:
— Для создания нового документа перейдите к Файл — Создать — Новый;
— Для заливки фонового слоя активируйте инструмент Заливка (G) и сделайте щелчок в любом месте рабочего холста;
— Для того что бы добавить новый слой, нажмите комбинацию клавиш Shift+Ctrl+N
Для того что бы написать текст, активируйте инструмент Горизонтальный текст (Т)

Как вы видите — текст и фон, однородные по цвету, не имеют переходов, а значит, мы можем представить, что на данном этапе источник света отсутствует.

Шаг 2

Рассмотрим первый вариант, в котором источник света расположен по направлению к тексту (представим что свет падает от зрителя на текст).
Запомните: интенсивность источника света и расстояние объекта от источника, определяют длину и насыщенность отбрасываемой тени!

Изменим фон, согласно выбранному освещению. Встаньте на фоновый слой, разблокируйте его, перейдите к Стиль слоя (Layer Style) и добавьте Наложение градиент

(Gradient Overlay). Настройки можно применить такие , как показаны на рисунке ниже. Так же измените цвет текста — сделайте его на 1-3 тона светлее.

Примечание переводчика: для того что бы перейти к настройкам «Стиль слоя» сделайте двойной щелчок левой клавишей мыши по слою.

Для создания тени скопируйте текстовый слой. Переименуйте слой-оригинал в «Тень». Растрируйте текстовый слой «Тень». Активируйте инструмент Трансформирование (Тransform tool) и уменьшите размер букв на 60% по высоте. Опорную точку при масштабировании установите как показано на скриншоте.

Перейдите к Редактирование — Трансформирование — Перспектива

(Edit — Transform -Perspective Tool). Исказите тень так, что бы она лежала на поверхности.

Понизьте заливку (fill) слоя «Тень» до 0%. Перейдите к Стиль слоя (Layer Style) и добавьте к слою «Тень» Наложение градиента (Gradient Overlay).

Для того что бы тень выглядела более естественно, сделаем ее мягче. Перейдите к Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur). Так же вы можете подкорректировать фон. Если вы считаете, что фон слишком светлый (или темный), достаточно встать на фоновый слой, перейти к параметрам Стиль слоя и поэкспериментировать с непрозрачностью наложенного градиента.
Тень готова!

Шаг 3

Рассмотрим второй вариант. Представим, что источник света расположен за текстом.
Встаньте на фоновый слой и перейдите к параметрам Стиль слоя — Наложение градиента (Layer Style- Gradient Overlay). Мы будем использовать градиент, тот же что и в предыдущем варианте, все что нужно сделать это поставить галочку «Инверсия» (Reverse).

Приступим к добавлению тени. Скопируйте текстовый слой. Переименуйте слой-оригинал в «Тень». Растрируйте слой-оригинал. Перейдите к Редактирование — Трансформирование — Отразить по вертикали (Edit — Transform -Perspective Tool — Flip Vertical).

Далее, повторите действия шага №2:
-понизьте заливку (fill) слоя «Тень» до 0%
— перейдите к Стиль слоя (Layer Style)
— добавьте Наложение градиента (Gradient Overlay)
— смягчаем тень используя Размытие по Гауссу (Gaussian Blur)
Встаньте на текстовый слой-оригинал и добавьте к нему Стиль слоя —  Наложение градиента (Layer Style- Gradient Overlay), для того что бы затемнить нижнюю часть букв.
Как результат, вы получите похожее изображение:

Мы рассмотрели только два варианта освещения. Конечно свет может распространяться из различных точек, к примеру, из правого угла. В этом случае все, что вам нужно сделать, это исказить тень, воспользовавшись инструментами Трансформирования (Наклон, Перспектива, Искажение (Skew, Perspective, Distort)).

На этом урок окончен. Удачной вам практики!

Автор: psd-dude

 

Источник: psd-dude.com

Как сделать реальную тень для текста

Первое, что мы должны сделать для имитации фронтального освещения — это сделать текст немного ярче (блик в нижней части) и добавить градиентный блик на фон. Это мы сделаем с помощью стиля слоя «Наложение Градиента». Слева показан стиль слоя для теста, справа — для фона:

   

Результат:

Далее дублируем текстовый слой, нажав Ctrl+J и сразу переименуем его в «text shadow». В панели слоёв перетаскиваем слой «text shadow» под первый слой с тестом, удаляем стиль, растрируем слой и применяем команду «Свободная трансформация» (Ctrl+T). Протащите средний маркер на верхней стороне габаритной рамки вниз так, чтобы высота составляла 60%:

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

В панели слоёв уменьшите «Заливку» (Fill) слоя «text shadow» до нуля и примените к нему стиль слоя «Наложение градиента» со следующими параметрами:

Сделайте непрозрачность слоя «text shadow» примерно 90%.

Вот что примерно должно получиться:

Последний шаг заключается в добавлении к тени небольшого Размытия по Гауссу (Gaussian Blur). Если тень получилась темнее, чем нужно, настройте прозрачность градиента в стиле слоя.

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

Примечание. При создании реальной тени от предметов имеется ещё один маленький нюанс, касающийся размытия. Дело в том, что размытие тени на удалении от предмета значительно больше, чем вблизи предмета. Поэтому, до применения фильтра «Размытие по Гауссу», слой «text shadow» следует преобразовать в смарт-объект и только затем применить «Размытие по Гауссу».
После этого в панели слоёв делаем двойной клика по маске фильтра, берём инструмент «Градиент», выбираем стандартный чёрно-белый и тянем сверху вниз по буквам слоя «text shadow», как показано на рисунке. Градиентная маска скроет действие фильтра внизу:

Как сделать тень при источнике света позади объекта

И рассмотрим противоположную ситуацию, когда источник света находится позади текста. В этом случае нам придется добавить тот же градиент такой на фоновом слое, но на этот раз надо поставить галку в чекбоксе «Инверсия» (Reverse):

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

Параметры стиля:

Результат:

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

Далее, как и первом случае, уменьшаем высоту текста до 60% и производим перспективное искажение:

И добавляем чёрно-прозрачный градиент (в этот раз затемнение будет вверху букв), преобразуем слой в смарт-объект, добавляем размытие по Гауссу, а затем чёрно-белый градиент к маске смарт-фильтра:

Готовый результат тени от текста при источнике света позади:

Для лучшего понимания материала, скачайте файлы PSD, выполненные по этому уроку:

Стиль слоя «Тень» в Photoshop

Рекомендую обратить особое внимание на чекбокс «Глобальное освещение» (Use Global Light). По умолчанию в нём проставлена галка. Наличие галки говорит о том, что при изменении угла освещения в конкретно этом стиле слоя «Тень», угол освещения будет изменяться и в других стилях этого документа, использующих освещение, таких, как «Тиснение» (Bevel and Emboss), «Внутренняя тень» (Inner Shadow), «Тенях», применённых к другим слоям, и т.д. Без галки у каждого из этих стилей будет свой собственный угол освещения. В большинстве случаев галка применяется, т.к. обычно для всех эффектов нужен единый источник света:

В примере угол освещения верхнего и нижнего текста 130° и 50° соответственно, кроме того, я добавил эффект «Тиснение» (Bevel and Emboss) с такими же углами освещения:

Смещение (Distance)

Ползунок смещения изменяет визуальное кажущееся расстояние между объектом и фоном, на котором лежит тень. Эффект достигается за счет смещения тени относительно объекта, который её отбрасывает:

В примере тень нижнего текста смещена сильнее, что даёт эффект большего расстояния объекта от фона:

Размах (Spread)

Ползунок «Размах» изменяет уменьшение интенсивности тени линейно, или, другими словами, изменяет то, как она постепенно исчезает при приближении к краю.

Обычно этот параметр оставляют равным нулю 0%, но если вам понадобились тени с резкими краями, вам надо его увеличить. Величина 100% даёт резкую границу.

Пример текстов с разными значениями «Размаха»:

Размер (Size)

Ползунок «Размера» изменяет видимый размер тени. Когда он установлен но ноль, тень имеет точно такой же размер, как и форма объекта. При увеличении значения этого параметра, форма тени увеличивается в размере с шагом в 1 пиксель.

Пример разных значений «Размера»:

Контур (Contour)

Контур формы позволяют изменять затухание тени к краям с линейного типа на нелинейное. Для этого следует выбрать готовые или создать самому профилей кривой.

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

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

В следующем примере форма контура изменена с линейной на форму обычной и перевёрнутой буквы «U»:

Шум (Noise)

Опция «шум» является весьма полезной, когда необходимо придать вашей тени зернистость, например, при создании стиля, напоминающего, к примеру, бетон. Для совершенно гладкой тени оставьте его значение 0%.

В примере ниже в верхнем тексте шум имеет значение 15%, а в нижнем тексте — 35%. Обычно шум применяется в диапазоне от 0 до 25%, считается, что значение выше 25% даёт неестественные результаты:

Слой выбивает тень (Layer Knocks Out Drop Shadow)

Понимание этой опции несколько сложно для новичков.

Когда вы создаёте слой и применяете к нему стили, в рабочем окне отображаются две вещи, слой и стили. Если вы уменьшаете опцию «Заливка» (Fill) до 0%, то содержимое слоя скрывается из видимости, но содержимое стиля отображается так же, как и раньше, подробнее читайте в Руководстве по опциям «Заливка» и «Непрозрачность» и практический пример.
Но, под слоем с «Заливкой», равной нулю, отображается содержимое слоя, находящегося под ним, и при включённой опции «Слой выбивает тень» это содержимое перекрывает тень. Если снять галку, то содержимое нижнего слоя отображаться не будет, и, соответственно, не будет перекрывать стиль слоя тень. На примере ниже у верхнего текста эта опция включена, у нижнего — отключена.

Сохранение и загрузка настроек стилей слоя по умолчанию

Вы можете сохранять и загружать настройки по умолчанию для каждого эффекта в диалоговом окне стилей слоя. Нажав на кнопку «Использовать по умолчанию» (Make Default), Photoshop сохранит активные в настоящее время настройки, как новые настройки по умолчанию для этого эффекта.
Нажав на кнопку «Восстановить значения по умолчанию» (Reset to Default), Photoshop загрузит эти сохранённые настройки.

Тень для текста в фотошопе — простой онлайн урок для начинающих

Пожалуй, один из самых полезных навыков в фотошопе – создание красивых надписей. Вариаций сотни. Но некоторые основополагающие вещи встречаются практически везде.

Одна из таких вещей – тень текста. Уж она-то точно используется практически везде. Вариантов ее создания не так уже и много (я имею ввиду самые простые).

Наверное, урок, в котором будет освещено просто создание тени будет не слишком интересен. Потому предлагаю несколько модернизировать его, создав красивую объемную надпись.

Для начала, создадим рабочую область и зальем ее градиентом. Если вы хотите воспроизвести тот же градиент, приведу настройки и его цвета: #596178 #474c5f #23262f #1b1e25.

Пишем текст. Для текста следует выбрать объемный шрифт, дабы эффект получился наглядным. Я использовала шрифт Humnst777 Blk BT. К шрифту применила градиент (цвета: #b2c9ff #7ba3ff). Совету применить именно линейный градиент с тем же углом наклона, что был использован при создании рабочей области.

Предлагаю сделать наш текст несколько интереснее, создав градиентную обводку вокруг букв.

Теперь, заживая ctrl, кликаем по слою с текстом в окне слоев.

Как видите, на тексте появилось выделение.

Нажимаем комбинацию клавиш ctrl+shift+n чтобы создать новый слой.

Сделаем обводку выделения. На верхней панели ищем команду «редактировать» — «обводка». Накладываем любой цвет, потому как впоследствии мы все равно перекроем его градиентом.

Цвета для градиента: #ffffff #4b80f8. Что имеем в итоге:

А теперь добавим к тексту тень. В окне слоев выбираем слой с текстом. И дублируем его.

Выбираем тот слой с текстом, который находится ниже. И накладываем на него цвет через параметры наложения. Галочку с градиента убираем. Цвет применяем черный. Только он будет заметен на нашем градиенте.

Теперь смещаем текст вниз и вправо. Получилась своеобразная тень.

Но я предлагаю сделать ее интереснее. Продублируйте слои с «тенью» несколько раз . Каждую смещайте вниз и вправо.

Добиваемся вот такого эффекта. Тень от текста стала объемнее.

О окне слоем выделяем все слои с тенью и объединяем в один при помощи комбинации клавиш ctrl+e.

Теперь размоем тень.

Что получилось:

Понижаем уровень прозрачности текста.

Все! Готово!

Как видите, сделать текст с тенью не составляет никакого труда даже для новичка. Малейшие изменения в настройках дадут уже совершенно новый интересный эффект.

Как сделать тень текста в фотошопе?

Всем доброго времени на fast-wolker.ru! Создание текстовых эффектов для различных целей занятие не только увлекательное, но и полезное особенно для тех, кто ведет в интернете свои странички. Ведь придание тексту необычного вида всегда будет привлекать посетителей.

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

Вариант создания  тени текста в фотошопе № 1

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

После этого пишем нужный текст. Первоначально задаем ему цвет, отличный от цвета фона, размер шрифта и сам шрифт.

Затем, для лучшего отображения будущей тени создадим тексту обводку. Для этого зажимаем клавишу ctrl и кликаем по иконке текстового слоя в окне слоев. В результате появится выделение текста.

Затем создаем новый слой. В «палитре слоев»  (в самом низу) кликаем на иконку нового слоя…

Теперь необходимо сделать обводку. Для этого идем в меню «редактирование» и там выбираем «выполнить обводку«.

Выбираем любой цвет. Остальные параметры остаются без изменений.

Далее, выбираем слой с текстом и дублируем его. Затем выбираем основной текстовый слой, два раза кликаем по нему, вызывая окно свойств слоя. Выбираем пункт «наложение цвета«. Устанавливаем черный цвет.

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

Делаем это при помощи стрелок на клавиатуре. Тень можно сделать и пообъемнее. Для этого слой текста, (который играет роль тени) дублируем несколько раз, каждый раз смещая новый слой в том направлении, в котором смещали изначально.

В данном случае вправо и вниз. Количество дублированных слоев может быть разным и зависит от вас. У меня при создании этого примера получилось 10 копий:

Теперь все слои с тенью выделяем и объединяем их вместе. Для этого в меню слои выбираем пункт «объединить слои«.

Далее, можно немного размыть тень. Заходим в меню «фильтр», выбираем «размытие-размытие по гауссу«.

В открывшемся окне выбираем значение 2.

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

В результате получаем готовый текст с тенью.

Вариант создания тени текста в фотошоп № 2

Все так же, создаем документ, пишем текст. Затем создаем слой-копию, а оригинал переименовываем в «Тень». Теперь слой «Тень» надо растрировать. Идем меню «слои«-«растрировать«-«слои«.

Затем идем в меню «редактирование» и там выбираем «трансформирование-масштабирование«.

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

Далее, идем вновь в  «редактирование-трансформирование«, но выбираем уже «перспектива«:

Уменьшенный текст кладем так, как показано на рисунке. Для этого берем за угловую точку и тянем в сторону.

После этого заливку слоя «Тень» надо понизить до 0%. Далее, вызываем окно свойств слоя, два раза кликнув по нему. Здесь выбираем пункт «градиентная заливка» и применяем к слою «Тень» любой градиент.

Практически тень готова, но чтобы она не выглядела так резко — ее надо смягчить. Для этого воспользуемся фильтром «размытие по гауссу«.

В установках ставим такое значение, какое устраивает. В конечном итоге получаем следующее:

Получилось довольно неплохо. Это вариант, когда тень лежит за текстом, но если нужно тень положить перед текстом? Делаем все так же.

Дублируем основной слой и работаем с ним. Но, теперь его надо будет отразить по вертикали. Для этого выбираем соответствующий пункт в меню «трансформирование«.

В результате увидим один текст на другом, но в перевернутом виде.

Идем в меню «трансформирование-масштабирование«. Появится рамка, за которую перемещаем вниз перевернутый слой и ставим его точно под буквы оригинала.

Затем здесь же выбираем пункт «перспектива» и раздвигаем за любой угол тень в стороны.

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

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

Вот и все, тень готова. Аналогично можно сделать любую тень в любом направлении и любого цвета. Успехов в творчестве!

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

Рисуем тень

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

Тень от объектов может выглядеть по-разному. Ее вид зависит от источника света, от того, как расположен источник по отношению к объекту. При создании коллажа из частей разных фотографий нужно внимательно смотреть, с какой стороны освещение в каждом из фрагментов. И куда падают тени, если они есть, конечно.

Проще всего в фотошопе создать тень от плоского объекта приподнятого над поверхностью. Причем расположенного параллельно поверхности. Для этого используют эффект слоя Drop Shadow (Отбросить тень). Подробнее об эффектах слоев.

Такая тень — это обычно тень от текста, приподнятого над поверхностью. Если хотят его выделить, придать ему эффект объема. Все что для этого нужно – разместить объект, от которого падает тень, в отдельном прозрачном слое. Для этого слоя устанавливают эффект слоя Drop Shadow и все.  Этот слой как бы отбрасывает тень на слой, который расположен ниже.

Для того чтобы в фотошопе применить эффект слоя, дважды щелкните по имени слоя. В диалоговом окне Layer Style (Стиль слоя) выберите Drop Shadow (Отбросить тень, в некоторых версиях фотошопа этот термин переводят как Внешняя тень).

Чтобы получить обычную тень, как на рисунке, слева и чуть ниже от текста, установите такие параметры:

С другими параметрами

другой результат:

Попробуйте поэкспериментировать с настройкамив этом диалоговом окне и получите свои варианты.

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

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

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

Откройте фото повара. На этой фотографии видно, что основной свет падает слева, следовательно, тень будет справа.

Дважды щелкните на слое, чтобы разблокировать его. ОК. При помощи любого подходящего инструмента выделения нужно выделите объект, для которого будете создавать тень и скопировать в новый прозрачный слой. В данном случае фон однородный, поэтому самый простой способ – выделить инструментом Magic Wand (Волшебная палочка) фон, затем выполнить Select>Inverse (Выделить>Инвертировать). Фигура человека выделена. Скопируйте повара на новый слой (можно использовать комбинацию клавиш <Ctrl+J>).

Не убирая выделение, создайте новый слой (Ctrl+N). Перейдите на него и залейте выделение черным цветом. Назовите этот слой Shadow.

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

Если у вас не такой порядок слоев – измените его, просто перетянув слои на нужное место.

Для слоя Тень поставьте Opacity (Непрозрачность) 60%.

Применяем команду трансформации Edit > Transform > Distort  (Редактировать > Трансформация > Искажение). Двигаем маркеры в сторону и вниз, чтобы «положить» тень «на пол» или на другую поверхность. Внимательно следите за тем, чтобы она не оторвалась от ног. Если не получается идеально, ничего страшного, можно подтереть резинкой.

Когда тень расположится естественно, завершите трансформацию, нажав Enter .

 

Теперь вам понадобится инструмент  Gradient (Градиент), установите для него полупрозрачный черно-белый градиент с такими настройками. Если не умеете выбрать или настроить градиент, читайте Градиент в фотошопе.

Создайте маску слоя – нажмите кнопку внизу на палитре Layers (Слои).

Проследите, чтобы маска была выделена. Проведите Градиентом от верхнего правого угла (или с какой стороны у Вас тень) до левого нижнего угла. Для чего это нужно? Тень плотнее внизу у ног, а чем дальше, тем светлее. Маска с градиентной заливкой слегка скрывает верхнюю часть тени.

И, наконец, примените Filter>Blur>Gaussian Blur (Фильтр — Размытие — По Гауссу) и задайте нужное Вам размытие для слоя с тенью.

А если нужно наложить тень не на однородный фон, а на траву, например?

Тень у нас полупрозрачная, трава немного просвечивает сквозь нее. Для придания реалистичности используют режимы наложения слоев. Для слоя с тенью задают Soft Light (Мягкий свет) или Multiply (Умножение) если тень должна быть контрастной.

Вот результат:

Идея состоит в том, чтобы тень не соответствовала реальности, а отображала суть объекта.

Например, большой босс сидит в кресле, а тень на стене – шут в колпаке. Или человек на фото приветливо улыбается собеседнику, а его тень угрожающе нависла над ним.

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

Удалите фон с картинки для создания тени и создайте ее на новом слое так же, как это делали выше.

Затем скопируйте созданное изображение в первую фотографию. Размеры фотографий могут быть разные, поэтому для подгонки воспользуйтесь командой трансформации Edit>Transform>Scale (Редактирование> Трансформация>Масштабирование).

Созданная тень должна находиться за объектом, но над фоном. Поэтому сам объект нужно выделить любым подходящим способом и продублировать в новом слое.
Вот результат.

3 простых способа добавить тень к тексту в Photoshop

Создание плаката или добавление текста на фон изображения кажется таким простым, но в то же время сложно, потому что на сложном фоне текст плохо читается.

Но все имеет решение. В Adobe Photoshop вы можете добавить тень к тексту, чтобы решить эту проблему.

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

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

В этом руководстве вы узнаете три быстрых и простых способа добавить к тексту один из самых полезных эффектов (тень), а также несколько полезных советов.

Давайте нырнем!

3 способа добавления тени к тексту в Photoshop

Примечание. Снимки экрана взяты из версии Photoshop CC 2021 для Mac.Windows или другие версии могут выглядеть немного иначе.

Ваш текст готов? Вы можете легко применить тень к тексту, используя три метода ниже.

Советы. Измените стиль и цвет персонажа перед добавлением эффекта тени, чтобы лучше увидеть окончательный результат. Используйте панель «Символ», чтобы изменить шрифт и размер шрифта.

Метод 1. Быстрый доступ двойным щелчком

Шаг 1 : Дважды щелкните текстовый слой на панели Layers .

Примечание. Не щелкайте значок типа (T), потому что он выберет текст для изменения вместо слоя.

Откроется окно стиля слоя .

Шаг 2 : Отметьте Drop Shadow в левой части окна в разделе «Стиль»> «Параметры наложения».

Шаг 3 : Отрегулируйте параметры тени соответствующим образом. Вы можете изменить режим наложения, угол, непрозрачность, расстояние, размер и т. Д.

Установите флажок Предварительный просмотр , пока вы играете с настройками, чтобы увидеть, как выглядят эффекты.

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

Шаг 4 : Щелкните OK.

Метод 2. Добавление стиля слоя

Шаг 1 : Нажмите кнопку fx в нижней части панели «Слои».

Шаг 2 : Отметьте Drop Shadow . Вы увидите то же окно стиля слоя, что и в описанном выше методе.

Шаг 3 : Измените настройки и нажмите OK.

Шаг 1 : Перейдите в верхнее меню Layer> Layer Style> Drop Shadow .

Шаг 2 : То же самое, появляется окно стиля слоя.

Шаг 3 : Отрегулируйте настройки соответствующим образом и нажмите OK.

Супер просто, правда?

Часто задаваемые вопросы

Ниже приведены некоторые общие вопросы дизайнеров о добавлении тени к тексту в Adobe Photoshop. Вы знаете ответы?

Как добавить эффекты к тексту в Photoshop?

Вы можете добавлять эффекты к тексту с помощью кнопки Добавить стиль слоя (fx) в нижней части панели Layers , такие как тень, наложение цвета, сатин, градиенты, свечение и т. Д. Нажмите Blending Options , чтобы открыть В окне «Стиль слоя» проверьте параметры слева и настройте параметры, чтобы получить желаемые эффекты.

Как в Photoshop сделать текст толще?

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

Могу ли я изменить цвет тени в Photoshop?

Да, вы можете изменить цвет тени в Photoshop в настройках стиля слоя. Дважды щелкните поле цвета и выберите новый цвет тени.

Заключение

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

Вы так много можете сделать с эффектом «Тень» в Adobe Photoshop. Не могу дождаться, чтобы увидеть, что вы сделаете дальше! 🙂

О Ханне

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

Использование текста для затенения самого себя в Photoshop

Автор Стив Паттерсон.

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый пустой документ

Сначала создадим новый пустой документ Photoshop. Поднимитесь в меню File вверху экрана и выберите New или просто воспользуйтесь сочетанием клавиш Ctrl + N (Win) / Command + N (Mac).Любой метод вызовет диалоговое окно Photoshop New Document . Введите любой размер, который вам нужен для вашего документа. Я собираюсь ввести Ширина 6 дюймов , Высота 4 дюйма и Разрешение 300 пикселей / дюйм , но, опять же, вы можете ввести любой размер, который вам нужен. Я также собираюсь установить для моего Background Contents значение White , чтобы белый цвет отображался в качестве цвета фона в документе.По завершении нажмите OK , чтобы выйти из диалогового окна. Ваш новый пустой документ появится на вашем экране.

Создайте новый пустой документ Photoshop.

Шаг 2. Выберите инструмент «Текст»

Затем выберите Type Too l на палитре инструментов или нажмите букву T для выбора с помощью сочетания клавиш:

Выберите инструмент «Текст».

Шаг 3. Выберите шрифт, размер и цвет текста

Выбрав инструмент «Текст», перейдите на панель параметров вверху экрана и выберите шрифт, который вы хотите использовать.Я буду использовать Tahoma Bold с размером 60 pt . Вы, конечно, можете использовать любой шрифт, который вам больше нравится, и размер, который вы выбираете, может отличаться в зависимости от выбранного вами шрифта, а также от размера документа, с которым вы работаете:

Выберите шрифт и размер шрифта на панели параметров.

Затем, чтобы выбрать цвет для текста, щелкните образец цвета на панели параметров.

Щелкните образец цвета на панели параметров, чтобы изменить цвет текста.

Это вызовет палитру цветов Photoshop . Выберите красивый яркий цвет для вашего текста. Я выберу ярко-красный цвет. После того, как вы выбрали цвет, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него:

Выберите цвет текста в палитре цветов, затем щелкните OK, чтобы выйти из него.

Шаг 4. Добавьте текст

Выбрав шрифт и цвет текста, щелкните внутри документа и добавьте текст. Я наберу слово «ТЕНЬ».Когда вы закончите, нажмите галочку на панели параметров, чтобы принять текст и отредактировать вне режима редактирования текста:

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

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

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

Шаг 5. Дублируйте текстовый слой

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

Палитра «Слои», показывающая копию текстового слоя над оригиналом.

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

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

Щелкните исходный текстовый слой в палитре слоев.

Шаг 7. Выберите более темную версию цвета текста для использования в качестве тени

С исходным текстовым слоем, выбранным в палитре слоев, а инструмент «Текст» все еще выбран, снова щелкните образец цвета на панели параметров вверху экрана и выберите другой цвет из палитры цветов . Мы собираемся использовать этот цвет как эффект тени для текста, поэтому выберите более темную версию исходного цвета.Здесь я выбираю более темный красный:

Выберите более темную версию исходного цвета текста с помощью палитры цветов.

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

Шаг 8: Выберите инструмент «Перемещение»

Чтобы создать наш теневой эффект, нам нужно немного переместить исходный текст, чтобы мы могли видеть его под копией текста, расположенного над ним.Давайте переместим исходный текст вниз и вправо. Не слишком много, достаточно, чтобы создать эффект тени. Чтобы переместить текст, нам понадобится инструмент Photoshop Move Tool , поэтому выберите его в верхней части палитры инструментов или нажмите букву V на клавиатуре, чтобы выбрать его с помощью ярлыка:

Выберите инструмент «Перемещение».

Шаг 9. Сдвинуть исходный текстовый слой вниз и вправо

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

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

Помните, вам все равно нужно сначала выбрать инструмент «Перемещение», даже если вы собираетесь использовать клавиши со стрелками для перемещения объекта.

Если хотите, вы можете создать вторую тень, просто выполнив те же действия. Дублируйте исходный текстовый слой, нажав Ctrl + J (Win) / Command + J (Mac), затем щелкните исходный текстовый слой в палитре слоев, чтобы повторно выбрать его. Вернитесь к инструменту Type Tool (поскольку инструмент «Перемещение» в данный момент выбран), щелкните образец цвета на панели параметров и выберите еще более темный оттенок цвета в палитре цветов Color Picker .Выберите инструмент Move Tool , затем используйте клавиши со стрелками на клавиатуре, чтобы сдвинуть текст вниз и вправо.

Вот мой текст после выполнения шагов по добавлению второго теневого эффекта:

Эффект после добавления второй, более темной тени.

Куда идти дальше …

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


Создание текстового эффекта длинной тени в Photoshop с использованием стилей слоев

С выпуском Photoshop CC 2015 у нас появилась возможность добавлять несколько экземпляров одного и того же стиля слоя к одному слою.Это открывает дверь к быстрому созданию более сложных эффектов (и, что более важно, неразрушающему). Это хорошо работает, особенно с текстовыми эффектами. В прошлом создание простого эффекта, такого как длинная тень, могло быть обременительным, что часто требовало нескольких шагов, что затрудняло обновление текста на лету. В этом уроке я покажу вам быструю технику добавления длинных теней к вашему тексту без потери возможности быстрого редактирования. Давайте начнем!

Шаг 1

В новом документе используйте инструмент «Текст», чтобы разместить текст на холсте.Я создал свой документ размером 800 на 600 пикселей. Кроме того, я использую бесплатный шрифт Gobold с сайта datfont.com

Шаг 2

Добавьте стиль слоя Drop Shadow к текстовому слою. Используйте настройки, показанные ниже. Примечание: я использую темно-синий цвет для тени (# 182542).

В результате должна быть небольшая тень:

Шаг 3

Теперь добавьте вторую тень, нажав значок плюса справа от стиля тени. Это создаст дублирующий стиль прямо под активным стилем.Выберите новый стиль и настройте свойство Distance. Установите Distance немного дальше, чем первая тень. Я использовал значение 5 пикселей.

Вот результаты. Обратите внимание, что наша тень становится немного длиннее.

Шаг 4

Продолжайте добавлять новые падающие тени, изменяя только свойство Distance. Photoshop CC 2015 позволяет использовать до 10 экземпляров одного и того же стиля слоя. Совет: важно правильно выбирать интервалы. Если интервал слишком свободный, на длинной тени появятся неровные края.

Step 5

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

Step 6

Теперь давайте добавим больше длины тени. На этом этапе мы уже добавили все тени, которые Photoshop допускает для одного слоя. Однако мы можем использовать группы слоев, чтобы предоставить нам доступ к дополнительным падающим теням. Поместите текстовый слой в новую группу слоев.

Шаг 7

Добавьте падающую тень к группе слоев. Некоторые настройки необходимо будет отрегулировать, чтобы они соответствовали цвету и стилю предыдущих теней. Также расположите падающую тень так, чтобы она выглядела как продолжение стилей предыдущего слоя.

Результат удвоит длину тени слоя.

Step 8

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

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

Заключение

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

Создание эффекта тени контура текста в Adobe Photoshop

В Adobe Photoshop есть множество эффектов, которые вы можете создать и использовать для любых вещей. Я бы сказал, что возможности безграничны между идеей, самим эффектом и корректировками, которые вы можете внести в нее. Что касается текстовых эффектов, я видел много за эти годы.Типичный материал — тиснение, контуры, тени, почти все. Однако я редко вижу тень, преобразованную в контур. Это что-то новое, на что приятно смотреть.

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

Первое, что я сделаю, это напишу произвольный текст на пустом холсте. Для этого я воспользуюсь инструментом Horizontal Type Tool . Я использую шрифт Microsoft Tai Le . Вот текст.

Затем я дважды щелкаю текстовый слой на панели Layers , чтобы открыть палитру Layer Style . После открытия я нажимаю на опцию Drop Shadow .

В области Drop Shadow я внесу несколько изменений.Не думайте, что эти корректировки высечены в камне. Вы можете делать все, что захотите, со своим собственным текстом. Самая важная часть — это контур.

Сначала я установлю непрозрачность на 100% и режим наложения с на Нормальный . Затем я изменю угол на 130 ° . Затем я установлю Contour на Rolling Slope — Descending .

На этом этапе моя тень будет выглядеть немного странно.Причина в том, что я еще не настроил его. Давай посмотрим, что у меня есть.

Если я пойду дальше и установлю Distance на 10 , Spread на 10 и Size на 3 , я думаю, что все будет выглядеть намного лучше. Вот настройки.

И вот финальный эффект контура тени текста.

Довольно круто, правда? Позвольте мне сказать вам, что этот тип эффекта выглядит по-разному, когда он применяется к разным шрифтам.Я немного поигрался и нашел несколько интересных приложений. Проверьте это.

Мне нужно остановиться, потому что я могу сидеть здесь весь день и возиться с этими вещами. Я думаю, что это достаточно хорошо для вас, чтобы начать работу. Если у вас есть какие-либо вопросы о том, как применить этот тип эффекта к тексту в Adobe Photoshop, дайте мне знать в разделе комментариев ниже или на форуме Photoshop. Спасибо за чтение!

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

Хотите, чтобы ваши тексты выделялись? В этом уроке вы узнаете, как создавать красивые настраиваемые тени в Photoshop, чтобы сделать ваш текст POP !

Добавляя тени к объектам переднего плана в вашей композиции, создает контраст на фоне и перемещает объект вперед, что привлекает внимание зрителя.

Примените стиль слоя Drop Shadow

Теперь начнем с двух вещей в вашем рабочем документе.

На панели «Слои» есть чистый сплошной цвет , фоновый слой и простой текстовый слой .

Начните с , дважды щелкнув сбоку от слоя текста r, чтобы открыть окно стиля слоя .

Чтобы создать красивые настраиваемые тени в Photoshop, установите флажок Drop Shadow , и вы попадете на панель свойств .

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

Вы также можете перетащить тень с помощью инструмента «Перемещение» , чтобы изменить ее положение.

Для более естественного вида можно изменить цвет тени на более темно-розовый. Выберите цвет фона, затем затемните цвет в палитре цветов.

Затем нажмите OK , чтобы применить изменения.

Чтобы добавить еще несколько теней к текстовому слою , щелкните значок плюс рядом с меткой Drop Shadow .

Щелкните и перетащите тень, чтобы переместить ее в нужное положение.

Опять же, вы можете свободно применять настройки к новому Drop Shadow .

Для второго Drop Shadow вам может потребоваться увеличить размер, чтобы сделать его более размытым.

Затем добавьте третий Drop Shadow , щелкнув значок плюса рядом с меткой.

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

Затем нажмите OK , чтобы применить изменения.

Преобразование стилей слоев в слои

Теперь у вас есть три эффекта Drop Shadow под слоем текста.

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

Щелкните правой кнопкой мыши на значке fx текстового слоя и выберите Create Layers . Затем нажмите OK .

Сразу вы увидите новый список слоев Drop Shadow под слоем Text.

Преобразование теневых слоев в смарт-объект

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

Примечание : Смарт-объект — это контейнер, который может содержать один или несколько слоев.Он позволяет применять редактируемые корректировки, искажения, фильтры и преобразования.

Выбрав три слоя Drop Shadow , щелкните правой кнопкой мыши > выберите Преобразовать в смарт-объект .

Если вы нажмете Ctrl T (Windows) или Command T (macOS) для преобразования, вы получите ограничивающую рамку, которая покрывает весь холст. Вам нужно снять отметку с , чтобы этого не произошло.

Чтобы показать вам, отмените последний шаг, нажав Ctrl Z (Windows) или Command Z (macOS) .

На панели «Слои» обратите внимание на значок рядом с каждым слоем падающей тени, который является причиной проблемы.

Дважды щелкните сбоку от слоя, чтобы открыть окно стиля слоя .

Unde r Advanced Blending, установите флажок для Transparency Shapes Layer , и вы заметите, что значок двойной рамки исчезнет со слоя Drop Shadow.

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

ПРИМЕЧАНИЕ. Причина, по которой щелчок правой кнопкой мыши по слою и выбор «Очистить стиль слоя» является нелогичным, заключается в том, что при этом удаляются стили, применяемые к слою.

Смарт-объект «Искажение теней»

Удерживайте Shift , щелкая по всем слоям Drop Shadow , чтобы выбрать их.

Затем щелкните правой кнопкой мыши > Преобразовать в смарт-объект.

Вы можете заметить, что теперь он ограничен рамкой меньшего размера.

При нажатии Ctrl T (Windows) или Command T (macOS) от до Transform легче применить искажение.

Щелкните правой кнопкой мыши > Искажение , чтобы вы могли переместить тень в нужное положение и создать желаемый эффект.

Смарт-объект «Искажение теней»

Щелкните правой кнопкой мыши > Warp , и вы можете щелкнуть и перетащить по точкам, чтобы исказить перспективу тени, как показано ниже.

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

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

Поскольку вы работаете со смарт-объектом , вы всегда можете нажать Ctrl T (Windows) или Command T (macOS) , чтобы применить другое преобразование или отредактировать последнее преобразование.

Применение стиля слоя Bevel & Emboss

Если вы хотите добавить больше размеров к вашему тексту, установите флажок для Bevel & Emboss , чтобы добавить его в качестве стиля слоя. Не забудьте отрегулировать Structure и Shading , чтобы добиться желаемого результата.

Добавленные блики и тени определенно выделят ваш текст.

Это также очень полезно, особенно если цвет фона и цвет переднего плана схожи или имеют одинаковую яркость.


Вот как вы можете создавать красивые настраиваемые тени в Photoshop всего за пару шагов!

Если вам понравилось это руководство, обязательно подпишитесь на PTC на YouTube! А если вы создадите что-то с помощью этого руководства, поделитесь им в социальных сетях с хэштегом #PTCvids, чтобы получить шанс стать участником!

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после

Как создать эффект перекрытия текста тенями в Photoshop — Medialoot

Текстовые эффекты Photoshop

Есть много различных эффектов, которые вы можете использовать в своих заголовках, чтобы привлечь внимание пользователя, но в настоящее время очень популярен эффект перекрывающейся тени, когда каждая буква отбрасывает тень на следующую.К сожалению, нет автоматического или простого способа сделать это (пока) в Photoshop без необходимости писать каждую букву на отдельном слое (если мы позже захотим изменить текст), но мы можем сэкономить некоторое время с эффектом тени, используя слой стили и иметь правильный эффект тени с той же формой букв вместо использования сложных масок слоя с отдельными формами букв.

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

Шаг 1

Откройте Photoshop и создайте новый файл любого размера. В этом случае я установлю свой размер 1800 x 1200 пикселей с черным фоном.

Шаг 2

Выберите инструмент «Текст» (T) и напишите первую букву вашего слова на новом слое. В этом случае я буду писать только «S» для «теневого» текста с цветом # bfc6cd.

Шаг 3

Теперь напишите вторую букву (в данном случае «H») также на его собственном слое и убедитесь, что она немного перекрывает первую букву.

Шаг 4

Нажмите Ctrl + J на ​​клавиатуре, чтобы продублировать второй слой с буквами.

Шаг 5

Напишите третью букву вашего текста (в данном случае «А») на новом слое и продублируйте ее (не забудьте немного перекрыть предыдущую букву).

Шаг 6

Продолжайте добавлять буквы, пока выбранное слово не будет написано, следуя шагам 3 и 4 этого руководства (Напишите букву на новом слое> Дублируйте ее).

Шаг 7

Выделите нижний слой второй буквы и перейдите в Layer> Layer Style> Drop Shadow.Примените следующие настройки и нажмите ОК.

Шаг 8

Не снимая выделения со слоя, перейдите в меню Layer> Layer Style> Copy Layer Style.

Шаг 9

Теперь, удерживая клавишу Ctrl на клавиатуре, выберите каждый из оставшихся нижних слоев каждой буквы.

Шаг 10

Выделив слои, перейдите в меню «Слой»> «Стиль слоя»> «Вставить стиль слоя».

Шаг 11

Теперь выберите первый слой, к которому мы применили эффект Drop Shadow, и перейдите в Layer> Create Clipping Mask.

Шаг 12

Наконец, повторите шаг 11 для каждого из слоев, к которым применен стиль слоя.

Несколько заключительных советов

Чтобы изменить цвет, шрифт или размер текста, просто выберите все текстовые слои и внесите любые изменения, которые вы хотите, как обычно в Photoshop, и эффект останется неизменным. Если вы хотите изменить интенсивность тени, просто выберите все слои, к которым применен стиль слоя, и уменьшите непрозрачность слоя.

Добавление стиля слоя для набора текста в Photoshop Elements

Из этого учебного пособия по Photoshop Elements вы узнаете:

  • Создание анимации с текстом
  • Подготовка слоев к анимации

Этот учебник дает вам основу для работы с эффектами Adobe Photoshop Elements.Это седьмой урок в книге Adobe Photoshop Elements 10 Digital Classroom .

Теперь, когда текст помещен на обложку книги, вы можете применить к тексту эффект стиля слоя. Первое, что вы заметите, это то, что когда вы применяете стиль слоя, текст не нужно упрощать. Это означает, что вы все еще можете редактировать текст после применения стиля слоя.

1 Убедитесь, что слой под названием «Гора, называемая жизнью» все еще выбран.На панели «Эффекты» нажмите кнопку «Стили слоя» (), вторую кнопку слева.

2 В раскрывающемся меню в правом верхнем углу панели «Эффекты» выберите «Тени».

Выбор правильного эффекта.

3 Дважды щелкните эффект «Тень с мягким краем», чтобы применить этот эффект к выбранному текстовому слою. Помните, что при наведении курсора на значки появятся всплывающие подсказки с названием стиля слоя.Обратите внимание, что вам не нужно было упрощать слой, чтобы применить такой эффект.

4 Выберите «Файл»> «Сохранить», затем «Файл»> «Закрыть», чтобы закрыть документ.

Если вы хотите, чтобы названия различных эффектов отображались на панели «Эффекты» вместе со значками, нажмите кнопку меню панели «Эффекты» () в правом верхнем углу панели «Эффекты». В появившемся меню выберите опцию Показать имена.

Вот так должна выглядеть окончательная обложка фотокниги.

Создание анимации с текстом

В этом упражнении вы узнаете, как сохранить анимированный GIF-файл, который можно отправить кому-нибудь в виде электронной открытки. Вы создадите файл с двумя слоями, которые затем будете анимировать внутри функции «Сохранить для Интернета».

1 В органайзере найдите и выберите файл halloween.psd. Нажмите стрелку справа от вкладки «Исправить» и выберите «Полное редактирование фотографий» в раскрывающемся меню, чтобы открыть файл в редакторе.

2 Чтобы сохранить этот файл как анимированный gif, вам нужно будет изменить размер файла, так как в настоящее время он слишком велик для использования в Интернете. Выберите «Изображение»> «Изменить размер»> «Размер изображения». Убедитесь, что в нижней части диалогового окна установлены флажки «Сохранить пропорции» и «Изменить размер изображения». Сначала измените разрешение на 72, а затем измените ширину в разделе размеров пикселей на 800 пикселей. Семьдесят два пикселя на дюйм — это подходящее разрешение для Интернета, и когда вы изменяете ширину, высота автоматически обновляется, поскольку установлен флажок «Сохранить пропорции».Нажмите ОК. Выберите «Просмотр»> «Фактические пиксели», чтобы увеличить изображение. Вам может потребоваться развернуть окно, чтобы увидеть все изображение, выбрав «Просмотр»> «По размеру экрана».

Изменение размера изображения.

3 Выберите инструмент «Горизонтальный текст» () и щелкните в верхней левой области изображения. Типа Happy.

4 Выделите тип и измените шрифт на Snap ITC или любой другой шрифт по вашему выбору, если у вас нет этого шрифта на вашем компьютере.

5 Измените размер на 60.

6 Выровняйте текст по левому краю.

7 Щелкните поле цвета на панели параметров, чтобы задать свой собственный цвет. Выберите R: 193, G: 111, B: 14. Нажмите ОК.

8 Используйте инструмент «Перемещение» (), чтобы расположить текст в верхнем левом углу изображения.

Когда инструмент «Текст» все еще активен, вы можете перемещать текст, удерживая нажатой клавишу Control и перетаскивая или перемещая курсор сразу за пределы текстового фрейма.

9 Снова выберите инструмент «Горизонтальный текст», щелкните в правом нижнем углу изображения и введите «Хэллоуин».

10 Разместите текст в правом нижнем углу рамки.

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

Добавление штриха

Теперь, когда у вас есть два текстовых слоя, вы примените эффект к обводке текста.

1 Выберите слой Happy на панели «Слои».

2 Убедитесь, что на панели «Эффекты» активны стили слоя, и выберите «Обводки» в раскрывающемся меню.

alexxlab

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *