Как сделать затемнение на рисунке

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

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

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

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

Шаг 1

Мы начинаем работу с того, что рисуем тонкий линейный градиент с переходом от серого до темно-серого. Обратите внимание, чтобы наш свет падал из верхнего левого угла. Здесь у нас будет более светлая часть документа:

Шаг 2

Шаг 3

Шаг 4

Установите цвет переднего плана на черный ( вы можете сделать это, нажав букву «D» на клавиатуре, чтобы восстановить значения по умолчанию ).

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

Отметим также, что для перемещения при нажатии клавиш со стрелками выделенной области, но не заливки, вы должны включить один из инструментов выделения. Если переключиться на инструмент « Перемещение » ( V ), при нажатии клавиш вниз и вправо вы будете перемещать черную заливку вместе с выделением, и просто заполнять одни и те же пиксели снова и снова:

Шаг 5

Шаг 6

Установите для слоя с тенью режим смешивания « Умножение » и непрозрачность порядка 40%, а затем, удерживая нажатой клавишу Shift, нажмите стрелку вниз, а затем стрелку вправо. Это позволит переместить ваш объект вправо и вниз на 10 пикселей ( Shift позволяет перемещать объект не на 1, а на 10 пикселей ).

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

Шаг 7

Далее продублируйте слой с тенью, нажмите и удерживайте клавишу Shift и переместите слой вниз и вправо. Затем запустите фильтр « Размытие в движении », но в этот раз с расстоянием 50 пикселей.

Установите для этого слоя режим смешивания « Умножение » и непрозрачность 20%. Это делается, чтобы растянуть нашу тень:

Шаг 8

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

Итак, у нас есть четыре полосы « света «. Теперь установите режим смешивания слоя « Наложение » и непрозрачность 20%, а затем перейти в Фильтр – Размытие- Размытие по Гауссу и установите значение радиуса размытия 6 пикселей:

Шаг 13

На данный момент у вас должно получиться что-то наподобие этого:

Шаг 14

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

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

Шаг 15

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

Шаг 16

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

Шаг 17

Теперь установите режим смешивания для розового слоя на « Цветность » и непрозрачность 20%. Это придаст нашему фону красивый красновато-теплый оттенок. Поверх этого слоя мы можем еще смешать какой-нибудь оттенок желтого. Если мы не сделаем этого, результат будет выглядеть не очень естественным:

Шаг 18

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

Шаг 19

Теперь мы установим для этого слоя режим смешивания « Наложение ». После чего продублируем его, переместим дубликат выше всех остальных слоев и установим непрозрачность 40%. Это обеспечит, чтобы наши теплые тона света взаимодействовали не только с фоном, но и текстом:

Заключение

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

Источник

Законы светотени: от простых форм до портрета

Чтобы понять как изобразить объем, начинающих учат рисовать геометрические фигуры. Но как передать свет и тень на более сложных формах? Например в портрете? Рассмотрим законы светотени на примере рисунков различных объектов, в том числе рисунке головы человека.

Сначала немного теории

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

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

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

Форма границы между светом и тенью

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

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

На рисунке шара видно, что линия границы имеет изгиб, т. е. похожа на овальную форму. На цилиндре — она прямая, параллельная сторонам цилиндра. На кубе — граница совпадает с ребром куба. А вот на вазе, граница между светом и тенью представляет собой уже извилистую линию. Ну, а в портрете эта линия приобретает сложную, замысловатую форму. Граница света и тени здесь зависит и от характера освещения, и от формы головы человека, черт лица и анатомических особенностей. В данном рисунке она проходит по краю лобной кости, по скуловой кости, и далее вниз, к нижней челюсти. В рисунке головы человека очень важно различать светотень на всей голове в целом и светотень на каждом отдельном участке лица, например, на щеках, губах, на носу, подбородке и т. д. Начинающим художникам следует приучить себя видеть рисунок, который образует граница между светом и тенью. Например, особенно причудливый характер она приобретает в природных формах. Одно дело — рисовать простые геометрические фигуры, и совсем другое — стволы деревьев, листву, рельеф каменистого берега, лепестки цветов, траву… Чтобы научиться передавать объем или светотень на таких сложных объектах, сначала учатся на простом. Далее, усложняют задачу. Например, начинают с рисунка цилиндра, а с приобретением уверенности можно порисовать складки на тканях. Потом — натюрморты. Ну, а дальше, и пейзажем можно заняться или портретом.

