Результаты поиска по запросу «

в перспективах новой школы

»

Запрос:
Создатель поста:
Теги (через запятую):



Школа Арт-клуба 

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

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


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


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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,

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


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

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

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

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

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

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


Режимы слоев


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

MULTIPLY COLOR BURN SCREEN COLOR DODGE OVERLAY COLOR NORMAL (so*),Школа Арт-клуба,школа артклуба, школа арт-клуба,

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

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


MULTIPLY ♦ SOFT LIGHT ♦ HARD LIGHT ♦ SCREEN MULTIPLY ♦ SOFT LIGHT ♦ HARD LIGHT ♦ SCREEN ♦ COLOR DODGE MULTIPLY ♦ SOFT LIGHT ♦ HARD LIGHT ♦ COLOR ♦ OVERLAY ♦ MULTIPLY,Школа Арт-клуба,школа артклуба, школа арт-клуба,

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

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

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


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


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

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

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,

Multiply Screen Soft Light Multiply & Color Dodge Normal,Школа Арт-клуба,школа артклуба, школа арт-клуба,

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

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

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

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

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

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

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


 Я|гЛ ’ Й >Y . ír Np nn fl í'xW'í*'* / // * *1 *Ç - p,* J ) . í-./ / г* rfiK',Школа Арт-клуба,школа артклуба, школа арт-клуба,


Развернуть

Школа Арт-клуба Арт-клуб фэндомы 

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

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

Что такое перспективное сокращение?

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

На набросках с натуры студенты часто сталкиваются с перспективным сокращением

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

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

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

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

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

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

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

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

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

Техники перспективного сокращения, которые стоит попробовать

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

Разбивайте человека на простые геометрические фигуры

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы

Спиральные линии должны повторять контуры фигуры

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

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


Развернуть

Школа Арт-клуба длиннопост 

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

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


Концепт-арт


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

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


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


Jill AND Elllf « THE III If Ilf HIT If US We knew that as Joel and Ellie traveled across the United States, they would encounter different environments and weather conditions. These sketches are a smal glimpse into how we found the nght outfit for each setting.,Школа Арт-клуба,школа артклуба,

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Концепт-арты окружения для Bioshock 2

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Концепт пропсов от студии AQUATIC MOON для Overwatch
Иллюстрация


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Иллюстрации от старшего художника в Blizzard Will Murai
Сториборд (storyboard)


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


-&т • i ||Д i ш •V .* • > ■шл4&Ц 1.“ •• . «К lx 1 ' ft E7Y. iU î H l 1 ■«. V r^\l\lW 1. \ Vlfr’J ПГ V7? i • Ш • t| t • i [ i 1 V.lk^î \,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Раскадровки для ролика league of legends от Seung Eun Kim
Цветовые ключи (color keys)

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Цветовые ключи к мультфильму «Кот в сапогах» от Nathan Fowkes

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Пример того, как может выглядеть кадр, на который художнику нужно наложить свет и цвет
Анимация


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

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

Комиксы


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

JOLLY ROGER -COLORING PROCESS- wwNv.miquelmontllo.blogspot.com,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Процесс создания комикса от Miki Montllo
Визуальные новеллы


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Визуальная новелла «Бесконечное лето»
Создание контента для казуальных игр


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


SX* • \ / gßjwgj IU- % ftyW 1 : IJ -*ЩТ* Г« Т • V ^ f ^ гр У WTJÔhÎÂ,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Игра в казуальной стилистике «Top Farm»
Кто ты, художник?
Концепт-арт персонажей
22 (3.4%)
Художники по костюмам
1 (0.2%)
Концепт-арт существ
9 (1.4%)
Концепт-арт окружения
6 (0.9%)
Концепт-арт пропсов
5 (0.8%)
Иллюстратор
17 (2.6%)
Художник-раскадровщик
4 (0.6%)
Color Key Artist
2 (0.3%)
Аниматор
9 (1.4%)
Комиксист
9 (1.4%)
Визуальные новеллы
4 (0.6%)
Контент для казуальных игр
3 (0.5%)
Я не волшебник, я только учусь
129 (20.1%)
Другое
39 (6.1%)
Холодильник
384 (59.7%)
Развернуть

Школа Арт-клуба Арт-клуб фэндомы длиннопост много картинок скукота боль познания 

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

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


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


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


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

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

2.Сжатие;

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


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

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


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

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

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

Rectangles in space,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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


S-ghi&c*
Non-linear change in scale,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Нелинейное изменение размеров

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

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

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


WoK/vok		 C .
c/v		5 	
	A
&/-	J	c ^cvl, tv4.+ A=
	B = Cx£
A	
Every following inch towards the horizon has more depth is perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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

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

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

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

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


Измерение


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

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

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

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

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


Диагонали


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

И знаете что?

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

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


Diagonals of the rectangle intersect at its center,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Диагонали прямоугольника пересекаются в его центре

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

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

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

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

Find the rectangle center. Extend the lines in the multiplication direction,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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


Multiplying rectangle,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Клонирование прямоугольника во всех направлениях Заполните всю страницу такими конструкциями.

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

PCrsPC-cW^	€x:4yci^c_ pGjrs^CcV^Q. C x+vo»''«- s ^1 ^ ^
Shifting of the center,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Смещение центра

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

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

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

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

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

Orthogonal view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Drop a circle in perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Нарисуйте круг в перспективе

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


Construct a square,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Construct the pathway,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Определите опорные точки

Connect the points,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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

A =6
Circle in draft view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Круг под прямым углом

e>

Circle in perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

