Уроки: Adobe Photoshop

Перспектива. Глубина изображения

Всем привет, зовут меня Владимир Харитонов aka Risk, мне 25 лет, не женат, живу в славном городе Сосновый Бор Ленинградской области, в свободное от работы время занимаюсь «рукаблудством» в сфере компьютерной графики.

Данный урок раскрывает основы и принципы построения перспективы в живописи. Урок рассчитан на начинающего 2D художника.

Итак, начнём наш урок! Сначала необходимо разобраться и понять основные принципы, которые были открыты итальянским архитектором Брунеллески во 2-й половине 15 века.
Что же такое перспектива? Слово перспектива произошло от латинского глагола «perspicere» - «ясно видеть», «внимательно рассматривать». «Перспектива» имеет несколько значения. Я озвучу понятие в изобразительном искусстве. Это изображение предметов, полученное на какой-либо поверхности в соответствии с кажущимися изменениями их величины, чёткости очертания их формы и светотеневых отношений, которые можно наблюдать в натуре.
В нашем предмете будет много понятий, с которыми мы будем разбираться по мере необходимости. Первое такое понятие это «горизонт». В перспективе говорят Истинный горизонт – это простая горизонтальная линия, находящаяся на уровне наших глаз и соответствующая линии моря (далее горизонт или линия горизонта).
Положение лини горизонта всегда связано с уровнем взгляда наблюдателя. Где глаз, там и горизонт. Определяя линию горизонта на холсте, вы должны помнить, что все объекты над ней расположены выше уровня глаз, а все объекты под ней расположены ниже.

Простые построения

Понятия перспективы основывается на том явлении, что удалённые предметы кажутся меньше по размерам, чем есть на самом деле. Наиболее наглядно это можно наблюдать на примере железной дороги со столбами, стоящими вдоль неё (рис. 1). Как вы видите железная дорога, по мере её удаления, на линии горизонта сходится в одну точку или совсем исчезает. Также и столбы, удаляясь, выглядят всё меньше и меньше. Аналогичному кажущемуся сокращения и изменению подлежит всё, что мы видим в окружающем нас мире: предметы, вещи и явления. Все горизонтальные линии, если продлить их, сойдутся к точкам на линии горизонта. Отсюда очевидно одно важнейшее правило перспективы: параллельные линии предметов на картине сходятся в одной точке. Точка, где сходятся удаляющиеся от нас параллельные линии, называют точкой схода.

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

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

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

Сложные построения

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

Нарисуем ещё более сложный объект (рис. 5). Дом с пристройкой и трубой, при построении перспективы используются тот же самый принцип, что и при изображении простого куба. Этот принцип применим ко всему – ко всем выступающим деталям.

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

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

Изображение теней

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

На Рис. 9 наглядно показано, когда источник света один, а объектов много. В принципе те же самые законы линейной перспективы.

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

Эллипсы и кривые линии

Как вы можете видеть, круг, вписанный в квадрат, касается всех сторон квадрата, стороны квадрата являются касательными к окружности. Изобразить квадрат с учётом перспективы и вписать в него окружность не составит нам труда. Рис. 11 иллюстрирует это наглядно. Таким образом, мы научились изображать окружности в перспективе, а вместе с тем и цилиндры, стаканы и прочие предметы вращения. Если нет, то пожалуй пришло время научится ; )

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

Отражения

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

Здание, стоящее у самой кромки воды будет отражаться целиком. Более сложное отражение возникает тогда, когда здание расположено не у самой воды или в воде, а поодаль от берега. Тогда применяют дополнительное построение. Рис. 13, В данном случае ключевым моментом является отрезок BА’ этот отрезок является перепадом высот между основанием здания и водной гладью. Слышали выражение «Высота над уровнем моря» вот это и есть наш случай. Рисуя пологий склон берега или песочный пляж, это расстояние определяется на глаз. Рисуя, к примеру, пирс или причал за основы отрезка BA’ берётся высота видимой части пирса.

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

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

Инструменты

В работе лучше всего использовать версию CS4 и выше, программы Photoshop, в качестве средства ввода используем планшет, чем дороже, тем лучше ; )
Для начала, перечислю инструменты, которыми следует пользоваться при построении перспективы.


    Инструмент «Выравнивание» клавиша: V
    Инструмент «Лассо» клавиша: L или Shift + L
    Инструмент «Прямолинейное лассо» клавиша: L или Shift + L
    Инструмент «Перо» клавиша: P
    Инструмент «Стрелка» клавиша: A
    Инструмент «Поворот вида» клавиша: R
    Инструмент «Эллипс» клавиша: U

Ну и конечно такими пунктами главного меню как: Свободное трансформирование, Трансформирование, Деформация, Перспектива, Искажение и т.д.

С чего вообще следует начинать работу? Конечно с карандаша и листа бумаги. Не один, даже самый совершенный планшет в купе с дорогим монитором, не даёт такой свободы творчества, идей и координации руки, как простой графитовый карандаш, ластик, линейка и ватман. Конечно, это относится к стадии наброска и построения перспективы, когда же речь заходит о цвете и красках, компьютерная графика вырывается далеко вперёд. Конечно это всё лирика и сугубо моё лично мнение, наверняка многие со мной поспорят, но не будем отвлекаться.
И так, карандашный набросок со всеми линиями построения перспективы готов. Сканируем его и открываем в фотошопе. Конечно, можно прибегнуть к помощи пастеризации или другому способу отчистки наброска от лишних пятен или оставить всё как есть, и продолжить уже с цветом. Но, мягко сказать, не люблю так делать, я предпочитаю обводить свой карандашный набросок и использовать эти линии как часть картины. Очень хороший, быстрый и удобный способ обрисовки это использование стандартной жёсткой круглой кисти в сочетании с клавишей Shift. Ставите точку в начале прямого отрезка, зажимаете Shift, ставите точку в конце отреза. Поэкспериментируйте с настройки динамики кисти, найдите оптимальный вариант для себя.
Бывают случаи, когда нет под рукой сканера и тут уже, как ни крути, придется всё чертить на планшете. В таких случаях я использую инструмент «Перо», редактируя направление линии при помощи инструмента «Стрелка». Очень удобно использовать в тех случаях, когда рисуешь, какой ни будь не стандартный ракурс, инструмент «Поворот вида». Инструмент «Прямолинейное лассо» я использую в тех случаях, когда надо отчертить плоскость. Поупражняйтесь в работе этих инструментов.
Приведу несколько примеров из своих работ (комментарий к каждому примеру находится под ним):

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

В этом примере, все построения перспективы и композиции я выполнял на планшете, не прибегая к помаши карандаша и бумаги. В работе использовались в основном инструменты: «Перо», «Стрелка», «Эллипс» и «Поворот вида».

Наконец последний пример, тут вы пожалуй не найдете не одно прямой линии построения. Набросок выполнен на компьютере не прибегая к помаши карандаша, стандартной кистью, без вспомогательных инструментов. Использовался лишь инструмент «Поворот вида». Заметьте, как можно исказить перспективу, в таких случаях искажению подвергаются все предметы картины, иначе получится сумбур. ; )

Используемая литература, для тех кто хочет расширить познания в огромнейшей теме «Линейная перспектива»: М.Н. Макаров «Практическая перспектива», Рэй Кэмпбелл Смит «Перспектива», Н. Ли «Основы учебного академического рисунка».
Также рекомендую заглядывать на форум 2D WIP, ресурса Render.ru, если у вас возникнут вопросы, там вам всегда помогут, а может, вы поможете кому то.

68014 Автор:
Актуальность: 664
Качество: 723
Суммарный балл: 1387
Выбор Публики
Голосов: 172 оценки

Отзывы посетителей:

2 | След.
аватар
 
MUDOR 2 0
Интересный и познавательный урок, но проблема с Рисунком 10 , я не понимаю откуда тень от более высокой точки, короче тени от более низкой?
Кажется тут ошибка
http://cs403127.userapi.com/v403127633/3d17/n7ZeBKwh2No.jpg
аватар
 
Грех 32 0
В первую очередь хочется сказать спасибо автору за труды в этом конструктивном, и техническом уроке. Многое становится понятнее! Спасибо! А во вторых, хотелось задать вопрос, давно мучающий меня, но спросить было не у кого... Подскажите пожалуйста, на примере:
Допустим мы имеем на виде сверху, железную дорогу, в доль которой стоят столбы. Каждый столб находится на расстоянии 3-х метров от предыдущего. Так вот, в перспективе, они будут уменьшаться согласно точки схода на горизонте... а так же будет сокращаться видимое расстояние между ними.. Отсюда возник у меня вопрос, есть ли какое то описание или принцип, чтобы технично (с точностью) установить это самое расстояние, скажем, на сколько оно уменьшится, от видимых на первом плане 3-х метров, до уходящих, сливающихся практически в один столбов? Как определить это сокращение расстояния?
аватар
 
Darling 2 0
Хороший урок, автору большое спасибо.
аватар
 
Иван Царинский 1 0
этот урок мне напомнил курс проективной геометрии когда я учился на физико-математическом факультете.
аватар
 
Иван Царинский 1 0
этот урок мне напомнил курс проективной геометрии, когда я учился на физико-математическом факультете...
аватар
 
shvets.valeriy 1 0
Владимир спасибо за урок. Хотелось бы увидеть в нем развитие темы о эллипсах, точнее, интересует перспектива колеса автомобиля.
аватар
 
Владимир Харитонов 359 0
Определяя отдельные точки схода для каждого предмета вы тем самым определяете угол расположение этих предметов относительно друг друга. Если мы с вами будем стоять лицом к лицу то мы будем находится в одной плоскости и не будет необходимости искать дополнительные точки сходи, хватит и одной. Если вы будете прыгать на меня с верху в низ, тут тоже самое,
вы будите прыгать фронтально стороной на меня, в свою очередь я также буду стоять фронтальной стороной к вам. И получается что мы опять находимся в одной плоскости. То есть, точка схода будет одна.
Вообще рисовать людей по всем правилам линейной перспективы не особо популярно. Да, довольно часто прибегают к вспомогательным линиям перспективы, но и только, в основном человека рисуют, так сказать, на глаз.
Линейная перспектива это удел пейзажей, каких то обширных планов местности, конструкций.

Если так хотите рисовать человека по правилам перспективы то начните с кубиков и прямоугольных призм. Если человеку отрубить ноги и руки, то всё оставшееся с легкостью можно будет обобщить до прямоугольной призмы. (а вообще можно и не отрубать ; )
аватар
 
Colapse 22 0
Мне только не понятно когда у меня несколько предметов в сцене с разными точками схода мне их что просто на глаз определять, к примеру человек стоит на полу и смотрит снизу вверз на другого, который прыгает на него с высоты. Тут вообще точек схода сколько?
аватар
 
Thomas Tchou 1 0
Урок супер! Спасибо! *bravo* Вот, только грамматика русскаго языка на уровне гопацкой школоты... =(
аватар
 
Kuteynikov Roman Roland 440 0
Хочу выразить большую благодарность за урок, так как на данный момент, где то 30% художников (навскидку) соблюдают законы перспективы в работах. Что очень огорчает... Но надеюсь, что изложенный выше материал научит многих людей рисовать правильно (с соблюдением правил), без слов мол:- "Это мой стиль", "Мне нравится когда изображения искривлено!", "Смотрите к верх ногами" и т.п. Спасибо!
аватар
 
может и мне начать тупо уроки с книг переписывать?, только от своей руки иллюстрации переделывать.
аватар
 
ничего не имею против урока но по моему такой информации более чем достаточно и в интернете и в книгах.
аватар
 
kinyz 49 0
при чём тут чтение, если я говорю конкретно про иллюстрации? скорее вы плохо прочли что я написал) синтетические градиенты отвратительно смотрятся везде кроме некоторых исключений
аватар
 
Владимир Харитонов 359 0
kinyz Сразу видно что вы плохо читали книгу Н.Ли, не открывали книгу Рэй Кэмпбелл Смита, и даже не смотрели в сторону М.Н. Макарова, подозреваю что и мой урок вы неудастоили внимательным чтением. Если проводить полную аналогию то иллюстрации похожи на те которые есть во всех трёх книгах. Текст мой, он также с опорой на все три книги. Единственное, структура урока а точнее название разделов, взяты из книги Рэй Кэмпбелл Смита. И то, подобный структуры во всех трёх книгах. Всё это говорит о том что все законы, принципы и иллюстрации к ним (!) фундаментальны, нету никого смысла выдумывать "колесо", дорога с столбами вдоль неё, куб, простейший дом, всё это было есть и будет максимально понятно и доступно для понимания и обучения.
аватар
 
kinyz 49 0
лучше бы использовались нормальные иллюстрации из книжки Н. Ли. "основы учебного академического рисунка" чем свои копии такого качества)
аватар
 
Waldemart 102 0
Все сделано аккуратно и с заботой о читателе! Прекрасные иллюстрации. Четко, по делу!
Молодец, Вовка! Единственное, в своей фотографии убери ковер. Как-то не стыкуется с Hi-tec технологиями.
аватар
 
Владимир Харитонов 359 0
Спасибо всем за комментарии и оценки!
WARlam и cx_ivanich я не зря указал: "Данный урок раскрывает основы и принципы построения перспективы в живописи. Урок рассчитан на начинающего 2D художника." Если человек в состоянии оперировать большим количеством точек схода, то можно сделать предположение что он не начинающий художник и он не нуждается в объяснении основ и принципов. Это логично?
аватар
 
cx_ivanich 12 0
Ну,кто не читал книг по перспективе наверняка узнал что-то новое. Я читал :-) поэтому ничего нового.
аватар
 
patsukevich 36 0
отличная информация.
аватар
 
pilipim 21 0
перспектива по сетке, самый универсальный способ построения перспективы. + к этому способу, довольно простой метод построения теней от точечных ИС

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