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

2. Затем, я просто обвожу эскиз. Естественно с поправками. Циферкой «1″ обозначены не закрытые пути, которые потом будут просто залиты цветом. Единственное что нужно в этом случае, соблюдать, это чтобы контуры пересекались друг с другом тем самым создавая плашки для заливки цветом. «2″ – закрытый путь. Это так, для того, чтобы было То что можно довольно просто сделать лучше сразу закрывать.

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

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

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

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

Результат.

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

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

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

После того как мы вырезали все нужные нам детали их нужно очень точно выставить в нужные места. Обычно для этого достаточно воспользоваться инструментами выравнивания из меню align. Чтобы выставить изображения ровно в край листа нужно установить галочку align to crop area и использовать кнопки расположения элементов.

Расставили все элементы и видим что некоторые из них пересекаются. Это можно исправить просто воспользовавшись ластиком. Выделяем нужный объект и подтираем его. Размер ластика можно регулировать кнопками «[" "]» как в фотошопе

В результате всех этих манипуляций у меня получился такой вот паттерн.

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

Цвет.
Перво-наперво, стоит рассказать о палитре. У паинтера есть свой отличный цветовой круг. В фотошопе его нет. Да, есть различные вариации на эту тему, но это совсем не то. Я использую самый настоящий цветовой круг, который мне вручил мой преподаватель, давший мне несколько уроков.

Он довольно потрепаный и весь перепачканый, но он самый что ни на есть настоящий. Я открываю его в фотошопе и когда нужно беру с него цвет пипеткой.

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

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

Если необходима большая реалистичность рисунка, то можно включить режимы из Brush Presets, такие как Texture, Color Dynamics, Other Dynamics и прочие. Но, пока они нам не понадобятся.
В общем-то с инструментом разобрались. Дальше проще

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

Как видите, стену можно сложить из разных камней. Они бывают совершенно разными. В большинстве случаев вид камня зависит от географического расположения объекта. Это тоже следует учитывать, что бы не лажануться со смысловой нагрузкой. Теперь посмотрите на фотки и попробуйте найти два одинаковых камня. Они все разные! Это не наши, современные штампованые кирпичи. Это обработаные вручную камни. В этом и состоит основная сложность — не повторяться.

Рисуем!
Поскольку, любая стена состоит из камней, для начала порисуем камешки по отдельности.
Создаем новый файл и заливаем фон серым. Поскольку я стараюсь максимально приблизится к «живой» живописи, то слоями и ластиком пользуюсь крайне редко. Рисовать будем в одном слое. Ниже показано как я рисовал камни 2х видов.

1.Обозначаю форму.
2.Размечаю основные неровности поверхности.
3.Меняя прозрачность кисти и выбирая цвет ярче и темнее, эксперементирую с поверхностью. Если говорить проще — хаотично мазюкаю кисточкой, при этом не забывая о рефлексах и краевом контрасте.
4.Добавляю немного цвета. В данном случае слегка мазюкаю зеленым.

В общем-то камни готовы. К фотореализму в данном уроке не стремлюсь. Хотелось получить нечто «около живописное».Если вы хотите получить фотореалистичное изображение, то вам потребуется слегка усложнить кисть (добавить текстуру и динамику) и выполнить кучу монотонной и по большей части ненужной работы. Также, не следует забывать о плановости. Если вы рисуете стену замка, расположеного на фоне за персонажем, то не требуется даже такой проработки камней. Если камень у вас на переднем плане, то стоит его проработать получше.

Ну и кусочек стены…

Шерсть.
Создаем новый документ, 600*600 пикселей.
Выбираем кисть Oil Pastel 10 → Chunky Oil Pastel 10


Рисовать будем ухо, просто мохнатое ухо.

1. Для начала намечаем форму.

2. Затем, той же кистью, намечаем направление роста меха.

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


4.Выбираем другой инструмент, акриловую кисть и прорисовываем несколько отдельных волосков, чтобы подчеркнуть «шерстистость» объекта. Настройки акриловой кисти:

Волосы.
Создаем новый документ, 600*600 пикселей.
1.Выбираем маслянную пастель с теми же настройками, что и при рисовании шерсти. Намечаем форму локона или всей прически.

2. Немного уменьшив размер кисти, намечаем светлые и темные участки.

3. Еще усиливаем контраст. Для этого выбираем цвета ярче и темнее и все той же кистью высветляем и затемняем блики и темные участки.

4. Теперь выбираем акриловую кисть, как и раньше, при рисовании шерсти. Этой кистью мы прорисуем волосы. Рисуем уверенно и размашисто, не задумываясь, помня лишь о форме и направлении роста волос.

Опять-таки, начну с инструментов. Как обычно, мой любимый цветовой круг:

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

