Опубликован новый урок по Adobe Illustrator. Как нарисовать бесшовный арабский узор или мозаику, взяв за основу один квадрат.
Опубликован новый урок по Adobe Illustrator. Простой способ нарисовать абстрактный фон с боке, позволяющий быстро менять цвет иллюстрации.
Опубликован новый урок по Adobe Illustrator. Использование глобального цвета и градиент «павлиний хвост» в иллюстраторе.

Подписаться на рассылку
E-mail*:







Урок 2. Листик

В результате выполнения урока должен получиться вот такой листик:

Урок Illustrator 'Листик'. Конечный результат выполнения урока.

Чтобы было удобнее рисовать, я всегда включаю «умные направляющие» — при наведении курсора они подскажут где линии пересечения, где перпендикуляр, и даже обозначат середину объекта. Эти данные частенько бывают необходимы при рисовании в Иллюстраторе. Для того, чтобы включить направляющие, вам нужно поставить галочку в View->Smart Guides.

Урок Illustrator 'Листик'. Smart Guides.

Возьмите инструмент «Перо» (Pen Tool, клавиша ‹P›), поставьте точку на свободном поле и, не отпуская левой кнопки мыши, потяните курсором вверх и влево — у поставленной точки появятся 2 направляющие. Настолько длинными они получатся, сейчас не важно, после того как контур будет закончен, вы всегда сможете подкорректировать форму полученного объекта.

Урок Illustrator 'Листик'. Начало рисования. Инструмент 'Pen'.

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

Урок Illustrator 'Листик'. Вторая точка. Инструмент 'Pen'.

Для того, чтобы в этом месте получить острый угол — кликните в последнюю точку курсором еще раз с зажатой клавишей ‹Alt›

Урок Illustrator 'Листик'. Создание острого угла при рисовании пером.

и правая направляющая исчезнет:

Урок Illustrator 'Листик'. Создание острого угла при рисовании пером.

Еще раз поставьте курсор в ту же точку и вытяните направляющую влево-вниз.

Урок Illustrator 'Листик'. Создание острого угла при рисовании пером.

Теперь при зажатой клавише ‹Alt› вернитесь в начальную точку; сигналом к тому, что контур замкнется будет то, что при наведении на исходную точку возле курсора появится маленький значок окружности.

Урок Illustrator 'Листик'. Замыкание контура.

Кликнете курсором в эту точку и «вытяните» очередную направляющую вправо-вверх. У вас получится замкнутый контур листика:

Урок Illustrator 'Листик'. Замкнутый контур.

Если вас не устраивает полученный контур и вы считаете, что неплохо бы было подкорректировать форму листика, то сделать это можно белой стрелочкой — инструмент «Direct Selection Tool» (клавиша ‹A›).

Урок Illustrator 'Листик'. Коррекция контура.

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

Урок Illustrator 'Листик'. Коррекция контура..

Теперь это контур нужно разделить на две части. Я предпочитаю это делать с помощью палитры «Window->Pathfinder», то есть путем вычитания объектов и их умножения. Корректирующим объектом нам послужит контур, проходящий через начало и кончик листика и перекрывающий часть его. Очень важно точно попасть на начало уже нарисованного объекта и в острый край — в этом вам помогут включенные в начале урока «умные» направляющие, так как при наведение на узловые точки подсветятся «подсказки». Часть корректирующего объекта, которая будет перекрывать «вычитаемую» область листика может быть произвольной. На скриншотах, я надеюсь, станет понятнее:

Урок Illustrator 'Листик'.
Урок Illustrator 'Листик'.
Урок Illustrator 'Листик'.
Урок Illustrator 'Листик'.

Теперь нужно создать копии этих двух объектов. Для этого выделите их, скопируйте и вставьте копию сверху имеющихся. Команды меню смотрите на скриншотах, но я рекомендую использовать для этого комбинации быстрых клавиш: ‹Ctrl+C› — копировать, ‹Ctrl+F› — вставить слоем выше.

