Comment réaliser une peinture dorée inspirée dans Illustrator

Dans ce tutoriel, nous allons voyager dans le temps pour recréer le style de peinture de l'un des artistes les plus remarquables du symbolisme - Gustav Klimt. Ses œuvres regorgent de chaudes couleurs dorées, d'ornements simples, de motifs irréguliers, de symboles naturels et de formes asymétriques. Nous allons travailler pour produire ce style avec l'aide des outils Adobe Illustrator.

introduction

J'ai récemment reçu un beau cadeau - une reproduction d'un tableau de Gustav Klimt. Ce travail exceptionnel m'a fait comprendre que nous, concepteurs, sommes habitués à chercher l'inspiration dans tout ce qui nous entoure plutôt que derrière nous..

Il y a des siècles, il y avait des centaines d'artistes brillants dont les peintures sont devenues immortelles. De nombreuses périodes intéressantes de l’histoire de l’art offrent de nombreuses sources d’inspiration. Nous entamons donc aujourd'hui une série de tutoriels consacrés à différentes périodes historiques de l'art, dans lesquels nous recréerons les styles les plus difficiles au moyen de graphismes modernes. Nous commençons la série avec des œuvres inspirées des peintures de Gustav Klimt.

Gustav Klimt, artiste autrichien du XIXe siècle, est l'un des fondateurs de l'art moderne européen. Ses œuvres regorgent de symboles et d’ornements cachés, de chaudes couleurs dorées, de motifs asymétriques et de formes naturelles. Les corps de la femme sont l’objet principal de ses peintures et ses portraits demeurent jusqu’à présent des œuvres de prédilection pour de nombreuses personnes. Vous pouvez rechercher son art brillant (via Google, par exemple) et visiter la page Wikipedia de Gustav Klimt pour vous familiariser avec les œuvres d'art.

Nous recréerons le style et la technique uniques de Klimt à l'aide des outils Adobe Illustrator, appliquant des pinceaux, des symboles, des textures et des motifs, des modes de fusion et quelques astuces supplémentaires..


Partie 1: Contexte

Étape 1