CUP	kor*fi.o*\
Construct a circle in perspective. Drop a line inside of a cirlce,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

CUP	korf¿_o*\
*------------------------------------
Transfering an ellipse in perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Перемещение эллипса в перспективе

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

CUP V/P	k©rfi.o*\
» •

Draw a line through the center of a duplicated circle,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Нарисуйте куб в перспективе

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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

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

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

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

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

Как?

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

Зачем?

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

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

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Duplicate the cube to the RVP. Leave the distance of one cube in-between,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Duplicate the cube to the LVP,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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

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

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

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

Plane gets more closed and opened as it travels in space,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Перемещаясь в пространстве, плоскость сильнее сжимается или сильнее открывается зрителю

The angle between the Line of Sight and the surface,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Угол между лучом зрения и поверхностью

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

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

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

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

Mass is a simple spherical
or sausage-like form,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Масса — это простое сферическое или колбасоподобное тело

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

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

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

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


Cube fitted inside the sphere,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

Construct squares in perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Постройте квадраты в перспективе

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

C^P
Construct spherical masses with equal distances between centers,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Постройте сферические массы с равными расстояниями между центрами

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

cvp
Fit a cube inside of each sphere,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

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

Put a straight line inside a square,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Extrude a vertical plane,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Постройте вертикальную плоскость Нарисуйте первую сферу. Проведите линию к точке схода так, чтобы она касалась контура сферы. Эта же линия должна касаться и контура второй сферы.

Drop equal-sized masses with centers at plane's top corners,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Fit a cube inside of each mass,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Впишите куб в каждую массу

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

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

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

Проведите кривую в перспективе.

Draw a curve inside of a rectangle in perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

Put points with equal spacing on the curve,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Отметьте на кривой точки с равными интервалами

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

Очертите сферу вокруг ближайшей точки.

Drop equal-sized masses. The points on the curve are their centers,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

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

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

Заполните всю длину кривой такими сферами.

Fit a cube inside of each mass,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост,много картинок,скукота,боль познания

Впишите куб в каждую массу

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

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

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


Развернуть

Школа Арт-клуба длиннопост 

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

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

Что такое композиция? (к сожалению, без перевода)

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

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

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

Визуальная иерархия

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

Правила композиции

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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

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

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

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


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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

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


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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

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


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

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


Типы структур в композиции


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


С одной точкой фокуса


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Франк Фразетта (Frank Frazetta)

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Дэйв Рапоза (Dave Rapoza)

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

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

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

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

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


С множественными точками фокуса


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Пётр Яблонски (Piotr Jablonski)

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

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

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Джессика Ойхенарт (Jessica Oyhenart)

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

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

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

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


Рамочная структура


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


 r ~ • 9 J * •,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Карла Ортиз (Karla Ortiz)

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

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

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

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

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Якуб Розальски (Jakub Rozalski)

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

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

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


Путевая структура


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


 . fi,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост


Итон Зана (Eyton Zana)

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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Якуб Розальски (Jakub Rozalski)

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

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

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

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


Симметричные и асимметричные структуры


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Леонардо Да Винчи (Leonardo Da Vinci)

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

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

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


 iff м л* Ji i tir *A .i V . i Л, ШН|1 1¡A> ^ У * Лу *1 O '/f^ Ж/ Д 1 Т**С ■// ж-» Г / / Г д1 Ш Jl J 1» \ \ fylyj к|7 f,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Рафаэль (Raffael)

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

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


Структура ведущих линий


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Карла Ортиз (Karla Ortiz)

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост

Пётр Яблонски (Piotr Jablonski)

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

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

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

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

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

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


Альтернативные методы создания сбалансированной композицииПроизвольное деление.

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

1.Сначала нарисуйте вертикальную линию где-нибудь на холсте.2.Добавьте горизонтальную линию3.В точке их пересечения добавьте диагонали, а затем проставьте диагонали в получившихся прямоугольниках.4.Добавьте новую вертикальную и горизонтальную линии там, где у вас получилось больше всего пересечений.5.Продолжайте выборочно рисовать в разделенных областях.

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

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

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

1.Разделите изображение на равные по ширине колонки: 3, 4, 5+2.Добавьте столько же строк по горизонтали, сколько и по вертикали3.Выберите несколько прямоугольников и разделите их диагональными линиями

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

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

Заключение

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

Составляя композицию, помни- Какие композиционные правила и структуры вы используете, как основу?- На чем вы хотите сосредоточить максимум внимания?- Где располагаются точки фокуса?- Хорошо ли в рисунке прослеживается визуальная иерархия?Перевела Алиса Рябова. Оригинал статьи ТУТ.

________________________________________________________


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

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

Руководство по созданию VFX в League of Legends
Надо в PDF
66 (16.0%)
Надо пост картинками и ссылку на PDF
120 (29.1%)
Надо длиннопост кликабельными картинками
69 (16.7%)
Не надо
32 (7.8%)
Холодильник!
125 (30.3%)
Развернуть

Школа Арт-клуба Арт-клуб фэндомы длиннопост 

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

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

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


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


Тон в рисунке. Теория

Что такое тон

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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


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

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


Optimum Exposure Middle Gray Perception Middle Gray Underexposed Optimum Exposure Overexposed,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Девушки в белых платьях в темной комнате vs черный кот на свету

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


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


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


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

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

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

