Школа перспектива

Размышления о перспективе

Перевод статьи выполнен Натальей Ким.

Линейная перспектива

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

Одноточечная перспектива

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

Двухточечная перспектива

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

Трехточечная перспектива

Трехточечная перспектива менее распространена, чем одно — или двухточечная. Обычно она используется для подчеркивания масштаба предмета путем смещения «камеры» вверх или вниз. Как и двухточечная перспектива, она имеет две точки схода на горизонте, но также имеет еще одну, расположенную либо выше, либо ниже линии горизонта. Если третья точка схода расположена выше, она дает иллюзию взгляда на объект словно снизу вверх, тогда как при расположении ее ниже линии горизонта у наблюдателя появляется ощущение взгляда сверху вниз. Если вы новичок в линейной перспективе, советую вам потренироваться на бумаге, используя линейку(использование линейки не считается обманом, обещаю). Также во множестве программ вы можете рисовать прямые линии, просто кликая мышкой в том месте, где вы хотите, чтобы линия начиналась, затем зажимая Shift и кликая еще раз в месте, где должен быть конец линии. (Этот метод работает в Photoshop и Paint Tool SAI, в других программах могут быть свои способы). Возможно, вам стоит потренироваться в черчении поверх фотографий, чтобы научиться находить линии перспективы и точки схода.

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

Несколько других подсказок по линейной перспективе

Если начертить «Х» от одного угла плоскости в перспективе до другого, то можно легко определить центр. Это может быть особенно полезно, когда нужно нарисовать равноудаленные друг от друга элементы, вроде столбиков забора. Как правило, линию горизонта располагают на уровне глаз наблюдателя. На картинке ниже фигура А точно такого же «роста», как и наблюдатель, потому что горизонт находится на уровне их глаз. Фигура Б расположена куда дальше и кажется меньшего размера, однако горизонт тоже расположен на уровне ее глаз, что делает обе фигуры одного роста. Фигура С, с другой стороны, выше, чем фигура А и Б, потому что линия горизонта доходит ей только до груди.

Как еще показать перспективу

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

Толщина линии

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

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

Воздушная перспектива (atmospheric perspective, а иногда aerial perspective) связана с тем, что чем дальше расположен объект, тем сильнее блекнут и становятся нечеткими отдельные детали и цвета. К примеру, на фотографии ниже, сравните яркие желтые, оранжевые и темно-зеленые цвета на переднем плане с более приглушенными оттенками на заднем плане.

Задний план:

Низкий контраст

Менее насыщенные цвета

Обычно более холодные оттенки

Передний план:

Высокий контраст

Более насыщенные цвета

Обычно более теплые оттенки

Эффекты «камеры»

Другая техника, которую вы возможно захотите попробовать, заключается в имитации фотографии, благодаря настройке «фокуса» вашей «камеры». Будет удобнее, если для этого ваши передний, средний и задний план будут находиться на разных слоях. К примеру, на рисунке слева, все слои не отредактированы. На рисунке справа, эффект размытия по Гауссу, был применен на переднем и заднем планах, оставляя средний план в четком фокусе. Это приводит к двойному эффекту: ощущение глубины усиливается, в то время как наш взгляд притягивается к центру, где расположен главный объект в рисунке.

Наложение цвета в Photoshop

Перевод выполнен Егором Афониным.

Justin Gerard — иллюстратор, путешествующий по миру в поисках идеального места, с целью нарисовать его. К слову, он до сих пор его не нашел, но на своем пути повстречал много потрясающих людей, увидел много красивых мест и нарисовал множество картин.
Портфолио художника.

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

Обратите внимание: эта статья ориентирована на людей, знакомых с Photoshop, но еще не разобравшихся, как наилучшим образом раскрашивать иллюстрации с его помощью. Гении фотошопа, уверен, уже в курсе всего нижеперечисленного (а цифровые ниндзя, йети, воины и Чаки Норрисы могут смело проходить мимо).

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

