Comment concevoir une carte de voeux Eid Al-Fitr dans Adobe Illustrator

Ce que vous allez créer

"Eid al-Fitr", souvent abrégé en "Eid", est le "festival du jeûne". C'est une fête religieuse célébrée par les musulmans du monde entier pour marquer la fin du mois de jeûne du mois de Ramadan..

Traditionnellement, l'Aïd est célébré pendant trois jours, tout comme la première observation du croissant de lune est repérée à la fin du mois lunaire du Ramadan..

Pour fêter ça, les musulmans se rassemblent le matin à la mosquée pour faire leur prière d'Aïd, puis rendent visite à leurs amis et à leur famille, se régalent et dégustent une tonne de bonbons pour marquer la fin du jeûne. Les célébrations sont aussi une période de pardon, de remerciement pour Allah et d’offrant des dons et de la nourriture aux moins fortunés..

La salutation arabe la plus populaire pendant ces vacances est généralement "Eid Mubarak", qui est traduit en anglais en "festival béni".

Dans ce didacticiel, nous allons créer une carte de vœux Arabesque Eid. Nous allons utiliser des formes de base pour concevoir un motif d'art islamique et apprendre à personnaliser une police en arabe pour "Eid Mubarak".. 

Si vous cherchez de l'inspiration, pourquoi ne pas consulter les nombreux designs d'Eid proposés sur le marché Envato?. 

1. Créer un nouveau document et configurer

Pour concevoir notre carte de voeux, nous devons avoir une connaissance de base de l'art islamique. La méthode de construction générale de tout motif Arabesque est constituée de formes géométriques plus ou moins imbriquées, telles que les hexagones, les carrés, les octogones, les triangles, les étoiles et les cercles. Créer une mosaïque de motifs est un défi assez intéressant. Par conséquent, en tant que débutant, gardez-le aussi simple que possible et travaillez avec une grille..

J'ai ébauché à peu près l'idée du dessin de la carte et un exemple du dessin du carreau que je veux recréer. C'est une combinaison d'étoiles, d'un cercle et d'un hexagone. Alors, commençons!

Ouvrir Adobe Illustrator CC, et frapper Contrôle-N créer un nouveau document.

Sélectionner Profil: RVB de base.

dans le Unités menu déroulant, sélectionnez Millimètres et entrez 250 mm pour Largeur et la taille, et prénom votre dossier "Eid_Greeting". Cliquez sur D'accord.

Clique sur le Avancée bouton, assurez-vous RVB, Écran (72ppi) est sélectionné et cocher Aligner de nouveaux objets sur la grille de pixels. Cliquez sur D'accord.

Une fois le fichier ouvert, Voir> Afficher la grille. ensuitesélectionner Voir> Aligner sur la grille

La grille doit être adaptée à la planche graphique, nous devons donc la modifier. Aller à Illustrator> Préférences> Guides et grille et dans le Quadrillage tous les boîte d'écriture 25 mm, et écrire 6 dans le Subdivisions boîte. 

2. Modélisme

Étape 1

Commençons par créer la mosaïque pour notre modèle, puis le reste est facile.

Dans mon dessin, j'avais deux étoiles à six branches dans un cercle et enfermées dans un hexagone.

Sélectionnez le Outil Ellipse (L) avec Remplir à Aucun et noir Accident vasculaire cérébral, maintenez la Optionet Décalagetouches et faites glisser pour contraindre votre sélection. Alignez l’ellipse sur deux subdivisions carrées de la grille. Chaque division carrée est de 25 mm, le diamètre de votre cercle serait donc de 50 mm. Si vous sélectionnez Fenêtre> Info, vous pouvez voir les dimensions exactes de la largeur et de la hauteur de votre sélection.

Étape 2

Ensuite, nous devons créer les deux étoiles à six branches dans le cercle.

Faire un À 6 pointes étoile, sélectionnez la Outil étoile, et cliquez une fois au centre de l'ellipse, pour centrer l'étoile et ouvrir le Étoileboite de dialogue.

Faire Rayon 1: 25 mm (la moitié du diamètre de notre ellipse), Rayon 2: 8mm, et Points: 6.

Aller à Fenêtre> Course, ouvrir le Accident vasculaire cérébral panneau.

Sélectionner Casquette: casquette ronde et Coin: joint rond, de sorte que les extrémités pointues de l'étoile ne dépassent pas la limite de l'ellipse.

Suivant avec l'étoile à 6 branches sélectionnée, Copier (Commande-C), Coller devant (Command-F). ensuite Objet> Transformer> Rotation. La boîte de dialogue Rotation apparaîtra; faire Angle: 90 degrés.

Avec le Outil de sélection (V), sélectionnez les éléments des deux étoiles à six branches et du cercle et appliquez une 5 pt Poids au Accident vasculaire cérébral, du Accident vasculaire cérébral panneau.

Puis sélectionnez le Casquette: Butt Cap, Corner: Joint d'onglet, et appliquer un Limite de 4x, donc les arêtes des angles sont coupantes pour le dodécagone interne.

Étape 3

Sélectionnez les trois objets avec le Outil de sélection (V).

Objet> Développer. Assure-toi Remplir et Accident vasculaire cérébral sont vérifiés, et D'accord.

Ouvrez le Éclaireur panneau: Fenêtre> Pathfinder, et sélectionnez Modes de forme: unissez, créer une forme composée.

Étape 4

Sélectionnez le Outil Rectangle (M) avec un blanc Remplir et noir Accident vasculaire cérébral, maintenez la Altet Décalagetouches pour contraindre la sélection et dessiner un rectangle autour du motif circulaire.

Ensuite, avec le Outil de sélection (V), glissez sur les deux objets pour les sélectionner et cliquez sur Pathfinders: Divide.

Prendre le Outil de sélection directe (A), et sélectionnez la forme en excès extérieure, puis Effacer.

Puis avec le Outil de sélection (V), sélectionnez notre objet et Objet> Dissocier (Maj-Commande-G), afin que nous puissions colorier chaque élément séparément.

Étape 5

Colorons nos carreaux.

Avec le Outil de sélection directe (A), sélectionnez les éléments du motif que vous voulez dans le même groupe de couleurs.

Appliquer un Remplir couleur de votre choix, avec Accident vasculaire cérébral à Aucun. Puis regrouper les mêmes éléments de remplissage de couleur. Objet> Groupe (Commande-G).

Faites la même chose avec le reste des éléments.

Assurez-vous que chaque élément est groupé dans le choix de couleur correspondant et avec Accident vasculaire cérébral à Aucun.

Étape 6

Sélectionnez tous les éléments avec le Outil de sélection (V), et alors Objet> Modèle> Marque. Notre nouveau motif apparaîtra automatiquement, mais il doit être éditédans le Options de modèle boite de dialogue.

Choisissez comment poser les carreaux. Hex par Row placera la tuile dans une forme hexagonale et l'arranger en rangées. Les tuiles de la rangée se centreront dans un alignement horizontal, les autres rangées étant alignées verticalement.

Ensuite, spécifiez la hauteur et la largeur hors tout du carreau. Changer la Largeur à 50 mm et Height 58 mm.

Vous devrez expérimenter différentes valeurs, plus petites ou plus grandes que la hauteur et la largeur de l’œuvre, pour atteindre le motif souhaité..

Étape 7

Ensuite, nous devons remplir l'espace triangulaire entre les motifs circulaires.

Retirer Aligner sur la grille afin que nous puissions créer une étoile à trois points dans l'espace triangulaire vide. Affichage> Aligner sur la grille (Commande + Maj + ").

Ensuite, choisissez une couleur Remplir et Accident vasculaire cérébral de 4 pt.

Sélectionnez le Outil étoile, et cliquez une fois dans le coin supérieur gauche de la grille hexagonale.

L'étoile boite de dialogueapparaîtra. Entrer:

Rayon 1: 4,5 mm

Rayon 2: 1,2 mm

Points: 3

D'accord

Étape 8

Avec l'étoile sélectionnée, Objet> Développer, avec Objet, remplir et Accident vasculaire cérébral sélectionné et cliquez D'accord.

Sélectionnez le Outil de sélection directe (A), et donnez aux deux éléments une couleur différente. J'ai gardé les bords épais du même ton.

Avec le Outil de sélection (V), sélectionnez l'étoile à trois branches, maintenez la touche Alt-Shift clés et faites glisser l'objet vers le coin inférieur gauche de la grille hexagonale.

Objet> Transformer> Rotation, et le Tourner boîte de dialogue s'ouvrira.

Faire le Angle 180 degrés, et alignez le centre sur le coin de la grille hexagonale. Cliquez sur D'accord.

Une fois que vous avez terminé, cliquez sur Terminé dans la barre du Panneau de configuration pour enregistrer le Nouveau modèle.

Une fois qu'un motif est créé, il est stocké dans le Échantillons panneau.

Si vous souhaitez éditer le Nouveau modèle à nouveau, puis ouvrez le Panneau Nuancier: Fenêtre> Nuancier, et double-cliquez sur le motif de nuance, pour éditer.

Fichier> Enregistrer (Command-S) et D'accord.

Sélectionnez l'objet de mosaïque que nous avons créé et supprimez-le. on n'en a plus besoin.

Étape 9

Une fois que nous avons configuré notre modèle de mosaïque, tout ce que nous avons à faire est de remplir notre arrière-plan.

Sélectionnez le Outil Rectangle (M), et avec notre Nouveau modèle Remplir dessiner un rectangle autour de la planche.

Une fois que vous faites cela, prenez la Outil Rectangle (M), choisir une couleur Remplir de votre choix et dessinez un autre rectangle autour de la planche d’art. ensuite Envoyer au fond (Commander-[), c'est donc derrière notre modèle.

Étape 10

Ensuite, créons la zone d’arrière-plan de notre texte. Choisissez le Outil étoile depuis votre barre d’outils, définissez un remplissage de couleur et cliquez une fois sur le centre de votre Étoile boîte de dialogue à ouvrir.

Ensemble Rayon 1: 106 mm

Rayon 2: 95 mm

Points 12

D'accord.

Une fois que vous avez défini la couleur et la forme de l'arrière-plan, Objet> Chemin> Chemin décalé, et le mettre à -6mm, Joins: Mitre, et D'accord.

Donne à la nouvelle forme une couleur, pas de remplissage, et définissez Accident vasculaire cérébral à 6 pt.

Fichier> Enregistrer (Command-S) et D'accord.

Ouvrez le Couches panneau (Fenêtre> Calques) et sélectionnez le Créer un nouveau calque icône pour créer un nouveau calque pour notre illustration de texte.

3. Adapter le type arabe

L'art de la calligraphie arabe est également connu sous le nom de calligraphie islamique, car il a d'abord été conçu pour être écrit pour le Coran, qui est le livre sacré de l'islam. La calligraphie diffère de l’écriture manuscrite, car elle sert à la fois d’esthétique et de fonctionnalité. L’écriture, par contre, est principalement utilisée pour communiquer.

Il existe de nombreux styles de calligraphie arabe et chaque écriture a sa propre forme et ses propres caractéristiques. Nous ne passerons pas par les différents types de style, mais si vous êtes intéressé par les lettres et les motifs, vous pouvez alors profiter vous-même de ces tutoriels de calligraphie arabe destinés aux débutants..

Avant de commencer à adapter notre texte arabe, voici une brève introduction aux bases de la calligraphie:

  • L'arabe est écrit de droite à gauche et en caractère cursif.
  • Il n'y a pas de lettres majuscules. 
  • Toutes les lettres se connectent ensemble à droite, mais pas toutes les lettres se connectent à gauche.
  • Lorsque vous écrivez des mots arabes, vous devez connaître le comportement de base de chaque lettre. Fondamentalement, toutes les lettres sont écrites sur la ligne de base, et certaines sont ascendantes tandis que d'autres sont en dessous de la ligne de base..

Google a traduit les mots pour notre message d'accueil "Eid Mubarak". Vous verrez comment c'est écrit en arabe, comme suit: عيد مبارك.

Pour familiariser votre œil avec ses différentes formes, je l’ai dessiné sur une ligne de base afin que vous puissiez voir quelles lettres montent et descendent. De plus, un lettrage rond est utilisé, ce qui facilite son imitation..

Étape 1

Commençons par créer notre forme de lettre en déterminant les hauteurs de base, ascendante et descendante.

Sélectionnez le Outil Ellipse (L). Avec un coup de blanc 7 pt, et remplissez à néant, cliquez une fois pour ouvrir le Ellipse boite de dialogue.

Ensemble Largeur et la taille à 31 mm, et D'accord. Ce sera notre hauteur de base.

Puis sélectionnez le Outil Rectangle Rond, du Outils barre, et cliquez une fois sur la planche pour obtenir le Rectangle arrondi boite de dialogue.

Ensemble Largeur: 31mm (même diamètre que l'ellipse créée)

Hauteur: 60 mm (la moitié du diamètre de l'ellipse ajouté dessus et dessous)

Rayon de coin: 16mm (pour une belle courbe ronde)

D'accord.

Sélectionnez les deux objets avec le Outil de sélection (V).

Ouvrez le Aligner panneau (Fenêtre> Aligner), et Centre d'alignement horizontal et Centre d'alignement vertical.

Étape 2

Changer la Vue en mode contour (Voir> Contour).

Avec les deux objets sélectionnés, maintenez la touche enfoncée. Décalage-Alt clés et traîne, pour dupliquer l'objet et le déplacer vers la gauche pour l'aligner sur le bord gauche.

le Commande-D raccourci répétera la dernière action. Répétez quatre fois jusqu'à ce que six groupes d'objets soient alignés.

Utilisez le Command-Y raccourci pour passer de la vue à Aperçu.

Sélectionner tous les objets avec le Outil de sélection (V), et avec Maj-Alt maintenus vers le bas, réduisez-les pour qu'ils correspondent à notre fond hexagonal.

ensuite Maj-Alt-Drag jusqu'à Dupliquer et créer la deuxième rangée.

Ensuite, sortons notre Règle à travers le raccourci Commande-R, afin que nous puissions mettre dans nos lignes directrices de texte.

Pour vous assurer que les guides seront verrouillés, sélectionnez Affichage> Guides> Guides de verrouillage.

Faites glisser les guides pour créer la ligne de base, ainsi que les niveaux de hauteur croissant et décroissant..

Étape 3

"Eid" (عيد) est composé de trois lettres, mais elles sont toutes sur la ligne de base.

Alors Effacer les objets gauche et droit dans la première rangée, plus les trois rectangles arrondis ascendants.

Ensuite, passez à couper les formes de lettres. En suivant le croquis de type arabe, utilisez le Outil Ciseaux (C) du Outils barre pour couper les points sur les ellipses, puis supprimez le surplus.

Ensuite, adaptons le mot "Mubarak" (مبارك). Il y a deux lettres ascendantes et une décroissante. Sélectionnez les objets dont vous n’avez pas besoin et supprimez-les, puis utilisez la commande Outil Ciseaux (C) couper les lettres, selon l'illustration esquissée.

Étape 4

Sélectionnez les points finaux des lettres ascendantes avec Direct Outil de sélection (A), et maintenez le Décalage touche pour contraindre la sélection lorsque vous déplacez le repère de hauteur croissant vers le haut.

Puis utilisez le Outil de sélection (V), en portant Décalage vers le bas, pour répartir les lettres plus près.

Une fois que vous avez terminé, ajoutons des signes à nos lettres.

Étape 5

Sélectionnez le Outil Ellipse (L) et ouvrez le Ellipse boîte de dialogue, en cliquant une fois sur la planche.

Créer un 6 mm de largeur Et la taille ellipse.

Il y aura deux points en dessous de la ligne de base dans la lettre du milieu "Aïd" (عيد).

Assurez-vous donc que deux ellipses alignées sont créées..

De plus, il y a un autre point à ajouter, sous la deuxième lettre de "Mubarak" (مبارك). Alors créez une autre ellipse pour cela.

Étape 6

La dernière lettre (Kaph ك) dans "Moubarak" (مبارك), a "Hamzah"(ء) symbole que nous devons recréer. Il ressemble à une lettre allongée" c "mais avec une queue.

Dans la barre d’outils, sélectionnez le Outil Rectangle Arrondi. Avec un coup de blanc 7 pt, et remplissez à néant, créez un rectangle arrondi avec 17 mm de largeur, 13 mm Hauteur, et Rayon d'angle 16 mm.

Utilisez le Outil Ciseaux (C) du Outils bar, pour le couper en "C". Effacer l'excès.

Puis sélectionnez le Outil stylo (P) et sélectionnez le joint pour dessiner une queue.

Fichier> Enregistrer (Command-S) et D'accord.

4. Ajout de détails

Étape 1

Génial, nous avons presque fini.

Cachez les directives car nous n'en avons plus besoin. Affichage> Guides> Masquer les guides (Commander-;).

Command-A, à Sélectionner Tout objets sur le calque de texte, puis alignez-les correctement dans l'hexagone.

Puis avec le Outil de sélection (V), sélectionner les éléments avec un trait blanc et épaissir le trait pour 9 pt.

Objet> Développer avec Remplir et Accident vasculaire cérébral vérifié, et D'accord.

Command-A, à Sélectionner Tout, et leur donner un Remplir couleur de votre choix avec Accident vasculaire cérébral à aucun.

Étape 2

Finissons-en avec des étoiles et une lune.

Avec le Outil Ellipse (L), et remplissage jaune, dessinez une ellipse à main levée.

Puis libérez une autre ellipse par-dessus, vers l’intérieur de la première ellipse, de sorte que l’ellipse ci-dessous commence à ressembler à un croissant..

Découpons notre croissant.

Ouvrir Fenêtre> Pathfinder.

Dans Pathfinder> Modes de forme, sélectionner Minus Front.

Maintenant, vous devriez avoir un croissant de lune!

Enfin, prenez le Outil étoile du Outils bar, sélectionnez une couleur Remplir, et remplissez au hasard l'espace autour du texte avec de petites étoiles.

Fichier> Enregistrer (Command-S) et D'accord.

Eid Mubarak!!

J'espère que vous avez apprécié l'apprentissage du processus de création d'un motif Arabesque et que vous avez gagné quelques raccourcis utiles pour personnaliser une police arabe arrondie. Vous avez également été inspiré pour créer votre propre carte de vœux colorée de l'Aïd pour la célébration de l'Aïd Al-Fitr..

Amusez-vous à créer et sentez-vous toujours libre de partager le résultat de votre message d'accueil de l'Aïd.

Laissez toutes les questions que vous pourriez avoir dans la section commentaires ci-dessous.

Joyeux Aïd!