Иллюстрации
Пишем о создании иллюстраций
для учебника Лаоши
Автор статьи: Сергей Кондрашов

Художник: Константин Хасанов
Арт-директор: Алексей Сальников

9 ноября 2016 года

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

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

Титульные иллюстрации к урокам
Чтобы выделить начало урока и помочь ученику представить ситуацию из диалога. А ещё чтобы задать настроение и разбавить скучный текст.

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

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


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

Обложка учебника
Чтобы привлечь внимание к учебнику, выделить его на книжной полке.
Книга должна заинтересовать, чтобы её купили. А затем каждый день манить, чтобы ученик открывал её как можно чаще.

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

Форзац
Чтобы окончательно завладеть вниманием и влюбить с первого взгляда.
Форзац — это самый первый и самый последний развороты. Они соединяют обложку с «телом» книги. Часто там просто одноцветный лист. Мы же хотим, чтобы такая иллюстрация тронула любого, кто хоть раз побывал в Китае


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

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

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


Видим, что картинки 3 и 4 почти одинаковые.
Значит нужно что-то изменить.
Меняем 3-ю картинку, делаем другой план.

Реалистичность картинки
Прорабатываем рисунок до мелких деталей.
У нас пропорции человеческого тела, позы, формы предметов максимально приближены к реальным. В иллюстрациях есть перспектива.
Даже отражение на стеклянной полке в холодильнике выглядит естественным.
Полноцветные иллюстрации
Если для учебника выбрать 1-2 цвета, то это может удешевить печать. Но решили делать всё круто до конца, поэтому цветовая гамма разнообразная. Используем тёплые оттенки. Технику покраски можно назвать карандашно-текстурной, она похожа на напыление из баллончика.
Элементы игры и юмора
Лаоши переводится с китайского как учитель. Традиционно в Китае это были пожилые мужчины, старцы.

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

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

Идея оказалась нежизнеспособной, потому что нет гарантии, что типография всё напечатает ровно. Скорее всего левая и правая части картинки не совпадут и получится наложение. Решили не рисковать.


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

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

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

«Сюжет:
Вова и Сергей на кухне. Вова открыл холодильник.»

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

«Сюжет:
Вова и Сергей на кухне. Вова открыл холодильник.»

Черновой эскиз
Создаётся зарисовка одним цветом

Правки, подготовка к покраске
Это самый долгий процесс, потому что правок к каждому рисунку много. Дальше показываю рисунки и диалоги арт-директора и художника начиная с первого эскиза.
Коммент арт-директора: "с холодильником мне нравится вид изнутри, прям ваще)"
"холодильник можно попробовать чуть детальнее проработать"
"...чёта не то с перспективой у тебя между верхней и нижней полками. И вертикали либо сильнее наклонить, либо сделать вертикальными."

"...дверь холодильника имеет глубину, посмотри референсы) яблоко круглее, ща слишком академично получилось. У чувака лицо узковато, не?"


«Мужика перенести бы в левую сторону, а то как ему там тесно»

"По холодильнику типа того, только лицо кажется узковатым у дальнего."

Ответ художника: "Просто худощавый парень) имеет место быть"
«Перспектива неперспективная»

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

"а деда на этикетке покажешь?"
«Давай холодильник так переиграем:»

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

"а деда на этикетке покажешь?"
Ура! Готов чёрно-белый чистовик.


А нет, дизайнер опять пишет "...там с глубиной двери пока вопрос"
Спустя несколько дней приходит комментарий и картинка:

"...посмотри на то как дверь устроена и что там за глубины и перемычки. у тебя непонятно ща что на чём держится и какой у двери объём. И пипку у молока сверху меньше по высоте сделай пожалуйста"
"..холодильник можно и так. пипку у молока ещё меньше. на треть"
"...давай может деда чуваку на футболку? а с бутылки убрать"

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

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

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

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

"...и йогурт на верхней полке убивай, там реплика персонажа будет"

"...чёта теперь в цвете стало видно, что яблоко у нас — мутант гигантский"

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

От дизайнера приходит заветное "ПРИНИМАЕТСЯ"


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

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

Статью можно отправить другу, а также запостить в социальных сетях, мы не против :)


Ушёл бы в монастырь на месте художника :)
Но нужно учить ребят китайскому, не могу.
Я же Лаоши.
Made on
Tilda