школьнисE� показала грудсEв школе

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

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

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

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

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

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

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

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

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

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

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

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

Режимы слоев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Задний план:

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

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

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

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

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

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

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

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

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

Пейплайн здорового человека...

...или как прийти к успеху, с комментариями.

С этой работой чувак занял первое место на Smirnov Illustration Cup, проведенный совместно с Blizzard.

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

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

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

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

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

Что такое тон

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

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

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

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

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

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

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

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

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

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

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

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

Концепт-арт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комиксы

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

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

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

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

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

Игра в казуальной стилистике «Top Farm»

Как покрасить черно-белую работу

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

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

Один из самых популярных вопросов - как в Фотошопе покрасить черно-белую работу? Существует несколько способов.

1. Использование режимов наложения.

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

Автор работы - Hua YeCai

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

Художник Justin Gerard предпочитает пользоваться умножением (Multiply), цветностью (Color), мягким светом (Soft Light) и экраном (Screen). Подробнее про его метод можно прочитать в этой статье.

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

Черно-белое изображение, слой с умножением и финальный результат

Вот видео-процесс от художника Bmsolari, где он также использует различные слои наложения:

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

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

В этом видео Marco Bucci говорит о минусах данного метода и подкрепляет свою позицию с помощью примеров.

2. Карта градиента (gradient map)

Чуть более сложный, но не менее надежный способ покраски черно-белого изображения. Предлагаем посмотреть видео от Артура Гимальдинова, где он демонстрирует работу карты градиентов:

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

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

3. Корректирующие слои

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

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

Мешает ли рисование мультяшек развиваться?

Крайне рекомендую к ознакомлению начинающим.

Стилизация (в заголовке, и иногда далее по тексту, обзывается "мультяшками" - на пенсионный манер, так сказать), в подавляющем большинстве случаев, которые я наблюдаю в Каляках-Маляках, это Аниме. И кидаясь с ходу в стилизацию, вы обрекаете себя на определенную замкнутость и ограниченность.
Впрочем, тут стоит просто решить - хотите ли вы рисовать картинки "в стол" (за ради лайков/подписоты/собственного удовольствия) или же желаете стать профессионалом
Всегда, конечно же, можно вспомнить Илью Кувшинова (aka KR0NPR1NZ), который собирает на своих картинках (исходники/процесс и т.д.) в среднем по 10к$ только с патреона в месяц. Вот только для того что бы стать профи в и зарабатывать стилизацией, он когда-то, изучал основы. Вот тут есть парочка его древноты.
_______________________________________________________________
Очень часто среди художников по опытнее (или же среди тех, кто считает себя таковыми) бытует мнение, что рисование в упрощённой стилистике, или, если проще, мультяшной, не просто не даёт никакого развития но и даже вредит начинающим и не очень художникам. Якобы, и начинать с простых стилизаций не принято, и уходить в них на каком-никаком уровне зазорно. Digital Painting Classes решили опровергнуть этот миф специально для своих читателей.

Если кратко

На самом деле, всё гораздо сложнее и ответить однозначно на этот вопрос нельзя. Если ваша цель – рисовать в живописном реализме, а на работе вас заставляют рисовать «мультяшки», то это вам действительно не слишком поможет. Нужно отметить, что оно вам и не будет вредить, но развиваться желаемым темпом не даст, потому что внимание ваше будет сосредоточено совершенно на других вещах. Другое дело, если вы начинающий художник который только хочет попасть в индустрию и желает быть замеченным. Любой путь развития – это развитие. Говорить о том, что рисование каким-то определённым образом совершенствованию навыков мешает совершенно нельзя.

Стилизация проще реализма?

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

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

Сложная простота

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

Из одной крайности…

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

Поиск из категории «фан-арт» на базе DeviantArt.

Как правило, повторение стилевых особенностей мультфильмов, аниме и других художников несёт за собой достаточно серьёзное последствие – перенятие ошибок оригинала. Идеальных работ нет, даже мастера своего дела могут, скорее намеренно, искривлять картинку. Неумение определить откуда «ноги растут» (иногда даже в прямом смысле!) приводит к тому что художник начинает воспроизводить эту ошибку подсознательно, не считая её при этом ошибкой. К тому же, только линии и формы не помогут изучить анатомию или положение в пространстве на должном уровне, что сильно ограничит вас в изобразительных способностях.

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

Материал подготовлен командой Digital Painting Classes.

Как создать выразительного персонажа

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

________________________________________________________

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

1. Идея

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

Персонажи “Игры престолов” от Tata Che

Повод немного размяться

       Что-то в школе постов давно не было, так что внесу-ка я свой посильный вклад в хорошее дело

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А вот какого.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Да! Овал.

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

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

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

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

Вид сверху

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

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

Но.

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

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

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

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

Вид сверху

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

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

Вид сверху

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

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

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

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

Зачем?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вид сверху

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

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

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

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

Вид сверху

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вид сверху

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

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

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

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

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

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

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

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

Вид сверху

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

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

Вид сверху

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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