Статті
Конспект: создание векторной иллюстрации
Цвет, свет, композиция, персонажи и технические особенности
4 жовтня, 2018
avatar
Anta Alek
Freelance Illustrator
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

В сентябре 2018 года в школе Projector проходила мини-конференция по иллюстрации Ochi. Антонина Александрова, одна из спикеров лектория, посвятила свое выступление основным аспектам иллюстрации, которые необходимо развивать каждому специалисту в течение карьеры. Telegraf.design побывал на событии и записал основное в конспект.

Полную версию лекции можно посмотреть здесь.

Автор всех иллюстраций в материале: Антонина Александрова

Встреча тени и света

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

Немного теории.На свету цвет объекта всегда будет светлее в сравнении с его оригинальным цветом.Полутень – встреча тени со светом. Именно в этой полутени наш глаз различает реальный цвет предмета. Когда иллюстратор создает объекты градиентами, важно помнить, что на стыке света и тени проявляется собственный цвет предмета.Так как работа зачастую ведется методом тепло-холодности, то как раз при переходе, на стыке теплого и холодного, света и тени может возникнуть «грязный цвет». Чтобы этого избежать, необходимо осознанно подходить к выбору цвета и сделать его специально немного «чище». Например, в цветовой модели CMYK необходимо проверить, из скольких составляющих состоит цвет (идеально два и 3-й как добавление в минимальном количестве). Если четыре, то здесь сложнее контролировать впечатление и удерживать цвет сочным и ярким.

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

Источники света

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

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

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

Цвет

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

Рекомендация к прочтению: книга Иоханнеса Иттена «Искусство цвета»

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

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

Нюанс – минимальный переход цвета и как следствие: спокойствие, умиротворение, одинаковость.

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

Интересные эксперименты можно наблюдать, когда профессионал работает с цветными источниками освещений.

Старайтесь проверять свою работу на предмет: при дневном освещении – холодный свет-теплая тень, при искусственном освещении – наоборот.

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

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

Статика – динамика

Статичной картинкой можно считать такую, в которой фигуры выстроены максимально приближенно, либо к оси “Х”(горизонтально), либо по “Y”(вертикально). Динамика – когда большая часть объектов расположена вдоль линии 45°.

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

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

Перспектива

Типы перспектив: прямая, обратная, изометрия и восточное пространство.

Прямая перспектива – техника изображения объектов в пространстве, когда есть одна или несколько точек схода, в соответствии с которыми объект сокращается в размерах.

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

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

Восточное пространство – это пространство, когда объекты выстраиваются один за другим в композицию, вне зависимости от перспективы.

Линия горизонта – линия, проходящая на уровне глаз, в иллюстрации отражает психологическое взаимодействие между персонажем и зрителем. Доминантное положение, превосходство, когда объект в иллюстрации находится выше Л.Г., а рецессивное, подавленное, соответственно, ниже Л.Г.

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

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

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

Итак, как подготовить файл на отсылку клиенту?

1) Перевести все линии в кривые, чтобы при изменении размеров иллюстрации они не стали либо слишком широкими, либо слишком тонкими, а сохранили свой размер: Object>Path>Outline Stroke

2) Почистить иллюстрацию от невидимых точек и объектов, пустых текстовых блоков: Object>Path>Clean Up

3) Проверить в режиме кривых на наличие ненужных объектов: Ctrl+Y

4) Разблокировать все слои: Сtrl+Alt+2,чтобы дальнейшее использование картинки клиентом или аниматором было комфортным.

Четыре навыка, чтобы быть успешным иллюстратором:

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

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

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

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

– Наращивать знание английского языка (уровень B2-Upper Intermediate), который необходим для подписания контрактов/корреспонденции с зарубежными клиентами, скайп-конференций по проекту, общение/посещение мастер-классов иностранных коллег.

В2 – этот тот уровень, когда вы свободно общаетесь, думаете на нем, периодически пишите тексты, легко отвечаете на письма.

– Постоянное пополнение портфолио в соцсетях, создание интервью, мастер-классов, рассылка свежих проектов существующим и потенциальным работодателям раз в 3 месяца.

Ранее Telegraf.design брал интервью у иллюстратора Эвелины Яцеленко.

avatar
Anta Alek
Freelance Illustrator
Колонка

У нас є ще дещо для вас

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: