Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Tools & Tips

Как рисовать с перспективой 

by
Read Time:13 minsLanguages:
This post is part of a series called Photoshop Tutorials for Beginners.
A Basic Guide to Photoshop's 3D Tools
A Comprehensive Guide to Photoshop's Liquify Tool

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

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


Шаг 1

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

Давайте создадим новый (Cmd+N) холст и начнём. Я нарисовал фигурку, чтобы слегка разнообразить холст.


Шаг 2

Начнём с одноточечной перспективы. Если рисовать где-то в пределах Земли, скорее всего, будет линия горизонта - на холсте или вне его. В примере ниже у нас есть очень стандартная линия горизонта возле центра картинки.  Вдобавок к линии горизонта нам нужна исчезающая точка. При рисовании одноточечной перспективы, у нас есть одна исчезающая точка, где сходятся все линии оси z, показанные на примере как "VP", где линия горизонта обозначена как "HL".  Все линии, идущие в одном направлении (параллельном), последуют за углами линий, сходящихся в направлении исчезающей точки.   


Шаг 3

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


Шаг 4

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


Шаг 5

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


Шаг 6

Можете догадаться, где находится линия горизонта и исчезающая точка? 


Шаг 7

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


Шаг 8

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


Шаг 9

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


Шаг 10

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

Сейчас начнём рисовать вторую исчезающую точку. Как в случае с первой исчезающей точкой, она будет на Новом слое (Cmd+Shift+N), чтобы мы могли управлять остальной частью картинки.  Я начал с круглой кисти нормальной твёрдости 4 пикселя, удерживая Shift перед рисованием линии (красной), чтобы привязать её к общему углу - в данном случае прямо вниз. 


Шаг 11

Я хочу добавить несколько линий, но как правша не очень хорошо умею рисовать от верхнего левого края к нижнему правому или наоборот. Поэтому, чтобы ускориться, нужно перейти в Изображение > Повернуть холст > Отразить холст по горизонтали.  Возможно, вы заметили, что эта команда привязана к горячей клавише F1 в моём примере. Она по умолчанию закреплена за внешней ссылкой Помощь в   Photoshop.  Вы можете назначить горячие клавиши, выбрав Окно > Workspace > Keyboard Shortcuts & Menus и кликнув на вкладку Keyboard Shortcuts.


Шаг 12

Ого, это не прямая линия. Ничего страшного, если что-то пойдёт не так - мы всего лишь сделаем вдвое больше, чем другие. Если линия получилась как кривая графика из научного эксперимента, просто отмените её (Cmd+Z) и попытайтесь снова.  Другая исчезающая точка находится на новом слое, что даёт нам возможность спрятать её, пока мы работаем над второй исчезающей точкой.  


Шаг 13

В одиннадцатый раз уж точно получится. 


Шаг 14

Если сначала вам не удалось это сделать, используйте Инструмент "Свободное трансформирование" (Cmd+T).

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


Шаг 15

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


Шаг 16

Линии, уходящие вдаль (красные), уходят в направлении первой исчезающей точки, как на рисунке с одноточечной перспективой (шаг 3). 


Шаг 17

Посмотрите на пунктирные красные линии на примере - мы можем видеть, где будут углы следующей лицевой стороны (обведено).  Здесь вступает сила умственной проекции - немного воображения поможет представить, где должны быть линии и лицевая сторона. Если картинка выглядит правильной в голове, вероятно, вы на верном пути.  


Шаг 18

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


Шаг 19

Эта техника работает даже со сложными симметрическими фигурами, если в них есть параллельные линии. Если мы посмотрим на пример ниже - с изначального угла, обведённого красным, - мы можем просто обвести его вдоль первых перспективных линий (чёрных), пока он не коснётся другой исчезающей точки (отмеченной "collide" на примере), после которой затем вернётся вниз по перспективным линиям второй исчезающей точки (красные), остановившись в той точке, где есть горизонтальная параллель вдоль горизонта (розовая).   Я сделал его более сложным, чем он есть - посмотрите на картинке.


Шаг 20

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


