Как сделать рубашку игральных карт в Adobe Illustrator
Russian (Pусский) translation by Irina Molochnaia (you can also view the original English article)



В следующих шагах вы узнаете, как создать, сохранить и использовать паттерн для рубашки игральных карт.
Для новичков, вы узнаете, как настроить простую сетку направляющих и как нарисовать четыре карточных символа, используя базовые способы построения векторных фигур. Двигаясь дальше, вы узнаете как создать и сохранить простые паттерны. Наконец, вы узнаете как применять ваш паттерн и как подгонять его с помощью эффекта Трансформирование.
Для поиска вдохновения в том, как подогнать или улучшить ваш получившийся паттерн, вы можете найти множество материалов на ГрафикРивер.
1. Как создать новый документ и настроить сетку
Нажмите Control-N для создания нового документа. Выберите Пиксели во вкладке Единицы, введите значение 850 для обоих полей длины и ширины, и затем нажмите кнопку Дополнительно. Выберите RGB как цветовую схему, выставьте Растровые эффекты на Экран (72ppi), и затем нажмите Создать документ.
Включите направляющие (Просмотр > Показать направляющие) и привязку к направляющим (Просмотр > Привязка к направляющим). Вам нужна сетка направляющих каждые 5 пикселей, так что просто пройдите в меню Редактирование > Предпочтения > Направляющие > Сетка, введите 5 в поле Направляющие каждые и 1 в поле Подразделения. Не будьте обескуражены этой сеткой —она ускорит вашу работу, и помните о том, что вы всегда можете легко включить и выключить ее, используя горячие клавиши Control-".
Вы можете узнать больше о системе направляющих в Иллюстраторе в коротком уроке Андрея Стефана: Понимание Системы Направляющих в Adobe Illustrator.
Вам также стоит открыть панель Информация (Окно > Информация) для предпросмотра размера и позиции ваших фигур в режиме реального времени. Не забудьте выставить единицы измерения пиксели в Редактирование > Предпочтения > Единицы. Все эти опции значительно ускорят ваш рабочий процесс.



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



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



Шаг 3
В панели инструментов верните цвет заливки на черный. Возьмите Эллипс(L) и создайте три круга по 20 пикселей, и поместите их в точности как показано на первом рисунке. Переключитесь на Прямоугольник (M) и создайте квадрат на 10 пикселей, и расположите как показано на второй картинке.
Выделите все фигуры, что мы уже нарисовали, и нажмите Объединить в панели Обработка Контуров, и затем нажмите Control-8 чтобы превратить фигуры в составной путь. Это будет ваш символ трефы.



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



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



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



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



4. Как нарисовать символ Черви
Шаг 1
Вставьте это перевернутое сердце (Control-V) и поверните на 180 градусов.



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



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



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



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



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



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



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



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



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



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



