ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
ОтветитьНовая темаНовое голосование
3 ответа. 12866 просмотров.
   
 мужчина  Dark Wood 16 Августа 2015, 20:44
Пост №1 * 16 Августа 2015, 20:44
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 230 постов
625°
Возраст: 30
Регистрация: 27.01.2010
Проживает: Болохово
Using Illustrator CS5 Tools to Create a Painted House
Рисуем пейзаж с домиком кистями типа Bristle Brush


Примечание переводчика. Кисти типа Bristle Brush требовательны к ресурсам. В уроке их используется немалое количество, потому его желательно выполнять на производительном компьютере. Если вы задаетесь вопросом: зачем реалистичное рисование в векторе при больших затратах ресурсов, чем в растре, тем более, что после разборки такого рисования от вектора мало что останется, то ответ находится в области «показать возможности редактора». Лично я вижу его именно там, потому что практический смысл, по-моему, в этом не очень большой. Тем не менее я считаю урок показательным и потому перевел его.

Результат урока:

Рисуем пейзаж с домиком кистями типа Bristle Brush

В данном уроке вы создадите иллюстрацию домика в рисованном стиле, используя Adobe Illustrator. В процессе работы мы применим инструмент Perspective Grid для построения перспективной сетке, которая поможет в рисовании основы для домика. Затем она будет «раскрашена» кистями типа Bristle Brush, которые имитируют настоящие кисти из щетины.

Шаг 1

Создайте новый документ. Начнем с «постройки» стен домика. Но для этого сначала необходимо настроить перспективную сетку. Активируйте одноименный инструмент (Perspective Grid Tool; Shift+P) и сетка сразу появится в рабочем поле программы.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 2

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 3

Нарисуйте прямоугольник, который залейте цветом #f8eff9. Он должен привязываться к активированной в прошлом шаге оранжевой плоскости.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 4

Теперь щелкните по левой стороне куба, соответственно активируя привязку к синей плоскости. Нарисуйте прямоугольник, размеры которого должны быть примерно равны фигуре, созданной во 2 шаге. Этот прямоугольник залейте цветом #f8eff9.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 5

Активировать нужную плоскость можно и «горячими» клавишами. Следует отметить, что работают они только при активных инструментах Perspective Grid Tool или Perspective Selection Tool (Shift+V). За активацию левой стороны отвечает клавиша 1, нижней стороны – клавиша 2, правой стороны – 3. Если же выделить инструментом Perspective Selection Tool уже нарисованный на одной из плоскостей объект и, не отпуская левую клавишу мыши, активировать другую плоскость, то объект автоматически привяжется уже к ней. То есть, если, например, выделить таким образом, нарисованный по правой плоскости прямоугольник и нажать 1, то он перенесется на левую.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 6

Инструментом Add Anchor Point Tool добавьте опорную точку посередине верхней стороны левой стены. Затем выделите ее инструментом Direct Selection Tool (A) и сместите вверх. Таким образом мы сформировали базовую форму крыши дома.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 7

«Строительство» крыши начнем с рисования еще одного прямоугольника на правой плоскости. Постарайтесь, чтобы ширина этого прямоугольника была равна высоте «крыши». Залейте фигуру каким-нибудь отличным от остальных цветом. Например, темно-коричневым. Затем примените к этому прямоугольнику инструмент Shear, чтобы скорректировать его наклон.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 8

Расположите объект должным образом и, используя инструмент Direct Selection Tool (A), сместите опорные точки таким образом, чтобы скат крыши выходил «за» стены.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 9

