Опубликован новый урок по 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
Fotolia.com
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
Crestock.com
iStockphoto.com
Lori.ru
VectorStock.com
123rf.com

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

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