1. Design & Illustration
  2. Drawing Theory

Быстрый совет: преобразуем вид сбоку в трехмерный вид в Photoshop.

by
Read Time:5 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Нарисовать боковой вид чего-нибудь всего кажется самым интуитивным - без «перспективы» все так просто и весело. Однако, из-за этой простоты, рисунки сбоку такие скучные, и из-за этого очень трудно представить все особенности персонажа. В этом небольшом учебнике я покажу вам, как превратить их в интересный 3D-вид с помощью простого трюка в Photoshop.

1. Подготовьте чертеж с видом сбоку

Шаг 1

Откройте Adobe Photoshop. Создайте новый файл (Control-N) и нарисуйте персонажа в виде сбоку на новом слое (Control-Shift-Alt-N).

side view sketch characterside view sketch characterside view sketch character

Шаг 2

Установите прозрачность слоя на 20%. Затем создайте новый слой.

lower opacity new layerlower opacity new layerlower opacity new layer
lower opacity transparentlower opacity transparentlower opacity transparent

Шаг 3

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

character simple shapescharacter simple shapescharacter simple shapes

2. Постройте ограничительную рамку

Шаг 1

Каждый трехмерный объект, независимо от того, насколько он подробный, можно вписать в коробку. Аналогично, боковой (2D) вид можно вписать в одну из сторон этой коробки - прямоугольник. Приступим!

Выберите инструмент Rectangle Tool (U) и измените его параметры, как показано ниже.

photoshop shape rectangle stroke vectorphotoshop shape rectangle stroke vectorphotoshop shape rectangle stroke vector

Шаг 2

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

photoshop resize rectangle photoshop resize rectangle photoshop resize rectangle

Шаг 3

Используйте Free Transform Tool (Control-T), чтобы изменить размер прямоугольника и поместить персонажа внутрь. Скройте персонажа (щелкните значок «глаз» рядом со слоем).

photoshop resize rectangle 2photoshop resize rectangle 2photoshop resize rectangle 2

Шаг 4

Дублируйте (Control-J) прямоугольник и скройте оригинал.

Теперь нам понадобятся некоторые правила перспективы. Вы можете найти их все в моей статье о перспективе - все не так сложно, как вы думаете. Вот пример!

  • Если вы хотите увидеть переднюю часть персонажа, сделайте прямоугольник более узким слева.
  • Если вы хотите увидеть заднюю часть, сделайте прямоугольник более узким справа.
photoshop perspective simple drawing photoshop perspective simple drawing photoshop perspective simple drawing
  • Если вы хотите увидеть персонаж сверху, уменьшите прямоугольник сверху.
  • Если вы хотите увидеть нижнюю часть персонажа, уменьшите прямоугольник снизу.
photoshop perspective simple drawing 2photoshop perspective simple drawing 2photoshop perspective simple drawing 2

Шаг 5

Вид сбоку должен быть искажен, чтобы вписаться в трехмерный вид. Откройте исходный прямоугольник и уменьшите его прозрачность. Используйте Direct Selection Tool (A), удерживайте Shift и щелкните точки сбоку справа от «щели».

photoshop perspective simple drawing 3photoshop perspective simple drawing 3photoshop perspective simple drawing 3

Когда выбраны обе точки, нажмите стрелку вниз, чтобы переместить их в нижнюю часть. Теперь у нас есть одна сторона ограничительной рамки 3D!

photoshop perspective simple drawing 4photoshop perspective simple drawing 4photoshop perspective simple drawing 4

Шаг 6.

персонажа, но 3D - это все три измерения.

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

Подсказка: вы можете нарисовать только половину верхнего вида, а затем продублировать его (Control-J) и Edit> Transform> Flip Vertical.

photoshop perspective simple drawing 5photoshop perspective simple drawing 5photoshop perspective simple drawing 5

Шаг 7.

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

photoshop perspective simple drawing 6photoshop perspective simple drawing 6photoshop perspective simple drawing 6

Шаг 8

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

  • Если вы хотите увидеть переднюю часть, двигайтесь направо.
  • Если вы хотите увидеть вид сзади, двигайтесь влево.
  • Если вы хотите увидеть верх, перейдите в низ.
  • Если вы хотите увидеть низ, перейдите в начало.

Поговорим о расстоянии:

  • Чем уже длина, тем больше расстояние по горизонтали.
  • Чем меньше высота, тем больше расстояние по вертикали.
  • Расстояние не может превышать ширину в виде сверху.
photoshop perspective simple drawing 7photoshop perspective simple drawing 7photoshop perspective simple drawing 7

Шаг 9

Соедините стороны инструментом Pen Tool (P) (используйте те же настройки, что и для прямоугольника). Наша коробка готова!

photoshop perspective simple drawing 8photoshop perspective simple drawing 8photoshop perspective simple drawing 8

3. Изменяем вид сбоку с учетом трехмерной рамки

Шаг 1

Теперь нам нужно поместить персонажа в коробку. Сначала, используя Free Transform Tool (Control-T), удерживая Shift, отрегулируйте высоту коробки.

photoshop perspective simple drawing box photoshop perspective simple drawing box photoshop perspective simple drawing box

Шаг 2

Удерживая Control, перетащите нижнюю точку в нижний угол более удаленной стороны. Сделайте то же самое с верхней точкой. Наша цель - «вставить» персонажа в искаженную сторону.

photoshop perspective simple drawing box 2photoshop perspective simple drawing box 2photoshop perspective simple drawing box 2

Шаг 3

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

photoshop perspective simple drawing box 3photoshop perspective simple drawing box 3photoshop perspective simple drawing box 3

Шаг 4

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

photoshop perspective simple drawing box 4photoshop perspective simple drawing box 4photoshop perspective simple drawing box 4

Теперь нарисуйте такую же линию между двумя сторонами на виде сверху.

photoshop perspective simple drawing box 5photoshop perspective simple drawing box 5photoshop perspective simple drawing box 5

Шаг 5

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

photoshop perspective simple drawing box 6photoshop perspective simple drawing box 6photoshop perspective simple drawing box 6

Попробуйте подражать таким же пропорциям:

photoshop perspective simple drawing box 7photoshop perspective simple drawing box 7photoshop perspective simple drawing box 7

Шаг 6.

Выберите рыло с одной стороны с помощью инструмента Лассо (L). Вырежьте и вставьте его обратно, чтобы получить его на новом слое.

photoshop perspective simple drawing box 8photoshop perspective simple drawing box 8photoshop perspective simple drawing box 8

Шаг 7.

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

photoshop perspective simple drawing box 9photoshop perspective simple drawing box 9photoshop perspective simple drawing box 9

Шаг 8

Сделайте то же самое с другой стороной.

photoshop perspective simple drawing box 10photoshop perspective simple drawing box 10photoshop perspective simple drawing box 10

Шаг 9

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

photoshop perspective simple drawing box 11photoshop perspective simple drawing box 11photoshop perspective simple drawing box 11

4. Завершите рисование

Шаг 1

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

photoshop perspective animal box 3d photoshop perspective animal box 3d photoshop perspective animal box 3d

Шаг 2

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

photoshop perspective animal box 3d 2photoshop perspective animal box 3d 2photoshop perspective animal box 3d 2

Это все!

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

photoshop perspective animal box 3d 3photoshop perspective animal box 3d 3photoshop perspective animal box 3d 3
One subscription.
Unlimited Downloads.
Get unlimited downloads