Итак, в первую очередь:

Раскрашивая рисунок или монохромную живописную работу в Photoshop, вы можете допустить одну из двух типичных ошибок:

Ошибка №1: Мертвенная колоризированность. Вспомните раскрашенные старые фотографии – нам этого не надо.

Ошибка №2: Дешевый пластик. Вообразите фиолетового волка, воющего на желтушную луну. Этого нам тоже не надо.

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

Начнем с основ.

Режимы слоев

Чтобы наложить цвет в Photoshop, я создаю новый слой и выбираю для него режим. На примере с Красной Шапочкой я залил красным цветом её капюшон. При изменении режима слоя видно, как разительно меняется результат.

Как видно, если мы используем режимы по одиночке, то получаем результат, схожий с раскрашенной фотографией, то есть совершаем Ошибку №1.

Нам поможет наложение нескольких слоев в различных режимах. Как насчет таких комбинаций

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

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

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

Довольно, Джастин! Это все шляпа, потому что цвет можно накладывать в Normal!

Normal великолепен! Если вы новичок, работайте только с ним, пока не почувствуете, что понимаете механизм его работы. Normal довольно предсказуем и чрезвычайно универсален, если вы используете кисти с низким Flow и Opacity.

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

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

Я чаще всего использую Multiply, Color, Soft Light и Screen. При помощи этой четверки вы можете сделать практически все, а на выходе получить достойную картинку.

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

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

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

Режимы наложения из группы Color Dodge выжигают света. Использовать их стоит ОЧЕНЬ осторожно. Стоит переборщить - и вот вы уже поджигаете свечки на торте с помощью огнемета. Однако если использовать их экономно, они сделают ярко освещенные области, а также отблески на деталях интенсивнее. Я использую слои в Color Dodge, чтобы усилить блики, добавить контровой свет и отделить силуэты объектов от фона. А если чередовать эти слои со слоями в Multiply, можно неплохо расширить тоновой диапазон картины.

Режимы наложения из группы Color. Их нет на примерах, так как я использую их чрезвычайно редко. С помощью них я вытягиваю или, наоборот, ослабляю цвет в той или иной области. Эти режимы – классический способ для раскрашивания фотографий (думаю, вам и так все понятно, поэтому напоминать об Ошибке №1 я не буду). Злоупотреблять ими не стоит, однако в маленьких дозах они работают превосходно. Например, превосходно убивают цвет: если область слишком красная, я могу выбрать синий цвет, помазать им на слое Color, и он ослабит красный.

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

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

https://anatoref.tumblr.com/

ссылка на гифку

Видеокурс "Создание иллюстрации"

Год выпуска: 2014
Производитель: SMIRNOV SCHOOL
Автор: Смирнов Иван
Продолжительность: 1ч. 37мин.
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание: Курс ориентированный на профессиональное применение навыков цифрового рисования.
Основная идея ускорения и оптимизации работы художника заключается в использовании на первичном этапе 3D-программ, в которых делается основа рисунка – «болванка». Эту «болванку» легко поставить в необходимый ракурс, легко покрутить её в разные стороны, определить перспективу и подобрать освещение – в 3D это делается быстро и просто. А уже потом полученный рисунок импортируется в Photoshop и обрисовывается. Файлы примеров: присутствуют
Формат видео: MP4
Видео: MPEG4 Video (H264) 1920x1078 15fps 5261kbps
Аудио: AAC 44100Hz stereo 125kbps

Torrent: Скачать торрент-файл

Скриншоты:

Перспективное сокращение в рисунке: важные советы

Сегодня поговорим о ещё одной распространённой проблеме - перспективное сокращение. С ходу так не понятно о чём речь, ну да далее по тексту всё встанет на свои места)
_______________________________________________________
Статья подготовлена специально для Digital Painting Classes и Smirnov School, хуй знает кем.

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

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

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

1. Распланируйте расположение фигуры на холсте

