Как изобразить эмоции на лице
Основы анимации: как рисовать эмоции с помощью простых изменений в лице
Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)
Основы анимации: как рисовать эмоции с помощью простых изменений в лице
Совет: Если вы еще неуверенно рисуете мультяшные лица, пройдите мой предыдущий курс. А если вас интересует более реалистичный подход к рисованию эмоций, обратите внимание на этот потрясающий курс, созданный Настасией Питерс.
Выражения лица человека
Выражение лица человека, также как и тон голоса, легко изменить. Выражения появляются на лице не только в результате сокращения определенных мышц; на самом деле одновременно сокращаются одни мышцы, а противоположные им расслабляются. Например, одни и те же группы мышц задействованы и в смехе, и в улыбке, однако с разной интенсивностью.
Если я попрошу вас точно назвать все чувства, которые вы видите на картинке внизу, что вы скажете?
Я знаю, что вы ответите. Вы наверняка скажете, что видите изображение спокойствия и размышления. Возможно он о чем-то задумался. В действительности все не так! На этой картинке мы видим полное отсутствие эмоций, так как не задействован ни один мускул. Так как нет эмоций, наверное самым лучшим описанием станут слова «спокойное» и «расслабленное».
Примитивные эмоции
Примитивные эмоции выражаются вне зависимости от нашей культуры, национальности или возраста. Ниже приведу вам примеры самых основных:
Это примитивные выражения лица, которые довольно часто появляются у нас на лице в течение жизни. Для рисования мультяшных персонажей вам необходимо овладеть этими четырьмя выражениями. На их основе мы можем создать все другие эмоции.
Есть еще пара выражений, их реже относят к примитивным, при этом и они входят в группу основных выражений.
Теперь, когда вы знакомы с основными выражениями, вы наверняка удивлены, почему их так мало. Все просто: у нас есть первичные цвета, и их достаточно, чтобы смешать какие угодно цвета. Точно так же из примитивных эмоций можно составить и другие выражения лица! Взгляните:
Чтобы создать сонное выражение лица, мы взяли брови из выражения радости и добавили к ним полуприкрытые глаза из печали. Здорово, не правда?
Родственные эмоции
Это еще не все! Можно создать родственные эмоции, достаточно взять наиболее похожую эмоцию и изменить только один элемент в лице, и появится еще одна эмоция!
Заметьте, что в этих двух рисунках был изменен только рот. Мы можем выразить два вида отвращения, изменив одну-единственную часть лица! (подписи на картинке: «Блин!» и «Вонь!») Ниже еще один пример:
Напоминаю, нам достаточно было изменить рот, чтобы создать необходимую эмоцию. (Подписи на картинке: «изумлен», «опасается».)
На этот раз мы слегка перерисовываем рот и глаза, чтобы дополнить вариант основной эмоции. (Подписи на картинке: «изумлен» «в замешательстве»).
Эмоции можно прорисовывать не только на основе базовых. Можно нарисовать третий уровень эмоций на основе второстепенных. Посмотрите:
Как и ранее, необходимо было только перерисовать рот. (Подписи: «сонный», «влюбленный»).
Потрясающе, правда? С помощью этой техники ваши дизайны можно оживить дюжинами, а может и сотнями эмоциональных лиц!
Эмоции выражающие физическое состояние
Эмоции, основанные на физическом состоянии, полагаются на ту же концепцию базовых эмоций, но их отличие в том, что они могут принимать различные непредсказуемые формы.
Заметьте, что эмоции физического состояния также рисуются на основе примитивных эмоций. Усталость взята из печали.
Эмоцию можно выразить с помощью дополнительного элемента, например капель пота (Подпись: «жара»):
Посмотрим на еще один пример спонтанной реакции, которую мы не особо умеем контролировать. На этот раз нашего персонажа ударило током! Вкратце, он не имеет никакого контроля над своей реакцией!
Сила эмоций и дополнительные элементы
Мультяшные выражения лиц могут меняться и в зависимости от силы выражения. Меняя интенсивность, мы добиваемся очень интересных результатов:
Вегета? (Если вы не в курсе, это персонаж Dragon Ball). (Подписи под картинками: «шок», «огромный шок!»)
Смена ракурса
Чтобы выражение лица произвело более глубокое впечатление, и чтобы добиться более драматического эффекта, можно сменить ракурс. То есть измените, с какой точки вы смотрите на сцену: вы сможете создавать необычные ситуации. Если вы расположите точку зрения с непривычной стороны, вы поместите своего персонажа в «неудобное» положение. Это придаст сцене больше динамики.
Вот пример того, как смена ракурса влияет на силу выражения.
Заметьте, при ракурсе сверху вниз автоматически создается эффект униженности персонажа, мы как бы «заставляем» его сжаться, он выглядит более хрупким по сравнению с угрозой. В противовес этому, при ракурсе снизу вверх персонаж выглядит более грозным. Выступающий подбородок, ухмылка и дикий взгляд создают идеальную атмосферу для запугивания!
Игра с общепринятыми стереотипами и контекстом
Чтобы создать стереотипного персонажа, можно добавить незначительные элементы, которые дополнят контекст сцены. Некоторые из этих методов могут создать мгновенный эффект, так как мы привыкли держать в себе стереотипную информацию на протяжении всей жизни. На это влияют многие факторы, в частности: кино, телевидение и определенные люди из повседневной жизни.
Вот еще один пример. Картинка внизу подходит к разным контекстам. С одной стороны, человек вверху может испытывать серьезную боль, а человек внизу раздираем яростью.
Давайте добавим несколько деталей, чтобы серьезно изменить ситуацию. Видите, что произошло? Достаточно было добавить слезы и платок, и становится очевидным, что оба плачут.
Дополнительные элементы меняют контекст сцены.
Обмен сигналами
Если ко всему перечисленному добавить многочисленные способы, с помощью которых мы обмениваемся специфичными сигналами с другими людьми, наше лицо готовит нам множество сюрпризов. Это происходит потому, что, подобно физическим состояниям, мы не имеем особой власти над такими «знаками». Из-за этого мы порой совершенно неожиданно для себя реагируем, часто поддавшись воле чувств.
Ниже приведен пример «обмена сигналами». Ловелас устремил фатальный взгляд на девицу, чтобы добиться ее своей магией соблазна. Она в ответ бросает взгляд, наполненный страстью. Как вы думаете, она влюбилась в него?
Посмотрим на другой пример. Картинка внизу довольно типична в мультипликации: хорошенькая девочка «строит глазки», благодаря чему она всегда получает то, что хочет, и при этом очень мило выглядит.
Ну кто сможет устоять перед таким хорошеньким личиком?
Изменим контекст. Меняем направление взгляда, и теперь она уже смотрит в сторону от персонажа, находящегося перед ней. Теперь она выглядит более робкой. Здорово, правда?
Помимо нового направления взгляда, мы добавили небольшой румянец на щеки, и теперь перед нами совсем застенчивая девочка.
Заключение
Ну кто хотя бы раз не воспользовался силой соблазна в попытке завоевать чье-то сердце с помощью взгляда?
Как рисовать эмоции
Рисовать человека сложно, а его эмоции — еще сложнее. Персонаж может быть совсем простым по строению, но вот двигаться и меняться в лице должен как настоящий. Иначе даже неплохо прорисованный герой соберет больше зрительских «не верю», чем плохой актер бюджетной мыльной оперы.
Попробовали разобраться, как через мимику и жесты передавать то, что чувствует персонаж.
Зачем персонажу эмоции
Внешнее проявление эмоций — наглядная иллюстрация того, о чем думает и что чувствует герой. Если он грустит, внешние уголки глаз направляются вниз, губы дрожат, а если доволен — мышцы лица расслабляются, появляется легкая улыбка, а верхние веки немного опускаются.
Без яркой мимики и движений персонажам в разы сложнее вызвать у зрителя симпатию или любые другие чувства — а если не будет эмоционального отклика, не будет и настоящего интереса.
Исследования в области нейробиологии показали, что, если зритель считывает эмоцию персонажа и верит ему, его организм реагирует на уровне химии. Выделяются кортизол и окситоцин — гормоны, отвечающие за концентрацию и радость. А значит, через эмпатию зрители вовлекаются в анимацию, рекламу или игру еще сильнее.
Привлекательность, или харизма — это один из 12 принципов анимации, которые разработали аниматоры студии Disney Олли Джонстон и Фрэнк Томас еще в 1981 году. Принцип заключается в том, что герой должен приковывать к себе внимание зрителей и вызывать эмоциональный отклик.
И это история совсем не про милых кроликов в центре сюжета. Злодеев и второстепенных героев она тоже касается. Каждый персонаж должен обладать харизмой. В кино она передается через актерскую игру, а в анимации — через мимику и жесты, которые рисует иллюстратор.
Карта эмоций
Самый простой способ передать эмоцию — через выражение лица, потому что каждая эмоция приводит в движение большой набор мышц. Например, когда мы улыбаемся, то не только приподнимаем уголки губ, но и щуримся, а когда злимся — губы плотно сжимаются, а глаза превращаются в щелочки.
Максимально полную карту эмоций составила лондонская художница и иллюстратор Джумана Медлей — раньше она делала проекты для Leo Burnett и Saatchi & Saatchi, а сейчас работает консультантом в Apple.
Карта показывает, как от нейтрального выражения лица поэтапно перейти к максимально экспрессивному. На ней — 58 эмоциональных состояний, разделенных на тематические группы: удивление, радость, гнев, грусть и расслабленность. Для каждой эмоции есть иллюстрация и краткое описание того, что происходит с разными частями лица в момент этого переживания:
Выражение лица по деталям
«Как представить персонажа, который переживает какую-то эмоцию? Попытайтесь спроецировать на себя его чувства. Берите кадры из фильмов, наблюдайте за людьми и чаще смотритесь в зеркало. Всё это плюс понимание индивидуальных особенностей персонажа поможет при создании выражения лица», — говорит аниматор Дана Боадвей-Массон, которая делала ролики для игр Halo 3 и ODST.
Изгиб брови или вдруг появившиеся ямочки на щеках и правда могут изменить лицо персонажа и передать эмоцию, которую он испытывает. Пройдемся по отдельным частям лица — глазам, рту и носу, — чтобы понять, как они могут передавать чувства персонажа.
Глаза и брови
Полностью изменить выражение лица можно с помощью одних только зрачков. Например, суженный зрачок передаст страх, а расширенный — заинтересованность и симпатию:
Брови тоже помогают передать эмоции. Бровь делится на две части: основание и изгиб, которые способны двигаться независимо друг от друга. Они могут быть в состоянии покоя, подняты или опущены, и эмоциональный фон персонажа от этого меняется в широком спектре, от разочарования до дикого гнева:
«Реакцию» бровей видно быстрее, и ощущается она острее, чем изменения других частей лица и тем более — тела. Брови как бы запускают мимическую цепочку. Так что, если движений головы и тела будет мало для передачи нужных эмоций, продуманная анимация бровей в этом здорово поможет.
Губы окружены множеством групп мышц, поэтому один только их изгиб может придать новый оттенок выражению лица персонажа. С их помощью легко выразить радость и восторг (слева) или гнев и отвращение (справа):
Схема мимики рта. Изображение: clipstudio.net
Кроме того, рот может двигаться ассиметрично — и это добавляет еще больше оттенков. Например, улыбка одним уголком рта выйдет более сдержанной, чем двусторонняя.
Когда анимируешь нос, важно помнить, что он двигается синхронно с губами. Чтобы анимировать нос, художник работает с его кончиком (тянет его вверх, вниз и в стороны) и ноздрями (сужает и расширяет их).
Чтобы выразить отвращение, кончик носа должен быть приподнят, а переносица немного сморщена (2 и 3), а для эмоции гнева нужно нарисовать персонажу ноздри расширенными(4):
Схема мимики носа. Изображение: clipstudio.net
I like to move it, move it
Если лицо персонажа в кадре не крупным планом, то брать на себя роль «выразителя эмоций» должно тело. Оно будет передавать их через позы и активные движения.
Например, в «Симпсонах» герои часто выражают радость через танец, а выражение лица остается статичным. Тот же прием используют в «Гравити Фолз»:
Чтобы передать чувства движением, нужно подумать о том, как они проявляются в теле. От страха или холода кожа становится гусиной, от волнения на лбу выступает пот, а от злости пальцы сжимаются в кулаки. Опущенные плечи выражают грусть и усталость, от прилива уверенности выпрямляется осанка — и так далее.
Икона анимации — Хаяо Миядзаки — передавал эмоции через едва заметные движения, которые складывались в общую картину. Например, в аниме «Рыбка Поньо на утёсе» он оставил главную героиню босой. Когда она радовалась, ее эмоции выражались через прыжки и растопыренные пальцы на ногах.
Шпаргалка FACS
Facial Action Coding System — мануал доктора психологии Арминдо Фрейтас-Магальяйнса. Это система кодинга эмоций, оцифрованные знания о мимике.
FACS связывает каждую эмоцию в мозге с тем, какие мышцы в теле за нее отвечают. Так появилась огромная цифровая библиотека с описаниями, фото- и видеообразцами проявления чувств разных людей. Например, можно посмотреть, как выглядит грусть на лицах разных возрастных групп (от детей до стариков), рас и культур (от белых американцев до представителей племен из Папуа — Новой Гвинеи).
Ее разрабатывали для обучения работников полиции и спецслужб, таможенников и психологов, но потом FACS стал золотым стандартом и для мультипликаторов. Например, «Историю игрушек» и «Шрека» создавали с использованием этого мануала.
«Демоверсию» руководства можно найти в книгах Пола Экмана — реального ученого, который стал прототипом главного героя сериала «Теория лжи». Например, в книге Экмана «Психология эмоций» — масса иллюстраций и схем движения мышц лица, которые могут стать референсами для художников.
Программы для анимации лица
Программы для лицевой анимации — хороший помощник для иллюстраторов. Там можно смоделировать конкретную эмоцию или звук, который должен издавать персонаж. В такие программы можно загрузить собственное видео и «списать» язык тела с него:
Adobe Character Animator — программа из семьи Creative Cloud. Она анимирует не только лицо, но и движения. Персонаж может ходить, указывать на что-то, удерживать предметы, главное — задать параметры.
Cartoon animation 4 — профессиональный инструмент для создания 2D-анимации персонажей, который также поддерживает захват движений лица для анимации лица в реальном времени. Можно использовать его с любой веб-камерой, а также с iPhone X или выше, но нужно будет установить приложение Live Face.
CrazyTalk 8 — это простая программа, в которой создают говорящие анимации с 3D- и 2D-персонажами. В нее загружают предварительно записанный звук или даже текст, а затем программа анимирует лицо персонажа под эту речь. Для текстовых файлов можно настраивать ударения, интонацию, длительность отдельных звуков и самого файла.
Как рисовать разные выражения лица
Разбираем работу лицевых мышц, чтобы мимика персонажей была правдоподобной, даже если мы их сильно стилизуем.
Немецкая концепт-художница Магда Проски составила краткое руководство на тему того, как рисовать разные выражения на лицах персонажей. Она проанализировала анатомию лица и то, как разные черты движутся и работают вместе, чтобы выразить эмоции. Итак, если вы хотите нарисовать по-настоящему выразительное лицо персонажа, то вот главные подсказки.
Лицо — это один из самых сложных объектов для рисования. Во-первых, как и на любом другом трехмерном объекте, на нём много выпуклостей и впадин. Но кроме этого, лицо должно рассказывать историю, вызывать эмоции и создавать иллюзию того, что с плоского двухмерного холста на зрителя смотрит реальный человек. В современном мире мы привыкли к тому, что видим фото каких-нибудь людей на каждом углу. Представьте себе времена, когда фотографии не существовало — каким невероятным переживанием было увидеть нарисованный портрет человека! Искусство передачи эмоций оттачивалось веками.
Начнём с построения головы. Существует столько же разных способов построить на бумаге человеческую голову, сколько самих художников. В жизни голова и лицо состоят из двух типов тканей. Твердая и неподвижная ткань — это кости черепа; мягкая и гибкая ткань — это мышцы и жир. Магда предлагает построить череп из трёх геометрических фигур: продолговатой сферы, прямоугольного параллелепипеда и полуцилиндра.
Если вы хотите улучшить свои портретные навыки, то лучше выучите форму черепа наизусть. Эта часть головы мало меняется, она у всех более-менее одинаковая.
Если вы сумеете нарисовать правильный череп, то лицо потом можно стилизовать любыми возможными способами, и оно всегда будет смотреться правдоподобно.
В черепе всего один подвижный элемент — челюсть. У неё довольно гибкий сустав: он позволяет не только открывать и закрывать рот, но и двигать челюстью вперед, назад и в стороны. Попробуйте сымитировать своими зубами разный прикус или просто поскрипеть ими, и вы поймёте, о чём речь.
Это возможно благодаря тому, что наш челюстной сустав имеет очень хитрый рабочий механизм. Когда мы открываем рот, шарнир, обеспечивающий вращение, не остаётся на одном месте — вместо этого вся челюсть немного сдвигается вперед! Прижмите палец к щеке в том месте, где вы можете почувствовать движение сустава. Теперь откройте и закройте рот — и вы заметите лёгкое движение челюсти вперед и назад. Как это связано с рисованием? Очень просто: если вы рисуете человека с открытым ртом, его подбородок придётся немного сдвинуть вперед. Иначе у вас не получится добиться правдоподобного вида.
Череп очень важен для базового построения лица, но по-настоящему внешность зависит от формы мягких тканей, прикрепленных к кости. Как мы уже упоминали, череп покрыт слоями мышц и жира. В некоторых местах эти слои довольно тонкие, поэтому мы легко можем увидеть форму черепа под ними. В других местах мышцы и жир достаточно толстые, поэтому они будут сильно сдвигаться с обычного места при изменении выражения лица.
На этой схеме зеленым цветом обозначены области, где мягкие ткани тоньше всего, и под ними чувствуется кость. Форма этих участков меняется минимально. Что касается мест, которые могут сильно менять форму, то это в первую очередь щеки, губы и кожа вокруг глаз. Впрочем, на зелёных участках мы тоже можем наблюдать поверхностные изменения: там меняется натяжение кожи, а также возникают или исчезают морщины.
Вот ещё одна важная вещь, которую следует помнить: лицо не плоское, оно выпуклое. То есть, когда вы будете разворачивать его в пространстве под разными углами, вы должны располагать его не на плоской поверхности, а, грубо говоря, на боковой поверхности цилиндра. Нужно помнить, что все элементы лица в конечном счете размещаются на голове, тяготеющей к форме шара.
Когда мы улыбаемся, мы не только приподнимаем уголки губ. Настоящая улыбка состоит из целого набора мышечных движений по всему лицу. В движение приходят брови и крылья носа, меняется форма глаз и рта — то, как именно они движутся, зависит от выражаемой эмоции и индивидуальных особенностей человека.
В этом отношении полезно наблюдать за друзьями и корчить разные лица перед зеркалом, чтобы внимательно изучить, как разные люди показывают эмоции. Это хороший способ прокачать навыки — вскоре вы заметите, что ваши персонажи стали более правдоподобными.
На картинке выше в упрощенном виде показаны базовые эмоции человека. Зеленые стрелки указывают направление движения мышц, а синими линиями отмечены морщины, которые при этом образуются. Если вы хотите, чтобы персонажи выглядели молодо, не рисуйте им мимические морщины в виде черных линий. Потому что чем больше таких морщин вы нарисуете, тем старше/уродливее будет выглядеть персонаж. Вместо этого лучше обратить внимание на нюансы в изменении формы глаз, бровей и рта — они способность совершать огромное количество разнообразных движений.
Как гласит народная мудрость, глаза — зеркало души. Это и правда чрезвычайно выразительная черта лица. Одних глаз достаточно, чтобы показать такие эмоции, как веселье, страх или гнев.
Глаз окружают многочисленные группы мышц. С их помощью человек может, например, широко раскрыть веки, показав всю радужную оболочку. Другое сокращение мышц приведет к тому, что глаз, наоборот, прищурится, вокруг него возникнут морщины.
У бровей есть отдельные, свои собственные группы мышц. Внешними и внутренними кончиками бровей управляют разные мышцы, поэтому брови могут не только подниматься и опускаться, но и принимать волнообразную форму! Есть ещё и специальные мышцы, с помощью которых мы сводим брови над переносицей.
Выше на рисунке приведены примеры глаз (J1, J2 и J3), выражающих одну и ту же эмоцию — радость. Бровь находится в нейтральном положении или слегка приподнимается. Важно также, что когда мы улыбаемся, внешние уголки глаз прищуриваются и приподнимаются вверх благодаря смещению щёк. По наличию этого прищура искреннюю улыбку можно отличить от фальшивой.
На рисунках A1, A2 и A3 изображены глаза, выражающие гнев или отвращение. Очень тяжелую работу здесь выполняют мышцы над переносицей. Они сводят брови вместе и тянут их вниз, создавая тем самым множество морщин между бровями и на переносице. Глаза на рисунках F1, F2 и F3 выражают потрясение и страх. Это единственное выражение лица, при котором веки открывают всю радужку. В зависимости от формы бровей широко открытые глаза могут выражать разные эмоции — от удивления до ужаса.
Губы тоже окружены множеством групп мышц, что дает им возможность принимать бесконечное количество форм. Это позволяет нам не только выражать эмоции, но и произносить различные звуки.
Вы когда-нибудь задумывались, почему по бокам от уголков рта мы рисуем маленькие вертикальные линии? Угол рта включает в себя узел (N), к которому прикреплено множество мышц (рисунок S1). Этот узел имеет сферическую форму, которая и создаёт небольшую изогнутую тень в углу рта.
На рисунках выше и ниже показаны некоторые формы губ, характерные для выражения радости, страха и гнева. Рисуя рот, не забывайте, что когда зубы размыкаются, подбородок нужно опустить вниз. Верхняя губа имеет свойство поджиматься и обнажать зубы. Если это происходит при улыбке, изгиб губы будет незначительным (рисунки S2 и S3). Но чтобы передать гнев или отвращение, губа изогнётся более агрессивно, как показано ниже (G1, G2 и G3).
Мышцы рта могут работать несимметрично, например, мы можем улыбаться одним уголком губ. Чтобы понять, какие это открывает возможности, поэкспериментируйте перед зеркалом.
Когда речь идет о выражении эмоций, роль носа недооценивают. Тем не менее, он способен привнести в выражение лица трудноуловимые, но важные нюансы — если рисовать его правильно, конечно. Обратите внимание, что на рисунке N4 ноздри вытягиваются вместе со ртом. А когда человек глубоко вдыхает, они открываются шире обычного. Это поможет нарисовать напряжённое выражение лица, как на рисунке N5. Когда мы злимся или испытываем отвращение, мы морщим нос (N2 и N3).
Советуем вам побольше экспериментировать, смешивать разные эмоции и создавать уникальные выражения на лицах персонажей. Главное, как можно больше наблюдайте натуру! Зеркало — незаменимый инструмент для любого разработчика персонажей.
Понимание основ открывает неограниченные возможности стилизации персонажей. Вернемся к началу статьи, где мы рассматривали базовое геометрическое построение. Три основные фигуры остаются неизменными, но их пропорции можно и нужно менять! Это позволяет создавать стилизованные и в то же время правдоподобные лица.
Работа с простыми геометрическими фигурами также помогает контролировать наклон головы в перспективе. Например, мы хотим нарисовать симпатичного персонажа с большими глазами и круглым лицом, который слегка откинул голову назад. Для этого надо увеличить размер параллелепипеда, а полуцилиндр сделать короче, и учесть ракурс при построении этих фигур. На следующем этапе рисуем череп, соответствующий этим пропорциям, и уже поверх него — собственно лицо.
Чтобы улыбка выглядела искренней, давайте приподнимем брови и немного прикроем нижнее веко щекой. Обратите внимание, как растянутый рот приподнимает щёку и делает её форму более округлой.
Магдалена Прошовска, или просто Магда Проски — немецкая художница польского происхождения. Известна в первую очередь своими стилизованными, броскими портретами и иллюстрациями. Она работает старшим концепт-художником в немецкой студии Ubisoft, которая занимается разработкой строительной стратегии The Settlers. Примечательно, что как цифровой художник Магда — самоучка. Что не мешает ей быть приглашенным преподавателем в университетах игрового искусства в Кёльне и Дюссельдорфе.