Урок Illustrator 'Листик'. Команда Copy.
Урок Illustrator 'Листик'. Вставка объекта поверх скопированного. Команда Paste in Front..

Сейчас иллюстрация состоит из 2-х пар объектов, из каждой пары мы будем делать разные половинки листочка. Для создания левой половины выделите листик и корректирующий объект и нажмите на палитре «Window->Pathfinder» кнопку «Subtract from shape area» при нажатой клавише ‹Alt› (если у вас версия Illustrator CS5, то ‹Alt› нажимать не надо).

Урок Illustrator 'Листик'. Палитра Pathfinder. Вычитание объектов.

В результате, из контура, лежащего ниже уровнем, «вычтется» контур, расположеный выше:

Урок Illustrator 'Листик'. Палитра Pathfinder. Вычитание объектов.

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

Урок Illustrator 'Листик'. Выделение объектов.
Урок Illustrator 'Листик'. Выделение объектов.

После выделения нажмите на палитре «Window->Pathfinder» кнопку «Intersect shape area» при нажатой клавише ‹Alt› (если у вас версия Illustrator CS5, то ‹Alt› нажимать не надо).

Урок Illustrator 'Листик'. Палитра Pathfinder. Умножение объектов.

И у вас получится вторая половина листика, идеально прилегающая к первой:

Урок Illustrator 'Листик'. Палитра Pathfinder.

Раскрасить половинки листа лучше всего будет градиентной заливкой. Быстро переключить заливку на градиент можно клавишей «›», а на панели инструментов тут:

Урок Illustrator 'Листик'. Переключение сплошной заливки на градиентную.

Получится вот такая картинка:

Урок Illustrator 'Листик'. Градиентная заливка.

Черная граница тут явно лишняя. Удалите ее, переключив фокус на панели инструментов и нажав кнопку с перечеркнутым квадратом (см. скриншоты). Того же результата можно добиться с помощью горячих клавиш на клавиатуре: ‹X› - переключить фокус с заливки на обводку, ‹/› - удалить обводку.

Урок Illustrator 'Листик'. Выделение обводки на панели инструментов.
Урок Illustrator 'Листик'. Удаление обводки на панели инструментов.

Черно-белый листик вам не очень? Ну тогда его можно перекрасить. Я использовала цвета для градиента #AFE03B и #8DC50E. Вызвать палитру градиентов можно с помощью меню «Window->Gradient». У каждой половинки расположите градиент в соответствии в предполагаемым освещением. Например вот так:

Урок Illustrator 'Листик'. Градиентная заливка.

Теперь нужно нарисовать жилки листа. Для этого удобнее будет пользоваться кистями. Свою кисть создать совсем не сложно. Выберите в панели инструментов инструмент для рисования многоугольников — Polygon Tool.

Урок Illustrator 'Листик'. Создание многоугольника.

Поставьте курсор на свободное место листа, нажмите левую кнопку мыши и потяните вправо — вы увидите, что создается шестиугольник. Для уменьшения количества углов, не отпуская кнопки мыши, нажмите 3 раза на клавиатуре «стрелку вниз» и фигура будет меняться. Соответственно, для увеличения числа углов нажимайте клавишу «вверх». В итоге у нас должен получится такой треугольник:

Урок Illustrator 'Листик'. Создание треугольника.

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

Урок Illustrator 'Листик'. Масштабирование треугольника.

Вызовите палитру кистей «Window->Brushes»

Урок Illustrator 'Листик'. Вызов палитры 'Brushes'
Урок Illustrator 'Листик'. Палитры 'Brushes'

И перетащите туда нарисованный треугольник, появится диалоговое окно, выберите в нем «New Art Brush»

Урок Illustrator 'Листик'. Выбор типа кисти.

Нажмите «Ok», в настройках кисти проставьте направление от широкого конца к узкому и поле «Method» выберите «Hue Shift». Можно дать имя кисти в поле «Name».

