Comment créer un motif d'inspiration folklorique traditionnelle roumaine dans Adobe Illustrator

Ce que vous allez créer

Le tutoriel d'aujourd'hui est un peu spécial, car je vais vous montrer comment construire quelque chose basé sur un motif décoratif roumain traditionnel cousu à la main..

Le didacticiel lui-même utilisera l'outil Rectangle en collaboration avec le mode de prévisualisation des pixels afin de créer un signet personnalisé, que vous imprimerez et utiliserez ensuite..

Sur l'histoire et la culture

Avant de commencer, je voudrais vous parler un peu de l’histoire de l’œuvre que nous allons reproduire.. 

En tant que personne de nationalité roumaine, les premières années de ma vie ont toujours été absorbées par ce qui est considéré comme un art traditionnel fait main. 

Ma mère, créatrice de vêtements pour femmes, a toujours eu à cœur d'utiliser des éléments inspirés de différentes régions du pays.. 

Mon père, né dans un petit village, a toujours voulu que ma vie évolue différemment à la campagne par rapport aux grandes villes. Il m'a donc montré des choses qui appartenaient à sa famille: des vêtements , des tapis et des sandales faits à la main et complètement différents de ceux que vous porteriez aujourd’hui. 

Même si je ne m'imaginais pas porter de tels articles, les motifs complexes que les femmes plus âgées cousaient à la main dans les tissus portés par des membres de la famille entière m'intriguaient toujours, motifs qui devinrent plus tard des symboles des différentes administrations roumaines. les régions.

D'un point de vue historique, les archéologues ont découvert des œuvres d'art décoratif datant de plus de 6 000 ans, mettant en lumière ce qui est maintenant considéré comme un élément important de la vie, de la mentalité et des croyances des personnes qui ont vécu à cette époque.. 

À travers ces lignes, les Roumains ont façonné un art qui est devenu aujourd'hui un élément touristique important. Des milliers de personnes du monde entier empruntent les couloirs du musée du village national de Dimitrie Gusti pour avoir un aperçu de sa beauté..

Le motif que j'ai choisi de recréer provient du comté de Muscel, situé dans la région de Muntenia, et était principalement utilisé au XIXe siècle. Le style utilisé dans cette région était fortement basé sur des lignes droites formant des motifs géométriques et des couleurs plus sombres et plus froides (noir, rouge, puis violet et vert).. 

Il est à noter que, en fonction de l'âge de la personne qui était censée porter le vêtement, les motifs et les couleurs ont été adaptés pour que cet indicateur social puisse être reflété à travers eux. Les plus jeunes auraient des couleurs plus vives et des motifs moins sophistiqués, tandis que les aînés porteraient des couleurs plus sombres et plus compliquées..

Le segment que j'ai pris a été légèrement adapté de ma propre main afin de lui donner une touche finale, car j’ai estimé que le motif devait comporter des sections délimitantes pour ses parties supérieure et inférieure..

À présent, je vais recréer pas à pas ce modèle à l’aide de quelques outils et fonctions de base dans Adobe Illustrator..

1. Configuration du document

En supposant que vous ayez déjà allumé Illustrator, créez un Nouveau document (Fichier> Nouveau) avec les paramètres suivants:

  • Nombre de planches: 1
  • Largeur: 120 px (1,67 po)
  • la taille: 600 px (8.33 in)
  • Unités: Pixels

Et de la Avancée languette:

  • Mode de couleur: CMJN
  • Effets raster: Haute (300 ppp)
  • Aligner de nouveaux objets sur la grille de pixels: vérifié

Wow, attendez une seconde. Ai-je créé un document destiné à être imprimé et défini les unités en pixels? Oui, c'est ce que j'ai fait. Pourquoi, vous vous demandez peut-être? Eh bien, parce que le motif que nous allons construire est basé sur des formes carrées, qui sont plus faciles à positionner une fois que nous profitons de l’aperçu des pixels.mode. De plus, j'ai déjà converti les dimensions de mon Artboard de pouces en px, alors ne vous inquiétez pas des problèmes de dimensionnement une fois imprimés..

2. Mise en place de nos couches

Aller au Couches panneau et créer deux couches, en les nommant comme suit:

  1. prénom
  2. modèle

3. Créer le motif

Une fois que nous avons configuré et documenté notre document, nous pouvons commencer à créer le modèle actuel..

Étape 1

Positionnez-vous sur le calque du motif en prenant soin de verrouiller l’autre, et créez un 4 x 4 carré que nous allons colorier en rouge (# E94849). En utilisant le Transformer panneau, sélectionnez puis placez l'objet que nous venons de créer en utilisant ces coordonnées:

  • X: 60 px
  • Y: 524 px

Étape 2

Entrer Aperçu pixel mode, en allant à Affichage> Aperçu des pixels (Alt-Control-Y), et ensuite zoomer sur notre petit carré. 

Maintenant vient la partie la plus délicate. Comme le motif lui-même est composé d'un nombre assez grand de carrés individuels, nous devrons créer une ligne de base de ces objets, que nous copierons et collerons, en positionnant chaque ligne dupliquée plus près du haut. Au fur et à mesure que nous progressons, je vous dirai exactement quels carrés vous devez supprimer pour obtenir le bon motif..

Sélectionnez donc notre carré original et créez sept copies à gauche et sept autres à droite en les faisant glisser vers la gauche ou vers la droite tout en maintenant enfoncées. Alt. Une fois que vous avez tous les 15 objets, sélectionnez-les, puis copiez-les dans le Presse-papiers (Control-C).

Étape 3

Avant de créer notre deuxième rangée, nous devons nous débarrasser du troisième carré de gauche et du troisième de droite et du septième des deux côtés. Il suffit de les sélectionner et de frapper Effacer.

Étape 4

Créez la deuxième ligne en collant simplement (Contrôle-V) et en le déplaçant par-dessus le premier.

Étape 5

Ajustez la copie en supprimant les deuxième et quatrième carrés de chaque côté et les trois au milieu..

Étape 6

Créez la troisième ligne en double en utilisant le même processus de collage à partir du Presse-papiers (Contrôle-V), puis retirez les troisième et cinquième carrés de chaque côté.

Étape 7

Sur la quatrième ligne, supprimer le quatrième et les six carrés.

Étape 8

Pour la cinquième ligne, nous devons nous débarrasser des carrés cinq et sept..

Étape 9

À la rangée six, nous devons supprimer les carrés deux, trois et six de chaque côté et celui du milieu.

Étape 10

Une fois que vous avez créé la septième rangée, supprimez les troisième et septième carrés des côtés gauche et droit..

Étape 11

Comme vous pouvez le constater, notre motif se dessine lentement mais sûrement, créant des sauts répétables dans le positionnement de nos petits carrés. Parce qu’à présent nous avons une section plus grande que nous pouvons utiliser pour simplifier notre processus, nous allons simplement copier (Control-C) tout ce que nous avons créé jusqu'à ce point, collez-le à la place (Contrôle-F), puis retournez les objets horizontalement (clic droit > Transformer> Réfléchir> Horizontal), en veillant à les déplacer en haut de la ligne numéro sept (la dernière que nous avons créée).

Étape 12

Une fois notre première grande section du motif créée, nous pouvons la regrouper (Contrôle-G) puis dupliquez-le en faisant glisser tout en maintenant enfoncé Alt, positionner la copie avec une seule ligne vers le bas (4 px) vers l'original, de sorte que la rangée supérieure de l'original passe sous la rangée inférieure de la copie (j'ai repéré la superposition à l'aide d'un rectangle rouge semi-transparent).

Nous faisons cela parce que la décoration centrale du motif est constituée de carrés, ce qui nous oblige à superposer les copies pour les obtenir correctement.

Étape 13

Après avoir créé notre section inférieure du motif, sélectionnez et regroupez ses éléments (Contrôle-G) puis faire une copie (Contrôle-C> Contrôle-F) et positionnez-le vers le haut de notre Artboard en utilisant ces coordonnées:

Votre illustration devrait ressembler à quelque chose comme ça.

Étape 14

Comme la partie supérieure de notre motif est plus longue que celle du bas, nous devons répéter le même exercice de duplication en maintenant enfoncée. Alt, puis appuyez sur Contrôle-D (répéter une foispour créer deux copies supplémentaires (j'ai coloré les copies dans des tons légèrement plus foncés pour que vous puissiez mieux les voir).

Vous devriez maintenant avoir quelque chose comme ça.

Étape 15

Une fois le motif créé, nous devons ajouter quelques touches de finition pour le rendre plus attrayant. La première chose à faire est de prendre soin des motifs de bandes latérales.

En utilisant le Outil Rectangle (M) créer un plus petit 2 x 2 px carré, coloriez-le en utilisant la même teinte rouge (# E94849) puis positionnez-le sur le côté inférieur gauche de notre section de motif inférieure, à une distance de 4 px.

Étape 16

Créer un autre 2 x 2 px carré et positionnez-le vers le coin supérieur droit de la forme précédemment créée.

Étape 17

Créer un peu plus grand 4 x 2 px rectangle, en l'alignant sur le côté inférieur gauche du petit carré inférieur à l'aide du bouton Aligner panneau.

Étape 18

Ajustez la forme précédemment créée en double-cliquant dessus pour entrer Mode d'isolation (clic-droit > Isoler le chemin sélectionné) et en utilisant le Outil de sélection directe (A) sélectionnez ses points d’ancrage du côté droit, en les déplaçant vers le haut 2 px.

Si vous éteignez Aperçu pixel vous devriez avoir quelque chose comme ça.

Conseil rapide: essayez de vous habituer à entrer et sortir (Alt-Control-Y) de Aperçu pixel mode car il vous aide à concevoir avec une plus grande précision, car vous pouvez voir exactement quel espace occupent vos formes.

Étape 19

Regroupez les trois objets précédemment créés, créez une copie et positionnez-la vers la partie supérieure du motif central le plus grand.

Étape 20

Sélectionnez les éléments du haut et du bas, puis créez un fondu entre eux pour remplir l’espace vide en allant à Objet> Fusion> Options de fusion. Ici, vous verrez un pop-up vous demandant quel type de Mélange tu veux faire. Nous devons le régler sur Étapes spécifiées et entrez 23 dans la zone de saisie de valeur.

Conseil rapide: Si vous n’avez jamais travaillé avec des mélanges, vous devriez maintenant qu’une fois que vous avez configuré la Options de mélange vous devez aller au Objet> Mélange menu une fois de pluset sélectionnez Faire pour que le mélange prenne forme.

Étape 21

Étant donné que le mélange est en fait une ligne, nous devons l'élargir en sélectionnant puis en passant à Objet> Développer et en vérifiant les deux Objet et Remplir dans la boîte pop-up.

Cette étape n'est pas obligatoire mais plutôt une préférence personnelle, car je préfère toujours avoir tous les éléments configurés en tant qu'objets..

Étape 22

Copiez le motif de gauche à droite de notre centre plus grand et positionnez-le à la même distance de 2 px.

Étape 23

Terminez la section inférieure de notre modèle en ajoutant deux 4 x 100 px des lignes de chaque côté des motifs en zigzag, en les positionnant 2 px d'eux.

Étape 24

Copiez l’élément inférieur du motif zigzag latéral et créez deux copies que nous alignerons ensuite sur les côtés inférieur et supérieur du décor le plus long..

Étape 25

Sélectionnez les objets supérieur et inférieur, puis créez un autre Mélange, mais cette fois utiliser 71 pour le Étapes spécifiées. Créez le mélange, développez-le puis créez un duplicata et positionnez-le sur le côté droit du motif central.

Étape 26

Ajouter deux 4 x 292 px lignes de chaque côté afin que notre conception garde un sens de continuité.

Étape 27

Comme notre modèle est complet, nous devons y ajouter les sections supérieure, centrale et inférieure. Entrer Aperçu pixel mode, et en utilisant le Outil Rectangle (M) créer un 92 x 4 px objet et le positionner vers le haut de notre modèle, à une distance de 4 px en utilisant le Aligner panneau.

Étape 28

Ajouter un peu plus petit 84 x 2 px objet, et le positionner 2 px de la précédente.

Étape 29

Créez un motif en losange en dessinant huit plus petits 4 x 4 px carrés, que nous allons tourner à un 45 ° angle (sélectionnez> clic droit> Transformer> Rotation > 45), puis grouper dans une section gauche et droite, en positionnant les éléments internes à une distance de 2 px l'un de l'autre. Ajouter un plus grand 8 x 8 px faites-le pivoter de la même manière que pour les plus petits, puis centrez-le horizontalement et verticalement avec les deux groupes. Sélectionnez les neuf objets en forme de losange et veillez à les éloigner 2 px de la ligne la plus proche sous eux.

Conseil rapide: vous avez peut-être remarqué qu'une fois entré Aperçu pixel mode, les objets tournés semblent tout flous. En effet, leurs points d'ancrage ne sont plus capturés par la grille de pixels en raison du processus de rotation. Pour résoudre ce problème, isolez-les simplement et utilisez le Outil de sélection directe sélectionner et déplacer chaque ancre à son intersection de grille la plus proche.

Étape 30

Sélectionnez les deux lignes du bas sous le motif en losange et copiez-les (Control-C) puis collez-les à la place (Contrôle-F). Assurez-vous de déplacer le duplicata vers le haut des losanges, en les reflétant horizontalement (clic droit> Reflect> Horizontal). Une fois que vous avez terminé, sélectionnez les lignes supérieure et inférieure et le motif en losange intérieur, puis regroupez-les tous (Contrôle-G).

Étape 31

Créez une copie des objets précédemment regroupés (Contrôle-C> Contrôle-F) et placez-le juste sous le motif de la section inférieure à une distance de 4 px.

Étape 32

Déplacez-vous vers la section centrale qui reste entre les deux sections de notre motif décoratif et créez deux 92 x 2 px des rectangles, en les positionnant 4 px des parties supérieure et inférieure du motif.

Étape 33

Ajouter deux autres 92 x 4 px rectangles et positionnez chacun 2 px de ceux précédemment créés.

Étape 34

En utilisant le Outil de sélection directe (A), sélectionner et copier (Control-C) l'un des plus gros objets en forme de losange, en alignant une copie à gauche et une autre à droite des segments que nous venons de créer, en veillant à les centrer à la fois horizontalement et verticalement.

À ce stade, notre illustration est presque terminée. Tout ce que nous avons à faire est d’ajouter le nom (votre propre nom) à l’aide de notre police de caractères spécialement sélectionnée, et nous sommes prêts à partir..

4. Ajouter une touche personnalisée à notre marque-page traditionnel

Alors que le projet tourne autour de la création de quelque chose de personnel que chacun de vous peut utiliser comme instrument pratique, la dernière étape de notre processus consiste à mettre votre nom sur le recto du signet. J'ai soigneusement choisi une police personnalisée que vous devrez télécharger et installer pour terminer ce petit projet..

Le nom de la police est ArhaicRegular et peut être téléchargé à partir de dafont.com..

En supposant que vous ayez réussi à charger la police sur votre ordinateur, à déverrouiller la couche de noms et à utiliser le Outil de type (T) Cliquez n'importe où pour commencer à écrire. Tapez votre propre nom, puis changez la police en ArhaicRegular, la mise en Taille de police à 14 pt. Sélectionnez le texte puis alignez-le au centre à l’aide des touches Paragraphe options du panneau supérieur, modification de la couleur en # 6B6B6B.

Enfin, placez le texte entre les deux groupes de lignes (ceux avec les objets en forme de losange de chaque côté).

Impression!

C'est tout! Si vous avez suivi le didacticiel étape par étape, vous devriez maintenant avoir un élément de signet unique prêt à être imprimé. Vous avez également appris quelque chose sur les origines de cet art décoratif traditionnel roumain et sur le processus de sa recréation à l'aide d'Adobe Illustrator..