() translation by (you can also view the original English article)
Сегодня мы отправимся в образовательное путешествие и изучим некоторые базовые инструменты и функции программы Affinity Designer для создания простой игральной карты "Королева червей"!
Шаг за шагом мы узнаем, как спланировать и создать милую цветную иллюстрацию при помощи базовых геометрических фигур в сочетании с обводкой и эффектами для индивидуальной разработки нашей первой игральной карты.
К концу этого руководства вы сможете собрать свою собственную игральную карту "Королева червей" и применить новые техники для создания остальных карт колоды! Если вам нужна дополнительная графика, перейдите на GraphicRiver, чтобы посмотреть, что ещё можно добавить к иллюстрации!
1. Как настроить монтажную область и направляющие
Шаг 1
Начнём с настройки рабочей области.
Создайте документ размером с покерную игровую карту.
- Тип: Печать
- Шаблон настройки страницы: пользовательский
- Единицы измерения документа: миллиметры
- Цвет: CMYK/8
- Число точек на дюйм: 300
- Ширина страницы: 63.5 мм
- Высота страницы: 88.9 мм
- Левый край: 8.2 мм
- Правый край: 8.2 мм
- Верхний край: 8.2 мм
- Нижний край: 8.2 мм
- ОК
Шаг 2
Давайте установим центральные направляющие.
Вид > Диспетчер направляющих, чтобы открыть панель Диспетчера направляющих. Выберите иконку "Добавить новую горизонтальную направляющую" и затем иконку "Добавить новую вертикальную направляющую", чтобы создать точные центральные направляющие на монтажной области, затем нажмите "Закрыть".
Вид > Показать края.
Файл > Сохранить (Command-S) и имя файла "Королева_червей". Теперь мы настроили всё, что нужно для начала создания нашей работы!
2. Как нарисовать дизайн границ карты
Шаг 1
Давайте начнём с создания границ вокруг нашей карты. Мы нарисуем половину дизайна карты и потом отзеркалим её.
Выберите Инструмент "Фигурный текст" (Т) для добавления фигурного текста к дизайну. Текст > Показать символ (Command-T).
В верхнем левом углу края возьмите Инструмент "Фигурный текст" (Т) и напечатайте заглавную "Q" с красной Заливкой и размером шрифта 27.
Затем перейдите на панель Эффектов и примените тёмно-красную Внутреннюю тень с Радиусом 9 пикселей.
Шаг 2
Далее Активируем фиксацию, чтобы все наши объекты были расположены и выровнены точно по отношению к другим объектам и документу. Чтобы активировать/снять фиксацию, кликните на Фиксации (иконка магнита) на основной панели инструментов или на кнопку возле всплывающего меню Настроек страницы и отметьте галочкой "Активировать фиксацию".
На панели Инструментов кликните и удерживайте иконку Инструмента "Треугольник" для появления всплывающего списка произвольных фигур. Выберите Инструмент "Сердце".
Нарисуйте красное сердце 6 х 6 мм ниже буквы "Q". Используйте Инструмент "Перемещение" (V) для того, чтобы поместить сердце на 2.1 мм ниже буквы "Q". Затем на панели Эффектов примените тёмно-красную Внутреннюю тень с Радиусом 13 пикселей.
Шаг 3
Выберите Инструмент "Эллипс" (М) и добавьте оранжевый круг 1.6 х 1.6 мм, отступив на 2.1 мм от правой стороны буквы "Q".
Скопируйте (Command-J) эллипс и используйте Инструмент "Перемещение" (V), чтобы расположить дубликат на 2.1 мм ниже буквы "Q".
Шаг 4
Далее давайте нарисуем границу угла в форме сердца.
Возьмите Инструмент "Перо" (Р). Примените такой же цвет к Обводке, как Заливка эллипса, с Шириной 2.
Примечание: Используйте отмеченные параметры быстрых направляющих, чтобы расстояние было точным при рисовании.
Начните с правого эллипса. Нарисуйте линию 37.4 мм горизонтально, 7.8 мм вниз, 2.8 мм влево, 2.3 мм вверх, 2.3 мм влево, 2.8 мм вверх, 7.5 мм вправо и вниз к центральной направляющей.
Затем нарисуйте линию от левого круга вниз к горизонтальной центральной направляющей, как показано ниже.
Шаг 5
Давайте изменим кривые линии угла для создания формы сердца.
Возьмите Инструмент "Угол" (С) на панели инструментов. Выделите угловые узлы, как показано на картинке. Перетащите курсор для изменения угла (вы увидите красный круг, либо можете изменить Радиус на 1.5 на Контекстной панели инструментов).
Шаг 6
Далее выберите фигуру Сердца на панели инструментов. Нарисуйте красное сердце 2.4 х 2.4 мм. Инструментом "Передвижение" (V) привяжите его к правому углу края.
Затем используйте указатель вращения для установки вращения -45 градусов, либо вы можете повернуть фигуру, перейдя на панель Трансформирования.
Шаг 7
На панели Слоёв выберите все созданные слои и Сгруппируйте (Command-G). Дайте группе название "Граница".
3. Как создать лицо королевы
Шаг 1
Теперь создадим лицо Королевы, нарисовав пухлый, сердцевидный силуэт.
Возьмите Инструмент "Сердце". Нарисуйте сердце с бежевой заливкой 16.5 х 15.4 мм, привязанное к центру направляющей.
Выделите центральный красный узел на пересекающем крае и сдвиньте его вверх, чтобы не было большого изгиба внутрь.
Шаг 2
Затем Инструментом "Узел" (А) нажмите на сердце и на Контекстной панели инструментов кликните "Преобразовать в кривые", чтобы наш объект мог превратиться в соединённые линии и узлы.
Теперь при помощи Инструмента "Узел" (А) и направляющих используйте узлы для изменения формы сердца в более выпуклую версию, сдвинув узлы немного дальше.
Шаг 3
Давайте применим эффект на лице.
Слой > Эффекты слоя... откроет панель Эффектов.
Примените Скос/Тиснение:
- Тип: внутренний
- Радиус: 19.7 пикселей
- Смягчить: 0.4 пикселей
- Подсветка: применить жёлто-оранжевый цвет 75%
- Тень: применить тёмно-оранжевый цвет 75%
- Закрыть
Шаг 4
Далее нарисуем глаза.
Предстоит сделать несколько шагов:
- Возьмите Инструмент "Эллипс" (М) и нарисуйте круг с чёрной заливкой 3.5 х 3.5 мм.
- Затем Инструментом "Узел" (А) кликните на "Преобразовать в кривые" на Контекстной панели инструментов.
- Выделите левый и правый узлы и нажмите "Конвертировать в: острый".
- После этого воспользуйтесь Инструментом "Перемещение" (V), чтобы снизить высоту, перетащив вниз управляющие маркеры.
- Наконец, Поверните фигуру на 30 градусов и расположите, как показано ниже.
Шаг 5
Теперь давайте перейдём к иллюстрации глаза, а также добавим макияж.
Инструментом "Эллипс" (М) нарисуйте бирюзовый круг 0.8 х 0.8 мм внутри глаза для создания сияния. Добавьте ещё один круг 0.4 х 0.4 мм немного ниже левой стороны первого эллипса.
Далее возьмите Инструмент "Векторная кисть" (В), установите значение 1.4 с черной обводкой и нарисуйте две милые ресницы.
На панели Инструментов кликните и удерживайте иконку Сердца, чтобы открыть всплывающий список произвольных фигур, и выберите инструмент с Полумесяцем. Нарисуйте чёрную бровь и Поверните её на -97 градусов, горизонтально над глазом.
Наконец, Инструментом "Перо" (Р) вручную добавьте белые тени.
Теперь слой с тенями появится перед глазом, поэтому Сдвиньте назад (Command-[), чтобы этот слой переместился за фигуру глаза.
Шаг 6
На панели Слоёв выделите все элементы, связанные с глазом, и Сгруппируйте (Command-G) их вместе. Скопируйте (Command-J) группу.
Перейдите в Слой > Трансформировать > Отразить по горизонтали или кликните на иконку "Отразить по горизонтали" на Панели инструментов (зеркально отражённые синий и серый треугольники).
Расположите глаз на другой стороне при помощи Инструмента "Перемещение" (V).
Шаг 7
Давайте добавим нос, губы, шею и фигуру тела.
Начните с носа, использовав Инструмент "Эллипс" (М) с Шириной 1 мм и Высотой 0.3 мм. Инструментом "Перемещение" (V) расположите нос между глазами.
Инструментом "Сердце" создайте губы, нарисовав сердце Шириной 1.3 мм и Высотой 1 мм. Расположите их под носом.
Далее создайте белое сердце 2.6 х 2.2 мм для шеи расположите его на основании фигуры головы. Добавьте оранжевое сердце для головного украшения размером 3.9 х 3.2 мм. Расположите его на середине верхушки головы.
Наконец, создадим сердце 6.4 х 5.6 мм для фигуры тела. Сдвиньте вперёд (Command-]) слой, расположив его поверх белого сердца.
Шаг 8
Пусть на щеках нашей леди будет небольшой румянец.
Возьмите Инструмент "Эллипс" (М). Нарисуйте эллипс 10 х 6.5 мм и поместите его под глазами. Скопируйте (Command-J) эллипс и сдвиньте копию вдоль в направлении другой щеки при помощи Инструмента "Перемещение" (V).
Выделите оба эллипса и примените иконку "Добавить операцию", чтобы объединить их (Слой > Геометрия > Добавить).
После этого Скопируйте (Command-J) фигуру головы. Удерживая клавишу Shift, выделите скопированную фигуру головы и эллипсы щёк и кликните на Пересечении (Слой > Геометрия > Пересечение).
Шаг 9
На щеках появятся эффекты, которые мы применили на лице до этого. Снимите галочку со Скоса/Тиснения на панели Эффектов.
На панели Слоёв примените режим наложения "Умножение".
4. Как создать волосы и тело
Шаг 1
Давайте создадим волосы.
Инструментом "Эллипс" (М) создайте тёмно-красный эллипс размером 17 х 13 мм. Установите следующие настройки Скоса/Тиснения на панели Эффектов слоя:
- Тип: внутренний
- Радиус: 10.1 пикселей
- Смягчение: 0.8 пикселей
- Тень: Умножение в Тёмно-красном цвете
- Закрыть
Шаг 2
Снова при помощи Инструмента "Эллипс" (М) создайте ярко-красный эллипс 17 х 7 мм.
Выделите первый и второй эллипс, удерживая клавишу Shift. Примените Выравнивание по центру и затем Выравнивание по середине. Затем Сгруппируйте (Command-G) два эллипса вместе.
Затем на панели Трансформирования установите угол вращения 50 градусов.
Шаг 3
Инструментом "Перемещение" (V) расположите группу над глазом, касаясь центральной направляющей.
Сдвиньте группу назад (Command-[), чтобы она находилась позади головы. Скопируйте (Command-J) и Отразите по горизонтали на панели инструментов.
Инструментом "Перемещение" (V) расположите её на другой стороне.
Шаг 4
Далее давайте создадим пучок волос сзади и расположим на нём корону.
Сначала создайте тёмно-красный эллипс 8.2 х 8.8 мм Инструментом "Эллипс" (М). Для короны используйте Инструмент "Перо" (Р) и нарисуйте трёхконечную фигуру, как показано ниже. Инструментом "Узел" (А) изогните левую, правую и нижнюю точки.
Выделите корону и эллипс и примените Выравнивание по центру, убедившись, что корона расположена поверх эллипса. Затем создайте жёлтую слезу 1.6 х 2.4 мм при помощи Инструмента "Слеза" на панели Инструментов. Установите Вращение слезы на 140 градусов.
Скопируйте (Command-J) слезу и примените иконку "Отразить по горизонтали" на Контекстной панели инструментов. При помощи Инструмента "Перемещение" (V) расположите копию на другой стороне, как показано ниже.
Шаг 5
Когда все элементы пучка будут созданы, Сгруппируйте (Command-G) их вместе. Примените функцию "Переложить назад" (Command-shift-[).
Шаг 6
Давайте добавим телу детали.
Выберите Инструмент "Ромб" на панели инструментов. Создайте красный ромб 1.2 х 1.5 мм и привяжите его к центральной направляющей в чёрном сердце.
Скопируйте (Command-J) его, удерживая клавишу Shift, чтобы закрепить по вертикали, и перетащите копию вниз, как показано.
Возьмите Инструмент "Треугольник" на панели инструментов и создайте треугольник 6.4 х 4.2 мм, касаясь центральной направляющей до горизонтальной направляющей.
Примечание: чтобы создать фигуру с начальной точки, удерживайте Option-Command-Перетаскивание.
Примените функцию "Переложить назад" (Command-shift-[).
Шаг 7
Теперь добавим Королевскую фрезу.
Инструментом "Эллипс" (М) нарисуйте бирюзовый эллипс 22.4 х 18.2 мм, выровненный центром по центральной направляющей. Примените функцию "Переложить назад" (Command-shift-[).
Создайте ещё один эллипс 18.4 х 18.2 мм тёмно-бирюзового цвета. Примените функцию "Переложить назад" (Command-shift-[) и затем "Сдвинуть вперёд" (Command-]).
Шаг 8
Нам нужно добавить кисти и руки.
Возьмите Инструмент "Прямоугольник" (М). Нарисуйте красный кирпич 9.6 х 2.9 мм. Согните выделенную область справа, перетащив управляющие маркеры вверх.
Затем возьмите Инструмент "Узел" (А). Примените операцию "Преобразовать в кривые" и начните сгибать нижнюю правую сторону, поднимите нижнюю левую сторону вверх и затем согните линию для создания рукавов.
Шаг 9
Инструментом "Перемещение" (V) сдвиньте выделенную область на тело. Примените функцию "Переложить назад" (Command-shift-[). Скопируйте (Command-J) рукав.
Перейдите в Слой > Трансформировать > Отразить по горизонтали или кликните на иконке "Отразить по горизонтали" на панели инструментов, чтобы расположить фигуру на другой стороне.
Шаг 10
Давайте нарисуем руки
Начните с правой руки. Выберите Инструмент "Сердце" на панели инструментов. Нарисуйте красное сердце 2.4 х 2.5 мм.
Затем при помощи Инструмента "Эллипс" (М) с Обводкой цвета кожи 2.5 нарисуйте круг 2.4 х 2.4 мм под сердцем.
Инструментом "Узел" (N) выделите созданный круг и примените операцию "Преобразовать в кривые". Затем кликните на двух точках кривой, где мы отрежем верхушку.
На Контекстной панели управления выберите действие "Разбить кривую" и удалите область, как показано ниже.
Шаг 11
Давайте добавим пальцы.
Возьмите Инструмент "Перо" (Р). Используя ту же Обводку цвета кожи 2.5, применённую к эллипсу, нарисуйте три пальца, как показано.
Сгруппируйте (Command-G) все элементы руки вместе. Инструментом "Перемещение" (V) сдвиньте новую группу к концу рукава. Примените функцию "Переложить назад" (Command-shift-[)
Шаг 12
Давайте создадим вторую руку - кулак, держащий скипетр.
Инструментом "Перо" (Р) нарисуйте линию Шириной 1 мм, с обводкой 3 и с более тёмным оттенком кожи.
Скопируйте (Command-J) и сдвиньте фигуру поверх другой, затем снова нажмите Command-J , чтобы Привести в движение копию для создания трёх пальцев.
Для создания большого пальца возьмите Инструмент "Прямоугольник" (М) и нарисуйте прямоугольник поверх третьего пальца размером 1.7 х 0.9 мм с заливкой такого же цвета кожи, как и другая рука.
Нарисуйте ещё одну фигуру в перпендикулярном направлении размером 0.9 х 1.7 мм на левом крае первого прямоугольника, как показано ниже.
Шаг 13
Выделите обе фигуры прямоугольника и примените иконку "Добавить операцию" для объединения или перейдите в Слой > Геометрия > Добавить.
Затем возьмите Инструмент "Угол" (С). Выделите верхний правый узловой угол и примените изгиб. Выделите базовый угол, показанный на картинке, и примените изгиб. Большой палец готов.
Давайте создадим ладонь. Возьмите Инструмент "Скруглённый прямоугольник" и создайте прямоугольник 2.1 х 2.6 мм более тёмного оттенка кожи, от верхнего пальца вниз к основанию. Примените функцию "Переложить назад" (Command-shift-[).
Сгруппируйте (Command-G) все элементы руки и поместите её на край второго рукава.
Шаг 14
Давайте добавим скипетр.
Инструментом "Перо" (Р) нарисуйте вертикальную линию 9.2 мм Высотой с тёмным цветом обводки. Затем выберите Инструмент "Сердце". Помните, если вы хотите создать фигуру с центральной начальной точки, удерживайте Option-Command-Перетаскивание.
Нарисуйте красное сердце 4.4 х 4.3 мм поверх созданной линии.
Шаг 15
Давайте добавим детальности скипетру.
Возьмите инструмент "Сердце" и примените более тёмный оттенок красного. Нарисуйте сердце 1.3 х 1.2 мм в центре большого сердца. Выделив маленькое сердце, удерживайте Option-Shift-Перетаскивание, чтобы скопировать и вставить выделенное.
Поместите три копии сердца под первым сердцем и Сгруппируйте (Command-G) все элементы скипетра.
Выделите группу руки и скипетра и Переложите вперёд (Shift-Command-]). Затем выделите группу скипетра и Отправьте назад (Command-[).
Шаг 16
Давайте закончим.
Сгруппируйте (Command-G) все части Королевы.
Выделите слой "Граница" и группу Королевы и перейдите в Слой > Трансформировать > Отразить по горизонтали или кликните на иконке "Отразить по горизонтали" на панели инструментов, а затем Отразите по вертикали.
Сделайте привязку к центральной направляющей - и мы готовы играть!
Вы сделали правильный ход!
Отлично! Наша игровая карта "Королева червей" готова. Надеюсь, вам понравилось следовать этому приятному и простому руководству. Возможно, вы изучили новые интересные приёмы, которые вдохновили вас на создание остальной колоды!
Надеюсь, у вас получилось следовать каждому шагу. Размещайте свои карточные рисунки в комментариях ниже.
Наслаждайтесь и продолжайте творить!
