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