![](https://habrastorage.org/files/5c8/c24/190/5c8c24190a1d4a49a1fe960410986d5b.jpg)
Всем привет! Меня зовут Иван Смирнов, я работаю концепт-художником в Allods Team, игровой студии Mail.Ru Group, на проекте Skyforge. Помимо этого я преподаю на факультете концепт-арта в Scream School и веду онлайн-курсы. Не так давно я проводил лекцию по основам CG-рисунка: в частности, речь шла о том, как нарисовать простой предмет, например, осциллограф. Материалами этой лекции я спешу поделиться с вами. Осторожно, траффик!
![](https://habrastorage.org/files/67d/94c/4d0/67d94c4d0e214a1188b301098638c7ee.gif)
Основные этапы создания
Нередко начинающие художники задаются вопросом, как нарисовать аккуратный лайнарт. Большинство опытных художников, использующих его в своих работах, создают его итеративно. Я использую 3 основные стадии: выбор ракурса, поиск дизайна и аккуратная проработка.
![](https://habrastorage.org/files/6a2/063/576/6a2063576cd04e65b5fa708398db4ced.jpg)
Попытка сделать все с одного раза без достаточного опыта приводит к большим затратам усилий и времени, т.к. обычно какой-то из трех пунктов оказывается выполнен на недостаточном уровне, и приходится переделывать.
![](https://habrastorage.org/files/c4d/aa5/650/c4daa5650fe64006b50b7b8889e18602.jpg)
Разделение на итерации же позволяет сконцентрироваться на небольшом объёме работы. Заранее выбрав ракурс, можно начать искать дизайн, не нагружая себя чрезмерным контролем за перспективой. И, так как в процессе поиска дизайна так или иначе будет образовываться лишняя «грязь» на рисунке, можно не тратить усилия на чрезмерную аккуратность линий. На финальном же этапе нам уже не нужно искать дизайн и ракурс, поэтому можно достаточно быстро и аккуратно все обвести.
![](https://habrastorage.org/files/a11/cea/9c2/a11cea9c2a204156813e564ef8df233c.jpg)
Далее мы добавляем оклюжен. Оклюжен (occlusion) – это тень от рассеянного света. Наш окружающий мир устроен так, что рассеянный свет присутствует всегда, когда есть хоть один источник света. Мы его видим вокруг себя всю жизнь, и мы умеем его считывать вне зависимости от того, знаем мы о его существовании или нет, и понимаем ли мы принципы, по которым он работает. Добавление оклюжена в рисунок помогает достичь лучшей передачи объема.
![](https://habrastorage.org/files/3c3/e78/4bf/3c3e784bfe184156bef6d1b787e90184.jpg)
Следующим этапом идет цвет. Выбирая цвета для отдельных деталей объекта, нужно следить, чтобы они вместе смотрелись хорошо. Плохих или хороших цветов не бывает, все зависит от выбранных сочетаний.
![](https://habrastorage.org/files/022/80e/f3d/02280ef3d06a48de878f0de3a42bcc0d.jpg)
В отдельном слое рисуем все собственные и падающие тени деталей и всего объекта в целом.
![](https://habrastorage.org/files/aea/816/25f/aea81625fd7646b0af79baf4049132dc.jpg)
Настраиваем интенсивность оклюжена, чтобы он не перечернял наш осциллограф.
![](https://habrastorage.org/files/282/db8/b12/282db8b121b7498a9affa77235d7cbc3.jpg)
Показываем влияние солнечного света и добавляем рефлексы от окружающего пространства.
![](https://habrastorage.org/files/37f/ccc/a2d/37fccca2d3644af2a70cde4ea6fbe547.jpg)
На этой стадии наша задача — показать разницу в свойствах материалов. Какие-то из них хорошо отражают свет, какие-то, наоборот, поглощают. У одних деталей гладкие поверхности, а у других шершавые. Все это должно быть отражено в их внешнем виде.
![](https://habrastorage.org/files/10c/1c6/29a/10c1c629a0844162b9a8f53d3fbb5168.jpg)
![](https://habrastorage.org/files/10e/366/67b/10e36667bf6e4180a9b034330df56c1b.jpg)
Добавляем разметку на экран и след от луча.
![](https://habrastorage.org/files/3a0/8eb/b0d/3a08ebb0d62a4c9ab362a33a726dba93.jpg)
На этапе постобработки добавляем резкости и немного корректируем цвета.
![](https://habrastorage.org/files/a7c/96c/684/a7c96c6842eb448ebe6e09cc9a6fac66.jpg)
Готово!
![](https://habrastorage.org/files/b4e/e0b/e94/b4ee0be94c224c64a6e954b231ac22e0.jpg)
Здесь вы найдете полную запись лекции:
Использование 3D-пакетов
Как видите, для создания этой картинки применялся исключительно 2D-редактор. Этого более чем достаточно для изображения такого простого объекта. Однако когда речь заходит о сложных сценах, перед иллюстратором встаёт ряд трудных задач, одной из которых является построение правильной перспективы и освещения. В такой ситуации наилучшим решением является использование связки из 2D- и 3D-редакторов. В качестве 2D-редактора я применяю «промышленный стандарт» — Photoshop. А для трёхмерного моделирования я выбрал для себя Zbrush и Maya. Первый является наиболее популярным пакетом для скульптинга, а второй достаточно прост в освоении, но при этом обладает серьёзной функциональностью.
Ниже представлены иллюстрации, которые я создал с помощью этой комбинации инструментов:
![](https://habrastorage.org/files/e7c/e37/dc0/e7ce37dc05b149adb4741bef71447577.jpg)
![](https://habrastorage.org/files/6af/875/db6/6af875db6dff43e7a5bb4aa45987ea36.jpg)
![](https://habrastorage.org/files/dc6/35f/126/dc635f126de64def8476f4674c9294fa.jpg)
![](https://habrastorage.org/files/47e/bdd/dc0/47ebdddc0e274bfb871c57a566e27d66.jpg)
![](https://habrastorage.org/files/07b/924/6ed/07b9246ed46b41ad97da4bdf34b43757.jpg)
![](https://habrastorage.org/files/78b/8b4/260/78b8b4260e9543b9a946c48b221ae7ac.jpg)
![](https://habrastorage.org/files/c0c/d77/c86/c0cd77c861994d68a4f0ae54ae0b76d8.jpg)
![](https://habrastorage.org/files/2aa/46f/b84/2aa46fb8480044b6ab328465266ceea7.jpg)
![](https://habrastorage.org/files/45d/6bc/5e0/45d6bc5e0b044e1695080faac4c80df4.jpg)
Эта методика создания иллюстраций достаточно проста в освоении. Вот примеры работ моих студентов:
![](https://habrastorage.org/files/d4e/024/8a7/d4e0248a7ebe4b5ab062842927318f5f.jpg)
![](https://habrastorage.org/files/8eb/499/692/8eb499692bf74b9a8d9aab107855fb1d.jpg)
![](https://habrastorage.org/files/5d8/8a8/ba1/5d88a8ba132f4ab4b5f634a11a83e4f2.jpg)
![](https://habrastorage.org/files/379/59d/2db/37959d2db65b43548cec281e342b4c8c.jpg)
![](https://habrastorage.org/files/88c/b27/cb1/88cb27cb182542e58e43aa52cc2e41a6.jpg)
![](https://habrastorage.org/files/869/0dc/ca6/8690dcca658a449f98c0684f4a4c3d5a.jpg)
![](https://habrastorage.org/files/76a/3d2/944/76a3d2944a67408fb76798178d0bc522.jpg)
![](https://habrastorage.org/files/2bf/0da/ef3/2bf0daef3c164571b8359a02184b51e2.jpg)
![](https://habrastorage.org/files/53e/30e/b36/53e30eb360a54928bdff4f5ef35d4754.jpg)
![](https://habrastorage.org/files/7fe/0ed/d6c/7fe0edd6c1a0414a8bb65fdf002e553c.jpg)
![](https://habrastorage.org/files/bae/000/6fc/bae0006fce2e43dab10a27cff09a6b91.jpg)
![](https://habrastorage.org/files/d71/71b/880/d7171b8804e144fa84b7a51f5009f459.jpg)
Создание трёхмерной сцены и финальная доводка в 2D-редакторе используется очень широко. Однако многих иллюстраторов отпугивает сложность и непонятность трёхмерных пакетов. Но, как я уже упомянул, если вы обладаете некоторым опытом создания иллюстраций, для освоения этой методики потребуется не так уж много времени. Так что, если вам хочется научиться применять 3D для иллюстраций с минимальными затратами времени и сил, я буду рад поделиться с вами своим опытом на интенсивном курсе.
Курс рассчитан на художников, которые уверенно чувствуют себя в Photoshop и имеют минимальные навыки 3D.
Бонус — небольшое видео, в котором показана часть процесса создания иллюстрации: