Используем свет и тень, чтобы оживить текст

Арт блог

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

Источники света

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

Обратите внимание, что наша тень не является "тень, падающая на другую сторону объекта (например.) vФотошоп.В результате объект будет парить над холстом. Нам нужен объект, похожий на этот 3D-объект на холсте.

Источники света

Шаг 1.

Начните с рисования тонкого линейного градиента с переходом от серого к темно-серому. Обратите внимание, что свет падает из левого верхнего угла. Вот самая легкая часть документа.

Шаг 1

Шаг 2.

Затем разместите текст. Мы использовали отличный шрифт под названиемОрганизация FBкоторая является плотной и резкой. Мы использовали серо-голубой цвет для текста и.#c2c8d4На самом деле, мы использовали

Шаг 2

Шаг 3.

Затем нажмите, удерживайте и щелкните по текстовому слою и создайте новый слой поверх него. На новом слое нарисуйте линейный градиент.#495a79 Нижняя часть переходит от правой к левой к прозрачной. Это означает, что правый нижний угол текста будет затемнен, как показано на рисунке.

Шаг 3

Шаг 4.

Установите цвет переднего плана на черный (Для этого нажмите букву &.#171;D»?Восстановить значения по умолчанию на клавиатуре.).

Снова удерживая клавишу , щелкните по слою с текстом, чтобы создать новый слой под ним. Затем нажмите стрелку вниз один раз и стрелку вправо один раз на клавиатуре. Затем нажмитеAlt + backspaceЗалейте этот слой черным цветом. Затем нажимайте вверх и вниз по одному разу, чтобы заполнить уровень черным цветом.

ЧИТАТЬ ЕЩЁ:  5 быстрых приемов Photoshop, которые помогут исправить плохой фотопортрет

Каждый раз перемещайте слой на один пиксель вправо и на один пиксель вниз. Этот процесс необходимо повторить примерно 30 раз (), поэтому удобнее использовать Alt + Backspace вместо инструмента "Заливка".).

Кроме того, чтобы переместить выделение с помощью клавиш со стрелками, необходимо активировать один из инструментов выделения, но не Заливку. Если вы хотите перейти к инструменту "Перемещение", используйте инструмент "Перемещение".Движение.Нажимайте "()", вниз и вправо, чтобы перемещать черную заливку вместе с выделением и снова и снова заливать одни и те же пиксели.

Шаг 4

Шаг 5.

Вот что вы должны получить. Снимите выделение и убедитесь, что слой с тенью активен. Следуйте дальше.Фильтр — Размытие —Размытие движения. -45 градусов и расстояние 30px.

Шаг 5

Шаг 6.

Измените композитный режим слоя тени на "применять." выберите непрозрачность примерно 40%, удерживая клавишу Shift, нажмите стрелку "Вниз", затем стрелку "Вправо". Это переместит объект вниз и вправо на 10 пикселей (Используйте Offset, чтобы переместить объект на 10 пикселей вместо 1 пикселя.).

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

Шаг 6

Шаг 7.

Затем дублируйте слой с тенью и удерживайте клавишуПереключение. Перемещайте уровень вверх, вниз, влево или вправо. Затем запустите фильтр".Размытие движения.', но на этот раз на расстоянии 50 пикселей.

Установите режим рисования этого слоя на "применять." и непрозрачность 20%. Это нужно для удлинения теней.

Шаг 7

Шаг 8.

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

ЧИТАТЬ ЕЩЁ:  Абонент как на ладони - что о вас знают операторы мобильной связи

Пока не отменяйте выбор этой опции. Нажмите стрелки вниз и вправо по одному разу для перемещения пикселя слоя 1 и нажмите кнопкуСтереть.. Установите непрозрачность этого слоя примерно на 80 %.

Шаг 8

Шаг 9.

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

Шаг 9

Шаг 10.

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

Шаг 10

Шаг 11.

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

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

Шаг 11

Шаг 12.

Есть четыре полосы движения.<#171;света.&#>171?. Установите режим наложения слоя на "Топпинг." и 20% непрозрачности, затем перейдите кФильтр — Размытие — Размытие по Гауссу. Установите радиус размытия на 6 пикселей.

Шаг 12

Шаг 13.

На этом этапе у вас должно быть

Шаг 13

Шаг 14.

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

Поэтому, удерживая нажатой кнопку мыши, щелкните на слое со светлой полосой, затем щелкните на слое с белым выделением, активируйте опцию и выберитеДобавить маску слоя.» (В нижней части палитры "Слои", справа от &.#171;F»?).

ЧИТАТЬ ЕЩЁ:  15 лучших в большинстве бесплатных программ для просмотра фотографий

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

Шаг 14

Шаг 15.

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

Шаг 15

Шаг 16.

Сначала создайте новый слой поверх фона и залейте его розовым цветом —,#9d506c:

Шаг 16

Шаг 17.

Измените режим наложения розового слоя на '¡Цвет' и непрозрачность 20%. Это придает фону приятный теплый красноватый оттенок. Вы также можете смешать желтый оттенок поверх этого слоя. Если этого не сделать, результат будет выглядеть не так хорошо. Натуральный:.

Шаг 17

Шаг 18.

Затем создайте еще один слой прямо над розовым. Заполните его полностью белым цветом, а затемФильтр — Рендеринг —Эффекты освещения.. Я не часто использую эффекты освещения, но этот фильтр имеет "Прожектор в 2 часа.».

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

Шаг 18

Шаг 19.

Затем установите режим наложения для этого слоя на "Топпинг.". Затем скопируйте и переместите копию выше всех остальных уровней и установите непрозрачность на 40%. Благодаря этому теплые тона света взаимодействуют как с текстом, так и с фоном.

Шаг 19.

Заключение.

Наконец, снова удвойте верхний уровень освещения и установите непрозрачность копии на 65%. После этого нажмите на кнопку "Добавить маску слоя.' и проведите прямую черно-белую линию из левого верхнего угла в правый нижний. Таким образом, наш слой дополнительного освещения попадает в правый нижний угол и обрывается.

Заключение <пан>

 

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