Первое, что вам стоит сделать - это обозначить границы на выбранной поверхности (т.е. бумаге или холсте). Легкими касаниями карандаша набросать ногу в нижней части страницы, а потом… обнаружить, что голова заканчивается куда выше границы листа.

Начинающие художники часто пытаются исправить эту оплошность, просто впихивая всю фигуру на страницу, что полностью убивает реалистичность рисунка. Допустили такую ошибку? Лучше начните сначала.

2. Добавьте направляющие

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

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

3. Забудьте все, что знаете

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

Измеряйте, измеряйте и снова измеряйте, и доверяйте своим измерениям. В правильном перспективном сокращении человеческая форма не вписывается в наши представления.

4. Разбивайте фигуру на крупные формы

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

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

5. Соедините все вместе

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

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

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

Какую бы технику вы ни выбрали, хорошее понимание человеческой анатомии сильно поможет. Для начала предлагаем посмотреть наш урок по анатомии.. Также советуем крутые книги Anatomy for the Artist Сары Симблет или Gray’s Anatomy. Чем лучше вы поймете, как устроено человеческое тело, тем легче вам будет разобраться в перспективном сокращении.

1. Геометрический подход

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

2. Техника пружины или спирали

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

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

Специализации цифровых художников

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

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

В концепт-арте также есть свои подразделения:

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

Концепты персонажей для The Last of US

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

Концепт костюма к фильму «Доктор Стрэндж» Karla Ortiz

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

Концепты существ к фильму «Фантастические твари и где они обитают»

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

Концепт-арт пропсов (предметов) — это могут быть как отдельные части окружения (мебель, растения), так и аксессуары, которые использует персонаж. В качестве отдельных направлений можно выделить дизайн автомобилей и дизайн оружия.

Иллюстрация — самостоятельное законченное произведение со своим сюжетом и продуманной композицией, как правило, достаточно детализированное и сложное. Иллюстрации можно встретить в рекламе, в журналах, книгах, на загрузочных экранах внутри игры, на картах для игр типа hearthstone и так далее. Для иллюстрации важны технические навыки рисования: понимание анатомии, перспективы, света, цвета, композиции, а дизайн отходит на второй план. Иллюстрацию часто путают с концепт артом и об этом как раз есть одна информативная и полезная статья, а может и не столь полезная и не очень информативная. Надо?

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

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

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

ссылка на гифку

Пример классической анимации от Disney

Комиксы

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

Близкое к комиксам направление, предполагающее создание истории в форме интерактивного романа. Художники, создающие визуальные новеллы, занимаются отрисовкой персонажей и/или фонов. Персонажи, как правило, находятся в статичных позах, и по ходу игры меняются только выражения лиц у действующих героев. Что касается фонов, они тоже не отличаются излишней динамикой: для новелл используется простая одноточечная или двуточечная перспектива без сложных ракурсов.

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

Правила хорошей композиции в изобразительном искусстве и дизайне

Композиция — это фундамент любой хорошей работы. Изучайте правила, а затем ломайте их!

Говоря по-простому, композиция — составление частей или элементов для формирования целого. Задача хорошей композиции - расстановка элементов в вашем рисунке для лучшего взаимодействия со зрителями, поддержки их интереса и получения реакции.

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

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

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

Числа Фибоначчи

Числа Фибоначчи - это последовательность чисел, в которой, начиная с 0 и 1, каждое последующее число равно сумме двух предыдущих чисел (0, 1, 1, 2, 3, 5, 8, 13, 21, 34, и т.д.).

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

По совпадению, это последовательность Фибоначчи подтверждается абсолютно другим правилом, встречающимся в природе -«Золотым сечением».

Золотое сечение

«Золотое сечение» - особое соотношение, полученное делением линии на две части, где отношение большей части на меньшую часть равно отношению полной линии на большую часть».

Результатом этого определения является число Ф=1,681, которое используется в природе при делении или умножении органического материала.

Правило нечетных чисел

Поскольку 3 - магическое число… Также существует и правило нечетных чисел, связанных с правилом третей.

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

Правило третей

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

Срединная линия

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

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

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

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

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

Другой пример структуры с одной точкой фокуса — на картине Дейва Рапозы, который, судя по всему, также использует композицию по срединной линии. И снова, взгляд следует по вертикальной срединной линии, в ней есть что-то особое! Совпадение ли, что рука также располагается на срединной линии?

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

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

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

Несмотря на то, что это композиция по срединной линии, можно также заметить и правило третей, влияющее на композицию, лицо расположено чуть ниже 2/3 верхней части от середины.

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

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

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

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

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

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

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

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

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

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

Картина Карлы Ортиз - пример классической рамочной структуры, которая также соответствует правилу третей, несмотря на то, что главная точка фокуса, лицо, немного правее левой верхней точки пересечения, в то время как тело девушки находится точно на левой нижней точке пересечения.

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

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

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

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

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

Это изображение Якуба Розальски использует рамочную структуру и правило третей. Точка фокуса - левая женщина на переднем плане, поскольку она помещена точно на левой нижней точке пересечения.

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

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

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

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

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

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

Еще одна картина Якуба Розальски демонстрирует жёсткую композицию, достигнутую применением множества правил. Перед нами смесь Правила третей и золотого сечения вместе с наводящими точками фокуса внутри.

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

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

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

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

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

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

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

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

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

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

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

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

Это последнее изображение, нарисованное Петром Яблонски, ломает все правила. Сначала я не могла понять, какое правило композиции тут использовалось, как вдруг меня озарило: эта картина отображает нечто необычное, странное. Сама картина была сверхъестественная!

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

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

Несмотря на это, композиция работает… Она проводит идею паранормальности, разрушая устойчивые формы и нарочно сделанная «странной».

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

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

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

Что нужно помнить:

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

Что нужно помнить:

- Представьте, что срединная линия - это зеркало, и соответственно отражайте диагонали с обеих сторон.

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

________________________________________________________

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

Стоит ли выкладывать перевод вот этого? И, если да, то лучше выложить как PDF или длиннопост картинками?

Как создать реалистичную глубину в рисунке. Основы линейной перспективы (часть 2)

Текст переведен специально для групп Digital Painting Classes и Smirnov School. По материалам ресурса How to sketch. Перевела Валерия Шмырова.

Что, если я скажу вам, что вы можете убедительно показать в рисунке глубину, не имея особого таланта и не тратя $20 000 на художественные школы?

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

Глубина в перспективе основывается на трех вещах:

1.Изменение размеров;

2.Сжатие;

3.Наложение объектов.

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

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

Как мы воспринимаем расстояние

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

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

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

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

Как вы знаете из предыдущей части, каждый прямоугольник сжимается по своей «нормальной линии», когда его наклоняют относительно зрителя. Теперь вы видите, что плоскость сжимается тем сильнее, чем она ближе к линии горизонта. И если у нас есть последовательность прямоугольников одинакового размера, которая уходит вдаль от зрителя, их размер меняется нелинейно. Разница в размере между парами прямоугольников, лежащих ближе к зрителю, ярче выражена, чем между теми, которые ближе к горизонту.

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

Единственное требование к этим линиям: на бумаге интервалы между ними должны быть одинаковыми.

И вот ключевой момент!

Отрезок B в два раза короче, чем A, но C в шесть раз короче, чем B.

Почему это должно нас беспокоить?

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

Итак, возникает резонный вопрос:

Как мне отмерить равные расстояния в перспективе? Это подводит нас к следующей главе. Оставайтесь с нами!

Измерение

Вы спросите: «Зачем мне это учить?

Это же только для того, чтобы чертить механизмы?

Нужно ли мне измерять расстояние в пространстве, если я рисую тела?»

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

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

Диагонали

Как вы помните из уроков геометрии (я не помню), диагонали прямоугольника пересекаются в его центре.

И знаете что?

То же самое происходит и в перспективе.

Именно благодаря этому диагонали помогают нам рисовать одинаковые прямоугольники.

Найдите центр прямоугольника, используя диагонали.

Средняя линия пересечёт сторону прямоугольника в точке А.

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

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

Перенос ортогонального вида в перспективу

Диагонали полезны при построении неправильных форм в перспективе.

Следующее упражнение покажет вам, как это делать.

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

Построение одинаковых интервалов в перспективе с помощью эллипса

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

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

Стена из кубов

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

Вы, возможно, недооцениваете рисование кубов.

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

Это вам очень поможет, я обещаю.

Сквозное построение

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

Пора усложнить вашу жизнь.

Как?

С помощью сквозного построения.

Зачем?

Это эффективный метод рисования объектов «из головы».

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

Соответственно, вы сможете правильно располагать тела по отношению друг к другу.

А теперь настало время для практического задания.

Надеюсь, вы следуете моим инструкциям.

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

Я всего лишь подчеркиваю, что они важны, если вы хотите рисовать лучше.

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

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

Построения на основе масс

Масса — это простое сферическое или колбасоподобное тело, используемое в качестве основы для построения сложных форм.

Думайте о ней как о комке глины, существующем в трехмерном пространстве.

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

Зачем нам это?

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

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

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

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

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

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

Теперь давайте нарисуем кубы с заданным расстоянием между центрами. Потом мы поднимем наши кубы на заданную высоту от земли.

Кубы в пространстве на произвольной траектории

Теперь мы объединим упражнения.

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

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

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

Теперь можно начинать рисовать внутри масс кубы. Поворачивайте их как хотите.

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

Мы раскроем многоцелевой принцип рисования любого возможного тела.

Тон как инструмент работы с композицией

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

_________________________________________________________
Материал подготовила Сефери специально для Digital Painting Classes и Smirnov School.

Что такое тон и почему он важнее цвета? Как проверять тоновую композицию и как «прокачать» понимание тона? Отвечаем на эти и другие вопросы, советуем упражнения.

Что такое тон

Тон определяет, насколько предмет тёмный или светлый. У каждого объекта есть собственный (локальный) тон, он меняется под влиянием освещения. Тон для восприятия работы гораздо важнее цвета.

На эти головы наложили один и тот же цвет. Разницу в восприятии обеспечил тон (соотношение светлый/тёмный), а не цвета

Как свет влияет на тон

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

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

Как можно использовать тон

Тон определяет то, насколько читается комозиция, отделяет объекты друг от друга, и вместе с освещением влияет на настроение работы. Чтобы обеспечить хорошую читаемость, Эндрю Лумис в книге «Искусство иллюстрации» предлагает использовать несколько тоновых схем. В них входит всего четыре тона:

-чёрный, белый и тёмно-серый на светло-сером;

-чёрный, белый и светло-серый на тёмно-сером;

-серые и белые тона на чёрном.

Основные тональные схемы из книги “Искусство иллюстрации” Эндрю Лумис Чем проще (тоновая) композиция, тем лучше выйдет картина.
Эндрю Лумис

Стоит ли ограничивать количество тонов

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

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

 

Не нравятся заливки? Можно разбивать тон на простые группы, которые при отдалении от работы будут читаться как единые пятна. Картина Густава Доре разбита на несколько планов, которые читаются благодаря группировке основных масс по тону.

Как с помощью тона влиять на настроение работы

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

Обратимся к лекции Катерины Горелко. Чаще всего в кино, живописи и геймдеве используют полный спектр тонов. За основу берут летний день, в кадре сохраняют как светлые, так и тёмные акценты.

Пример из кино

Пример из живописи 

 

Упомянутое на слайде правило 70/30 говорит о выразительном соотношении. Его можно применить не только к оттенкам серого, но и к форме, линии или цветам. В этой работе Lori Putnam больше 70% выполнены в светлом тоновом диапазоне, и до 30% — в тёмном.