По сути, палитра HSB, развернутый цветовой круг. Цвет здесь определяются по цветовому тону (Н — Hue) в диапазоне от 0 до 360 градусов, насыщенности ( S — Saturation) и яркости ( В — Brightness) в диапазонах от 0 до 100%. Если говорить проще, то цвет мы выбираем ползунком – H, насыщенность этого цвета изменяет – S, а яркость — B. Тем кто никогда не работал с такой палитрой, придется немного помучиться, но это того стоит. Что же в ней хорошего? А все очень просто. Я возьму кисть и, пользуясь пипеткой, заберу 6 цветом из этого круга. В принципе, получилось довольно сносно. Этим можно пользоваться. Но, во-первых, скан привирает, не точно передает цвет. А во-вторых, у меня всего 6ть оттенков. Если я возьму тот же начальный цвет и на этот раз буду пользоваться палитрой HSB, двигая один ползунок – B, то могу получить гораздо больше близких оттенков, что не может не радовать. Однако мы видим, что цвет получается довольно однообразным и слегка отдает кислотностью. Что бы этого избежать, по мере продвижения ползунка B, я слегка сдвигаю ползунок S. И вот в этом случае результат получается уже гораздо лучше. Цвет становится мягче и естественнее. По сути, я просто разбавляю основной цвет белилами. Тоже самое можно проделать и в сторону затемнения. Что еще хорошего в этой палитре? Она позволяет не вываливаться из общей гаммы насыщенности и яркости.

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

О! Давайте нарисуем конфету! А почему бы и нет?! Тем более, что скоро обед и хочется кушать.
Создаем новый файл, размером 600*600 пикселей. Много нам не надо, фотореализмом мы не страдаем, а чтобы разобраться с цветом этого будет достаточно. Заливаем фон светло-серым цветом. Берем самую простую кисточку и приступаем. Сначала обозначаю форму. Для этого выбираю основной цвет. В моем случае, конфета будет желто-красной(40,84,88 и 0,75,69).

Как видите, пока ничего сложного. Просто обозначил форму основными цветами. Теперь перейдем к основному «замесу» краски. Начнем с желтого. Немного сдвигаем ползунок B, в сторону темного и S, в сторону уменьшения насыщенности. Намечаем получившимся цветом неровности обертки. Затем, еще раз меняем цвет в сторону темного и еще раз обозначаем вмятины обертки. Тоже самое проделываем с красным. Если вы немного залезли на другой цвет, не переживайте, ничто не мешает нам снова нарисовать маску или узорчик. У меня получилось вот так. Уже что-то вырисовывается.

Мы слегка обозначили затененные участки. Теперь, будем высветлять. Пипеткой берем основной цвет и сдвигаем ползунки на светлую сторону!

Ну, вот кафенька и готова! Осталось совсем чуть-чуть. Нужно ее облагородить. Сделать плавные переходы между тонами, расставить рефлексы, кое-где подтянуть тень и блик. Обычная монотонная работа…

Я слегка изменил настройки кисточки. Выставил прозрачность на 50% и кое-где смешал цвет. Затем решил, что в 2х цветах она довольно скучно выглядит. И добавил немного розового и зеленого, большой кистью с прозрачностью 12% и маленькой с прозрачностью 50%. При желании, можно ее аккуратненько подправить маленькой кистью и получится отличная, вкусная конфета! Время пить чай!

Ну вот… чаю попили, можно продолжать . Немного теории… Все предметы, которые нас окружают, находятся в какой-либо среде. Они могут лежать на столе, стоять на полу, да просто парить в воздухе. Но! Всегда есть то что их окружает. Если конфету положить на стол, то у нее появится тень и рефлексы отраженного от стола цвета. Это может быть серый стол или черный, да хоть зеленый, все равно он будет влиять на цвет обертки. Если стол глянцевый то рефлексы будут четче и насыщеннее, если же стол матовый, то отраженный свет будет приглушенный и не такой четкий, но он никуда не денется и все-равно будет влиять на любой предмет лежащий на нем. Даже если предмет просто висит в воздухе в пустой комнате, его окружает воздух, стены и потолок.
Кроме того, очень большое значение имеет свет. То, каким образом освещен предмет влияет на его цвет и тень. Очень часто художники рисуя тот или иной предмет, человека, животных, учитывая окружающую среду, забывают об освещении. Например, рисуя человека в лесу, художник учел, то что вокруг много зелени и добавил соответствующие рефлексы, но в то же время он забыл о том что солнечный свет пройдя сквозь облака и листву мог приобрести свой цвет, отличный от белого. Это может быть желтый или зеленый. И соответственно, блики уже не будут белыми, а станут отливать зеленым, желтым или синим. Таких примеров можно привести очень много. Рисуя с фотографий, художники забывают о том что предмет освещен вспышкой и рисуют ярко белые блики, что очень портит впечатление от работы и создает ощущение коллажности. Как будто объект вырезан из окружающей среды.

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

Во как нарисовалось. Очень неаккуратно, зато быстро. Что было сделано. Для начала я покрасил стол, но не серым, а серовато-желтым, с добавлением грязно-розового. Почему? Потому что он освещен желтым цветом и ни как не будет оставаться в таких условиях серым. Затем, добавил стену с зелеными обоями. Потом нарисовал конфету. И в итоге добавил лампу. Ее нет на рисунке, но свет-то от нее присутствует. Освещение делал довольно просто. Смухлевал на этот раз. Создал слой, переключил его в режим оверлей и градиентом рыжего цвета отметил освещение. После того как стало ясно что и как освещено я слил слои и добавил рефлексов на конфету, на край стола и слегка помазал полупрозрачной кистью желтого цвета обои. Получился такой вот спидпаинт. Удачи! Если есть вопросы, задавайте.