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

Создаем дизайн поздравительной открытки к празднику "Eid Al-Fitr" в Адобе Иллюстратор

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

«Eid al-Fitr», который часто сокращается до «Eid», это «фестиваль завтрака». Это религиозный праздник, для мусульман всего мира, которым отмечается конец месячного поста Рамадана.

Традиционно, Eid празднуется в течение трех дней, от первого замеченного полумесяца в конце лунного месяца Рамадана.

Чтобы отпраздновать его, мусульмане собираются утром в мечети, для выполнения молитвы Eid, а затем посещают друзей и семьи, устраивают пир и наслаждаются множеством сладостей, завершая свой пост. Празднование также используется как время прощения, благодарения Аллаха и предложения пожертвований и еды тем, кто менее удачлив.

Самым популярным арабским приветствием во время этого праздника обычно является «Eid Mubarak», которое переводится на английский язык как «благословенный фестиваль».

В этом уроке мы научимся создавать поздравительную открытку для арабского празника Eid. Мы используем базовые формы для создания исламского узора и научимся подгонять шрифт на арабском языке для «Eid Mubarak».

Если вы в поисках вдохновения, попробуйте проверить многие проекты к Eid на Envato Market.

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

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

Я грубо набросала идею дизайна карты и образец дизайна плитки, который я хочу воссоздать. Это комбинация звезд, круга и шестиугольника. Давайте начнем!

Adobe Ilustrator sketch design arabesque pattern islamic art greeting card eid sketching draw

Откройте Adobe Illustrator CC и нажмите Control-N, чтобы создать новый документ.

Выберите профиль: Basic RGB.

В раскрывающемся меню Единицы выберите Миллиметры и введите 250 мм для Ширины и Высоты и назовите свой файл «Eid_Greeting». Нажмите ОК.

Нажмите кнопку Дополнительно, убедитесь, что выбрано RGB, Экран (72ppi) и установите флажок Выровнять новые объекты по пиксельной сетке. Нажмите ОК.

create new document adobe illustrator cc eid greeting width height rgb screen 72ppi align new objects to pixel grid default millimeters

Когда файл открыт, выберите Просмотр>Показать сетку. Затем выберите Просмотр> Выравнивать по сетке.

Сетка должна быть настроена на монтажную панель, поэтому нам нужно ее отредактировать. Перейдите в Редактирование> Установки> Направляющие и сетка и поле Линия через каждые напишите 25 мм и 6 в поле Внутреннее деление.

adobe illustrator cc preferences grid guides 25mm 6 subdivisions eid greeting design

2. Дизайн узора

Шаг 1

Сначала давайте создадим плитку для нашего рисунка, остальное легче.

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

Выберите Эллипс (L) без Заливки и с черной Обводкой, удерживайте клавиши Option и Shift и перетащите, чтобы ограничить выделение. Привяжите эллипс к двум квадратным подразделениям сетки. Каждое квадратное деление составляет 25 мм, поэтому диаметр вашего круга равен 50 мм. В меню Окно> Информация, вы можете посмотреть точные размеры ширины и высоты вашего выделения.

ellipse tool draw pattern tile fill none stroke black option shift constrain circle subdivision 50mm eid greeting

Шаг 2

Затем нам нужно создать две шестиконечные звезды внутри круга.

Чтобы создать шестиконечную звезду, выберите инструмент Звезда и нажмите один раз в центре эллипса, чтобы центрировать звезду и открыть ее диалоговое окно.

Сделайте радиус 1: 25 мм (половина диаметра нашего эллипса), радиус 2: 8 мм и Число лучей: 6.

Star dialog box 6 pointed star tool radius points pattern eid greeting card

Откройте меню Окно> Обводка, чтобы открыть панель Обводки.

Выберите Концы: Скругленные концы и Углы: Скругленные стыки, поэтому заостренные концы звезды не станут превышать границы эллипса.

Star dialog box 6 pointed star tool radius points pattern eid greeting card cap round corner round join miss chatz

Затем выберите выбранную звезду с шестью точками, Копировать (Command-C), Вставить на передний план (Command-F). Затем Объект> Трансформировать> Поворот. Появится диалоговое окно Поворота; Угол: 90 градусов.

rotate angle star six pointed object transform Star dialog box 6 pointed star tool radius points pattern eid greeting card miss chatz

С помощью инструмента Выделение (V) выберите элементы двух шеститочечных звезд и круга и примените 5 pt Толщины обводки, в панели Обводки.