Направленный и рассеянный свет

Чтобы легче было разобраться в вышеизложенных аспектах, можно поэкспериментировать со светом от настольной лампы. Она дает яркий и резкий свет, при котором хорошо видны рефлексы, тени… Попробуйте подсветить какой-либо предмет сначала с одной стороны, а потом — с другой. Попробуйте поменять направление света, приблизить или удалить лампу. Это поможет Вам наглядно увидеть все тонкости обсуждаемой темы.

В изобразительном искусстве есть прием, который получил название «кьяроскуро». Его суть заключается в противопоставлении света и тени. Известным художником, активно использовавшим кьяроскуро был Караваджо. На его полотнах хорошо виден этот прием. При искусственной подсветке создаётся среда, в которой свет становится очень ярким, а тень очень темной. Это даёт тоновой контраст и делает живопись насыщенной и резкой. При таком освещении хорошо видны все нюансы светотени и начинающим будет проще научиться передавать объем. При рассеянном дневном свете (когда облачно) тени не так сильно выражены как в солнечную погоду (или при свете лампы). Поэтому в процессе обучения лучше использовать искусственную подсветку с одним источником света. При нескольких источниках, ситуация усложняется и в постановке можно наблюдать несколько падающих теней, а вышеизложенная последовательность — свет-полутень-тень-рефлекс — может быть изменена.

Итак, чем же на практике отличается рисунок, когда используется направленный или рассеянный свет? На иллюстрации видно, что при яркой подсветке полутень становится уже, и будет выглядеть менее выраженной. Граница между светом и тенью хорошо заметна. А падающая тень имеет четкие края и выглядит более темной. При рассеянном свете — все с точностью до наоборот. Полутень шире, тень мягче, а падающая тень не имеет четкого контура — ее граница становится размытой.

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

Заключение

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

Источник

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

В этом материале я расскажу всё о применении стиля «Тень».

Где применяется стиль «Тень»

Этот стиль традиционное использование для имитации глубины в плоских изображениях. Это делается путем создания смещённой тени за объектом, чтобы показать объект как бы «парящим» над фоном в 3D-пространстве.
Ниже вы увидите пример того, как «Тень» может обозначить размер и расположение источника света, а также указать, насколько далеко объект находится от фона. Меняя настройки только одного этого эффекта, вы можете значительно изменить внешний вид изображения.

Опции диалогового окна стиля

На рисунке приведены образцы диалогового окна «Тени» (Drop Shadow) версий Photoshop SC3-CS6 с русскоязычным и англоязычным интерфейсом:

Руководство по опциям и настройкам стиля слоя «Тень» (Drop Shadow)

Режим наложения

Эта опция позволяет установить режим наложения тени, по аналогии с режимами наложения слоёв. Как правило, используется режим «Умножение» (Multiply) или «Линейный затемнитель» (Linear Burn) для затемнения слоя, находящегося под ним.

Непрозрачность (Opacity)

Ползунок позволяет задать величину прозрачности тени. Значение 0% полностью скроет её из вида, значение 100% сделает её полностью непрозрачной.

Угол (Angle)

Этот параметр позволяет задать угол источника света относительно центра, центром является объект, к которому применяется эффект. Угол можно изменять поворотом луча в круге, этот круг так и называется, «Задайте угол источника света» (Set angle of light source). Также угол можно вводить в виде цифрового значения от 0 до 360 в поле ввода справа от круга.

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

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

Смещение (Distance)

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

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

Размах (Spread)

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

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

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

Размер (Size)

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

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

Контур (Contour)

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

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

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

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

Шум (Noise)

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

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

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

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

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

Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).

QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM

Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219

WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694

Яндекс.Деньги, форма для пополнения:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Источник