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

"Уроки paint.net для новичков, мини-уроки paint.net и маленькие хитрости для обмена опытом" – это подфорум, который предназначен как для начинающих пользователей paint.net, так и для различных секретов профессионалов, интересных идей и прочей полезной информации, которая, как говорится, «на целый урок не тянет», но может быть интересна или полезна.
Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

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

Сообщение xmario » 25 май 2010, 11:53

Как правильно сделать тень? Как правильно нарисовать тень от предмета?

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

Изображение

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

Потребуется нам с вами немного фантазии и пространственного мышления. Пусть у нас есть вот такой шар. Я специально сделал его прозрачным, что бы были видны пересечения. Тень от него представляет собой овал. Её (тень) можно сделать размытой и другого цвета, но нам сейчас главное её правильно расположить.

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

Центр тени от предмета должен располагаться на этой линии.

Изображение

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 25 май 2010, 11:55

Как все просто. А вот я этого не знала. Поэтому у меня все вампирами и получаются :oops: Маленькая хитрость, но такая актуальная!
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Как правильно нарисовать тень от объекта

Сообщение xmario » 25 май 2010, 12:11

Главное правильно определить плоскость расположения тени. :)

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

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

Изображение

Ну, а потом удалить ненужное.

Изображение

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 04 июн 2010, 22:39

Небольшое дополнение.. как быстро нарисовать саму тень

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

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

Изображение

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

Изображение

Чтобы тень смотрелась реально и не пачкала предмет, слой с тенью подсовываем под слой с предметом.. все тень готова :D

Изображение
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Vlad
Сообщения: 46
Зарегистрирован: 22 июн 2010, 18:52
Репутация: 0
Откуда: Оренбург

Re: Как правильно нарисовать тень от объекта

Сообщение Vlad » 03 июл 2010, 17:34

Интересно! А я когда с Paint.net не работал думал что сделать красивую тень-сложность профессионала!
Кто не верит, что Paint.net лучше, чем фотошоп, тот первый раз за комп сел!

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 05 авг 2010, 14:44

Памятки

Помните, что объекты, которые находятся вдали, менее контрастные и цветные.

Будьте аккуратны с глубиной цвета. Объекты на переднем плане темнее объектов на заднем плане. Вот пример:

Изображение
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 05 авг 2010, 15:05

Vlad » 03 июл 2010, 17:34
Интересно! А я когда с Paint.net не работал думал что сделать красивую тень-сложность профессионала!
Тень это в принципе не сложно. Можно сделать и более четкую при желании, и даже любого цвета. Например такую.
Берем любую фигуру, вырезаем, делаем копию слоя и с копие поступаем так:

Изображение

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

Изображение
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 27 авг 2010, 05:05

Правильная тень

Автор: Пирогов Василий

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

Тени — это один из камней преткновения всех дизайнеров. По теням часто судят о качестве работ, об уровне дизайнера. Есть некоторые стереотипы, некие «правила хорошего тона», по которым мы судим о качестве тени.

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

Ниже я привожу три основных правила изображения теней.

Первое правило: тень не должна быть грязью

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

Изображение

А на этих рисунках я учёл первое правило

Изображение

Тут тень светлее и прозрачнее. Она не оттягивает на себя внимание. Такое использование тени, как на рис.2а и рис.2b часто применяется в корпоративных сайтах. И порой настораживает, что дизайнеры воспринимают это как признак плохого тона.

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

Второе правило: тень — это не наложение чёрного цвета

Я видел в Интернете некоторые уроки по рисованию теней. Очень часто там рисуют тень, накладывая чёрный цвет в разных пропорциях и с разной прозрачностью. Это неверно. Тень — это область, куда не попадает прямой свет от источника. А значит, что эта область окрашена в естественный цвет предмета. Она может казаться даже насыщеннее той области, куда падает свет, если предмет имеет достаточно яркий «родной» цвет.

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

Пример того, как нельзя делать:

Изображение

И как можно:

Изображение

Краткое описание того, как можно получить тени, как на рисунках 4a и 4b:

Рисунок 4а:
В соответствии с первым и вторым правилом не следует делать тёмную тень чёрного цвета. Режим смешивания слоев выбираем «Перекрытие» и подбираем цвет. Выбираем тёмно-коричневый цвет (такой, какой имела бы поверхность без яркого дневного освещения).

Рисунок 4b:
Основной фон — белый, цвет тени — серый. Красная панель тоже отбрасывает красный свет на поверхность. Поэтому дублируем серый слой тени, перекрашиваем его в тёмно-красный цвет, и стираем те области, которые не находятся в непосредственной близости к красной поверхности. В результате получится, что около нашей панели тень имеет чуть красноватый оттенок, нежели вдали от неё.

Третье правило: ближе — темнее и чётче

По умолчанию мы рассматриваем не точечный источник света, а распределённый. Это правило следует из физических особенностей распространения света от распределённого источника.

Изображение

Делается подобная тень так:

Вначале создается обычный теневой слой. Потом, дальше от панели, он сильно размывается (можно просто инструментом «Размывание/резкость»). И в конце правый и левый края (дальние от предмета — ближние к нам) чуть подтираются ластиком, для того, чтобы не было таких чётких граней тени.

Есть и другие варианты.

Изображение

Я бы не сказал, что это неправильное решение. Только теперь похоже, что вся панель висит над поверхностью и освещается дневным светом.

Изображение

Здесь панель освещается чётким светом искусственного источника.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 27 авг 2010, 05:10

Практика

Тень от куба


Исходный куб:

Изображение

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

Изображение

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

Изображение

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

Изображение
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Как правильно нарисовать тень от объекта

Сообщение Lynx » 08 сен 2010, 00:17

Свет и тень

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

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

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

Отражаемый свет.

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

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

Изображение

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

Изображение

В данном случае яблоко только благодаря этому моменту приобретает объем, а не выглядит только контуром. И еще один справедливый вопрос - откуда с освещаемой стороны яблока взялась тень? Тут всё довольно просто. Достаточно посмотреть на всё происходящее сверху и станет понятным как тень появляется в местах, где её казалось бы быть совсем не должно.

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

Изображение

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


Касательная тень

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

Изображение

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

Изображение

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

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

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

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

Отбрасываемая тень

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

Изображение

Или если быть совсем точным, сперва вы проводите воображаемую линию от источника света к линии горизонта. Эта линия перпендикулярна линии горизонта. После чего проводите воображаемые линии по поверхности к вершинам основания изображаемого предмета. Это дает нам видимое направление тени. Для того, что бы расчитать длинну тени - проводим линии от самого источника света к объекту. На пересечениях полученых воображаемых линий ставим точки - это и есть длинна тени. Соединяем линией обе точки (в других случаях точек может быть гораздо больше) и получаем контур тени.

Нужно помнить, что самое темное место (если объект лежит на поверхности) - это касаемая тень. Далее тень будет тоже темной, но светлее касательной тени и по мере удаления от объекта рисования будет всё светлее и светлее.
"Чтобы уметь рисовать - надо рисовать" John Howe

Ответить

Вернуться в «Уроки paint.net для новичков, мини-уроки и маленькие хитрости»

Кто сейчас на конференции

Сейчас этот форум просматривают: Google [Bot] и 3 гостя