Затем выберите Концы: Срезанные концы, Углы: Острые стыки и примените Предел 4x, поэтому угловые края острые для внутреннего додекагона.

selection tool v elements stroke 6 point star panel weight stroke panel limit miss chatz eid pattern greeting card

Шаг 3

Выберите три объекта с помощью инструмента Выделение (V).

Объект> Разобрать оформление. Убедитесь, что флажок Заливка и Обводка отмечен, и нажмите ОК.

Откройте панель Обработка контуров: Окно> Обработка контуров и выберите Соединение, чтобы создать сложную форму.

eid greeting card expand strokes object fill pathfinder panel pathfinder select unite shape mode illustrator cc miss chatz

Шаг 4

Выберите инструмент Прямоугольник (M) с белой Заливкой и черной Обводкой, удерживая клавиши Alt и Shift, чтобы ограничить выделение, и нарисуйте прямоугольник вокруг кругового узора.

Затем с помощью инструмента Выделение (V) перетащите оба объекта, чтобы выбрать их, и нажмите Обработка контуров: Разделение.

adobe illustrator cc draw rectangle tool shape pathfinder shape divide pattern eid greeting miss chatz

Возьмите инструмент Прямое выделение (A) и выберите внешнюю лишнюю фигуру, затем нажмите Delete.

Затем при помощи Выделения (V) выберите наш объект и Разгруппируйте (Shift-Command-G), чтобы мы могли покрасить каждый элемент по отдельности.

adobe illustrator cc delete rectangle tool divide shape compound seperate shape pathfinder shape divide pattern eid greeting miss chatz

Шаг 5

Давайте раскрасим наш плиточный узор.

С помощью инструмента Прямое выделение (A) выберите элементы в шаблоне, какие хотите, в той же группе цветов.

Примените цвет Заливки по вашему выбору, при этом удалите обводку. Затем сгруппируйте одинаковые элементы цветов заливки вместе. Объект> Сгруппировать (Command-G).

adobe illustrator direct selection tool group obeject same color pattern eid greeting miss chatz arabic

Сделайте то же самое с остальными элементами.

Удостоверьтесь, что каждый элемент сгруппирован с соответствующими цветами, и без обводки.

adobe illustrator color group elements tile pattern choice eid greeting pattern background fitr miss chatz

Шаг 6

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

adobe illustrator object pattern make tile pattern eid fitr greeting card design miss chatz

Выберите, как выложить плитку. Hex by Row поместит плитку в гексагональную форму и расположит ее рядами. Плитки в ряду будут центрироваться по горизонтальному выравниванию, а чередующиеся строки выровняны вертикально.

Затем укажите общую высоту и ширину плитки. Измените Ширину на 50 мм и Высоту 58 мм.

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

adobe illustrator make pattern hex by row tile pattern eid greeting width height adjust layout

Шаг 7

Затем нам нужно заполнить треугольное пространство между круговыми узорами.

Удалите Выравнивание по сетке, чтобы мы могли создать трехточечную звезду в пустом треугольном пространстве. Просмотр> Выравнивание по сетке (Command-Shift-'').

Затем выберите цвет Заливки и Обводку 4 pt.

Выберите инструмент Звезда и нажмите один раз в верхнем левом углу шестиугольной сетки.

Появится диалоговое окно Звезды. Введите:

Радиус 1: 4,5 мм

Радиус 2: 1,2 мм

Число лучей: 3

ОК

adobe illustrator star tool create radius setting points weight stroke eid fitr greeting card

Шаг 8

С выделенной звездой, Разберите оформление, выберите Объект, Заливка и Обводка и нажмите OK.

Выберите инструмент Прямое выделение (A) и придайте двум элементам разные цвета. Я залила толстые границы тем же цветовым тоном.

adobe illustrator create three point star expand fill stroke object color eid fitr pattern tile

Выделением (V) выберите трехточечную звезду, удерживая клавиши Alt-Shift и перетащите объект в нижний левый угол шестиугольной сетки.

Объект> Трансформировать> Поворот и откройте диалоговое окно Поворота.

Сделайте угол 180 градусов и выровняйте центр по углу шестиугольника. Нажмите ОК.

adobe illustrator create three point star expand fill stroke object color eid fitr pattern tile

После завершения, нажмите Готово в панели управления, чтобы сохранить Новый узор.

Как только шаблон создано, он сохраняется в панели Образцы.