Переключитесь на нижнюю плоскость («горячая» клавиша 2). Нарисуйте здесь второй скат крыши. Командой Shift+Ctrl+[ отправьте эту фигуру на самый задний план.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 10

Используя инструменты Shear Tool и Direct Selection Tool, придайте прямоугольнику должный вид.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 11

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 12

Подобным образом нарисуйте дверь.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 13

Если вы рисовали окно и дверь в новом файле, то перенесите их в документ с домиком.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 14

После такого перетаскивания объекты будут игнорировать автоматическую привязку к перспективной сетке, потому вам нужно самостоятельно указать плоскость, на которой они будут располагаться. Для этого активируйте инструмент Perspective Grid Tool (Shift+P) и кликните по правой плоскости или нажмите «горячую» клавишу 3 (три). Затем в панели слоев выделите дверь, зажмите Ctrl и расположите ее как показано ниже.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 15

Подобным образом разместите на той же стене окно.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 16

Сделайте два дубликата окна и перенесите их на левую сторону дома. За активацию этой плоскости отвечает клавиша с цифрой 1.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 17

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 18

Теперь найдите на панели Brushes имеющуюся там по умолчанию кисть типа Bristle Brush и дважды кликните по ней. Откройте диалоговое окно с настройками. В выпадающем списке «Shape» доступно несколько разных кончиков кисти. Для каждого из них можно изменить такие параметры как плотность щетинок, их длину, толщину, жесткость и непрозрачность мазка. Да, вы не ослышались, я говорю про щетину, потому что кисти типа Bristle Brush имитируют настоящие художественные кисти. Чуть подробнее с перечисленными настройками этой и не только кисти можно ознакомится в этом уроке.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 19

Для рисования неба я выбрал следующие настройки кисти:

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 20

Теперь активируйте инструмент Brush Tool (B ), задайте обводке цвет #2facc9 и начните рисовать небо, проведя первый мазок чуть выше линии горизонта, на которую можно ориентироваться всё по той же перспективной сетке. Понятное дело, привязку к какой-либо ее плоскости необходимо отключить. Рисуйте горизонтальными мазками.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 21

Продолжайте рисовать небо.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 22

Измените цвет кисти на белый и теперь рисуйте поверх темной области и ближе к линии горизонта.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 23

Создадим кисть для рисования облаков. Для этого в панели кистей перетащите имеющуюся кисть типа Bristle Brush на иконку «New Brush». Новой кисти задайте показанные ниже параметры.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 24

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 25

Вооружитесь кистью, который рисовали небо, измените цвет обводки на #f7eecb и нарисуйте ею землю.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 26

Измените цвет кисти на #dbc47b и зарисуйте ею часть в центре слоя с землей. Затем поменяйте цвет кисти на #ba9b42 и пройдитесь там же еще раз.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 27

Постройте из прямоугольников с заливкой цветом #e2d8b0 паттерн, напоминающий плитку.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 28

Расположите его на горизонтальной плоскости, тем же образом, как ранее окна и дверь.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 29

Примените к паттерну эффект Effect> Distort & Transform> Roughen с не очень большими значениями искажения. Это придаст нашей плитке (а это будет именно она) более реалистичный вид.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 30

Кистью, который мы рисовали небо и землю, добавьте горы. Используйте цвет #94c4d6.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 31

Теперь цветом #aecc33 нарисуйте траву.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 32

Отключите отображение перспективной сетки (Shift+Ctrl+I) и оставьте видимыми только слои с элементами дома. Окна и дверь для удобства перенесите на новый слой, который после этого тоже скройте.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 33

Инструментом Eyedropper Tool (I) возьмите образец цвета с левой стены, затем при помощи панели Color добавьте больше пурпурного и вертикальными и горизонтальными мазками начните рисовать поверх неё же.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 34

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 35

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 36

Включите видимость слоя с окнами и дверью и покрасьте их по той же технике.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 37

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 38

В настоящий момент домик у меня выглядит вот так:

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 39

Теперь покроем крышу черепицей, на который видно влияние времени. Нарисуйте прямоугольник с цветом заливки #e2d8b0. Деформируйте его показанным ниже образом при помощи инструмента Free Transform (для этого сначала надо навести курсор мыши на один из углов, затем зажать левую кнопку мыши, а потом одновременно клавиши Ctrl+Alt+Shift, после чего можно проводить трансформацию; в версии CC это несколько упрощено, достаточно просто выбрать соответствующий режим) или Direct Selection Tool (выделяете им сначала одну точку и смещаете на некое расстояние при помощи клавиатуры, потом на то же расстояние, но в противоположную сторону, смещаете другую точку).

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 40

Сделайте несколько копий искаженного в предыдущем шаге прямоугольника, располагая их правее оригинала. Затем выделите все эти элементы и создайте из них кисть типа «Art Brush» (а можно и Pattern Brush всего из одного элемента с добавлением пробела между ними; прим. перев.).

Рисуем пейзаж с домиком кистями типа Bristle Brush
ключевые слова: как нарисовать пейзаж с домиком, как еарисовать пейзаж домик иллюстратор, Рисуем на тему пейзашь с показательным линиями, кисти bristle brushes, пейзаж с домиком рисунки, нарисовать пейзаж с домиком, домик кистями демиарт, рисуем домик кистями демиарт
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  Dark Wood 16 Августа 2015, 20:48 (спустя 4 мин. 6 сек.)
Пост №2 * 16 Августа 2015, 20:48 (спустя 4 мин. 6 сек.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 230 постов
625°
Возраст: 30
Регистрация: 27.01.2010
Проживает: Болохово
Шаг 41

Уменьшите толщину обводки до 0,25 pt и обрисуйте всю крышу так, чтобы узкая часть «черепицы» была наверху. Рисуйте немного изменяя направление, чтобы иллюстрация выглядела живой.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 42

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 43

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 44

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 45

Плитка изнашивается под воздействием погоды и нам необходимо показать это. Вооружитесь инструментом Eraser Tool (Shift+E) и пройдитесь им по крайним плиткам.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 46

Пришло время для добавления последней детали нашей иллюстрации: растительности. Из-за большого количества кистей, в файле с домом будет некомфортно работать, потому советую сделать это в новом документе, а потом добавить всё новое к основному изображению.

Начнем с деревьев. В качестве основы мы возьмем встроенные в программу символы. Нам нужен набор Window> Symbol Libraries> Nature и символ «Trees 2» из него.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 47

Добавьте символ с деревьями в документ и примените к нему команду Object> Expand. Затем, используя уже знакомую технику, начните рисование листвы, используя в качестве основы цвет с полученной в ходе предыдущей операции фигуры.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 48

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 49

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

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 50

Сделайте пару дубликатов группы перекрашенных деревьев. Затем внесите в них разнообразие, сделав одни больше, другие меньше, некоторые экземпляры также отразите при помощи инструмента Reflect Tool.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 51

Перенесите все «тусклые» деревья в основную иллюстрацию.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 52

Чтобы добавить им контраста, сделайте копию слоя с ними, назначив ей режим смешивания Multiply.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 53

Поверх разместите «яркие» деревья.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 54

Траву мы нарисуем той же кистью, что и листву деревьев чуть ранее, но уменьшим толщину обводки до 0,25 pt и назначим ей цвет #4b002f. Слой с травой должен находится выше всех слоев с деревьями.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 55

Вновь используя зеленые и желтые оттенки, нарисуйте более яркие травинки.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Шаг 56

Включите видимость всех слоев и добавьте еще травы, не забыв про «тусклые» версии на заднем плане. Также можно нарисовать несколько цветов.

Рисуем пейзаж с домиком кистями типа Bristle Brush

Заключение

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

Оригинал: Getulino Pacheco
Перевод: Dark Wood
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
0
 женщина  selenapro 18 Ноября 2015, 07:53 (спустя 3 месяца)
Пост №3 * 18 Ноября 2015, 07:53 (спустя 3 месяца)
Ответ с цитированием этого сообщения

Дебютанты
1 пост
Возраст: скрывает
Регистрация: 18.11.2015
Проживает: Шлиссельбург
Спасибо за урок! Я как раз задумывалась как бы отрисовать в иллюстраторе с эффектом акварели, краски. Посмотрев урок, получила нужные ответы.:)
0
 мужчина  atai13 5 Ноября 2019, 13:48 (спустя 3 года)
Пост №4 * 5 Ноября 2019, 13:48 (спустя 3 года)
Ответ с цитированием этого сообщения

Размышляющие
63 поста
Возраст: скрывает
Регистрация: 18.12.2014
Проживает: Бишкек
Конечно, можно было сделать тщательнее, но было уже лень.

Рисуем пейзаж с домиком кистями типа Bristle Brush
0
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Рисуем палитру и кисть
volody_87 3 9465 -2 22 Марта 2014 - 19:58
» к последнему сообщению
Рисуем пейзаж с радугой
авторский рисунок + видео-урок
Black CatKZ 6 7518 +4 22 Ноября 2017 - 12:11
» к последнему сообщению
Рисуем кисть
Dolli 38 39534 3 Июля 2016 - 22:47
» к последнему сообщению
создание Арт Кисти рисуем листики цветочки
pitosha 49 35610 +20 25 Декабря 2012 - 00:09
» к последнему сообщению
Рисуем листья при помощи кисти
почувствуй себя художником =)
Elenka_ZP 162 62605 +11 11 Ноября 2016 - 13:14
» к последнему сообщению

1 посетитель в этой теме
, 1 гость