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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комментарии (23)

+5
КАК??? Как у тебя получается из квадратиков и кружочков собирать законченные образы??
+2
Все приходит с опытом :) Главное смотреть как делают другие и практика, практика :)
0
у тебя в детстве конструктора не было?:)
+1
Был, железный такой. Разница в том, что все элементы конструктора конечный и не подлежат изменению. Если бы надо было самому придумывать формы элементов конструкции, выбирать расположение отверстий для крепежа- начались бы такие же проблемы как и с рисованием.
Но, вообще, конечно это всё — самый обыкновенный страх перед рисованием и отсутствие практики. Ничего, вот будет конкурс новогодний- и узнаю, смогу ли я на самом деле что-то нарисовать:)
+1
тогда создавай комплект кружочков и квадратиков — штук 20 хватит. И из них компонуй графику :)
+1
Ещё больше убеждаюсь во мнении, что всё гениальное — просто :)
Как всегда отличный урок. Думаю это отразится на читиателях так или иначе.
Удачи в дальнейшем продолжении уроков!
0
Спасибо большое! :)
0
Спасибо за урок :) С фоном ни разу не пробовал рисовать. Я вот только так и не полянл, почему ты выбрал именно оттенок голубого. Потому что это самый оптимальный вариант цвета для подбора других цветов, или просто приятно для глаз?))
0
Спасибо!
Все вышло случайно. Создал свою палитру, решил на фон поставить синий цвет. Со временем я его крутил и получился как сейчас есть. Да, скорее всего было приятно на глаз. Да и удачно рисовалось на нем. Но со временем я понял, что этот фон реально помогает цвета подбирать. Вот так случайно, но удачно повезло :)
+3
Так создавался Саус Парк )
+1
Прикольно, сделал автопортрет :)
0
Кажется я начинаю понимать почему в каждой второй игре графика как под копирку, где не глянешь пузатые карапузы =)
+1
Хочу порекомендовать сервис подбора оттенков: . Вводите hex-код цвета и получаете 30 градаций: от белого до черного.
Постоянно пользуюсь им для веб-проектов, но в играх, думаю, тоже может пригодиться.
+1
Ссылка не вставилась почему-то =/ 0to255.com
+3
Про цвета персонажей, если что.

0
Последний и перс, и мульт — все деньги!
0
Уроку плюс. Спасибо!
0
Пометка небольшая.
Смещая ползунок яркости, флеш зачем-то меняет тон. Не всегда, но такое бывает.
Я меняю яркость и контрастность для затемнения/осветления. Если уменьшаю первое, то прибавляю второе. Сейчас стараюсь просто водить кружок по диагонали на панели цвета:)
0
Хороший урок — все просто и понятно, приятный результат.
Только два последних тега совсем не к чему, я бы убрал их.
0
Когда только осваивал флеш, тоже так рисовал всякие штуки. Это как работа с аппликациями из бумаги. Друзья фотошоперы не понимали такой метод, а я о фотошопе тогда только слышал и поэтому для меня этот метод был вполне нормальным и понятным. Потом уже научился в графических редакторах работать. Но в фотошопе до сих пор не умею.
0
Что-то картинки не отображаются. Это только у меня?
0
О, теперь появились. Странно, пробовал перед этим несколько раз страницу перезагружать.
0
думая, что даже программисты смогут добавить немного деталей. Сейчас рисунки очень просто выглядят
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.