Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Вязанный паттерн в Adobe Illustrator

15 апреля 2016 | Опубликовано в Уроки | Нет комментариев »

На сегодняшнем уроке вы узнаете, как можно быстро и легко создать в Adobe Illustrator паттерн с эффектом вязанного свитера. Эта традиционная фактура такая милая и уютная, что вам придется специально придумать проект, чтобы поскорее ее применить. Удивительно, но все, что мы будем использовать, это две простые фигуры — эллипс и прямоугольник. Паттерн получается бесшовным, а, значит, может служить прекрасным фоном.  Бонусом мы откроем секрет, как можно за три секунды перекрасить свою работу!


Итак, что мы хотим сделать?

За работу!

Шаг 1

Откройте Adobe Illustrator и создайте New document / Новый Документ с размерами  600 px x 600 px, после чего начнем создавать фон.

Выберем инструмент Rectangle / Прямоугольник (или клавиша М) и нарисуем темно-синий прямоугольник с такими же размерами - 600 px в ширину и 600 px в высоту.

 

Шаг 2

Возьмите инструмент Ellipse / Эллипс (или клавиша L) и нарисуйте маленький синий овал. Наклоните его немного влево. Выделите его, возьмите Reflect Tool / Зеркальное Отражение (клавиша О) и удерживая клавишу Alt, кликините в правой части. Откроется диалоговое окно, где нужно выбрать отпции, показанные на рисунке ниже. После этого нажмите Copy / Копировать.

Теперь у вас есть овал и его отраженная копия. Это и есть ваши петли.

Шаг 3

Снова возьмите инструмент Rectangle Прямоугольник и нарисуте квадрат. Так как далее мы будем двигать петли на определенное количество пикселей, нам нужно, чтобы у этого квадрата были определенные размеры. В диалоговом окне задайте 20 пикселей — это ширина и высота вашего квадрата. Уберите заливку и задайте обводку любого цвета. 

Поместите вязанные петли в этот квадрат. Внимание! Не меняйте размер квадрата, а только отрегулируйте эллипсы таким образом, чтобы они в него поместились.

Шаг 4

Откройте панель Align / Выравнивание в меню Window / Окно и выберите Align to Artboard / Выровнять Относительно Монтажной Области.

Для начала выровняйте исходный фон под монтажную область, используя Horizontal Align Left / Горизонтальное выравнивание по левому краю и Vertical Align Top / Вертикальное выравнивание по верхнему краю. 

Расположите маленький квадратик с вязанными петлями в верхнем левом углу, используя аналогичные функции из панели Align/ Выравнивание.

Шаг 5

Теперь выделим наш квадратик и овалы-петли, сгруппируем их вместе (правый клик, потом Group/ Сгруппировать) и нажмем Enter. 

Мы собираемся двигать объекты вправо, но, если вы помните, должны быть уверены в точности — то есть сдвигать нужно на то же количество пикселей, что и сторона нашего квадрата. Поэтому в открывшемся диалоговом окне выберите опции, как показано на рисунке ниже, и потом жмите Copy / Копировать. 

Удерживайте клавиши Ctrl-D — это повторяет последнее действие. Таким образом вы можете заполнить ваш документ петлями на всю ширину.

Шаг 6

Сгруппируйте первую строчку, которую только что сделали, но без фона, и нажмите Enter. Введите следующие параметры и нажмите Copy / Копировать.

Удерживайте клавиши Ctrl-D до тех пор, пока фон не заполнится петлями на всю высоту.

Шаг 7

Разгруппируйте все с помощью правого клика и Ungroup / Разгруппировать. Выберите наш маленький квадрат без заливки, но с обводкой. Теперь мы можем легко изменить цветовую гамму работы, выбра в в меню Select > Same > Fill Color / Выделение > По общему признаку > С одинаковым цветом заливки. Таким образом мы выделили все такие квадратики. Теперь можно их все удалить, просто нажав Delete / Удалить.

Шаг 8

Пришло время оформить все это в паттерн. Выделите весь рисунок с помощью инструмента Selection Tool / Выделение. Перетащите его в панель Swatches / Образцы (меню Window / Окно)

Теперь давайте научимся легко менять цвет нашего паттерна. Это тоже невероятно быстро!

Нарисуйте несколько квадратов (без обводки с заливкой любого цвета). Выберетие в панели Swatches / Образцы паттерн, который вы только что создали, и примените его к только что созданным квадратам. Выделите первый уже вязанный квадрат и выберите Edit > Edit Colors > Recolor Artwork / Редактирование > Редактировать цвета > Перекрасить графический объект. В новом диалоговом окне нажмите Edit / Редактировать, а потом — маленькую кнопку внизу справа, которая выглядит как цепочка, Link harmony colors / Связать Цвета Гармонии. Теперь просто перетащите цвет, который вам нравится.

Изменяйте цвет своего паттерна как душе угодно!

У нас получилось вот так.

Автор -  Nataliya Dolotko

Смотрите также:

 




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]