Урок Illustrator 'Листик'. Создание новой кисти.

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

Переключите заливку на обводку клавишей ‹X› или мышью:

Урок Illustrator 'Листик'. Переключение цвета заливки на обводку.

И нарисуйте черешок листа инструментом «Перо»:

Урок Illustrator 'Листик'. Рисование черешка.

Не снимая выделения, назначьте этой линии стиль вашей новой кисти, то есть просто кликните по ее пиктограмме в панели кистей:

Урок Illustrator 'Листик'. Использование кисти.

Получится листик с черешком и средней жилкой:

Урок Illustrator 'Листик'.

Точно так же нарисуйте все остальные жилки. Если ширина кисти будет слишком большой для них, уменьшите толщину линии в верхней панели в поле «Stroke».

Урок Illustrator 'Листик'. Изменение толщины обводки.

После этого получится вполне приличный листик:

Урок Illustrator 'Листик'.

На этом можно было бы и остановиться, а можно немного доработать рисунок. Дело в том, что для отправки на фотобанк нужно все кисти преобразовать в объекты. Для этого выделите все жилки, которые вы рисовали кистью и выполните команду «Object->Expand Appearance».

Урок Illustrator 'Листик'. Expand Appearance

Теперь каждая кисть станет группой 2-х объектов: собственно объект с заливкой и просто линия, без заливки и обводки. Последнюю нужно удалить, она не нужна. Приблизить изображение, чтобы удобнее было с ним работать можно комбинацией клавиш ‹Ctrl++›, а отдалить ‹Ctrl+-›.

Примечание: если у вас версия иллюстратора CS5, то линии после «экспанда» не будет, и, соответственно, не придется ее удалять.

Урок Illustrator 'Листик'. Приближение рисунка.

Тут придется работать с каждой жилкой отдельно. Выделите любую из них и разгруппируйте — щелкните правой кнопкой на группе и выберите из выпадающего меню пункт «Ungroup».

Урок Illustrator 'Листик'. Команда Ungroup.

После разгруппировки объект с заливкой окажется выше уровнем, чем линия, поэтому выделите его черной стрелкой и опустите на уровень ниже комбинацией клавиш ‹Ctrl+[› или с помощью меню «Object-> Arrange-> Send Backward»:

Урок Illustrator 'Листик'. Send Backward.

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

Урок Illustrator 'Листик'.

Если вы обратили внимание, места соединения жилок не очень аккуратные, их можно поправить белой стрелочкой:

Урок Illustrator 'Листик'. Коррекция контура.

Вот так гораздо лучше.

Урок Illustrator 'Листик'.

Поработайте так же над каждым проблемным местом. Двигать холст удобнее всего левой кнопкой мыши с одновременно зажатым пробелом.

Наш листочек готов.

Урок Illustrator 'Листик'. Результат выполнения урока.

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

Урок Illustrator 'Листик'. Иллюстрация по мотивам урока.

Другие уроки Adobe Illustrator






Если вам интересно попробовать себя в стоковом бизнесе - регистрируйтесь на фотобанках по этим ссылкам:

ShutterStock.com
Fotolia.com
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
Crestock.com
iStockphoto.com
Lori.ru
VectorStock.com
123rf.com

Я всегда буду рада ответить на все ваши вопросы: nataly@stockers.ru

Крупнейший в мире фотобанк, работающий по подписке и наиболее любимый авторами — доход от продаж на нем часто составляет до 60% от продаж на всех остальных фотобанках вместе взятых. Кроме фотографий и векторных иллюстраций ShutterStock также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Хороший фотобанк, со средним объемом продаж. Подойдет начинающим стокерам, так как лоялен к качеству изображений, не требует прохождения экзамена и не требует загрузки удостоверения личности для регистрации аккаунта. Принимает фотографии, векторные иллюстрации и видео-ролики.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации