Создайте тематический повторяющийся узор в Illustrator: поясняем по пунктам

Следуйте этому руководству по Adobe Illustrator, чтобы создать ряд простых векторных объектов, основанных на теме стиля жизни дизайнера, а затем объединить их в круто выглядящий повторяющийся узор. Создание объектов, основанных на основных формах Illustrator, является отличным учебным пособием для начинающих, в то же время приводя к потрясающим результатам, которые можно использовать в различных дизайнерских проектах.

Иллюстратор Повторяющийся узор


Идея создания шаблона вокруг темы помогает составить список объектов, которые можно использовать в шаблоне. Так как сайт принадлежит дизайнеру и написан для дизайнеров, тема дизайна естественна! Вот список стереотипных элементов, которые мы будем использовать, которые составляют стиль жизни любого дизайнера графики или веб-сайта:

  • Ноутбук Macbook Pro
  • Мышь Apple Mac
  • Карандаш
  • Ручка
  • Правитель
  • Установить площадь
  • Блокнот
  • iPhone
  • Кружка кофе

Повторяющийся узор вектор

Дизайн будет основан на двухцветной палитре коричневых оттенков. Начните работу с создания нового документа Illustrator и рисования прямоугольника для заполнения монтажной области. Заблокируйте этот объект, используя CTRL + 2.

Используя инструмент Rounded Rectange Tool, нарисуйте фигуры, похожие на пропорции Macbook. При рисовании фигуры используйте клавиши курсора, чтобы отрегулировать радиус угла. Отправляйтесь в « Бренды мира», чтобы быстро найти логотип яблока и выровнять его. Дайте прямоугольнику штрих 1pt и залейте логотип тем же цветом.

Выделив прямоугольник, перейдите в Object> Path> Offset Path и введите -2px в поле параметров. Дайте этому новому прямоугольнику более тонкий ход 0.5pt.

Используя инструмент Direct Selection Tool, удалите две самые верхние точки прямоугольника, это удалит верхний край и углы.

Снова используйте инструмент Rounded Rectangle Tool, чтобы нарисовать форму традиционной мыши Mac, используйте большой угловой радиус для сильно закругленных краев. Нарисуйте маленький круг, чтобы символизировать отслеживающий шар и добавьте 1pt и 0.5pt соответственно. Используйте палитру «Выровнять», чтобы идеально выровнять объекты.

С выбранной внешней формой повторите процесс смещения траектории, но на этот раз используйте расстояние -1px и ход 0,25pt.

Чтобы создать карандаш, нарисуйте длинный и тонкий прямоугольник. Чтобы создать точку, используйте Pen Tool, чтобы добавить дополнительную точку в центр верхнего края.

Выберите инструмент Star Tool, чтобы создать треугольник, нажимая клавиши курсора, чтобы уменьшить количество точек до трех. Удерживайте Alt и Shift, чтобы держать треугольник прямо.

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

На противоположном конце нарисуйте простой квадрат, чтобы представить ластик, залейте его сплошным цветом.

На перо нарисуйте еще один длинный тонкий прямоугольник в качестве основного тела. Используйте Rounded Rectangle Tool, чтобы создать форму крышки, выровняйте ее по верху прямоугольника тела.

Нарисуйте еще один скругленный прямоугольник, но в несколько меньшем масштабе. Используйте инструмент Direct Selection Tool, чтобы удалить точки его пути, оставив только линию и одну кривую.

Добавьте к этой линии обводку с круглой крышкой и расположите ее сбоку от крышки ручки, чтобы она выступала в качестве выступа.

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

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

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

Чтобы создать линейку, начните с длинного прямоугольника, заполненного выбранным образцом цвета. Сместите путь на 0,5 пикселя внутрь и обведите 0,25pt, используя коричневый цвет фона.

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

Скопируйте (CTRL + C) меньшую линию и вставьте вперед (CTRL + F). Переместите форму вниз на равное расстояние. Вставьте перед другим экземпляром линии и непрерывно нажимайте CTRL + D, чтобы повторить последнее движение. Повторите этот процесс, добавив еще пять маленьких строк. Удалить штрих от самого последнего.

Выделите все шесть линий и поверните на 90 градусов, затем щелкните значок «Создать» в палитре кистей. Выберите New Pattern Brush из вариантов и сохраните кисть, используя настройки по умолчанию.

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

Нарисуйте новый прямоугольник на монтажной области, заполненный бежевым образцом. Используйте Pen Tool, чтобы удалить верхнюю правую угловую точку, в результате чего получится треугольная форма.

Перейдите в Object> Path> Offset Path и введите расстояние -8px.

С этой новой выбранной формой перейдите в Effect> Stylize> Round Corners и введите значение 2px. Заполните форму коричневым фоном.

Нарисуйте линию вдоль левого и нижнего краев и добавьте ранее созданную кисть, чтобы добавить метрические линии к Заданному квадрату.

Создайте большой прямоугольник для использования в качестве блокнота и создайте тонкий прямоугольник с закругленными углами, представляющий одно связующее кольцо.

Переместите кольцо на место, скопируйте и вставьте его вперед, затем двигайте горизонтально, удерживая клавишу Shift. Вставьте новые объекты и повторяйте движение с помощью команды CTRL + D, пока кольцевая привязка не охватит весь верхний край.

Сгруппируйте коллекцию колец и выровняйте по основному объекту блокнота.

Чтобы создать эффект линованной бумаги, нарисуйте тонкую горизонтальную линию сверху и снизу блокнота.

Выбрав обе линии, перейдите в Object> Blend> Blend Options. Введите 35 под опцией указанных шагов. Пройдите и выберите Object> Blend> Make, чтобы продолжить и применить эти опции на практике.

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

Создайте iPhone, нарисовав фигуру аналогичного размера с помощью инструмента Rounded Rectangle Tool.

Сместите путь только на -0.5px и создайте круглую кнопку. Добавьте тонкий штрих к каждому объекту.

Идем дальше и добавляем две линии для имитации области экрана и маленький скругленный прямоугольник в качестве области динамика. Со всеми выбранными объектами выровняйте их по центру.

Дизайнерский образ жизни не был бы полным без кружки кофе! Нарисуйте обведенный круг на артборде.

Скопируйте и вставьте передний круг, затем, удерживая Alt и Shift, уменьшите круг. Поменяйте ход для сплошной заливки. Вставьте и масштабируйте второй круг, на этот раз заполненный коричневым фоном. Вставьте другой круг и уменьшите масштаб до коричневой области, поверните на 45 градусов, затем с помощью инструмента прямого выделения удалите нижнюю левую точку. Дайте этому полукругу тонкий бежевый штрих.

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

Выделите и сгруппируйте (CTRL + G) все объекты каждого элемента в отдельности, позволяя выбрать весь элемент одним щелчком мыши. Поверните и переместите каждый элемент в положение, чтобы сформировать случайный макет.

Скопируйте и вставьте несколько копий объектов и разбросайте их вокруг, стремясь к равному расстоянию и балансу между элементами.

Когда будет сделан довольно большой спред, скопируйте всю группу и продублируйте изображение на монтажной панели.

Вернитесь назад и заполните все пробелы отдельными объектами.

Использование ряда меньших объектов быстро маскирует этот пробел, сохраняя общий эффект шаблона.

Нажмите CTRL + A, чтобы выделить всю страницу объектов, скопируйте их, а затем заблокируйте их на месте, используя CTRL + 2. Вставьте элементы на монтажную область и приблизительно совместите их с оригиналами, одновременно расширяя их на окружающую страницу.

Увеличьте масштаб вправо, чтобы точно выровнять объекты, используя, например, точку установленного квадрата, эту задачу немного легче. Уменьшите масштаб и удалите перекрывающиеся области, поскольку оригиналы были ранее заблокированы, можно выбрать только дубликаты. Разблокируйте все, используя CTRL + ALT + 2.

Делая шаг назад, все еще есть пара пробелов, в которых объекты соединяются и повторяются.

Заполните одну из этих областей дополнительными объектами, затем скопируйте новые объекты вместе с существующим элементом, таким как логотип Apple, который можно использовать для выравнивания любых дубликатов в точно такую ​​же позицию на других промежутках.

Процесс выбора всех объектов, их копирования, блокировки всего, вставки дубликатов обратно, выравнивания их с окружающими объектами и последующего удаления перекрытий можно использовать несколько раз, пока вы не достигнете желаемого размера (или не исчерпаете ОЗУ!)

Иллюстратор Повторяющийся узор

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

Повторяющиеся обои

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

SpoonGraphics iPhone Обои

Загрузите мой результат как обои для рабочего стола или iPhone .



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.