ТРЕТЬЯ СХЕМА ВТОРАЯ СХЕМА четвертая СХЕМА,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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


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


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

 

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


 i i i i ^ К 1 • : ÍL * • ;% Bm % , • _¿*' i J *lM > 4ffi/ ;». V. №> Y цш г'Г'лШтЯШ) • yf.i i щ * X / V «!•' • • y** -*>. • . w - -’ - * :.' _i!Ä ' - >.- -‘: ' Г - . ; ^:rt ,rr -V «íJ V - - ' . и Ирг \ (£ - i № r* ЖД . -C.' .MfF n?Js«^l*V ;s аяиинру^ж^%щ# « V X; ¡fí

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


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

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


trr- г>1 э1яаоно],Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

Группировка Полного спектра тонов Светлая группа Средняя группа Темная группа 3 тона Правило 70/30,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

 

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


 < 4,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Lori Putnam

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


Тоновь >1е Ключи,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Высокий ключ 

 

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Низкий ключ 

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


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

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

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


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


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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

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


 л л 1 [| г* é-Ц^Уи J \ A 1 áí±> ¡^к-Я Ü Я J^r jíliyi Л . Л''*\ J j№if Шв,1*. ' 1 Г < ЖАЛ ^ ' * Я1 \\ \ J "*NI ; I / iJ \в 1 ¡ Jli i У I A vJ^^^HKhRLT? l I i к 1 Ь V É,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб,

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


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

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

 

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


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


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


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

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

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


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


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

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

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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

 

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

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

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

M-м Ut ».«мы I <Ut\f lib «M<N I Ml pm~* UtkOMkt I <Ui\, ФЖ» %ЬН<Ь I тл,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

 

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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

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


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







Развернуть

Школа Арт-клуба Арт-клуб фэндомы длиннопост 

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

С одной стороны - очередной пост про основы. Казалось бы сколько можно? Бесконечно!
С другой стороны - новички прибывают (хотя бы вот человек стремиться, но никак не возьмется за базу), да и это, так сказать, новый взгляд, ну или новая интерпретация, подача, старого материала.
____________________________________________________________________________
Текст переведен специально для групп Digital Painting Classes и Smirnov School. По материалам ресурса How to sketch. Перевела Валерия Шмырова.


Знаете что? Кубы потрясающие!


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

Они все в этой коробке.


Давайте их вытащим.


Это не одно из пошаговых руководств, каких тысячи в интернете. Моя цель — дать вам набор навыков, позволяющий рисовать что угодно. Такой подход будет полезен, если вы хотите заниматься концепт-артом, промышленным дизайном, мультипликацией или рисовать фэнтэзи. Во всех этих направлениях приходится делать эскизы «из головы», опираясь исключительно на воображение. Это значит, что вы должны уметь нарисовать любой объект с любого ракурса. Необходимые для этого знания вы получите из этих уроков. Закрепить их можно, выполняя домашние задания, которые есть после каждого урока.

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


Что такое перспектива?


Перспектива — это система представления трехмерного мира на плоской поверхности.

Не очень сложно, правда?

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

Мы видим куб через кусок плоского стекла. Камера направлена прямо на это стекло.


Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

Стекло здесь — это так называемая картинная плоскость (КП). Линия, проведенная от камеры сквозь КП, называется лучом зрения (ЛЗ). Хочу подчеркнуть, что ЛЗ всегда перпендикулярен КП.

«Ну и какого чёрта ты мне всё это рассказываешь?», — спросите вы.


А вот какого.


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


Рисуем квадрат


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


6 square planes in space,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Шесть квадратных плоскостей в пространстве

Здесь нам придется добавить в наш словарь новое заумное слово — нормальная линия или просто нормаль. Если вы поставите карандаш вертикально на стол, он будет совпадать с направлением нормальной линии. Нормаль — это линия, перпендикулярная какой-либо поверхности.


Вот так просто.


Normal is perpendicular,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Нормаль — это перпендикуляр

Each plane has it's normal,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

У каждой плоскости своя нормаль

У каждой плоскости есть бесконечное количество этих нормальных линий. Для простоты мы нарисуем только одну.

Нормали помогают нам определить, как мы видим поверхность.

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


Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

А теперь самое важное.


Если мы наклоним наш прямоугольник — в любом направлении — нормальная линия больше не будет перпендикулярна картинной плоскости. Поверхность прямоугольника сожмётся.


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


Этот принцип называется сжатие по нормали.


Каждая плоскость сжимается только по своей нормальной линии.

Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

1 zd	\
	
Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Actual size,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Реальный размер плоскости

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


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


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


Конвергенция (сближение) параллельных линий


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

Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

Converge = Receide No Converge = No Receide
Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Звучит сложно? Ну, так и должно быть. Учить новые вещи не может быть легко.

Я помню свои первые шаги в рисовании — это был чертов ад. Со временем станет легче, обещаю.


Что такое на самом деле линия горизонта?


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


А мы пересмотрим.


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

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


Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

мэтл шэигеэ,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

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

Когда плоскость сжимается до конца, она превращается в линию. Так как сжатие происходило по вертикали, эта линия горизонтальная.

Это наша линия горизонта.

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


Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

i
Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

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


Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Как видите, у каждого набора параллельных линий есть своя собственная ТС. Для перспективы типично наличие центральной (ЦТС), левой (ЛТС) и правой (ПТС) точек схода.


Эллипсы (овалы)


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


Почему не сказал?


Потому что она может быть любой формы.


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


Да! Овал.


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

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

Вот вам маленькая хитрость по поводу овалов.


Нормальная линия плоскости эллипса всегда совпадает по направлению с его малой осью.


Top view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

£ t\or W*\

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

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


Но.


У круга всегда одинаковый диаметр, в каком бы направлении мы его не провели. Но после сжатия (даже малейшего), круг превращается в овал, и у него появляется самый длинный и самый короткий диаметр.


Самый длинный диаметр — это большая ось эллипса. Она не меняет свою длину, как бы сильно мы ни наклоняли плоскость.


Самый короткий диаметр — это малая ось эллипса. Она перпендикулярна большой оси, а направление у нее такое же, как у нормальной линии. Длина малой оси меняется сильнее всего, когда мы наклоняемся плоскость по отношению к камере.


Степень сжатия эллипса обусловлена углом наклона эллипса.


Top view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Если нормаль поверхности круга направлена к картинной плоскости под углом 90 градусов, то камера видит полностью открытый круг.


Top view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Если нормаль направлена к КП под углом 45 градусов, то получившийся овал называется «45-градусный эллипс». Чем меньше градус наклона, тем больше сжатие плоскости.


Эллипсы — ваши спасатели


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


Зачем?


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


Эллипс помогает определить направление нормальной линии поверхности.


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


Straight at camera,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Плоскость расположена прямо относительно камеры

Tilted away from camera,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Плоскость наклонена относительно камеры
Эллипс помогает определить угол наклона плоскости относительно зрителя.

Сильнее наклон = сильнее сжатие.


No tilt = No Shrink,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Нет наклона = нет сжатия

Tilted away from viewer,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Плоскость наклонена относительно зрителя

Even further away,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Плоскость наклонена ещё сильнее

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

Итак, о чем, по моему мнению, вы должны были догадаться?


Эллипс поможет вам найти пропорции идеального квадрата.


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

Circle touching at midpoints,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Круг касается сторон квадрата посередине

The same in perspective,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

Always touches midpoints,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Круг всегда касается сторон квадрата посередине

Мы видим, что каждый эллипс касается сторон квадрата по центру.


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


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


Эта статья может показаться несоразмерно длинной, если сравнивать с конечным результатом. «Нарисовать куб? Серьёзно? Но это должно быть так просто... Почему я должен тратить свое время на чтение всей этой ерунды?»


Спокойствие, только спокойствие.


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


Угол в 90 градусов


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


И здесь эллипс снова ваш спаситель.


Он поможет вам построить правильный угол в 90 градусов между двумя линиями на одной плоскости. Сейчас мы нарисуем правильный угол на плоскости земли.


Scene setup,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Расположение объектов

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


Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Top view
и,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

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


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


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


Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Top view
M,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

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


Как далеко нормаль должна выходить за пределы эллипса до той точки, где она пересекается с касательными?


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


Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

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


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


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


Это эффект длиннофокусного объектива.


KorilOvv
Extremely close Horizon,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Горизонт очень близко

LV y>	RVP
Horizon is far away,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Горизонт далеко

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

Горизонт — это по сути ещё одна плоскость, параллельная нашему эллипсу. Просто она полностью наклонена по отношению к зрителю.


Рисуем куб (наконец-то)


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

Это будет верхняя грань нашего куба.


Что остаётся? Ещё две боковые грани. У нас есть вертикально расположенные рёбра куба — это нормальные линии к верхней плоскости.


Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

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


Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Есть одна хитрость, чтобы проверить, правильно ли мы построили боковые грани.

Сможете угадать, что это?


Да, это эллипс.


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

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


Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Наш куб готов.


Ускорение сжатия


Теперь у нас есть куб. Но вы можете задаться вопросом: как поворачивать его в пространстве, как наклонять? Это хороший вопрос. Мне нравится, когда вы задаёте интересные вопросы! 


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

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


Top view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

Camera view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Что видит камера

Теперь повернем куб по часовой стрелке. Он всё ещё стоит на земле.

а
Top view,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Вид сверху

Initial cube shown in red,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Изначальный куб показан красным

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


Чем сильнее степень сжатия плоскости (или линии), тем быстрее оно прогрессирует.


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


Significant changes
Minor changes,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Сильное изменение сжатия Слабое изменение сжатия

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


*#■
rtunof cKahjj«'
¿i^urficant change
Behavior of normal lines,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Поведение нормальных линий

Как нарисовать куб под любым углом зрения за пять шагов?


Время пришло.


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


Итак, давайте это сделаем!


Step 1,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Шаг 1Нарисуйте эллипс. Он может располагаться на любой грани куба. Здесь вас должны волновать только сжатие и направление нормали.

Step 2,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

Step 3,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

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

Step 4,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Шаг 4Определите правильную длину «вертикального» ребра куба, используя эллипс или просто на глаз. Проведите линию к правой точке схода, чтобы закрыть грань снизу.

Step 5,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Шаг 5Последняя грань сама станет на своё место. Просто постройте правильные параллельные линии к тем, которые уже есть.

Домашнее задание

Пора закрепить ваши знания!

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

Практика — это путь к совершенству, а? Но обязательно должна быть и крепкая база знаний.

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

how-to-sketch.com,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Пример домашнего задания

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

Не стесняйтесь играть с разными размерами и углами.


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

Увидимся в следующий раз.


Развернуть

Школа Арт-клуба длиннопост Кликабельно 

Руководство по созданию VFX в League of Legends


РУКОВОДСТВО ПО СОЗДАНИЮ В LEAGUE OF LEGENDS ПОДГОТОВЛЕНО НАПРАВЛЕНИЕМ ВИЗУАЛЬНЫХ ЭФФЕКТОВ LEAGUE OF LEGENDS,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

СОДЕРЖАНИЕ I ОБЗОР Наша философия и цели в плане создания привлекательных VFX II ИГРОВОЙ ПРОЦЕСС Области фокуса, отражающие пространство геймплея и уровень важности III ТОН Определение и применение тонового диапазона IV ЦВЕТ Цветовые отношения, использование различных оттенков, УРОВНИ

РАЗДЕЛ I ОБЗОР,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ I // ОБЗОР НАША ФИЛОСОФИЯ Основная задача направления визуальных эффектов в БоБ — ВДОХНУТЬ ЖИЗНЬ В МАГИЮ, ПЛАМЯ, ДЫМ, ВЗРЫВЫ ИЛИ ДАЖЕ СЛУЧАЙНУЮ искру. Будучи не понаслышке знакомы с гейм-дизайном, мы ИСПОЛЬЗУЕМ ИЗОБРАЖЕНИЯ, ЧТОБЫ ОБЛЕЧЬ В ПЛОТЬ МАГИЧЕСКИЙ МИР Рунтерры. За время работы

РАЗДЕЛ II ИГРОВОЙ ПРОЦЕСС,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ II // ИГРОВОЙ ПРОЦЕСС ОПРЕДЕЛЕНИЕ ГЕЙМПЛЕЯ ПУТЕМ СОЗДАНИЯ ФОКУСНЫХ ОБЛАСТЕЙ VFX ТЕСНО СВЯЗАНЫ С ИГРОВЫМ ПРОЦЕССОМ И ВИЗУАЛЬНЫМ ДИЗАЙНОМ. Наши специалисты по визуальным эффектам должны глубоко понимать LoL. Тогда они смогут отобразить игровой процесс в ФОРМЕ ЯСНОГО И ПРИВЛЕКАТЕЛЬНОГО

РАЗДЕЛ II // ИГРОВОЙ ПРОЦЕСС ОБЛАСТИ ФОКУСА Как определить первичные и вторичные элементы © ПЕРВИЧНЫЕ ЭЛЕМЕНТЫ - ШИРОКИЙ ТОНОВОЙ ДИАПАЗОН - ЧЕТКИЙ СИЛУЭТ - ВЫРАЗИТЕЛЬНАЯ ФОРМА - СИЛЬНЫЙ КОНТРАСТ В ТОНЕ И НАСЫЩЕННОСТИ ПО СРАВНЕНИЮ С ФОНОМ - ВЫСОКАЯ НЕПРОЗРАЧНОСТЬ - ИНТЕНСИВНОЕ ДВИЖЕНИЕ Д

РАЗДЕЛ II // ИГРОВОЙ ПРОЦЕСС ТОЧНОЕ ОТОБРАЖЕНИЕ ОБЛАСТИ ДЕЙСТВИЯ Ясность ИМЕЕТ ПЕРВОСТЕПЕННОЕ ЗНАЧЕНИЕ ДЛЯ СОРЕВНОВАТЕЛЬНОГО ПРОЦЕССА ИГРЫ, ЗА КОТОРЫМ ТАКЖЕ БУДУТ НАБЛЮДАТЬ. ЕСЛИ ИГРОВОЙ ПРОЦЕСС БУДЕТ ОТОБРАЖЕН ПРАВИЛЬНО, ИГРОКИ И ЗРИТЕЛИ СМОГУТ ЧЕТКО ПОНИМАТЬ И ПРЕДУГАДЫВАТЬ ПРОИСХОДЯЩЕЕ В

РАЗДЕЛ II // ИГРОВОЙ ПРОЦЕСС ТОЧНОЕ ОТОБРАЖЕНИЕ ГРАНИЦ ЭФФЕКТА ТОЧНОСТЬ ИМЕЕТ ПЕРВОСТЕПЕННОЕ ЗНАЧЕНИЕ ДЛЯ СОРЕВНОВАТЕЛЬНОГО ПРОЦЕССА ИГРЫ, ЗА КОТОРЫМ ТАКЖЕ БУДУТ НАБЛЮДАТЬ. ЕСЛИ ИГРОВОЙ ПРОЦЕСС БУДЕТ ОТОБРАЖЕН ПРАВИЛЬНО, ИГРОКИ И ЗРИТЕЛИ СМОГУТ ЧЕТКО ПОНИМАТЬ И ПРЕДУГАДЫВАТЬ ПРОИСХОДЯЩЕЕ В ИГРЕ.

РАЗДЕЛ II // ИГРОВОЙ ПРОЦЕСС УРОВЕНЬ ВАЖНОСТИ Отображение визуального эффекта должно говорить игрокам и ЗРИТЕЛЯМ О СТЕПЕНИ ЕГО ВАЖНОСТИ. ЕСЛИ БЫ ЭФФЕКТ БАЗОВОЙ АТАКИ ЧЕМПИОНА ИМЕЛ ТАКОЕ ЖЕ ВИЗУАЛЬНОЕ ЗНАЧЕНИЕ, КАК И ЭФФЕКТ УЛЬТА, ЭТО МОГЛО БЫ ЗАПУТАТЬ ИГРОКА ИЛИ ЗРИТЕЛЯ. ПОДОБНОЕ ТАКЖЕ

РАЗДЕЛ II // ИГРОВОЙ ПРОЦЕСС ШКАЛА ВАЖНОСТИ Уровень важности можно отобразить с помощью размера, формы, ВРЕМЕННОЙ ПРОТЯЖЕННОСТИ, ТОНА, НАСЫЩЕННОСТИ И НЕПРОЗРАЧНОСТИ. ВАЖНОСТЬ КАЖДОГО ЭФФЕКТА ОПРЕДЕЛЯЕТСЯ УРОВНЕМ ВОЗДЕЙСТВИЯ ЗАКЛИНАНИЯ НА ИГРОВОЙ ПРОЦЕСС, КАК ПОКАЗАНО НИЖЕ. БЕЗДЕЙСТВИЕ БАЗОВАЯ

РАЗДЕЛ 111 ТОН,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ III // ТОН КАК ОПРЕДЕЛИТЬ ТОНОВОЙ ДИАПАЗОН Изменение тонового диапазона — главный секрет передачи МАГИЧЕСКИХ ЭФФЕКТОВ. ВСЕ МАГИЧЕСКИЕ И ЭНЕРГЕТИЧЕСКИЕ ЯВЛЕНИЯ ОБЛАДАЮТ РАЗЛИЧНЫМ ТОНОВЫМ ДИАПАЗОНОМ И ЗНАЧЕНИЕМ НЕПРОЗРАЧНОСТИ, ЧТО ПОМОГАЕТ ДОЛЖНЫМ ОБРАЗОМ ОТОБРАЗИТЬ УРОВЕНЬ СИЛЫ КАЖДОГО

РАЗДЕЛ III // ТОН ПРИМЕР ТОНОВЫХ ДИАПАЗОНОВ 11 мл и 111'гггтТТТТ| 1 ^ 1 <®> ТОНОВОЙ ДИАПАЗОН ТОНОВОЙ ДИАПАЗОН ТОНОВОЙ ДИАПАЗОН ТОНОВОЙ ДИАПАЗОН ОКРУЖЕНИЯ УРХ ПЕРСОНАЖЕЙ III 14,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ III // ТОН УСИЛЕНИЕ МАГИЧЕСКОГО ЭФФЕКТА С ПОМОЩЬЮ ИСПОЛЬЗОВАНИЯ ВЕРНОГО ТОНОВОГО ДИАПАЗОНА Благодаря использованию более светлого тона в центре Прыгающей бомбы мастера темной МАГИИ ЗиГГСА, ВИЗУАЛЬНЫЕ ЭФФЕКТЫ ВЫГЛЯДЯТ БОЛЕЕ ВОЛШЕБНО И ВПЕЧАТЛЯЮЩЕ. 0 ПРАВИЛЬНО Стоит ВЫСВЕТЛИТЬ ЦЕНТР

РАЗДЕЛ III // ТОН УСИЛЕНИЕ МАГИЧЕСКОГО ЭФФЕКТА С ПОМОЩЬЮ <£> НЕПРАВИЛЬНО Эффект без подсветки теряет львиную долю энергии и ощущения магии. Подсветка очень помогает передать магическую природу заклинания. Если МЫ РАСШИРИМ ТОНИЧЕСКИЙ ДИАПАЗОН ЭФФЕКТА, ДОБАВИВ ПРОСТОГО СВЕЧЕНИЯ, МАГИЧЕСКОЕ

РАЗДЕЛ III // ТОН ИСПОЛЬЗОВАНИЕ ТОНОВОГО ДИАПАЗОНА ДЛЯ СОЗДАНИЯ ЗОНЫ ФОКУСА Фокусную точку можно создать с помощью контраста. Тоновой диапазон — основной ИНСТРУМЕНТ ДЛЯ СОЗДАНИЯ ПОДОБНОГО КОНТРАСТА В ПРОЦЕССЕ РАБОТЫ НАД ВИЗУАЛЬНЫМИ ЭФФЕКТАМИ. Если ЭФФЕКТ НЕ МОЖЕТ СОЗДАТЬ ТРЕБУЕМУЮ ЗОНУ ФОКУСА,

РАЗДЕЛ IV ЦВЕТ,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ IV // ЦВЕТ ЗНАЧЕНИЕ ЦВЕТА В VFX ДИАПАЗОН НАСЫЩЕННОСТИ Именно цвет в основном определяет тему заклинания. В этом разделе мы подробно разберем ПРАВИЛЬНОЕ ИСПОЛЬЗОВАНИЕ НАСЫЩЕННОСТИ, ЦВЕТОВЫХ ОТНОШЕНИЙ, А ТАКЖЕ БАЗОВЫЕ ЦВЕТОВЫЕ ПАЛИТРЫ РЯДА ТЕМ LEAGUE OF LEGENDS. ПРИНЦИПЫ ВЫБОРА УРОВНЯ

РАЗДЕЛ IV // ЦВЕТ ЦВЕТОВЫЕ ОТНОШЕНИЯ МЕЖДУ ЧЕМПИОНАМИ И ИХУРХ У ВИЗУАЛЬНЫХ ЭФФЕКТОВ БОЛЕЕ ШИРОКИЙ ДИАПАЗОН ТОНА И НАСЫЩЕННОСТИ, ЧЕМ У МОДЕЛИ СООТВЕТСТВУЮЩЕГО ЧЕМПИОНА. КЕЙЛ КРЫЛО ЭФИРА ЦВЕТОВАЯ ПАЛИТРА ПЕРСОНАЖА I УБИ И ЦА ДРАКОНОВ БРАУМ 7 ЦВЕТОВАЯ ПАЛИТРА ПЕРСОНАЖА А ЦВЕТОВАЯ ПАЛИТРА

РАЗДЕЛ IV // ÜBET КОМПЛИМЕНТАРНЫЕ ЦВЕТА И ИСПОЛЬЗОВАНИЕ ОТТЕНКОВ В УЕХ Предпочтение стоит отдавать аналоговым цветам, однако если в рамках одного эффекта СОСЕДСТВУЮТ ДВА КОМПЛИМЕНТАРНЫХ ОТТЕНКА, ОДИН ИЗ НИХ ДОЛЖЕН БЫТЬ ВСПОМОГАТЕЛЬНЫМ. Противоположные по цветовому кругу оттенки всегда будут

РАЗДЕЛ IV // ЦВЕТ ЦВЕТОВЫЕ ПАЛИТРЫ ОСНОВНЫХ ЗАКЛИНАНИЙ В LEAGUE OF LEGENDS Ниже представлен набор цветовых палитр, которые чаще всего ИСПОЛЬЗУЮТСЯ ДЛЯ ЗАКЛИНАНИЙ В ИГРЕ ОТРАВЛЕНИЕ БЕЗДНА ЛЕЧЕНИЕ 22,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ IV // ÜBET ЦВЕТОВЫЕ ПАЛИТРЫ ОСНОВНЫХ ЗАКЛИНАНИЙ В LEAGUE OF LEGENDS Ниже представлен набор цветовых палитр, которые чаще всего ИСПОЛЬЗУЮТСЯ ДЛЯ ЗАКЛИНАНИЙ В ИГРЕ ПОРОХ МАГИЯ,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ IV // ЦВЕТ ЦВЕТОВЫЕ ПАЛИТРЫ ОСНОВНЫХ ЗАКЛИНАНИЙ В LEAGUE OF LEGENDS Ниже представлен набор цветовых палитр, которые чаще всего ИСПОЛЬЗУЮТСЯ ДЛЯ ЗАКЛИНАНИЙ В ИГРЕ СУМРАЧНЫЙ ОСТРОВ природа 24,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ IV // ЦВЕТ ЦВЕТОВЫЕ ПАЛИТРЫ ОСНОВНЫХ ЗАКЛИНАНИЙ В LEAGUE OF LEGENDS Ниже представлен набор цветовых палитр, которые чаще всего ИСПОЛЬЗУЮТСЯ ДЛЯ ЗАКЛИНАНИЙ В ИГРЕ ХЕКСТЕК / / ВЕТЕР ВОЛД 25,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ IV // ÜBET ЦВЕТОВЫЕ ПАЛИТРЫ ОСНОВНЫХ ЗАКЛИНАНИЙ fe LEAGUE OF LEGENDS Ниже представлен набор цветовых палитр, которые чаще всего ИСПОЛЬЗУЮТСЯ ДЛЯ ЗАКЛИНАНИЙ В ИГРЕ ИНДИКАТОР СОЮЗНИКА ИНДИКАТОР ПРОТИВНИКА 26,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

Р Щ IV ФОРМЫ,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ V //ФОРМЫ ЯЗЫК ФОРМ ПОМОГАЕТ ОПРЕДЕЛИТЬ СТИЛЬ УГХ Форма - еще один важный элемент, который определяет стиль ВИЗУАЛЬНЫХ ЭФФЕКТОВ И МОЖЕТ ПОМОЧЬ УМЕНЬШИТЬ ВИЗУАЛЬНЫЙ ШУМ. Формы должны включать в себя емкие детали, отрисованные ВРУЧНУЮ ТЕКСТУРЫ, СОЧЕТАНИЕ ПЛАВНЫХ И ОСТРЫХ ФОРМ, ЯСНЫЙ

РАЗДЕЛУ //ФОРМЫ СОЗДАНИЕ ЯСНОГО СИЛУЭТА Создание ясных форм имеет ключевое значение для уменьшения ШУМА В КОМАНДНЫХ БОЯХ, А ТАКЖЕ ОПЕРАТИВНОГО ОТОБРАЖЕНИЯ ИГРОВОГО ПРОЦЕССА И ПЕРЕДАЧИ ТЕМЫ ЗАКЛИНАНИЯ. (х) ^ НЕПРАВИЛЬНО Эффект полон деталей и контраста, а потому трудно понять НАПРАВЛЕНИЕ

РАЗДЕЛ V //ФОРМЫ СОЗДАНИЕ ДВИЖЕНИЯ С ПОМОЩЬЮ САМОЙ ФОРМЫ Наложение размытия на эффект создает иллюзию движения. Подобное решение усиливает ощущение импульса от эффекта, а ТАКЖЕ ЧЕТКО И ЯСНО ПЕРЕДАЕТ ИГРОВОЙ ПРОЦЕСС. ® НЕПРАВИЛЬНО Быстро двигающиеся частицы, лишенные размытия, вызывают

РАЗДЕЛ VI ПРИВЯЗКА К ВРЕМЕНИ,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно

РАЗДЕЛ VI // ПРИВЯЗКА К ВРЕМЕНИ ЗНАЧЕНИЕ ПРИВЯЗКИ К ВРЕМЕНИ В УЕХ Привязка к времени важна для визуальных эффектов, так как НЕПОСРЕДСТВЕННО УЧАСТВУЕТ В СОЗДАНИИ ОСМЫСЛЕННОГО ДВИЖЕНИЯ И ВИЗУАЛЬНОГО ИНТЕРЕСА. То, КАК ЭФФЕКТ ИЗМЕНЯЕТСЯ В ТЕЧЕНИЕ СВОЕЙ ЖИЗНИ, ДАЕТ НЕОБХОДИМУЮ ВИЗУАЛЬНУЮ ИНФОРМАЦИЮ

РАЗДЕЛ VI // ПРИВЯЗКА К ВРЕМЕНИ ИСПОЛЬЗОВАНИЕ ПРИВЯЗКИ КО ВРЕМЕНИ ДЛЯ ПЕРЕДАЧИ ГЕЙМПЛЕЯ Привязка эффекта ко времени передает определенные элементы ИГРОВОГО ПРОЦЕССА. НАРАСТАНИЕ ВЗРЫВ ВЗРЫВ ПОРОХОВОЙ БОЧКИ ГАНГПЛАНКА Отличный ПРИМЕР ФАЗОВОСТИ ЭФФЕКТА, КОТОРАЯ ЧЕТКО ОТОБРАЖАЕТ ИГРОВОЙ

РАЗДЕЛ VI // ПРИВЯЗКА К ВРЕМЕНИ АНИМАЦИЯ ТОЧНОГО ДВИЖЕНИЯ Точное движение элементов имеет ключевое значения в создании ПРАВДОПОДОБНЫХ ЭФФЕКТОВ. ТОЧНАЯ И УБЕДИТЕЛЬНАЯ ПРИВЯЗКА ЭФФЕКТА КО ВРЕМЕНИ ЯСНО ОТОБРАЖАЕТ ИГРОВОЙ ПРОЦЕСС, А ТАКЖЕ СПОСОБСТВУЕТ СОРЕВНОВАТЕЛЬНОСТИ И ПОЛУЧЕНИЮ УДОВОЛЬСТВИЯ

РАЗДЕЛ VI // ПРИВЯЗКА К ВРЕМЕНИ ХУДОЖЕСТВЕННОЕ ПРЕУВЕЛИЧЕНИЕ С ПОМОЩЬЮ ДИНАМИЧЕСКОЙ ПРИВЯЗКИ КО ВРЕМЕНИ Динамическая привязка ко времени создает убедительный импульс, усиливает УДОВОЛЬСТВИЕ И ИНТЕРЕС ПО ОТНОШЕНИЮ К ЭФФЕКТАМ. ^ ПРАВИЛЬНО В Управлении временем Экко динамичная привязка к времени

РАЗДЕЛ VI // ПРИВЯЗКА К ВРЕМЕНИ УМЕНЬШЕНИЕ ДЛИТЕЛЬНОСТИ ЭФФЕКТОВ Mbl НАМЕРЕННО УМЕНЬШАЕМ ДЛИТЕЛЬНОСТЬ ЭФФЕКТА, ЧТОБЫ СНИЗИТЬ УРОВЕНЬ ВИЗУАЛЬНОГО ШУМА В КОМАНДНЫХ БОЯХ. НЕПРАВИЛЬНО Сила воли Снежной Синдры — эффект с высокой непрозрачностью и ДЛИТЕЛЬНОСТЬЮ. Он ПРИВЛЕКАЕТ ЧРЕЗМЕРНОЕ ВНИМАНИЕ И

СПАСИБО,Школа Арт-клуба,школа артклуба, школа арт-клуба,,длиннопост,Кликабельно


Ссылка на PDF (Многие просили)

Развернуть

Школа Арт-клуба Арт-клуб фэндомы длиннопост 

Рендер материалов

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


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

____________________________________________________________

Общие положения

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


Локальный тон/цвет


У каждого предмета есть свои локальные тон и цвет. Иногда, если мы неправильно зададим один из этих параметров, зритель не сможет его узнать и отличить от других материалов.


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


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


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Необычный способ изучить новый материал от художника Mauro Belfiore 
 

2. Фактура


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


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


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


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Текстура дерева. Автор работы — Becca Hallstedt 
 

3. Отражающая способность


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


■BefteictiQ n Glossiness Fresnel IOR,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Пример разной отражающей способности материалов 
 

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


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


4. Прозрачность


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


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


Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Подповерхностное рассеивание на примере воска. 
 

5. Окружение


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


H:le**,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост

Очаровательные текстурные котики от Елены Васюковой. 

Итог

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


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


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


Если вы хотите узнать еще больше, посмотрите лекцию на канале Smirnov School про рендер материалов от Ивана Смирнова.





Был ли полезен данный пост?
О, да!
127 (54.3%)
Данихуя!
11 (4.7%)
Ебашу пяткой в пейнте - мне всё похую.
53 (22.6%)
Холодильник
43 (18.4%)
Развернуть

Школа Арт-клуба Арт-клуб фэндомы акварель стадик 

Пара слов о стадиках

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


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


 Для начала я выберу случайный понравившийся рисунок из интернетов, допустим этот:



•______________________,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,акварель,стадик


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,акварель,стадик


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

Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,акварель,стадик


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

А	íw /1 jy И ''JP1
^ i	(MJI
	1 IL^y
	
'll	
ШЙР	ШЧ i*/,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,акварель,стадик


Продолжаем наращивать контраст, слушая инстинкты, и немного - голос разума.

I fSSá	
И	I
РИ	il
	
	Ю,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,акварель,стадик


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

Ш V ■ Jjtf А ’. щ ML УД1 /V г jl/ / #	/ /	1	*	
) I JBL /// / Ж % */ /L^Æ\ / II	IУ Шшш'ж V	-1 —	. -Jf	
^rT	"
í 7 f о	
□d	Г • n
Mil	1
é	• »
щ л ^'ЛЯ r v*'^s SP' *-/ vpVj l« Г, ’ *• *.í J/ V ДЧ •	
■ ,T»I i 1 .** » Г '•-■М	11 í
ЛРУ V"	
71 г ж #д	
ïf àUK	ш % i
Ji J*	1 £
m\Y / \		L fl *-r	I


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

В конце для наглядности поставлю две картинки вместе.
fi '	
h s\,Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,акварель,стадик

Удачи

Развернуть
В этом разделе мы собираем самые смешные приколы (комиксы и картинки) по теме в перспективах новой школы (+1000 картинок)