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

Как сделать рубашку игральных карт в Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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

Для новичков, вы узнаете, как настроить простую сетку направляющих и как нарисовать четыре карточных символа, используя базовые способы построения векторных фигур. Двигаясь дальше, вы узнаете как создать и сохранить простые паттерны. Наконец, вы узнаете как применять ваш паттерн и как подгонять его с помощью эффекта Трансформирование.

Для поиска вдохновения в том, как подогнать или улучшить ваш получившийся паттерн, вы можете найти множество материалов на ГрафикРивер.

1. Как создать новый документ и настроить сетку

Нажмите Control-N для создания нового документа. Выберите Пиксели во вкладке Единицы, введите значение 850 для обоих полей длины и ширины, и затем нажмите кнопку Дополнительно. Выберите RGB как цветовую схему, выставьте Растровые эффекты на Экран (72ppi), и затем нажмите Создать документ

Включите направляющие (Просмотр > Показать направляющие) и привязку к направляющим (Просмотр > Привязка к направляющим). Вам нужна сетка направляющих каждые 5 пикселей, так что просто пройдите в меню Редактирование > Предпочтения > Направляющие > Сетка, введите 5 в поле Направляющие каждые и 1 в поле Подразделения. Не будьте обескуражены этой сеткой —она ускорит вашу работу, и помните о том, что вы всегда можете легко включить и выключить ее, используя горячие клавиши Control-".

Вы можете узнать больше о системе направляющих в Иллюстраторе в коротком уроке Андрея Стефана: Понимание Системы Направляющих в  Adobe Illustrator.

Вам также стоит открыть панель Информация (Окно > Информация) для предпросмотра размера и позиции ваших фигур в режиме реального времени. Не забудьте выставить единицы измерения пиксели в Редактирование > Предпочтения > Единицы. Все эти опции значительно ускорят ваш рабочий процесс.

setup grid

2. Как создать символ Трефы

Шаг 1

Возьмите Прямоугольник (М) и сфокусируйтесь на вашем наборе инструментов. Удалите обводку и выберите заливку, задайте ей черный цвет (R=137 G=147 B=150). Создайте на рабочей области прямоугольник 20 х 10 пикселей, с помощью сетки и направляющих это будет сделать проще.

Вернитесь к вашей панели инструментов и замените черный цвет заливки на любой желтый. Переключитесь на инструмент Эллипс(L), и создайте два круга по 20 пикселей,и расположите их в точности как показано на втором изображении.

rectangle tool

Шаг 2

Инструментом перемещение (V) выберите все созданные формы, откройте панель Обработка Контуров (Окно > Обработка Контуров), и нажмите кнопку Минус Передний. Выделите созданную фигуру и просто нажмите Control-C чтобы сделать копию.

pathfinder

Шаг 3

В панели инструментов верните цвет заливки на черный. Возьмите Эллипс(L) и создайте три круга по 20 пикселей, и поместите их в точности как показано на первом рисунке. Переключитесь на Прямоугольник (M) и создайте квадрат на 10 пикселей, и расположите как показано на второй картинке.

Выделите все фигуры, что мы уже нарисовали, и нажмите Объединить в панели Обработка Контуров, и затем нажмите Control-8 чтобы превратить фигуры в составной путь. Это будет ваш символ трефы.

clubs symbol

3. Как создать символ Пики

Шаг 1

Инструментом Эллипс (L) создайте фигуру 40 х 50 пикселей, и сделайте ее черной. Переключитесь на Прямоугольник и нарисуйте фигуру 40 х 25 пикселей , залейте любым желтым цветом, и расположите как показано на второй картинке. Выделите обе фигуры и нажмите Минус передний в панели Обработка контуров.

Возьмите инструмент Опорная точка (Shift-C) и перейдите к верхней части получившейся фигуры. Просто кликните эту опорную точку и потяните за ручки как показано на третьем изображении.

anchor point tool

Шаг 2

Продолжаем работать над получившейся фигурой. Инструментом Прямое выделение (А) и выделите нижние точки, потяните за ручки как показано на первой картинке.

Двинемся к верхней опорной точке и, зажав клавишу Alt, потяните за ручки как показано на второй картинке.

direct selection tool

Шаг 3

Инструментом Эллипс (L) нарисуйте два круга по 20 пикселей, и поместите их как показано на первой картинке. Выделите оба круга и превратите их в составной путь (Control-8).

Переключитесь на прямоугольник (М) и создайте прямоугольник 40 х 10 пикселей, и расположите как показано на втором рисунке. Выделите этот прямоугольник вместе с составным путем. который мы создали пару секунд назад, и нажмите Минус Передний в панели Обработка Контуров.

minus front

Шаг 4

Выделите две фигуры, как показано на первом рисунке и нажмите Объединить в меню Обработка Контуров. Просто нажмите Control-V для вставки фигуры, которую мы скопировали пару шагов назад. Разместите новую фигуру, как показано на второй картинке.

Выделите опять фигуру перевернутого сердца ( показано на третьей картинке)  и скопируйте его (Control-C). Выделите две фигуры, образующие символ Пики и превратите его в составной путь (Control-8).

paste

4. Как нарисовать символ Черви 

Шаг 1

Вставьте это перевернутое сердце (Control-V) и поверните на 180 градусов.

rotate

Шаг 2

Сосредоточимся на сердечке и возьмем Инструмент Прямое выделение (А). Выделите нижнюю опорную точку и перетащите ее на 5 пикселей вниз. Затем, выделите две ручки и потяните их как показано на третьей картинке. Получившееся изображение будет вашим символом Черви.

heart shape

5. Как создать символ Бубны

Возьмите Прямоугольник (М) и создайте квадрат в 40 пикселей, залейте его черным цветом и пройдите в Объект > Путь > Добавить опорные точки. Переключитесь на Инструмент Удаление Опорных точек (-). Просто кликните на четыре угла вашего квадрата и они удалятся. Получившееся изображение будет вашим символом Бубны.

add anchor point

6. Как создать и сохранить ваш Паттерн

Шаг 1

Используя Прямоугольник (М), создайте фигуру 200 х 100 пикселей, залейте любым красным цветом, и понизьте прозрачность до 30%.

appearance panel

Шаг 2

Переставьте ваши символы на передний план (Shift-Control-]) и расположите как показано на изображениях.

place symbols

Шаг 3

Выберите Бубны и Черви и залейте их цветом R=220 G=40 B=20.

red

Шаг 4

Выделите снова красный прямоугольник и удалите цвет заливки. Выделите его вместе с четырьмя символами и просто перетащите их в панель Образцы (Окно > Образцы) чтобы сохранить паттерн.

save pattern

7. Как применять и подгонять ваш Паттерн.

Шаг 1

Используя Прямоугольник (М), создайте квадрат в 610 пикселей, и залейте его цветом R=240 G=240 B=240.

square

Шаг 2

Держа большой квадрат выделенным, задайте вторую заливку нажав кнопку Добавить Новую Заливку. Выберите эту новую заливку и просто примените свой паттерн из панели Образцы.

add new fill

Шаг 3

Наконец, вот простой способ как вы можете подгонять ваш паттерн. Держа выделенным ваш прямоугольник, пройдите в панель Оформление. Выберите заливку паттерном и пройдите в Эффект > Исказить и  Трансформировать > Трансформировать.

Перетащите оба ползунка Масштабирование на 50%, выставьте Угол на 25 градусов, и поставьте галочку только в поле Трансформировать Узор перед тем как кликнуть кнопку ОК. Это "живой" эффект, что значит вы всегда можете вернуться в панель Оформление, кликнуть этот эффект и подогнать его атрибуты по вашему желанию.

transform effect

Поздравляю! Вы справились!

Вот как это должно выглядеть. Надеюсь вам понравился этот урок и вы сможете применять эти техники в ваших будущих проектах. 

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

final product
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.