Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Patterns
Design

Создание бесшовного узора чаепития из эскиза в Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

Russian (Pусский) translation by Tetiana Ivanchuk (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке вы узнаете, как сделать детальный бесшовный фон без использования графического планшета. Приготовьте альбом для рисования, ручку или линер, чтобы нарисовать набор элементов для вашего бесшовного фона. Затем мы пойдем через процесс превращения нашего изображения в векторные фигуры, окрасим их в Adobe Illustrator, и объединим их в красочный и причудливый узор. Давайте приступим!

1. Превратим ваши каракули в вектор с помощью функции трассировки изображений

Шаг 1

Чтобы начать, вы нужны каракули с набором элементов, которые мы будем объединять в узор. Вы можете использовать мои картинки ниже или создать свои собственные с ручкой или чернилами или чем-то, что вы предпочитаете. Если вы создали свой собственный, тщательно его отсканируйте или сфотографируйте, добавьте контрастности и яркости для того, чтобы сделать линии темнее а фон, чистым и белым. В этом уроке мы будем придерживаться темы чаепития и использовать такие элементы, как чашки, чайники, кексы, ягоды и всякие сладкие вещи.

make a sketch on paper

Шаг 2

Как только вы подготовите ваш эскиз, отправляемся в Adobe Illustrator, создайте Новый файл с размером 600 x 600 px, и Файл > Поместить ваш эскиз на монтажную панель. Вы увидите панель управления Изображение выше, содержащий некоторую информацию о помещенном изображении вместе с кнопкой Трессировака изображения. Идем дальше и нажимаем на нее для векторизации изображения.

Place your sketch onto the Artboard

Вы можете выбрать Стили трассировки. Эти стили помогут добиться лучшего результата в зависимости от типа изображения: если это детализированая иллюстрация, красочное фото, или просто часть линейного искусства. Давайте выберите стиль Оттенки серого для наших каракулей.

select the Shades of Gray preset

Шаг 3

Щелкните на значок политры Трассировка изображения, которую вы можете найти в той же панели управления рядом со Стиль, чтобы раскрыть окно опций для Трассировка изображения. Изменим Режим с Черно-Белого и зададим Изогелию на 150, оставляя все другие параметры по умолчанию. Таким образом мы делаем линии толще и более гладкими.

reveal the Image Trace options window

Шаг 4

Если вы довольны результатом, нажмите на кнопку Разобрать, превращая изображение в отдельные векторные объекты.

press the Expand button

Шаг 5

Щелкните правой кнопкой мыши и Разгруппировать объекты. Можно выбрать белую деталь фона, нажав с Прямым Выделением (A) на пустое пространство где-то между объектами и удалить его.

Right mouse click and Ungroup the objects

2. Подготовьте оттресированое изображение к окраске

Шаг 1

Давайте возьмем инструмент Прямоугольник (M) и добавьте желтый квадрат размером 600 x 600 px и Отправьте его на задний план (Control-Shift-[), поместив его позади всех остальных объектов. Таким образом, мы можете отсоединить объекты от белой монтажной области, чтобы увидеть их более четко.

add a yellow square background

Шаг 2

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

every object consists of separate shapes

Мы должны изменить элементы, но прежде давайте згруппируем каждого из них. Теперь можно просто выбрать части сгруппированного объекта с инструментом Прямого выделения (A) и изменить цвет Заливки на ваш вкус. Однако давайте попробуем другой способ.

Шаг 3

Нам нужно превратить объект в составной контур (Объект > Составной контур > Создать). Таким образом, мы превратим нашу группу элементов в единый объект с черным контуром.

turn the object into a Compound path

Шаг 4

Превратите другие объекты также в составные контуры. Вы можете сделать это более быстро, просто выбрав объект, щелкнуть его правой кнопкой мыши и применть Создать составной контур из контекстного меню.

apply Make Compound Path from the context menu 1

После того, как вы превратили объект в составной контур, также исчезают белые фигуры.

apply Make Compound Path from the context menu 2

Шаг 5

После того как вы создали составные контуры, могут появиться некоторые ненужные фигуры, например черные фигуры, показанные на скриншоте ниже. Давайте избавимся от них, применяя инструмент Ластик (Shift-E) и сотрем части, соединяющий ненужные формы с контуром. Как только вы разделили эти куски, выберите черный фигуру инструментом Прямое выделение (A) и удалите его.

erase the unneeded parts

3. Используйте инструмент Быстрая заливка, чтобы разукрасить элементы

Шаг 1

Давайте оживим наши объекты, добавив цвета! Выберите фигуры и перейдите в Объект > Быстрая заливка > Создать

create a Live paint group

Шаг 2

Мы собираемся использовать этот вкусную палитру для нашего узора. Вы можете забрать цвета прямо отсюда, с помощью инструмента Пипетка (I).

color palette

Шаг 3

Выберите объект, выбрать цвет и используйте инструмент Быстрая заливка (K) для применения цветов. Наведите курсор мыши на фигуру, которую требуется заполнить и нажмите когда появится красный контур, применяя таким образом новый цвет. Вы можете перекрасить контур объекта, а также заполнить его внутренние части.

color the object with Live Paint Bucket Tool 1

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

color the object with Live Paint Bucket Tool 2

Шаг 4

Перейдите к следующему объекту — к кексу — и сделаем его более вкусным и привлекательным. Используйте белый контур для увеличения яркости.

color the object with Live Paint Bucket Tool 3

Заполните другие объекты с цветами из нашей палитры.

color the object with Live Paint Bucket Tool 4

Вот то, что мы имеем на этом этапе - все наши рисунки превратились в масштабируемые векторные объекты и ужу разукрашены.

color the object with Live Paint Bucket Tool 5

4. Объединяем ваши объекты в бесшовный узор

Шаг 1

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

place the teacup in the top left corner of our Artboard

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

Выберите чашку и нажмите клавишу Ввод, чтобы вызвать всплывающее окно Перемещение. Задайте Горизонтальное положение до 600 px (которая равна ширине нашего фона и монтажной области) и нажмите кнопку Копировать, чтобы дублировать чашку и переместите его в правый верхний угол монтажной области.

Выберите снова первую чашку, нажмите Ввод и в этот раз установите Вертикальное положение на 600 px, перемещая копию чашки в нижний левый угол. Повторите эти действия еще раз с нижней чашкой, чтобы создать еще одну копию в правом нижнем углу. Всего должно быть четыре чашки, пересекающие все четыре стороны монтажной области.

move the cup and create copies

Шаг 2

Поставьте чайник в центре холста и слегка поверните его. Вам не нужно дублировать и перемещать его, так как он не пересекает ни каких границ.

add a teapot

Шаг 3

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

add more objects and create copies

Шаг 4

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

add smaller details

Шаг 5

Возьмите контуры нашего чайника и ветку ягод и положить их между фоном и другими объектами, заполнив контуры белым цветом и понижать Непрозрачность до 50%. Таким образом мы добавили больше глубины в узоре, что делает его более просторным.

add outlined shapes

Шаг 6

Теперь, когда мы удовлетворены положением объектов, давайте выясним, как превратить наш узор в образец и применить его к различным фигурам. Прежде всего нам нужно установить границы нашего узора. Для того, чтобы сделать это, скопируйте квадратный фон и поместите его над другими объектами, нажав Control - Shift-[. Задайте цвет Заливки и Обводки этой квадрата на нет, создавая невидимый пустой фрейм. Теперь ненужные элементы за пределами кадра останутся невидимым, когда вы включите его в образец.

set the boundaries of the pattern

Шаг 7

Выбрать все (Ctrl-A) и перетащите объекты на панель Образцы (Окно > Образцы).

drag the objects to the Swatches panel

Теперь мы можем создать любые фигуры — например прямоугольник с инструмент Прямоугольник (М) — и применить наш узор, щелкнув его на панели Образцы. Используйте инструмент Масштаб (S), чтобы изменить масштаб вашего шаблона и не забудьте поставить галочку на против Трансформировать узоры и снимите другие флажки Параметров.

Use the Scale Tool S to change the scale of your pattern

Тада! Наш бесшовный узор чаепития готов!

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

final result pattern
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.