Создание уровня комнаты родителей, часть 2

Часть 1

Ну что, продолжаем. Я обещала интересное, вот вам.

После некоторого анализа мы выбрали первоночальный формат 1024*768, который, запущенный на вайд скрине, будет обрезаться свеху и снизу. Возникает вопрос — как отрисовать на бумаге в формате 4*3, не прибегая к изнурительным подсчетам? И тут я достаю из широких штанин айпад с экраном прям как нужно!

DSC_2866Получается, что уровень рисуется в масштабе 1 в 1.

Я выбираю одно состояние уровня из прототипа (не важно, какое — уровень уже знаком) и включаю подсветку планшета на максимум. Поверх экрана я креплю кальку на бумажном скотче. Калька просвечивается, а трюк со строительны скотчем известен каждому художнику — он легко приклеивает, легко отклеивается и практически не портит бумагу после себя. Для того, чтобы было веселее (ну и потому что мне просто некуда его больше деть), я использую разноцветный мимими скотч типа такого http://www.cutetape.com/shop/japanese-washi-masking-tape.html.

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

DSC_2868 DSC_2870 DSC_2871
Выключаю экран, проверяю, все ли в порядке, ничего ли не забыла. И включаю на паде фонарик.
Отдельный момент был с выбором этого самого фонарика. Мне нужен был яркая однотонная подсветка и экран, который бы не реагировал на тапы — я-то буду касаться экрана рукой и использовать планшет как световой стол все время отрисовки. То есть мне нужно приложение, которое ничего не делало, только показывало белый экран. Точка. Нетривиальная проблема, но после некоторых поисков оказалось, что приложение такое есть — Easy Flashlight. Красота и благодать.

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

DSC_2873А дальше начинается самый фан.

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

DSC_2875 DSC_2879 DSC_2877 DSC_2885Интересная часть — проработка анимаций. По сути процесс, идентичный тому, как делается классическая анимация. Послойно, с просветкой каждого кадра на световом столе. При этом каждый каждый кадр нумеруется, чтобы при дальнейшем сканировании не запутаться.

DSC_2881Конечно, анимация делается по сути вслепую, только уже на компьютере можно просмотреть, как она будет выглядеть. Иногда, когда в сомнениях, лучше нарисовать несколько вариантов кадра.

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

DSC_2887 DSC_2888 DSC_2889Нарезать теми же слайсами, отдать программисту, настоять и подождать. Приятной игры :)

05_lvl_parents_fan_

  • https://twitter.com/coremission Сергей Кормишин

    Офигеть! Круто!

    • zelga

      :3

  • http://paulp.ws Павел

    Офигительно!!!