Ouvrez Adobe Illustrator et créez un nouveau document 1200 px par 800 px en mode couleur RVB. Dessinez un rectangle d’arrière-plan (M) qui recouvre l’ensemble de la toile avec les mêmes dimensions (1200 px sur 800 px) et remplissez-le avec un dégradé brun doré qui va former une couleur plus foncée au bas (# 936509) le haut (# BC8B0F). Verrouillez maintenant ce rectangle (Commande + 2).

Étape 2

Maintenant, nous avons besoin d'un ornement chaotique sur le fond. J'ai trouvé un moyen intelligent de le faire avec l'aide de la grille. Choisissez l'outil Grille rectangulaire et faites glisser la souris pour couvrir l'arrière-plan. Maintenant, tout en maintenant le bouton de la souris enfoncé, modifiez le nombre de divisions avec les flèches vers le haut et vers le bas pour le nombre de lignes et les flèches vers la gauche ou la droite pour le nombre de colonnes..

De plus, nous avons besoin d'un ordre plus irrégulier, alors inclinons la largeur des colonnes en appuyant sur les touches C ou X et la hauteur des lignes avec les touches F ou V. Vous pouvez relâcher le bouton de la souris lorsque la grille est suffisamment irrégulière. Il est également possible de créer de telles grilles en saisissant les valeurs exactes - appuyez sur Entrée et insérez la taille, le nombre de lignes et de colonnes et la distorsion à votre guise..

Étape 3

Modifiez la couleur de remplissage de la grille en jaune clair (# E8BF2A) et dissociez-la (Commande + Maj + G), car il s’agit en fait d’un groupe de rectangles et de lignes. Ouvrez maintenant le panneau Pathfinder (Maj + Commande + 9) et cliquez sur le bouton Diviser pour le diviser en différentes formes..

Dissociez à nouveau et accédez à Objet> Transformer> Transformer, cochez les cases Aperçu et Aléatoire, entrez environ 70% pour les échelles horizontale et verticale, puis faites un peu glisser les curseurs de déplacement si vous souhaitez obtenir un effet aléatoire. Appliquez lorsque vous êtes satisfait et regroupez à nouveau les formes (Commande + G) pour obtenir l'image ci-dessous..

Étape 4

Avec le groupe de rectangles sélectionné, allez à Effets> Styliser> Coins arrondis et entrez une valeur d’environ 10 px. Dans le panneau Transparence (Commande + Maj + F10), changez le mode de fusion en Lumière douce. Enfin, faites-en une copie et faites-la pivoter de 180 degrés avec l'outil Rotation (R), puis cliquez sur Entrée. Maintenant, insérez 180 pour l'angle et appuyez sur Copier. Vous aurez deux couches de formes superposées créant un effet aléatoire. Verrouillez cette couche pour l'instant et nommez-la "BG".


Partie 2: arbre

Étape 5

Créez un nouveau calque et nommez-le "ARBRE". Nous allons maintenant créer un arbre, élément présent dans de nombreuses peintures de Gustav Klimt. L'artiste aimait représenter des formes naturelles, souvent à l'aide d'objets en spirale. Nous allons dessiner un simple arbre asymétrique avec des lignes lisses pour obtenir un effet similaire. Pour ce faire, nous allons créer un pinceau personnalisé.

Prenez l'outil Ellipse (L) et créez une petite ellipse de 40 px sur 20 px, sans trait et avec un remplissage gris moyen. Utilisez maintenant l'outil de sélection directe (A) pour déplacer le point d'ancrage le plus à droite d'environ 400 px vers la droite pour obtenir une forme déformée..

Ouvrez maintenant le panneau Formes (F5) et faites glisser la forme dans la liste des formes. Dans la boîte de dialogue, choisissez Art Brush. Dans la fenêtre des options du pinceau, laissez tous les paramètres intacts, changez simplement son nom, sélectionnez la méthode de couleur Décalage de teinte et choisissez la direction appropriée (de gauche à droite)..

Étape 6

Vous pouvez supprimer la forme maintenant. Choisissez l'outil Pinceau (B), changez la couleur de trait en brun foncé (# 603813) et remplissez la couleur en aucune. Réglez les paramètres du pinceau comme indiqué ci-dessous en cliquant sur Entrée et en insérant les valeurs appropriées. Dans le panneau Pinceaux, choisissez le pinceau que nous venons de créer. Nous allons maintenant dessiner un arbre, commencer par une ligne courbe et modifier la largeur de trait du trait en 2 points. Créer quelques branches plus épaisses.

Étape 7

Continuez à dessiner des branches avec l'outil Pinceau. Cette fois avec une largeur de trait de 1 pt. Créez autant de lignes que vous le souhaitez, mais essayez de conserver un arbre dans la partie droite de votre document. Vous avez besoin de formes arrondies pour imiter un arbre, comme Klimt le décrivait habituellement. Nous n’ajouterons pas de feuilles. Si les branches sont prêtes, sélectionnez-les toutes et regroupez-les..

Étape 8

Nous avons encore besoin de décorer l'arbre, alors prenez l'outil Crayon (N) et tracez une longue ligne ondulée qui se croise plusieurs fois au-dessus de l'arbre. Faites-le sans remplissage et coup de 1 pt de n'importe quelle couleur.

Nous allons lui appliquer un joli petit point dispersé maintenant. Ouvrez la bibliothèque de styles: Fenêtre> Bibliothèques de styles> Décoratif> Decorative_Scatter, puis choisissez le pinceau Dot Rings. Il apparaîtra dans votre panneau Pinceaux principal. Vous pouvez maintenant sélectionner la ligne que vous avez créée et lui appliquer ce pinceau. Enfin, dans le panneau Transparence, modifiez le mélange des points en lumière dure. L'arbre est prêt - vous pouvez verrouiller cette couche maintenant.


Partie 3: sol

Étape 9

Créons un terrain maintenant. Nous allons utiliser des ornements et des motifs pour le sol plutôt qu'une couleur unie, l'artiste aimant les éléments chaotiques sur toutes les surfaces. Tout d'abord, créez un nouveau calque et nommez-le «SOL», puis dessinez une forme dans la partie inférieure de l'image, sans trait et avec un remplissage marron moyen (# 8C683C). Vous pouvez le faire avec l'outil Crayon (N) ou avec l'outil Crayon (P) si vous vous sentez à l'aise avec cela..

Ouvrez maintenant le panneau Apparence (Maj + F6) et ajoutez un nouveau remplissage à cette forme. Naviguez jusqu'à Fenêtre> Bibliothèques de nuances> Motifs> Graphiques de base> Textures et choisissez le motif que vous préférez pour le nouveau remplissage. J'ai choisi USGS_20_Scrub. Il ne reste plus qu'à changer le mode de fusion de ce remplissage de texture en Lumière douce dans le panneau Transparence (Commande + Maj + F10)..

Étape 10

Dessinez une forme d'ellipse, mais n'utilisez pas l'outil Ellipse. Prenez un crayon (N) et dessinez une forme circulaire pour que l'objet ait l'air irrégulier et dessiné à la main. Pour fermer le tracé tout en dessinant avec le crayon, appuyez sur le bouton Alt. Créez plusieurs formes d'ellipse plus similaires et placez-les dans l'objet au sol, en modifiant la taille, l'angle et la position. Donnez-leur un remplissage de couleur cuivre (# BF6143) et aucun trait, et regroupez toutes les formes.

Étape 11

Une fois le groupe sélectionné, accédez au panneau Transparence (Commande + Maj + F10) et modifiez son mode de fusion en Color Burn tout en réduisant l'opacité à environ 50%. Maintenant, allez dans Effets> Styliser> Lueur intérieure et ajustez les paramètres d'effet comme indiqué ci-dessous: couleur, mode de fusion et rayon de flou.

Étape 12

Dessinez une petite ellipse d’environ 35 px sur 30 px, remplissez-la de bleu foncé sans trait. Créez une autre ellipse plus petite d'environ 20 px sur 15 px, créez un remplissage jaune et un trait noir et placez-la au-dessus de la première bleue..

Maintenant, groupez les deux formes et allez dans Effets> Déformer et transformer> Roughen, avec de petites valeurs de taille et de détail (environ 15 pour les deux) et des angles lisses. Maintenant, faites glisser cette forme résultante vers le panneau de symboles.

Maintenant, prenez le pulvérisateur de symboles Tool (Shift + S) et vaporisez le nouveau symbole sur le sol. Vaporisez 10 à 15 formes, puis choisissez les outils Symbol Shifter, Symbol Sizer et Symbol Spinner pour modifier légèrement les occurrences de symboles afin d'obtenir un aspect plus naturel, modifier leur taille, leur angle et leur position. Lorsque vous êtes satisfait, verrouillez le calque "Terre".


Partie 4: Figure

Étape 13

Nous sommes arrivés à la partie la plus importante de notre travail - la figure féminine. Cet élément est essentiel dans les peintures de Gustav Klimt. Ses portraits sont bien connus et populaires dans le monde entier. L'artiste a porté une grande attention aux détails lors de la représentation de figures féminines, alors essayons de transmettre son style de peinture.

Créez un nouveau calque et nommez-le "FIGURE". A présent, dans la partie gauche de votre document, créez un rectangle (M) d'environ 400 pixels par 600 pixels et remplissez-le d'une couleur brun clair (# CC9340) sans trait. A présent, dans le panneau Apparence (Maj + F6), ajoutez un nouveau remplissage au rectangle et remplacez-le par une couleur unie par une texture de motif irrégulière. Naviguez jusqu'à Fenêtre> Bibliothèques de nuances> Motifs> Graphiques de base> Textures et choisissez un motif appelé USGS_2_Marsh. Maintenant, avec un nouveau motif de remplissage choisi dans le panneau Apparence, changez son mode de fusion en surimpression dans le panneau Transparence (Commande + Maj + F10)..

Étape 14

La prochaine étape consiste à ajouter des bandes à la figure. Pour ce faire, créez un autre rectangle de 400 px sur 600 px par rapport au précédent (ou dupliquez le premier) et remplissez-le d'une couleur vert clair sans trait. Maintenant, allez à Objet> Chemin> Séparer en grille afin de couper le rectangle en plusieurs fines bandes. Dans la fenêtre de la grille, entrez 24 lignes et modifiez la valeur de la gouttière en 15 px tout en laissant 1 colonne (voir l'image). Enfin, modifiez la couleur des rayures en choisissant des couleurs aléatoires: j'ai utilisé le fuchsia, le jaune, le vert foncé, le bleu et le marron. Maintenant, regroupez les 24 bandes (Commande + G).

Remarque: pour plus de commodité, j'ai désactivé la visibilité des objets sous-jacents dans l'image ci-dessous..

Étape 15

Maintenant, sélectionnez le groupe de bandes, et nous les déformerons pour obtenir un aspect plus aléatoire. Prenez un outil de déformation (Shift + R) et déformez un peu les rayures pour les rendre ondulées. Vous pouvez ajuster les options des outils en appuyant sur Entrée ou essayer d’autres outils de ce groupe. Vous aurez besoin d'une image similaire à celle ci-dessous.

Étape 16

Le prochain ornement que nous voulons ajouter à cette figure est un ensemble de triangles. Nous n'utiliserons pas de formes polygonales pour cela, car nous voulons encore une apparence plus irrégulière. Prenez l'outil Crayon (N) et tracez une rangée de 3 formes triangulaires (pour fermer un tracé, maintenez le bouton Alt enfoncé). Remplissez les formes avec différentes nuances de brun et ne les faites pas.

À présent, dupliquez-les en maintenant la touche Alt + Maj enfoncée, puis alignez la copie sur les triangles d’origine. Répétez maintenant la duplication pour obtenir un autre jeu de triangles. Vous devez avoir 3 rangées de 3 formes chacune. Je vous recommande également de modifier la position des formes afin qu'elles soient moins ordonnées. Maintenant, copiez les 9 formes et déplacez-les à nouveau pour les positionner en haut, et changez la couleur des formes si vous le souhaitez. Regrouper toutes les 18 formes maintenant, comme dans l'image ci-dessous.

Étape 17

Il est possible d’ajouter un petit détail à la figure avec la brosse à dispersion, comme nous l’avons fait pour la décoration des arbres. Utilisez l’outil Crayon (N) pour tracer un chemin au tracé sinueux qui se croise plusieurs fois au-dessus des triangles. Assurez-vous que le remplissage est désactivé et que le trait est large d'un point avec n'importe quelle couleur. Choisissez maintenant le même pinceau que nous avons utilisé pour l’arbre - Anneaux à points de la bibliothèque de motifs décoratifs et appliquez-le au tracé sélectionné. Maintenant changez le mode de fusion de cette forme en Lumière douce.

Étape 18

Nous devons maintenant recadrer le groupe d’éléments que nous avons créés pour la figure, en ajoutant une forme appropriée. Encore une fois, utilisez l'outil Crayon (N) pour dessiner une forme qui ressemble grossièrement à une figure féminine - reportez-vous à l'image ci-dessous. Définissez le trait sur Aucun et remplissez-le selon un dégradé linéaire allant du noir au gris en passant par le noir. Dans le panneau Transparence, réduisez l’opacité de la forme à 50% et définissez le mode de fusion sur Color Burn..

Maintenant, copiez et collez la forme devant (Command + C et Command + F), sélectionnez toutes les formes que nous avons créées sur ce calque "Figure" et créez un masque de découpage avec la copie de forme ci-dessus (Command + 7). Désormais, toutes les illustrations sont cachées en dehors de la forme de masquage créée. Le corps est prêt, et nous pouvons verrouiller ce groupe pour l'instant.

Étape 19

Il est temps d'ajouter une tête. J'ai décidé de faire une vue de femme par derrière, car je pense qu'il n'est pas facile d'imiter la technique utilisée par Gustav Klimt pour les visages féminins..

Dessinez simplement une forme avec l'outil Crayon (N) qui représente une vue de l'arrière de la tête d'une femme et remplissez-la d'une couleur brun foncé (# 5E3C1D). Ajoutez maintenant trois chemins ouverts au-dessus de la tête à l’aide de l’outil Crayon pour imiter les reflets des cheveux. Ne les remplissez pas et faites un trait de 3 points brun clair (# D0AF89), et changez leur mode de fusion en Lumière douce.

Enfin, appliquez un pinceau sur les trois lignes de surbrillance en accédant à Fenêtre> Bibliothèques de pinceaux> Artistique> ChalkCharcoal_Pencil et choisissez Pinceau Charcoal-Pencil. Regrouper la tête et 3 formes de cheveux. La figure est prête maintenant et vous pouvez verrouiller cette couche.


Partie 5: Décoration

Étape 20

La composition principale étant prête, ajoutons quelques détails pour améliorer le style unique de Klimt. Créez un nouveau calque et nommez-le "DÉTAILS". Commençons par créer un motif de brosse personnalisé. Pour ce faire, créez un petit triangle (environ 20 px sur 20 px) avec l'outil Polygon, attribuez-lui un remplissage orange et un trait marron de 1 point. Tracez un petit cercle avec l'outil Ellipse (L) et placez-le au centre du triangle, donnez-lui un remplissage bleu avec un trait rouge..

À présent, dupliquez les deux formes en maintenant les touches Alt + Maj enfoncées, faites-les glisser vers la droite et alignez une copie sur l'original. Modifiez maintenant le remplissage et le contour de la copie en triangle en nuances plus claires, puis modifiez les couleurs de la copie en cercle selon vos préférences. Assurez-vous que les deux triangles se touchent, puis sélectionnez les quatre formes et faites-les glisser dans le panneau Formes (F5). Dans la boîte de dialogue, choisissez Pinceau Bordure (motif). Laissez toutes les options intactes, choisissez la méthode de colorisation Hue Shift et entrez le nom du nouveau pinceau..

Étape 21

Maintenant, avec l'outil Crayon, tracez environ dix lignes courbes qui vont de la base de la figure féminine. L'idée est de leur appliquer un nouveau pinceau à motif triangulaire, mais en utilisant des paramètres différents. Pour ce faire, appliquez une couleur de trait différente aux lignes, puis sélectionnez-les et choisissez un nouveau pinceau dans le panneau Pinceaux..

Modifiez la largeur de trait de certaines lignes entre 0,5 et 2 points pour un effet plus aléatoire. Vous pouvez également modifier les options du pinceau appliqué à des chemins distincts en sélectionnant Options des objets sélectionnés dans le menu déroulant Brosses et en modifiant les paramètres. Une fois que vous êtes prêt, regroupez toutes les lignes.

Étape 22

Ouvrez la bibliothèque de symboles (Fenêtre> Bibliothèques de symboles> Textures artistiques) et faites glisser le symbole Splatter sur votre plan de travail. Maintenant que l’instance de symbole est sélectionnée, créez un nouveau pinceau à dispersion dans le panneau Pinceaux et insérez les options suivantes..

Pour compléter la décoration, prenez à nouveau un crayon et tracez quelques lignes courbes au-dessus du document. Change leur couleur de trait en marron, jaune ou orange. Appliquez maintenant un nouveau pinceau anti-éclaboussures et définissez le mode de fusion des lignes sur Lumière douce, Surimpression ou Gravure couleur pour ajouter une texture. Vous pouvez verrouiller cette couche maintenant.


Partie 6: Texture

Étape 23

Créez le dernier nouveau calque et nommez-le "TEXTURE". Nous allons ajouter ici un aspect de surface texturé pour compléter l’effet de la peinture sur la toile. Créez un rectangle (M) avec les dimensions du document 1200 px par 800 px qui couvre l’ensemble de l’image. Remplissez-le avec une couleur gris moyen et changez le trait en aucun.

Maintenant, allez dans Effets> Texture> Grain, et entrez les paramètres suivants: 70 pour l'intensité, 80 pour le contraste et Moqueux pour le type de grain. Maintenant, allez dans Effets> Coups de pinceau> Éclaboussures et entrez 14 pour le rayon de pulvérisation et 7 pour le lissage. Enfin, modifiez le mode de fusion de ce rectangle sur Lumière douce dans le panneau Transparence..

Étape 24

Créez un autre rectangle de 1200 px sur 800 px couvrant l’ensemble de l’image avec le même remplissage gris et aucun trait. Allez à Objet> Créer un filet de dégradé, puis entrez 6 lignes et 6 colonnes. Vous pouvez maintenant recolorer des points séparés en utilisant l'outil de sélection directe (A) et en changeant leur couleur en jaune, rose, gris clair et blanc. Faites également glisser les poignées de point de manière aléatoire pour obtenir des taches de couleur irrégulières, soit avec la flèche blanche, soit avec l'outil Maillage (U) (U)..

Étape 25

Une fois le maillage sélectionné, accédez à Effets> Artistique> Éponge et entrez les options suivantes: 3 pour la taille du pinceau, 12 pour la définition et 5 pour la douceur. Lorsque l'effet est appliqué, vous pouvez changer le mode de fusion des objets en Superposition. Vous voudrez peut-être réduire l'opacité si la texture semble trop dure.

Étape 26

Pour compléter la texture, j'ai décidé d'utiliser une image d'une vraie toile. Vous pouvez prendre une photo d'une texture de toile, ou utiliser une image stock, j'ai utilisé cette magnifique image de Cristian Jungwirth.

Placez la texture de la zone de dessin dans votre document Illustrator (Fichier> Importer) et assurez-vous que la case Lien est désactivée dans la boîte de dialogue Importer afin que l'image soit incorporée. Transformez-le à la taille de l'image et ouvrez le panneau Transparence. Dans ce cas, changez le mode de fusion de la texture en Color Burn et réduisez son opacité à environ 50% pour éviter tout aspect trop sombre. Vous pouvez expérimenter avec d’autres modes, cependant.


Conclusion

C'est tout pour aujourd'hui - le travail est prêt! Nous avons accompli une tâche intéressante et stimulante aujourd'hui, en imitant une peinture de l'artiste autrichien Gustav Klimt. Nous avons recréé son style mémorialisé à l'aide de divers outils Illustrator et avons donné à cette peinture vectorielle un aspect dessiné à la main irrégulier..

Avec l'aide de symboles, de pinceaux, de motifs, de textures et d'un outil Crayon, ce n'était pas si difficile. Expérimentez et créez votre propre illustration de style Klimt. Et attendez-vous à plus de tutoriels sur différentes périodes historiques de l'art. Je suis heureux d'entendre vos suggestions dans les commentaires.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.