Lori Putnam

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

Высокий ключ 

 

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

Низкий ключ 

 
Как использовать тон, работая над цветной иллюстрацией

Есть два основных варианта.

-Начать рисовать с двух цветов — чёрного и белого.

-Периодически переводить картинку в оттенки серого в процессе работы, чтобы проверить, все ли в порядке с тоном. Этот приём очень рекомендуют известные художники и преподаватели Сэм Нильсен (Sam Nielson), Сэмюэл Михлэп (Samual Michlap), Марко Буччи (Marco Bucci) и многие, многие другие (включая преподавателей Smirnov School).

Если стартуем с чёрного и белого

Начните с двух тонов, как Майк Миньола. Разбейте работу на свет и тень, далее постепенно добавляйте средние тона.

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

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

Концепт-художник Игорь Артеменко ака Haryarti (The Banner Saga, Riot Games) работает по похожему пайплайну.

Сортировка по пятнам

Сразу разбейте вашу работу по пятнам. Для каждого плана задайте свой тон, как это делал Густав Доре. Помните про правило «светлое на тёмном, темное на светлом», самая важная часть вашей работы должна сильнее всего контрастировать с окружением: белое на чёрном привлекает внимание сильнее, чем светло-серое на тёмно-сером.

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

Примеры черно-белых композиций от Tyler Edlin 

 

Перевод в ч/б для самопроверки

Возникли проблемы на этапе покраски? Отслеживать тоновые соотношения в цвете бывает не просто. Поэтому во время работы лучше переключаться в ч/б, чтобы проверить себя.

Как это сделать в Adobe Photoshop

Рисуете в Procreate? В iOS есть настройка, которая позволяет переводить планшет или телефон в ч/б, трижды нажав на кнопку Home.

Чтобы активировать возможность перехода в чёрно-белый режим, зайдите в «Настройки — Основные — Универсальный доступ — Быстрые команды» и поставьте галочку на пункте «Светофильтры» (для новых версий iOS). В более старых версиях системы путь может отличаться, но эту функцию всегда стоит искать именно в «Универсальном доступе».

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

Проверка с помощью ч/б, экстремальный вариант

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

Можно попробовать выкрутить контраст на полную, чтобы довести оттенки до двух тонов — чёрного и белого. Тогда наверх выйдет базовая тоновая композиция, как в «стадиках» сверху. Для этого переведите изображение в оттенки серого, а потом с помощью «Levels» (Уровни) поменяйте детализацию так, чтобы тоновые соотношения сократились до двух-трех положений. Этим приёмом пользуется Сэм Нильсен, когда проверяет работы учеников.

Возьмем для примера работу самого Сэма.

Работа Сэма Нильсона

 

Переводим её в оттенки серого и двигаем уровни. В центре внимания по-прежнему остается носорог. При неудачной комбинации тонов на этом этапе он бы уже слился с фоном и стал нечитаемым — и вы бы нашли ошибку.

Упражнение по изучению тона

Анализируйте работы других художников, кадры из фильмов и мультфильмов. Делайте копии выбранных изображений, используя ограниченную тоновую палитру: 2, 3 или 4 тона. На этом упражнении тренируются и новички, и профи.

В рамках челленджа #100daychallenge Павел Латковски создает быстрые композиции с ограниченным тоновым диапазоном каждый день, в течение нескольких месяцев.

Уже упомянутый Игорь Артеменко ака Haryarti старается делать такие «стадики» каждый день.

Как приступить к задаче

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

Justin Pichetrungsi изучает тоновой контраст в сцене 

 

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

John Petersen выполняет аналогичное упражнение

Ежедневные «стадики» на тон очень рекомендуют выполнять Крейг Маллинз (один из пионеров CG и самых известных цифровых художников в мире), Нэйтан Фоукс (работал с Disney, Paramount Animation, Blizzard Entertainment, Riot Games и др) и многие другие.

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