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

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







Урок 7. Свиток.

Используемые в уроке инструменты и команды (в скобках даны клавиатурные сокращения для быстрого вызова):

Penсil Tool (N) — карандаш: для быстрого рисования кривых;
Direction Selection Tool (A) — белая стрелочка: для редактирования отдельных узлов;
Delete Anchor Point Tool (-) — инструмент из группы Pen Tool для удаления точек с кривой;
Add Anchor Point Tool (+) — инструмент из группы Pen Tool для добавления точек на кривую;
Selection Tool (V) — черная стрелочка: для выделения и перемещения объекта целиком, а также для его масштабирования;
Pen Tool (P) — перо: для рисования кривых при помощи направляющих;
Scissors Tool (C) — ножницы: для разрезания кривых и объектов;

Show Rulers (Ctrl+R) — показывать линейки;
Smart Guides(Ctrl+U) — умные направляющие: для подсвечивания позиций направляющей;
Join — замыкание открытого пути;
Bring to Front (Shift+Ctrl+]) - поместить сверху всех уровней;
Bring Forward (Ctrl+]) - поместить на уровень выше текущего;
Send Backward (Ctrl+[) - поместить на уровень ниже текущего;
Send to Back (Shift+Ctrl+[) - поместить ниже всех уровней.

Для начала, нужно нарисовать «профиль» свитка, то есть то, как он выглядит «сбоку». Для этого возьмите инструмент Penсil Tool (N)

Свиток. Уроки Adobe Illustrator. Инструмент Pencil Tool

и нарисуйте вот такую «закорючку».

Свиток. Урок Adobe Illustrator. Инструмент Pencil Tool

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

Возьмите инструмент Direction Selection Tool (A) (белая стрелочка)

Свиток. Урок Adobe Illustrator. Инструмент Direction Selection Tool

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

Свиток. Урок Adobe Illustrator. Редактирование кривой. Инструмент Direction Selection Tool

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

Свиток. Урок Adobe Illustrator. Редактирование кривой. Инструмент Direction Selection Tool

При помощи белой стрелочки также можно передвигать отдельные точки. Просто выделите точку на кривой и переместите ее в нужное место.

Удалить лишние точки можно при помощи инструмента Delete Anchor Point Tool (-) из группы инструментов Pen Tool:

Свиток. Урок Adobe Illustrator. Инструмент Delete Anchor Point Tool

Просто «кликните» по ненужной точке пером со значком минуса и лишняя точка пропадет:

Свиток. Урок Adobe Illustrator. Инструмент Delete Anchor Point Tool. Удаление лишней точки на кривой.

В свою очередь, добавить точки на кривой можно инструментом Add Anchor Point Tool (+) из той же группы инструментов:

Свиток. Урок Adobe Illustrator. Инструмент Add Anchor Point Tool

«Плюс» работает так же, как и «минус»: просто щелкаете мышкой в нужном месте кривой и на ней появляется еще одна точка.

Свиток. Урок Adobe Illustrator. Инструмент Add Anchor Point Tool. Добавление точек на кривой.

причем вид самой кривой при том даже не изменяется:

Свиток. Урок Adobe Illustrator. Инструмент Add Anchor Point Tool. Добавление точек на кривой.

Редактируйте иллюстрацию при помощи этих инструментов до тех пор, пока «профиль» свитка вас не устроит. У меня получилось так:

Свиток. Урок Adobe Illustrator.

Выберите на панели инструментов Selection Tool (V)

Свиток. Урок Adobe Illustrator. Инструмент Selection Tool

И выделите им полученную кривую:

Свиток. Урок Adobe Illustrator.

Перетащите кривую вправо одновременно удерживая нажатыми на клавиатуре кнопки Alt и Shift. Применяя Alt вы копируете кривую, а при зажатой Shift перемещаете копию строго по горизонтали:

Свиток. Урок Adobe Illustrator. Копирование объекта при помощи горячих клавиш.

Выберите инструмен Pen Tool (P) подведите к началу первой кривой, при точном попадании в точку в начале нашего «зигзага» возле курсора появится вот такой значок:

Свиток. Урок Adobe Illustrator. Инструмент Pen Tool

Как только увидите его, щелкайте левой кнопкой мыши, а потом наведите курсор на аналогичную точку правой кривой, увидите такой значок:

Свиток. Урок Adobe Illustrator. Инструмент Pen Tool

Соедините кривые щелчком левой кнопки мыши:

Свиток. Урок Adobe Illustrator. Инструмент Pen Tool. Соединение кривых.

Таким же образом соедините нижние точки кривых, у вас получится вот такая замкнутая фигура:

Свиток. Урок Adobe Illustrator. Инструмент Pen Tool. Соединение кривых.

Теперь начинается самое интересное — фигуру контура свитка нужно разбить на несколько отдельных объектов.

Включите линейки с помощью View->Show Rulers (Ctrl+R)

Свиток. Урок Adobe Illustrator. Включение линеек. View- Show Rulers

Так же нужно включить «умные направляющие»: View->Smart Guides(Ctrl+U).

Свиток. Урок Adobe Illustrator. Умные направляющие. View- Smart Guides

Щелкните левой кнопкой мыши по верхней линейке и вытяните из нее горизонтальную направляющую:

Свиток. Урок Adobe Illustrator. Создание направляющих.

подведите направляющую к первому изгибу свитка, «умные направляющие» подсветят место соприкосновения контура и направляющей:

Свиток. Урок Adobe Illustrator. Создание направляющих.

Выделите фигуру при помощи инструмента Selection Tool (V)

Свиток. Урок Adobe Illustrator. Инструмент Selection Tool

Теперь возьмите инструмент Scissors Tool (C):

Свиток. Урок Adobe Illustrator. Инструмент Scissors Tool

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

Свиток. Урок Adobe Illustrator. Инструмент Scissors Tool

точно так же разрежьте контур на втором крае свитка:

Свиток. Урок Adobe Illustrator. Инструмент Scissors Tool

Теперь у нас есть два разомкнутых контура. Каждый из них нужно замкнуть. Для этого во-первых, снимите выделение с контуров, выбрав "черную стрелочку" (Selection Tool) и кликнув в любом месте рабочего поля, во-вторых снова выделите один из контуров, а в-третьих, щелкните правой кнопкой мыши на нем и выберите из выпадающего меню пункт Join (замкнуть):

Свиток. Урок Adobe Illustrator. Замыкание контура. Join.

Так же поступите со второй фигурой:

Свиток. Урок Adobe Illustrator. Замыкание контура. Join.

Теперь при помощи Selection Tool (V) переместите направляющую на следующий изгиб свитка:

Свиток. Урок Adobe Illustrator. Работа с направляющими.

И повторите те же операции с «разрезанием» и «замыканием контура», что и в первом случае. И так до тех пор, пока у вас весь свиток не превратится в набор замкнутых контуров:

Свиток. Урок Adobe Illustrator.

Теперь выделите всю фигуру и закрасьте все контуры сплошной заливкой с контуром. Быстрее всего это можно сделать кнопкой Default Fill and Stroke (D) на панели инструментов:

Свиток. Урок Adobe Illustrator. Кнопка Default Fill and Stroke.

Поместите каждый контур на «свое место», чтобы стало похоже на свиток. Выделите нужный контур и позиционируйте его при помощи горячих клавиш, либо при помощи всплывающего меню (оно, как вы уже знаете появляется при нажатии правой кнопки мыши):

Свиток. Урок Adobe Illustrator. Позиционирование слоев иллюстрации.

Bring to Front (Shift+Ctrl+]) - поместить сверху всех уровней;
Bring Forward (Ctrl+]) - поместить на уровень выше текущего;
Send Backward (Ctrl+[) - поместить на уровень ниже текущего;
Send to Back (Shift+Ctrl+[) - поместить ниже всех уровней.

Результат должен выглядеть примерно так:

Свиток. Урок Adobe Illustrator. Позиционирование слоев иллюстрации.

Осталось только раскрасить готовый свиток, например, градиентной заливкой. Палитру редактирования градиента можно вызвать командой Window->Gradient:

Свиток. Урок Adobe Illustrator. Градиентная заливка.

Результат выполнения урока:

Свиток. Урок Adobe 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 также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Хороший фотобанк, со средним объемом продаж. Подойдет начинающим стокерам, так как лоялен к качеству изображений, не требует прохождения экзамена и не требует загрузки удостоверения личности для регистрации аккаунта. Принимает фотографии, векторные иллюстрации и видео-ролики.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации