Comment créer un motif d'écharpe Jordan 'Hatta' avec Adobe Illustrator

Ce que vous allez créer

'Hatta'est le nom de l'écharpe carrée traditionnelle que les hommes du Moyen-Orient portent comme coiffe. 

C'est un tissu de coton blanc, conçu dans des motifs à carreaux et traditionnellement porté pour la protection contre le soleil, le sable et les nuits froides. Selon la partie du monde arabe dans laquelle vous vous trouvez, on l'appelle aussi KiffiyehGhutrahshemagh ou mashadah. Le nom, le design, la couleur et le style vestimentaire varient selon les régions et les habitants..

En Jordanie, le hatta les couleurs de la coiffe sont le rouge et le blanc - un marqueur associé au patrimoine du pays et généralement porté comme un symbole nationaliste arabe. Pour votre bref savoir, la Jordanie est officiellement connue sous le nom de «Royaume hachémite de Jordanie». Les couleurs utilisées sur le damier hatta la conception a été historiquement adoptée à la fois du drapeau hachémite rouge et du drapeau de la révolte arabe, ce qui en fait un symbole de la Jordanie. 

Dans le monde occidental, le design du foulardest généralement porté dans les couleurs noir / blanc ou rouge / blanc, et ce n'est pas plus qu'un accessoire de mode ou une tendance du vêtement. Autres pays ayant adopté le rouge-blanc keffieh les couleurs sont l'Irak, l'Arabie Saoudite et la Syrie. 

Dans aujourd'hui Adobe Illustrator tutoriel, nous allons couvrir les étapes pour créer le rouge-blanc hatta modèle de foulard et l'appliquant au titre "JORDAN".

Si vous souhaitez acheter des motifs et des illustrations arabes, rendez-vous simplement chez GraphicRiver ou consultez mes autres tutoriels sur Envato Tuts.+.

Commençons à faire des patrons!!

Ce dont vous aurez besoin

Vous aurez besoin de la police suivante pour mener à bien ce projet:

  • Robinson régulier. Si vous souhaitez utiliser une police similaire, vous pouvez toujours obtenir un résultat final similaire..

1. Comment concevoir le motif à damier

Étape 1

UNE hatta design est composé de trois motifs différents: Checker, Wave et Diagonal.

Avant de commencer, créez un Nouveau document (Commande-N) de taille de bannière 851 x 315 px, Paysage l'orientation, et RVB Mode de couleur.

Étape 2

Commençons par concevoir le Vérificateur modèle.

Commencez par dessiner deux rectangles. Sélectionnez le Outil Rectangle (M). Dessine un 18 px rouge # d32127 rectangle et un autre rectangle de dimensions 8 X 16 px.

Ouvrez le Propriétés panneau (Fenêtre> Propriétés) pour accéder rapidement aux paramètres, contrôles, options d'édition et alignement.

Prendre le Outil de sélection (V), sélectionnez les deux rectangles et appliquez un Horizontal et Centre d'alignement vertical action aux deux. Command-G à Groupe.

Étape 3

Basculer vers le Outil de sélection directe (UNE) pour afficher automatiquement tous les Coin en direct les widgets qui apparaissent à côté de chaque coin. Clique le Coins lien dans le Contrôle panneau (Fenêtre> Contrôle) et régler le Rayon à 2 px.


Étape 4

Ensuite, avec le Outil Rectangle (M), en utilisant le même remplissage rouge de # d32127, en tirer un 2.3 X 25,6 px rectangle vertical et un rectangle horizontal de 14.6 X 2,3 px.

Sélectionnez tous les rectangles avec le Outil de sélection (V). Appliquer le Centre horizontal et vertical actions, de la Propriétés panneau, pour les aligner verticalement et horizontalement.

Étape 5

Sélectionnez le groupe de rectangle arrondi. ensuite Copier (Commande-C) et Coller devant (Command-F).

Objet > Transformer > Tourner le groupe 90°. Ensuite, sélectionnez la barre rectangle verticale, et Copier (Commande-C) et Coller devant (Command-F).

Ensuite, sélectionnez le groupe arrondi horizontal plus lebarre rectangle verticale. Maintenez la Décalage touche pour contraindre le mouvement et faites glisser les objets vers le bord de la barre horizontale, comme indiqué.

Étape 6