Шаг 21

Завершите процесс от точки к точке, но обратите внимание, что вертикальные линии (розовые) всё ещё идеально смотрят вверх. Всё, что обращено лицом к небу в двухточечной перспективе, является вертикальной, прямой линией в любом месте страницы (если объект был поставлен так, чтобы смотреть вверх, как традиционное здание или край кабинета). 


Шаг 22

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


Шаг 23

Часто при размещении обеих исчезающих точек на одном холсте создаётся очень близкий ракурс, как на примере ниже. 


Шаг 24

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


Шаг 25

Затем при помощи Свободного трансформирования (Cmd+T) и щелчка левой кнопкой на углах, исказите линии, которые вмещаются.  

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


Шаг 26

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


Шаг 27

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


Шаг 28

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


Шаг 29

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


Шаг 30

И снова оси z и х подчиняются правилу направления к своим исчезающим точкам.  


Шаг 31

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


Шаг 32

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


Шаг 33

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


Шаг 34

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

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


Шаг 35

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


Шаг 36

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


Шаг 37

Смотрите, смотрите. Круто, да? Сделайте это сами! 


Шаг 38

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

Источник: портфолио фотографа 


Шаг 39

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

Источник: портфолио фотографа 


Шаг 40

Здание выглядит прямоугольным, поэтому если мы предположим, что строители проделали фантастическую работу, построив его под углом 90 градусов, окна слева (жёлтые) и другая сторона стены справа (жёлтая) показывают нам направление оси х.  Также есть очень выступающая третья исчезающая точка в небе. Мы можем установить её из-за всех высоких зданий, отдающих углы вертикалей на картинке. Эта перспектива похожа на ту, которую мы строили в Шаге 35. 


Шаг 41

На этой фотографии самая очевидная исчезающая точка - та, которая слегка выходит за пределы экрана. Дорога и длинные здания (зелёные) легко указывают на эту исчезающую точку. 

Источник: портфолио фотографа 


Шаг 42

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


Шаг 43

Многие здания здесь не параллельны как кубы в Шаге 34, но стороны улиц (зелёная и жёлтая) имеют свои собственные ракурсы, что позволяет наметить их ось z достаточно просто, как отмечено на примере. 


Шаг 44

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


Шаг 45

Давайте создадим простой рисунок, объединяющий некоторые знания, которые мы изучили. Линии вдоль оси х показаны красным, а оси у - синим.  Мы ещё не нарисовали линии оси z, т.к. это глубина - там, где фигура уходит на расстояние, а мы ещё не определили исчезающую точку, хотя её можно увидеть на примере.  Мы создадим каждую ось линий на Новом слое (Cmd+Shift+N или Cmd+Shift+N), чтобы нам было проще работать.  


Шаг 46

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


Шаг 47

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


Шаг 48

При условии, что зелёные линии находятся на отдельном слое, в окне Оттенка/Насыщенности (Cmd+U или Cmd+U) опустите яркость слоя вниз до нуля, и он должен стать чёрным.  


Шаг 49

И, наконец, добавим приятный цвет. 


Шаг 50

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


Заключение

Очень легко намечать перспективу в параллельных структурах, где бы они ни находились.  Вы можете увидеть, как легко можно нарисовать базовую перспективу, если запомните основы здесь (показываю на свою голову... Которая по случайному совпадению имеет приклеенный к ней внешний жёсткий диск).  Люди, которые смотрят на ваши рисунки, привыкли видеть человеческую перспективу с момента рождения, поэтому неаккуратная перспектива введёт их в бесконечный транс (иногда).  Если этого не случается, они заметят, что в вашем рисунке "что-то не то". Поэтому выучите эти базовые принципы перспективы и практикуйтесь в рисовании зданий.  Убедитесь, что ваши линии ведут к нужным исчезающим точкам. Начните с нескольких квадратных стульев и столов! 

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

Подпишитесь на Psdtuts+ RSS Feed для лучших руководств и статей в Интернете по Photoshop.

One subscription.
Unlimited Downloads.
Get unlimited downloads