В тестовом прописано следующее:
“Отрисовать концепт небольшого здания в соответствии с приложенной стилистикой”.
Примеры стилистики:
Дополнительные уточнения по заданию:
- По внешнему виду легко должна читаться принадлежность к тому или иному роду деятельности (кафе, аптека, магазин, т.д.). Здание расположено в изометрии, освещение слева сверху;
- Сеттинг - Европа / Северная Америка, период времени: с 1950 по наши дни;
- В первую очередь будет оцениваться логика конструкций и построение;
- Подача работы: здание на сером фоне, формат JPEG, размер файла 1024 px по меньшей стороне;
- Предоставление нескольких вариантов скетчей, показывающих поиск решения поставленного задания, рефлиста, а также использование 3д болванок для блокинга и упрощения построения будет плюсом;
- Время на выполнение - 4 дня.
Ошибки при выполнении тестовых
Многие люди при выполнении тестовых заданий думают, что для успешного прохождения нужно лишь нарисовать круто работу. Отчасти это правда. Основным упором в тестовом должно быть качественно выполненное тестовое задание. Но это не всё!
Помимо работы кандидаты забывают прикладывать процесс поиска идеи, разработки цветовых решений, мудбордов и т.д.
В итоге, если хотите повысить свои шансы на прохождение тестового, по мере возможности, прикладывайте все выполненные итерации работы.
Что такое “стилизация” и “концепт”?
На всякий случай стоит проговорить что такое “стилизация” и “концепт”.
Концепт. В отношении рисунка слово “концепт” значит продукт, полученный в ходе решения задачи или по-другому “концепт-дизайн”. Если мы говорим “концепт здания”, это значит, мы должны нарисовать здание, в которой решена задача. Например “нарисовать пост апокалиптическую больницу”.
Стилизация - это процесс придания творческому произведению черт другого стиля. Это как если бы вы рисовали человека под стиль симпсонов или в стиле аниме. Так и здесь нужно нарисовать здание под приведенный стиль (примеры качества).
Что будем рисовать
Итак, мы поняли нашу задачу. Нам нужно нарисовать стилизованный концепт здания, в котором должно хорошо считываться принадлежность к какому-либо роду деятельности.
Давайте выберем род деятельности - ресторан, а для интересности работы выберем здание - пиратский корабль. В итоге мы должны нарисовать пиратский корабль, при виде которого должен считываться ресторан. Приступим!
Подготовительный процесс
Хорошо, мы определились с объектом отрисовки. Перед тем как начать делать первые “почеркушки”, нужно изучить стилистику рисунка. Ведь в каждом проекте могут быть свои правила.
Для примера взяты 2 сундука из 2 разных казуальных игр (слева “Gardenscapes”, справа “Toon Blast”). Оба стиля являются казуальными, но посмотрите, как отличаются сундуки. Как отрисовываются материалы, какие используются формы, как происходит работа с дизайном.
Поэтому первым шагом нужно изучить домики, которые были прикреплены к тестовому заданию как примеры. (См. первое изображение в статье)
Здесь, судя по предоставленным референсам можно выяснить точно 2 вещи:
- Умеренный размер деталей. Имеют соотносимые формы;
- Прямые линии. Прямые линии рисуются прямо без придания им динамики.
Их мы и будем придерживаться при создании наших скетчей.
Референсы
Какой этап экономит нам 60% времени работы? Конечно, это поиск правильных референсов. Перед тем как их искать, нужно подумать о том, какие детали могут подчеркнуть тему пиратства и ресторана, чтобы лучше раскрывалась наша идея.
К примеру, из пиратской темы это может быть штурвал, парус, обломки корабля или сам корабль, пушки, якорь, пиратская символика (череп с перекрещенными мечами), лодка/шлюпка. Из темы “ресторана”: вывеска ресторана, столы со стульями, реклама, сервировка на столе, световой антураж.
Где брать референсы?
- Первый подход самый простой. Заходите в пинтерес или гугл, набираете там нужные слова и “оп”, вот вам нужные картинки. Выбирай - не хочу!
- Второй способ - фотостоки. Более профессиональный подход, особенно для тех, кто умеет работать с ними. Там вы найдете намного больше подходящих вам фото. Но тут нужно иметь терпение и деньги.
- Третий способ - самый “трушный”. Когда вы берете фотоаппарат/смартфон с хорошей камерой, покупаете билет в нужный город/страну и делаете все фотографии самостоятельно. Это вариант самый дорогой и затратный по времени. Зато у вас будут все необходимые фотографии/референсы на все случаи вашего рисунка.
Мы воспользуемся самым простым первым способом. И вот что мы смогли собрать:
Давайте разберем зачем мы добавили те или иные референсы в нашу коллекцию!
- Казуальный корабль. В этом корабле хорошо использованы цвета и есть стилизованные формы внутри корабля. Также интересно выглядит цвет паруса. Он темный, при этом имеет казуальные цвета.
- Штурвал. Штурвалы бывают разной формы. С очень сложным дизайном, и с более простые. В нашем случае, подойдёт простой вариант штурвала, т.к. из-за его размеров детали будут не видны.
- Пиратская символика. Пиратскую символику мы изобразим на парусе. При этом нужно подумать, как переделать символику под ресторан.
- Корабль с освещением. В этом референсе понравилось освещение у корабля. Как расположены с боков лампы. Возможно мы используем этот прием.
- Корабль. Вид в 3\4. Это, конечно, не пиратский корабль, но тут можно понять основную форму типичного судна.
- Корабельная пушка. Скорее всего придется рисовать пушку, потому подобный референс пригодится.
- Шлюпка, скорее всего, тоже пригодится. Будет неплохо запастись этой картинкой.
- Якорь. То же самое и с якорем.
- Сервированный стол. Мы рисуем ресторан, поэтому нам пригодится подобная фотография.
- Уличное меню. Есть идея разместить на улице, рядом со входом в ресторан подобное меню.
- Вывеска. Вариант вывески ресторана. Форма очень простая. Для картинки с большим количеством объектов нам подойдет.
- Фасад. На этой фотографии также хорошо показано освещение фасада.
Примерно такие мысли были при сборе референсов. Но, нужно понимать, что это не все референсы, что у нас есть. Мы выложили сюда самое необходимое, иначе всё бы не влезло. Теперь у нас всё готово к работе. Фотошоп включен, планшет подключен, стилус в руках, поехали!
Скетчи
Проработать свою идею стоит на этапе скетчей, поэтому не стоит сразу рендерить первый получившийся лайн. Важным плюсом будет, если мы приложим к тестовому наши скетчи. Так мы покажем готовность разработать интересные визуальные решения под поставленную задачу.
Нужно помнить, что скетчинг - это поиск и эксперименты. Процесс, когда вы накладываете одни формы/мазки друг на друга, задаете себе вопросы и в ходе этой суматохи создаете один из вариантов для работы.
Вот как это происходило с одним из скетчей.
- Первым делом была накидана идея корабля застрявшего на камне. Отчего и решили переделать корабль в ресторан.
- Потом пошли детали. Бала идея разместить столы для гостей на передней палубе и на площадках закрепленных на мачте.
- На третьей итерации идею с площадками на мачте было решено убрать, а вместо этого сделать переднюю палубу 2-х этажной, чтобы вместить больше посетителей.
- Здесь было решено переместить 2 этаж передней палубы назад, чтобы лучше уравновесить картинку.
- Здесь произошла небольшая полировка пункта 4 с добавлением деталей.
Вот таким образом было создано 4 версии будущего корабля. Мы постарались попробовать разные формы корабля. После рассмотрения всех вариантов, решили взять в работу №4.
Почему?
- Хорошо считывается тема пиратского корабля.
- Лучше работает форма паруса.
- Более компактная расстановка столов, что сделает картинку приятной на глаз, без создания шума.
- Более казуальная форма предметов, что подходит под настоящее ТЗ.
- Можно хорошо обыграть платформу под кораблем и берег.
3D модель для обрисовки
Теперь у нас есть скетч и мы готовы к работе над чистым лайном. В задании сказано о возможности использования 3д болванок для упрощения работы.
“- предоставление нескольких вариантов скетчей, показывающих поиск решения поставленного задания, рефлиста, а также использование 3д болванок для блокинга и упрощения построения будет плюсом.”
Для многих казуальных 2д проектов использование художником 3д становится нормой. Поэтому давайте сделаем 3д модель и на основе него сделаем чистый лайн.
Чтобы сделать подобную модель, вам нужно знать только основы почти любой 3д программы (Blender, 3ds Max, Maya, Cinema 4d и т.д.). Необязательно становиться 3д моделлером.
Помните: не нужно создавать супер точные и сглаженные формы. Можно обойтись грубой моделью, которая покажет пропорции, положение и размер объектов, а также правильное раскрытие эллипсов для цилиндров. Такая 3д модель позволит вам сэкономить много времени при чистовом построении, и поможет в случае чего легко поменять форму и геометрию объектов. Теперь мы экспортируем этот скриншот в Photoshop или любой другой 2д софт и начнем обводить картинку.
Чистый лайн-арт
При помощи обводок и дальнейшей разработки композиции в Photoshop мы получили чистый лайн.
Что мы добавили:
- Левый верхний угол сильно пустовал, поэтому решили провести канат, соединяющий мачту и заднюю часть корабля.
- Палуба, на которой находится штурвал, и часть платформы под носом тоже были слегка пустоваты. Поэтому для разнообразия мы там разместили несколько бочек.
- Чтобы придать ресторану более праздничный вид, было решено разместить по краям корабля - лампочки.
- Наш корабль не просто пиратский, он ещё и ресторан. Добавили у входа вывеску, где в будущем будет надпись.
- В современном мире меню можно увидеть не только за столом, но и рядом с фасадом. В нашем случае, прямо под вывеской, слева от неё.
- Чтобы гости ресторана участвовали себя безопасней, были размещены столбы, натянутые канатом.
- Чтобы настроение у гостей поднялось, разместили на столах тарелки и вазы с цветами.
Помимо новых деталей, на наш чистый лайн мы разместили “аутлайн”. Что это такое? “Аутлайн” - это линии, предназначенные для разделения масс друг от друга. Так работа, где присутствует множество объектов, станет намного читабельнее в глазах зрителя.
Посмотрите на 2 примера.
- Слева. Есть композиция кубов, но т.к. линии одинаковой толщины и размера, они сливаются в одну кучу. Если кубов будет много, будет очень сложно различить, где какой объект.
- Справа. За счет добавления более толстых и темных линий, картинка стала читаться намного лучше. Сразу становится понятно, где какие кубы изображены и какая у каждого форма.
То же самое касается и нашей работы. Без “аутлайна” корабль со всеми деталями превращается в кашу. “Аутлайн” вносит ясность в картину!
Лайн завершен. Во второй части статьи мы будем работать над подбором цветового решения для нашего ресторана.