Sélectionnez toutes les formes. Objet > Modèle > Faire. le Options de modèle boîte de dialogue s'ouvrira. Appliquez les paramètres suivants:

  • Prénom: Vérificateur
  • Type de tuile: Brique par rangée
  • Décalage de brique: 1/2
  • Dissocier laLien largeur et hauteur
  • La taille: 21 px
  • Copies: 7 x 7 

Une fois le motif créé, vous pouvez supprimer les formes, comme maintenant la Vérificateur le motif apparaîtra dans le Échantillons panneau (La fenêtre > Échantillons).

Notre premier modèle est prêt.

2. Comment créer le motif de vagues

Étape 1

Sélectionnez le Outil Ellipse (L) et dessine un 5 X 11,5 px ellipse rouge # d32127.

Sélectionnez le Outil de point d'ancrage (Maj-C) et effilez les points d’ancrage supérieur et inférieur de l’ellipse. Puis du Propriétés panneau, appliquer un Tourner de -45 ° à la forme.

Étape 2

Allume ton Guides intelligents (Command-U). Ces repères apparaissent lorsque vous déplacez des objets et vous aideront à aligner les objets avec précision..

Du Outils menu, sélectionnez le Outil Rectangle Arrondi, sous le Outil Rectangle. Appuyez une fois sur la planche pour ouvrir le Rectangle arrondi boîte de dialogue et choisissez les paramètres suivants:

  • Largeur: 1,2 px
  • La taille: 2 px
  • Rayon de coin: 0,7 px
  • D'accord

Puis utilisez le Outil de sélection (V) et avec l'aide du Guides intelligents, positionnez le rectangle arrondi au-dessus de l'ellipse effilée, comme indiqué ci-dessous.

Étape 3

Sélectionnez la forme de la feuille et le rectangle arrondi, et Copier (Commande-C) et Coller devant (Command-F).

Prendre le Outil de réflexion (O) et définissez le point de référence central bleu à la fin de la base de la feuille, comme indiqué dans l'image. Maintenez Option-Shift et faites glisser et relâchez lorsque la sélection est reflétée sur.

Étape 4

Un raccourci rapide pour apprendre à apprendre Adobe Illustrator est le Glisser-déposer action au lieu de Copier coller action. 

Nous devons dupliquer le rectangle arrondi pour le positionner sur la base des deux objets feuille. Sélectionnez le rectangle arrondi, maintenez la touche Option-Alt clés, et faites glisser l'objet avec le Sélection Outil (V) à la base des feuilles. Cela va créer un duplicata.

Étape 5

Sélectionnez toutes les formes, puis cliquez sur le bouton Unir action de la Éclaireur dans le Propriétés panneau.

Étape 6

Objet Modèle > Faire ouvrir le Options de modèle boite de dialogue.

  • Prénom: Vague
  • Type de tuile: la grille
  • Dissocier Largeur et hauteur
  • Largeur: 14,15 px (ajustez la largeur de sorte que les sommets des rectangles arrondis se chevauchent à l'intersection).
  • Copies: 7 x 7 

Nous sommes prêts avec le deuxième motif. Il devrait apparaître dans le Échantillons panneau après.

3. Comment configurer le motif en diagonale

Le troisième motif, le Diagonale, est le plus facile à mettre en place. Nous avons juste besoin de créer un motif de rectangle vertical que nous transformerons plus tard.

Prendre le Outil Rectangle (M) et créer un remplissage rouge # d32127 rectangle sur 2 X 5 px

Objet Modèle > Faire ouvrir le Options de modèle boite de dialogue.

  • Prénom: Diagonale
  • Type de tuile: la grille
  • Dissocier Largeur et hauteur
  • Largeur: 3 px 
  • La taille: 5 px (environ)
  • Copies: 7 x 7 

Et notre troisième modèle est prêt!

4. Comment concevoir le titre "Jordan"

Étape 1

Ouvrez le Personnage panneau (La fenêtre > Type > Personnage ou Command-T). Sélectionnez le Outil de type du Outils panneau. Sélectionnez le Robinson Régulier famille de polices (une police trouvée sur Envato Elements) à partir du Personnage panneau. 

Ensemble Taille de police à 400 pt, avec suivi fixé à 25 pt, tapez "JORDA", et laissez le N dehors. Nous allons concevoir une écharpe sous la forme du «N». 

Objet> Développer. Assurez-vous de vérifier Objet et Remplir, puis D'accord, de sorte que le type se transforme en formes individuelles.

Étape 2

Le drapeau de la Jordanie a une petite étoile blanche à sept branches. Nous allons donc créer une étoile devant celle du type représentant le drapeau..

Sélectionnez le Outil étoile, du Outil Rectangle options déroulantes dans le Outils panneau.

Appuyez une fois sur la planche pour la Étoile boîte de dialogue et définir:

  • Rayon 1: 26 px
  • Rayon 2: 14 px
  • Points: 7
  • D'accord

Étape 3

Créons le N pour 'Jordan'.

Sélectionnez le Outil Rectangle (M) et avec l'aide de Guides intelligents, dessinez une barre verticale de la même épaisseur et de la même hauteur que le lettrage:

  • Largeur: 34,96 px
  • La taille: 279,297 px

Étape 4

Objet> Chemin> Ajouter des points d'ancrage au rectangle. Cela va ajouter des points d'ancrage entre les autres points d'ancrage.

Prendre le Outil de sélection directe (UNE), sélectionnez les points d’ancrage de base gauche et droit et faites-les glisser vers le haut d’environ -35 px.

Sélectionnez le point d'ancrage en haut à gauche et faites-le glisser d'environ 35 px.

Étape 5

Supprimez le point d’ancrage central du rectangle à l’aide de la touche Supprimer l'outil Point d'ancrage (-).

Puis sélectionnez le Outil de réflexion (O) et définissez le point de référence central bleu à droite de la forme, comme indiqué ci-dessous. Option-Maj-Drag et relâchez pour refléter.

Ensuite, utilisez le Outil Rectangle (M) et avec l'aide de Guides intelligents, dessiner un rectangle de connexion avec approximativement la même hauteur de pixel de notre largeur de forme de lettre, à 37.86 px.

Étape 6

Arrondissons maintenant légèrement les bords de notre écharpe "N" pour s’adapter au style du texte..

Prendre le Outil de sélection directe (UNE) et sélectionnez les points d'ancrage qui ne touchent pas l'intersection du milieu.

dans le Coins option du Contrôle panneau, réglez le Rayon à 1 px.

Étape 7

Sélectionnez toutes les formes 'N', avec le Outil de sélection (V). Utilisez le Flèche gauche touche pour aligner visuellement la distance entre le 'A' et le 'N'.

Ensuite, sélectionnez les formes «JORDA», plus les deux jambes du «N». Puis ouvrez le Éclaireur panneau (Fenêtre> Pathfinder). 

Dans le menu d'options, sélectionnez Faire la forme composée. Cela combinera toutes les formes en une seule forme composée.

Étape 8

Maintenant, exposons notre modèle en commençant par le Vérificateur modèle.

Maj-D commuter Mode de dessin normal à Mode dessin derrière. Sélectionnez le Vérificateur motif de la Échantillons panneau. Ensuite, avec le Outil Rectangle (M), dessine un 810 X 135 px rectangle, avec l'aide du Propriétés panneau et Guides intelligents.

Le motif apparaîtra droit, nous devons donc l'incliner. Objet> Transformer> Échelle… ouvrir le Échelle boite de dialogue. Assure-toi Transformer les motifs est cochée et applique un 60% d'uniforme échelle.

Ensuite, vous devez faire pivoter le motif. Objet> Transformer> Tourner…  ouvre le Tourner boite de dialogue. Définissez la rotation sur 45 °, et cliquez D'accord.

Notre Vérificateur le motif est défini.

Étape 9

Passer à la conception du Diagonale des rayures. 

Sélectionnez le Diagonalemotif de la Échantillons panneau. Dessinez trois barres rectangulaires, avec le Outil Rectangle (M), en utilisant les paramètres suivants:

  • Barre 1: 810 x 4 px
  • Barre 2: 810 x 11 px
  • Barre 3: 810 x 4 px

Vous réaliserez les paramètres de transformation que nous avons appliqués à la Checkele motif r continue à s'appliquer à la Diagonale, donc on n'a pas besoin de les redéfinir.

Étape 10

Groupe l'arbre Diagonale bars (Command-G).

Nous devons dupliquer le groupe, alors appliquez le Glisser-déposer action. Sélectionnez le Diagonale groupe de barres, maintenez la Option-Alt clés, et faites glisser le groupe avec le Sélection Outil (V) au bord du 'J'.

Étape 11

Maintenant, ajoutons le Vague modèle.

Sélectionnez le Vaguemotif de la Échantillons panneau, et utiliser le Outil Rectangle (M) dessiner un 810 X 46 px rectangle.

Les paramètres de transformation appliqués au premier motif restent, vous devez donc les modifier. Sélectionnez le Vaguemotif de la Échantillons panneau pour le réinitialiser. Objet> Transformer> Échelle… Pour ouvrir le Échelle boite de dialogue. Assure-toi Transformer les motifs est cochée et applique un Uniforme échelle de 60% et cliquez D'accord.

Étape 12

Maintenant le Vague motif a besoin d'un peu d'ajustement de sorte qu'il se trouve correctement dans la conception.

Éditer, double-cliquez le motif de la Échantillons panneau. dans le Options de modèle boite de dialogue, Dissocier Largeur et la taille. Puis ajustez le la taille à peu près 12 px, il y a donc un espacement entre les copies supérieure et inférieure.

Étape 13

Vous devrez transformer le motif dans la forme sans déplacer l'objet. Sélectionnez donc le rectangle avec le Vague motif de remplissage.

Puis maintenez la Accent grave (') en glissant et ajustez-le en conséquence.

Étape 14

Pour la partie de base de l’effet de motif, tracez un remplissage rouge (# d32127) rectangle à 810 40 px.

Étape 15

Groupe tous les motifs ensemble (Command-G). Ensuite, avec le Outil de sélection (V), sélectionnez à la fois la forme 'JORDA' et le motif groupé, puis créez un masque de découpage avec Objet> Masque d'écrêtage (Command-7).

5. Comment finaliser le design

Étape 1

Sélectionnez la forme d'étoile à sept branches et utilisez le Outil Pipette (I) appliquer le même motif sur le Diagonale les bars.

Escaladons le Diagonale motif dans la conception, donc il semblera plus harmonieux à la conception. Sélectionnez> Identique> Remplir color, sélectionner tous les motifs en diagonale. Objet> Transformer> Échelle…  ouvrir le Échelle boite de dialogue. Met le Uniforme échelle à 150%, et cliquez D'accord.

Étape 2

le Vérificateur motif s'aligne de droite à gauche, alors reflétons le Diagonale motif pour aller dans le même sens. Objet> Transformer> Refléter. Vérifier Transformer les motifs, définir le reflet Angle à 0 °, et cliquez D'accord.


Étape 3

Certains motifs peuvent nécessiter un léger alignement.

Allez-y et sélectionnez ceux que vous souhaitez ajuster, maintenez la touche enfoncée. Accent grave ('), et faites-les glisser pour les aligner proprement.

Ensuite, sélectionnez le rectangle de connexion 'N' et utilisez le Outil Pipette (je) d'appliquer le même Vérificateur motif sur le lettrage.

Étape 4

Ajoutons de petites étoiles à sept branches au centre des bases triangulaires du 'N'.

Maj-D revenir à Mode de dessin normal. Sélectionnez le Outil étoile du Outils panneau. Avec un blanc Remplir et nul Accident vasculaire cérébral, dessiner une étoile à sept branches sur 8 X 8 px.

Puis, avec l'étoile toujours sélectionnée, appliquez Glisser-déposer en maintenant le Option-Alt touches et en faisant glisser l'objet étoile avec le Sélection Outil (V) à l'autre extrémité triangulaire, comme indiqué ci-dessous.

Étape 5

Pour créer l'effet foulard, nous devons créer un effet d'ombre sur les plis..

Prendre le Outil stylo (P) et avec un remplissage rouge (# DB9C9C), tracez une forme triangulaire sur les bords du rectangle 'N' de connexion, comme indiqué dans l'image.

Maintenez la Décalage clé pour contraindre les lignes. Utilisez le Guides intelligents dessiner des triangles de largeur similaire, aux deux extrémités.


Étape 6

Ouvrez le Transparence panneau (Fenêtre> Transparence). Sélectionnez les deux triangles et définissez leur Mode de fusion à Multiplier.

Étape 7

Faites attention aux détails. Prenez le temps à la fin de peaufiner les motifs et les formes pour que tout soit parfaitement mis en place.

Pour finaliser la bannière, ajoutez un fond blanc. 

Toutes nos félicitations!

Votre "Jordanie" du Moyen-Orient hatta la bannière est terminée! 

Vous voyez, c'était facile à créer. Utilisez votre imagination et soyez simplement créatif.

J'espère que vous avez trouvé des outils utiles, des astuces et des astuces et que vous avez apprécié ce tutoriel! À la prochaine.