Программисты тоже 2

Всем доброго времени суток!
Я продолжаю рассказать о простом, но эффективном рисовании для программистов и новичков. Эффективном, в плане создания графики для игр.

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

И так, не будем терять времени и приступим к уроку. Первым делом нам нужна голова. С нее и начнем. Да, рисовать будем девочку. И еще. В этом уроке я не буду расписывать действия по пунктам. Надеюсь прошлый урок пошел на пользу и вы выучили базовые приемы. Ну, или если вы до этого были с ними знакомы, то преград не будет.

Нарисуем круг с обводкой. У меня получился круг 137?137 px.

Сразу поговорим о цвете. Я попробую научить вас работать со стандартным набором палитры. Да-да, именно с ним. Все кто только мог говорили, что нужно сразу заменять ее. Спорить не буду. Но согласитесь, смысл менять стандартный набор цветов на другой, если ты не умеешь пользоваться вообще цветами? Имею ввиду подбирать правильно цвета и прочее. Поэтому, лучше научиться использовать базовые цвета. Да и не так уж они и плохи. Точнее, вообще не плохи. Там есть все нужные и важные цвета, которые можно изменять как угодно.

Следующий момент, цвет фона\холста на котором вы работаете. Так же не раз было подмечено, что на белом фоне рисовать скучно и уныло. Согласен. Но есть и другая причина. Обратите внимание на мой фон (картинка с белым кругом что выше). Цвет моего фона такой — #07A6D7. Теперь поменяйте ваш фон на такой же и чуть ниже, я расскажу подробно для чего.

Теперь нам нужно придать нашему кругу цвет кожи (голова как-никак). Сразу скажу, заготовка для цвета кожи, есть в стандартной палитре. Смотрим ниже (отмечено красным кругом).

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

Это цвет подходит для создания белокожих и азиатских людей. Для чернокожих не подойдет.

Вот что вышло у меня (цвет — #FEB75F)

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

На очереди цвет волос. Вот и пришло время рассказать зачем мы меняли фон нашего холста. Посмотрите на этот цвет. Он очень яркий и даже немного резкий. Для чего же? Он очень хорошо помогает подбирать цвета. Основная проблема новичков, это неправильное использование цветов и как правило именно из стандартного набора. А неправильное, чаще всего в использовании сильно резких и «вырви глаз» цветов. Или же просто «кислотных». И вот как раз мой фон приходит на помощь в решении этих проблем. Конечно полностью он вас от этого не избавит и возможно даже создаст другие трудности, но все же попробуем.

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

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

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

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

Вернемся к волосам. Я не хочу делать блондинку и поэтому я выберу коричневый цвет. Подходящий цвет есть в наборе.

Заливаем этим цветом место для волос. Затем удаляем обводку.

Мне кажется что цвет немного яркий и я немного затемню его. Вышло так.

Сделаем волосы не такими скучными. Добавим разрез (челку?). Для этого используйте инструмент «линия» (N). Рисуем нужную нам форму, окрашиваем цветом кожи и удаляем линии.

Уже что-то. Пора сделать лицо. Тут сильно мудрить не будем. Глаза сделаем черными кругами, а рот еще проще. Нарисуем полосу инструментом «линия» и курсором потянем за цент вниз. Сделаем улыбку.

Цвет губ. Так как это девочка, то типично сделать губы словно накрашенными. Я выбрал стандартный красный и просто сделал его более светлым. Но пока трудно понять, какого пола эта голова. Тут следует подключить логику и внести какие-то детали. Можно добавить румяна, например. Но я добавлю деталь волосам. Точнее хвостик (вроде это так называется).

Для этого, просто нарисуйте круг цвета волос (сгруппируйте его) и добавьте к волосам. Примерно как ниже.

Да. Пока непонятно. Тут опять пора проявить логику. Хвостик. Он же обычно завязывается на резинку или бант. Я сделаю резинку. Выберите инструмент «чернильница» (S). Примените к волосам. Вокруг появится обводка. Выберите курсор (V) и щелкните по верхней линии (на сгибе) и вырежете (Ctsr+X). Остальную обводку удалите. Зайдите в группу хвостика (круга цвета волос) и вставьте обводку на тоже самое место (Ctrl+Shift+V) и поднимите обводку немного выше.

Теперь нужно окрасить резинку. Не нужно сильно размышлять какого она должна быть цвета. Какой типичный цвет для девочек? Я думаю розовый. Вот и резинка будет розовой. Идем в палитру и смотрим. Там несколько видов розового. Используйте какой душе угодно, но смотрите, чтобы не было сильно «вырви глаз». Помните про фон. После того как определились с цветом, залейте нижнюю часть хвостика и удалите обводку. Затем выйдите из группы хвостика и выделите всю голову (кроме самого хвостика) и сгруппируйте ее. Должно выйти примерно как ниже.

Ну вот. Голова готова. Теперь пора сделать все остальные части тела. На очереди туловище. Тут тоже все очень просто. Нарисуйте прямоугольник, примерно как ниже.

Немного жутковатое зрелище. Выделите прямоугольник и используя инструмент «свободное преобразование» (Q) потяните за нижний угол в бок, зажав клавиши (Ctrl+Shift). Должно получиться что-то похожее на платье.

Снова поговорим о цвете. Ведь платью нужно его подобрать. Я хочу использовать красный цвет. И снова на помощь мне приходит фон. Но для начала, я нарисую круг стандартного красного цвета. И снова видно, что цвет очень резок. Далее я делаю красный более бледным. Меняю яркость и контраст. Уже не так резко, но все же. И тут я начинаю понимать, что делать еще бледнее не хочу. И на помощь приходит обводка. Посмотрите ниже.

Добавив обводку, можно заметить, что стандартный красный все равно, очень резкий, а вот новый красный, более мягок. Обводка помогла мне вовремя остановится и не сделать цвет сильно бледным. С первого раза это трудно понять, но со временем и практикой все придет.

И так. Цвет меня устраивает. Применим его к платью.

Скучно. Просто заливка очень скучна. Но одна деталь может все решить. Но мы помним, что у нас очень простое рисование и мудрить не станем. Поэтому просто добавим полосу на платье более темного цвета.

Все просто, но уже не так уныло.

И снова о цвете. Заметьте, что красная полоса на платье, это тот же цвет что и само платье, только более темный. Да, я просто поменял яркость. И тут сразу хочу дать рекомендацию. Не отходите далеко от основного цвета. Расскажу на примере логотипа моей игры «OokiCookie».

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

На очереди ноги и руки. Ну, тут совсем все просто. Рисуем прямоугольники цвета кожи. Руки чуть тоньше. Вместо кистей и пальцев я просто нарисовал круги. Обувь рисовать тоже просто. Рисуем черный круг, удаляем половину и стрелкой изгибаем (скорее вгибаем) края. Примерно как на картинке ниже.

Соединим все и посмотрим что вышло.

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

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

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

До скорых встреч и спасибо за внимание!
И с наступающим вас!