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

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

Урок 9. Ленточка.

Урок по рисованию ленточки в программе Adobe Illustrator при использовании инструмента Scissors Tool (C). Метод рисования такой же, как и в уроке про свиток: Урок 7. Свиток., однако в этом уроке подробнее описано редактирование градиента.

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

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

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

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+[) - поместить ниже всех уровней;

Используемые палитры: Swatches, Gradient, Color.

Перед началом работы включите линейки командой View->Show Rulers (Ctrl+R):

Мордашки-смайлики. Урок Adobe Illustrator. Показать линейки Show Rulers.

А так же умные направляющие View->Smart Guides(Ctrl+U):

Ленточка. Урок Adobe Illustrator. Включение Smart Guides

Теперь возьмите инструмент Pen Tool (P)

Ленточка. Уроки Adobe Illustrator. Инструмент Pen Tool.

и нарисуйте им профиль ленточки. Форма ее может быть любой, но лучше всего — синусоида:

Ленточка. Урок Adobe Illustrator. Профиль ленточки.

Теперь возьмите инструмент Selection Tool (V) и, зажав клавиши Alt и Shift, перетащите нарисованную кривую вниз. Alt для копирования, а Shift — для перемещения строго по вертикали. Расстояние между кривыми будет шириной ленточки:

Ленточка. Урок Adobe Illustrator. Копирование объекта. Инструмент Selection Tool.

Теперь нужно из этих двух кривых сделать замкнутую фигуру. Для этого снова возьмите инструмент Pen Tool (P) и наведите на крайнюю точку одной из синусоид. Около значка курсора виде пера появится иконка в виде прямоугольника. В этот момент щелкните на точке:

Ленточка. Урок Adobe Illustrator. Замыкание объекта инструментом Pen Tool(P).

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

Затем в той же последовательности поступите с нижними точками:

Ленточка. Урок Adobe Illustrator. Замыкание объекта инструментом Pen Tool(P).

Получилась замкнутая фигура:

Ленточка. Урок Adobe Illustrator. Форма ленточки.

Следующим шагом будет разделение этого контура на несколько замкнутых фигур. Выберите инструмент Selection Tool(V) и с помощью левой кнопки мыши вытяните направляющую из вертикальной линейки и подведите ее к первому изгибу ленточки:

Ленточка. Урок Adobe Illustrator. Направляющие.

Благодаря включенным «умным направляющим» при подведении курсора к контуру он подсветится и вы сможете точно позиционировать положение направляющей:

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

Выделите будущую ленточку инструментом Selection Tool (V):

Ленточка. Урок Adobe Illustrator. Инструмент Selection Tool.

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

Ленточка. Урок Adobe Illustrator. Инструмент Scissors Tool.

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

Ленточка. Урок Adobe Illustrator. Разрезание контура инструментом Scissors Tool.

точно так же разрежьте контур на нижней стороне ленточки:

Ленточка. Урок Adobe Illustrator. Разрезание контура инструментом Scissors Tool.

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

Ленточка. Урок Adobe Illustrator. Замыкание контура. Команда Join.

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

Ленточка. Урок Adobe Illustrator. Замыкание контура. Команда Join.

Убедитесь, что оба контура замкнуты — это важно!

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

Ленточка. Урок Adobe Illustrator. Перемещение направляющих.

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

Ленточка. Урок Adobe Illustrator.

Похоже на ленточку, не правда ли?

Теперь выделите всю фигуру и закрасьте все контуры градиентом. Быстрее всего это можно сделать кнопкой Gradient (>) на панели инструментов:

Ленточка. Урок Adobe Illustrator. Градиент. Кнопка Gradient на панели инструментов.

При переключении заливки на градиентную в рабочей области появляется палитра редактирования градиента (Gradient). Если ее нет, то вызовите ее командой Window->Gradient:

Ленточка. Урок Adobe Illustrator. Палитра Gradient.

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

Ленточка. Урок Adobe Illustrator. Палитра Gradient.

Теперь нужно перекрасить градиент. Для этого нам понадобится палитра «Swatches». Если палитры нет в рабочей области, ее можно вызвать командой Window->Swatches:

Ленточка. Урок Adobe Illustrator. Палитра Swatches.

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

Ленточка. Урок Adobe Illustrator. Палитра Swatches.

Измените цвет всех ползунков:

Ленточка. Урок Adobe Illustrator. Работа с градиентом.
Теперь нужно удалить обводку. Для этого переключитесь на нее в палитре инструментов:
Ленточка. Урок Adobe Illustrator. Обводка Stroke.

И нажмите на кнопку рядом с градиентом:

Ленточка. Урок Adobe Illustrator. Удаление обводки Stroke.

Теперь нужно определить какие фигуры будут на заднем плане, а какие — на переднем. Выберите инструментом Selection Tool те, что должны быть дальше. Выделить несколько объектов можно кликая на них левой кнопкой мыши с зажатой клавишей Shift:

Ленточка. Урок Adobe Illustrator. Инструмент Selection Tool.

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

Ленточка. Урок Adobe Illustrator. Позиционирование объектов в одном слое.

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

Не снимайте выделение с этих фигур. Их нужно раскрасить темным градиентом. Для изменения цвета ползунка градиента дважды кликните на нем — появится палира Color:

Ленточка. Урок Adobe Illustrator. Палитра Color.

Нажмите кнопку справа вверху этой палитры и переключите RGB на  HSB:

Ленточка. Урок Adobe Illustrator. Палитра Color.

Для изменения цвета на более темный двигайте ползунок «B» влево:

Ленточка. Урок Adobe Illustrator. Палитра Color.

Измените таким образом цвет всех ползунков градиента. Получится ленточка:

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

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






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

ShutterStock.com 
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
VectorStock.com
123rf.com

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

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