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

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

Урок 12. Ленточка в стиле «винтаж»

На фотобанках сейчас очень популярны иллюстрации в стиле «ретро» или «винтаж». И я решила рассказать как буквально за несколько минут можно нарисовать и раскрасить баннерные винтажные ленточки.

Используемые инструменты:

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

  • Rectangle Tool (M) — прямоугольник;
  • Selection Tool (V) — черная стрелочка: для выделения и перемещения объекта целиком, а также для его масштабирования;
  • Direct Selection Tool(A) — белая стрелочка: для выделения и перемещения отдельных точек и сегментов кривой;
  • Shear Tool — наклон: предназначен для наклона одного или нескольких объектов;
  • Shape Builder Tool (Shift+M)— создание фигур: предназначен для быстрого объединения и создания новых фигур. Позволяет объединять и стирать кусочки фигур, разделенные границами объектов;
  • Add Anchor Point Tool (+) — добавить опорную точку;
  • Eyedropper Tool (I) — взять образец оформления

Используемые команды:

  • Edit->Copy (Ctrl+C)– скопировать выделенные объекты;
  • Edit->Paste in Front (Ctrl+F) — вставить на то же самое место поверх скопированного объекта;

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

Возьмите Rectangle Tool (‹M›) в панели инструментов

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Rectangle Tool

нарисуйте прямоугольник

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Прямоугольник.

Скопируйте прямоугольник (‹Ctrl›+‹C›) и вставьте на то же самое место (‹Ctrl›+‹F›)

Не снимая выделения, выберите инструмент Selection Tool (‹V›)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Копирование и вставка объекта на то же самое место.

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

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Масштабирование прямоугольника.
Ленточка в стиле «винтаж». Урок Adobe Illustrator. Масштабирование прямоугольника.

Выберите инструмент Shear Tool не снимая выделения с верхнего прямоугольника:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Shear Tool.

Кликом левой кнопкой мыши поставьте центр трансформации в правый нижний угол:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Shear Tool. Установка центра трансформации.

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

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Трансформирование объекта. Инструмент Shear Tool.

Не снимая выделения, нажмите комбинацию клавиш ‹Ctrl›+‹F›, тем самым вставив копию первого прямоугольник из буфера обмена поверх второго:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Вставить поверх объекта.

При помощи Selection Tool (‹V›) переместите полученную копию наверх и совместите ее левую сторону с левой стороной предыдущего, трансформированного прямоугольника.

Для более точного позиционирования приблизьте иллюстрацию сочетанием клавиш ‹Ctrl›+‹+› (соответственно, для отдаления иллюстрации пользуйтесь сочетанием клавиш ‹Ctrl›+‹+›)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Перемещение объектов мышью.

Возьмите Add Anchor Point Tool (‹+›) из панели инструментов

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Add Anchor Point Tool.

Добавьте точку на правой стороне прямоугольника

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

Теперь выберите инструмент Direct Selection Tool(‹A›)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Direct Selection Tool

и переместите новую точку влево, чтобы получился край ленточки:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Перемещение точки кривой.

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

Откройте палитру Window->Swatches:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Вызов палитры Swatches.

Нажмите на кнопку в правом углу палитры:

Ленточка в стиле «винтаж». Урок Adobe Illustrator.Палитра Swatches.

Появится всплывающее меню,выберите в нем Open Swatch Library->Art History->Impressionism:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Открытие готовой библиотеки цветов.
Ленточка в стиле «винтаж». Урок Adobe Illustrator. Библиотека цветов.

Выделите верхнюю часть ленточки и выберите для нее подходящий цвет:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Раскрашивание объекта сплошной заливкой.

Теперь выделите нижнюю часть и выберите Eyedropper Tool (‹I›)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Eyedropper Tool.

и кликните по уже окрашенной части:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Копирование атрибутов заливки объекта.

Выберите палитру Color (‹F6›):

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Выбор палитры Window- Color.

Нажмите на кнопку в правом углу палитры, появится всплывающее меню, выберите в ней Show Options

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Палитра Color. Show Options.

Снова нажмите ту же кнопку в правом углу палитры и выберите HSB

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Смена цветовой модели палитры Color.

Перемещением влево ползунка «B» сделайте цвет нижней части ленточки чуть темнее.

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Изменение цвета при помощи палитры Color.

Аналогично перекрасьте среднюю часть ленточки в еще более темный цвет:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Изменение цвета при помощи палитры Color.

Выделите все инструментом Selection Tool (‹V›) либо комбинацией клавиш ‹Ctrl›+‹A›

Удалите обводку у всех элементов:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Удаление обводки.

Таким образом, мы нарисовали ровно половину ленточки:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Удаление обводки.

Теперь ее нужно отразить в другую сторону. Для этого выделите все три элемента инструментом Selection Tool (‹V›)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Выделение объектов.

Выберите инструмент Reflect Tool(‹O›) в панели инструментов:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Reflect Tool

Кликните левой кнопкой мыши в верхний правый угол (в эту точку переместится маркер в виде мишени)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Reflect Tool.

Теперь зажмите одновременно ‹Alt› и ‹Shift› и кликните в нижний левый край верхнего прямоугольника. Все выделенные элементы скопируются и отразятся:

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Reflect Tool. Отражение копии объекта.

Выделите верхние части ленточки инструментом Selection Tool(‹V›) и выберите Shape Builder Tool (+)

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Shape Builder Tool.

И проведите линию через выделенные объекты справа налево, тем самым объединив выделенные объекты в один.

Ленточка в стиле «винтаж». Урок Adobe Illustrator. Инструмент Shape Builder Tool. Объединение выделенных объектов.

Получилась винтажная ленточка:

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