Если вы хотите снова отредактировать Новый узор, откройте панель Образцы: Окно> Образцы и дважды щелкните образец узора, чтобы отредактировать.

adobe illustrator save pattern to edit swatches panel adjust artwork modify control panel eid fitr holiday card

Файл> Сохранить (Command-S) и ОК.

Выберите созданный нами узор, и удалите его; он нам больше не нужен.

Шаг 9

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

Выберите инструмент Прямоугольник (M), и с помощью нашей Заливки новым узором нарисуйте прямоугольник вокруг монтажной области.

adobe illustrator new pattern create rectangle tool background pattern tile eid fitr holiday card misschatz

Когда вы это сделаете, возьмите инструмент Прямоугольник (M), выберите заливку цвета по вашему выбору и нарисуйте еще один прямоугольник вокруг монтажной области. Затем Отправьте на задний план (Command-[), так что это позади нашего узора.

adobe illustrator edit fitr pattern create rectangle tool background send to back

Шаг 10

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

Установите радиус 1: 106 мм

Радиус 2: 95 мм

Число лучей 12

ОК.

adobe illustrator star dialog box create 12 point pattern background eid fitr card design

После того, как вы установили цвет фона и форму, примените Объект> Контур> Создать параллельный контур со Смещением -6mm, Стыки Угловые и OK.

Придайте новой форме цвет, без заливки и установите Обводку 6 pt.

adobe illustrator offset path apply stroke new layer text

Файл> Сохранить (Command-S) и ОК.

Откройте панель Слои (Окно> Слои) и выберите значок Создать новый слой, чтобы создать новый слой для нашего текста.

3. Пошив арабского текста

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

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

Прежде чем мы начнем работать над созданием нашего арабского текста, давайте узнаем основы правильной каллиграфии:

  • Арабский язык пишется справа налево и носит курсивный характер.
  • Отсутствуют формы заглавных букв
  • Все буквы соединяются вместе справа, но не все слева.
  • При написании арабских слов вы должны быть знакомы с основным поведением каждой буквы. В принципе, все буквы написаны на основной линии, и некоторые поднимаются, а другие падают, ниже основной линии.

Google перевел слова для нашего приветствия «Ид Мубарак». Вы видите, что на арабском языке это написано, как: عيد مبارك.

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

sketch arabic calligraphy letter form ascending descending baseline round type fite eid mubarak

Шаг 1

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

Выберите инструмент Эллипс (L). Откойте дилоговое окно Эллипса, с обводкой 7 pt и без заливки.

Установите Ширину и Высоту на 31 мм и нажмите OK. Это будет наша базовая высота.

adobe illustrator ellipse tool circle round letter form create baseline

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

Ширина: 31 мм (тот же диаметр, что и для эллипса)

Высота: 60 ​​мм (половина диаметра эллипса, добавленного над и под)

Радиус угла: 16 мм (для хорошей скругленной кривой)

ОК.

rounded rectangle tool dialog box width height adobe illustrator eid fitr greeting type lettering miss chatz

Выберите оба объекта с помощью инструмента Выделение (V).

Откройте панель Выравнивание (Окно> Выравнивание) и выровняйте по центру горизонтально и вертикально.

horizonal align center vertical align center align panel ellpse round rectangle type eid fitr car greeding

Шаг 2

Измените режим Просмотр на Контуры (Просмотр> Контуры).

Выделите оба объекта, удерживая клавиши Shift-Alt, перетащите, чтобы дублировать объект, и переместите его влево, чтобы выровнять его по левой границе.

При помощи Command-D повторите последнее действие. Повторите четыре раза, пока не будут выровнены шесть групп объектов.

outline mode view repeat action duplicate eid fitr outline greeting font

Используйте сочетание клавиш Command-Y для переключения вида Просмотра.

Выделите все объекты с помощью инструмента Выделение (V) и с нажатой клавишей Shift-Alt уменьшите масштаб до шестиугольника.

Затем Shift-Alt-Drag для Дублирования и создания второй строки.

adobe illustrator duplicate object create duplicate shift alt drag eid fitr greeting card miss chatz

Затем давайте разберем наши Линейки командой Command-R, чтобы мы могли установить наши текстовые направляющие.

Чтобы убедиться, что направляющие будут заблокированы, выберите Просмотр>Направляющие>Закрепить направляющие.

Перетащите направляющие, чтобы создать базовый, восходящий и нисходящий уровни высоты.

guide drag heights baseline text edit edi fitr card

Шаг 3

"Eid" (عيد) состоит из трех букв, но все они находятся на основной линии.

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

eid text alignment guides delete onjects shape eid greeting card fitr illustration illustrator adobe

Затем перейдем к сокращению форм букв. Следуя нашему эскизу арабского текста, используйте Ножницы (C) на панели инструментов, чтобы разрезать точки на эллипсах, а затем удалите лишнее.

Затем давайте подберем слово «Мубарак» (مبارك). Есть два восходящих буквы и одна спадающая. Выберите объекты, которые нам не нужны, и удалите, затем используйте инструмент Ножницы (C), чтобы обрезать буквы, в соответствии с нашим эскизом.

cut objects with scissors tool arabic text eid mubarak greeting misschatz

Шаг 4

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

adobe illustrator direct selection tool adjust line ascending letter guidlines fitr eid greeting miss chatz

Затем используйте Выделение (V), удерживая Shift внизу, чтобы распределить буквы ближе друг к другу.

Как только вы закончите, давайте добавим знаки к нашим буквам.

Шаг 5

Выберите инструмент Эллипс (L) и откройте его диалоговое окно, щелкнув один раз на монтажной области.

Создайте эллипс Шириной и Высотой 6 мм.

adobe illustrator dot letters ellipse tool sign height width dialo box eid fitr greeting mubarak

В средней букве «Eid» (عيد) будет две точки ниже основной линии.

Поэтому убедитесь, что вы создали два ровных эллипса.

Кроме того, нам надо добавить еще точку, ниже второй буквы слова «Мубарак» (مبارك). Для этого создайте еще один эллипс.

eid mubarak ellipse dot and sign greeting fitr holiday card adobe illustrator misschatz

Шаг 6

В последней букве (Kaph ك) в «Мубараке» (مبارك) есть символ «хамза» (ء), который нам нужно воссоздать. Он выглядит удлиненной буквой «c», но с хвостом.

На панели инструментов выберите Прямоугольник с скругленными углами. Создайте скругленный прямоугольник с белой обводкой 7 pt и без заливки с 17 мм Ширины, 13 мм Высоты и Угловым радиусом 16 мм.

rounded rectangle tool radius width height letter creation eid greeting

Используйте Ножницы (C), чтобы разрезать его на «C». Удалите лишнее.

Затем выберите инструмент Перо (P) и выберите узел, чтобы дорисовать хвостик.

Файл> Сохранить (Command-S) и ОК.

4. Добавим детали

Шаг 1

Отлично, мы почти закончили.

Скройте направляющие, так как в них нет необходимости. Просмотр> Направляющие> Скрыть направляющие (Command-;).

Примените команду Command-A, чтобы выделить все объекты на текстовом слое, а затем правильно выровняйте их по шестиугольнику.

Затем при помощи Выделения (V) выберите элементы с белой обводкой и сбавьте толщину обводки до 9 pt.

adobe illustrator fix stroke thicken fitr eid mubarak card text design

Объект> Разберите оформление с Заливкой и Обводкой, и нажмите ОК.

Примените Command-A, чтобы выбрать все элементы и придайте им цвет Заливки на ваш выбор, но без Обводки.

eid mubarak greeting card design fitr adobe illustrator object expand fill color stroke

Шаг 2

Давайте закончим со звездами и луной.

Используя Элиппс (L) и желтую заливку нарисуйте любой эллипс.

Затем нарисуйте над ним еще один эллипс, внутри первого, чтобы получить вид полумесяца.

ellipse tool draw crecent moon eid fitr holiday greeting pathfinder ramadan

Давайте вырежем наш полумесяц.

Откройте Окно> Обработка контуров.

В режиме Обработки контуров выберите Минус передний план.

Вы получили полумесяц!

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

Далее Файл> Сохранить (Command-S) и ОК.

Eid Mubarak!

Надеюсь, вам понравилось следовать процессу создания Арабского узора и вы получили несколько полезных команд, чтобы изменить закругленный арабский шрифт, а также вдохновились на создание своей собственной красочной поздравительной открытки Eid для празднования Eid Al-Fitr.

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

Оставляйте любые возникнувшие вопросы, в комментариях ниже.

Счастливого Ида!

final card design fitr eid holiday greeting design arabesque pattern design adobe illustrator vector style miss chatz freelance artist dubai uae gcc
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.