Créer une scène de jardin à l'aide de pinceaux dans Illustrator

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer cette scène de jardin à l'aide du panneau Apparence, des brosses Art et Scatter. En cours de route, vous verrez comment les repères de couleur et l’utilisation de l’outil de grille rectangulaire peuvent vous aider à composer une composition..


Ressources

Les images que je vais utiliser peuvent être trouvées sur Photodune à partir d’ici et ici.


Étape 1

Commencez par créer un nouveau document avec une orientation portrait.

Dans la barre d’outils, maintenez le bouton de la souris enfoncé et cliquez sur l’outil de segment de ligne pour accéder aux autres outils qu’il contient. Vous allez avoir besoin de l'outil de grille rectangulaire. Double-cliquez dessus pour afficher les options de l'outil Grille rectangulaire. Changez les séparateurs horizontaux et verticaux en "2" et cliquez sur OK.


Avec l'outil Grille rectangulaire, dessinez sur le canevas. Cela servira de guide seulement.



Étape 2

Allez dans Fichier> Placer… et placez l'image de référence sur le canevas sous la grille. Utilisation de l'outil de transformation libre (E) pour redimensionner et positionner l'image de référence dans la grille. La grille elle-même va servir de guide pour la "règle des tiers".

J'ai donc positionné la référence de manière à ce que l'arc passe par le centre et que chacune des zones ait un point central. Je ne veux pas être trop occupé, je vais donc supprimer certains éléments et équilibrer d'autres zones afin de ne pas dérouter le spectateur..



Étape 3

Je vais organiser mes calques dans le panneau Calque. L'image de référence sera contenue dans le dossier de couche "Référence". Ensuite, créez un nouveau calque et double-cliquez dessus pour le renommer "BG". Dans ce dossier de calques, je dessinerai un rectangle de remplissage blanc (M) à 50% d'opacité. Ensuite, la grille rectangulaire sera dans une nouvelle couche nommée "Grille".

Je vais commencer par ajouter des formes à l'illustration dans un autre dossier de couches, que je renommerai en "Bases"..



Étape 4

Tout au long de ce didacticiel, je vais utiliser des couleurs que l'on peut trouver dans les bibliothèques Swatch d'Illustrator. Pour y accéder, allez dans le menu déroulant, sélectionnez Ouvrir Swatch Library> Nature et sélectionnez "Feuillage". Vous remarquerez à son tour qu’un menu d’exploration lui est propre, cochez donc la case "Persistant". Cela vous permettra d'avoir plusieurs bibliothèques ouvertes en même temps..

Une fois coché, ouvrez les bibliothèques "Paysage" et "Fleurs".


Je vais utiliser l'outil Rectangle (M) pour dessiner trois formes pour diviser la composition. Un bleu clair pour le ciel, vert foncé pour le fond et le vert clair pour le premier plan. Une fois cela fait, regroupez ces formes (Commande + G).

Si vous remarquez sur la capture d'écran, j'ai déplacé le dossier de calques "Grille" au-dessus des "Bases". Je le ferai de temps en temps pour m'aider à placer des éléments au lieu d'utiliser uniquement l'image de référence.



Étape 5

Créez une nouvelle sous-couche dans le dossier "Bases" et renommez-la "Clôture".

Utilisez l'outil Rectangle (M) pour dessiner un long rectangle fin avec un remplissage blanc cassé..


Ajouter un point sur la face supérieure centrale. Utilisez ensuite l'outil de sélection directe (V) pour déplacer le point vers le haut afin de créer une tête de flèche. Dans le panneau Apparence, cliquez sur FX et accédez à Stylize> Round Corners, puis entrez la valeur "2pt" et cliquez sur OK..



Étape 6

Allez dans le menu déroulant et l’option Dupliquer. Maintenant, faites-le glisser sous le remplissage blanc cassé. Je vais appliquer un autre effet, cette fois dans Distort & Transform> Transform Effect. Je veux créer un léger effet 3D, donc je déplacerai la forme horizontalement de "0,5 pt" et j'en ferai 4 copies..

Appliquez un dégradé linéaire à ce remplissage, avec un gris en surbrillance jusqu'à l'endroit du coin..


Je vais ensuite changer le remplissage blanc cassé en un dégradé linéaire subtil, puis appliquer un 3 points à l'intérieur du trait. Enregistrez les paramètres du panneau Apparence en accédant au panneau Styles graphiques et en cliquant sur "Nouveau style graphique"..



Étape 7

Dupliquez la forme pour créer la clôture en la regroupant en deux sections (Commande + G).



Étape 8

Créez une nouvelle sous-couche et renommez-la "Arch". Utilisez l'outil Arc pour créer un arc au sommet de l'arcade.


À l'aide de l'outil Plume (P), sélectionnez le point le plus bas puis tracez une ligne droite jusqu'au bas de la zone de travail. Définir le poids de la course à 20 pt.



Étape 9

Sélectionnez les deux formes d'arc et allez à Objet> Développer pour vous laisser avec des formes plutôt que des traits.

Appliquez le style graphique que vous avez créé pour la clôture et modifiez l'effet de transformation pour qu'il soit copié "50" fois et modifiez les dégradés en conséquence..



Étape 10

Je vais utiliser le même style graphique que celui créé pour la clôture pour ajouter des lattes à la clôture et à la porte. Cependant, je modifierai la direction des gradients. Ces formes devront être placées sous les formes de clôture verticale existantes.



Étape 11

Maintenant, créez les lattes entre les arcades. Cela utilisera le style graphique de clôture récemment modifié et j'utiliserai à nouveau l'effet de transformation pour dupliquer les lattes situées sous l'arc. Je vais les déplacer verticalement de "50 pt" et créer 15 copies.


Je vais devoir copier et coller les formes pour l'arc (comme indiqué ci-dessous).



Étape 12

Dupliquez les deux groupes pour les clôtures, puis sélectionnez Objet> Développez-les et utilisez Pathfinder> Unite. Dissociez le groupe qui vient d'être créé (Commande + Maj + G) pour obtenir deux chemins composés..

Dessinez une ellipse (L) et utilisez Pathfinder> Moins avant pour la supprimer de la forme du portail..


Maintenant, réduisez l'opacité à 10% et réglez le mode de fusion sur Multiplier pour créer une ombre arquée sur la porte..



Étape 13

Mes fleurs préférées sont les tulipes et j'aimerais donc les inclure dans l'illustration. Plus précisément, j'aime la variété violet foncé. Je vais donc sélectionner une nuance violette dans la nuance "Fleurs". Cependant, je vais avoir besoin de nuances plus sombres et plus claires.

Dans le panneau Guide des couleurs et dans le menu déroulant, vous pouvez avoir accès à une variété de palettes similaires pour vous aider à résoudre de tels dilemmes. Plus précisément, je cherche à utiliser les couleurs du Shades Color Guide.


À l'aide de l'outil Ellipse (L) et de l'outil de sélection directe (V), je vais créer une forme d'oeuf mince pour les pétales de tulipe. Je vais lui donner un dégradé radial violet avec les couleurs du guide des couleurs et un poids de trait d'un pt défini sur le mode de fusion Multiplier et l'opacité de 50%..



Étape 14

Dupliquez deux fois la forme de l’œuf et utilisez l’outil de transformation libre (E) pour l’affiner et le faire pivoter. Puis, à l’aide du pinceau Profil de largeur 5 (que vous pouvez créer / télécharger à partir de ce tutoriel), ajoutez des traits d’écran en mode Fusion dans le haut et Multipliez-les en bas.


Regroupez tous les éléments (Commande + G), puis dupliquez-les dans la zone des tulipes. J'ai utilisé l'outil de transformation libre (E) pour les faire pivoter, les redimensionner et les retourner afin de les rendre légèrement différentes.



Étape 15

Je vais utiliser le panneau Apparence pour créer les tiges en utilisant trois nuances de vert avec les poids de trait de 6 pt, 4 pt et 2 pt.



Étape 16

En utilisant le pinceau que j'ai créé pour les feuilles de bambou dans ce tutoriel, je vais ajouter des feuilles aux tulipes, derrière et devant.



Étape 17

Ensuite, je vais regrouper tous les éléments (Commande + G) et les dupliquer. Utilisez l'outil de transformation libre (E) pour les redimensionner, les retourner et les positionner.



Étape 18

Dupliquez les deux ensembles de tulipes, puis allez à Objet> Développer. Utilisez Pathfinder> Unite pour créer une forme. Positionnez cette forme pour qu'elle soit l'ombre portée sur la clôture.


Affichez le tracé composé de la clôture et utilisez Pathfinder> Intersection. Changez le remplissage en noir et réglez le mode de fusion sur Multiplier et l'opacité sur 10%..



Étape 19

Dans les groupes de tulipes, j'ai dupliqué les feuilles dans le dos et Object> Expanded. Je les ai remplies d'un dégradé radial transparent et je l'ai réglée sur Multiplier les modes de fusion, Opacité 50% pour ajouter différentes nuances aux feuilles..



Étape 20

Je vais créer une clématite en remontant l'arcade. Tout d'abord, je vais créer un pinceau à dispersion pour les feuilles. Voici un conseil rapide pour créer une feuille:

Dessinez un ovale avec l'outil Ellipse (L), puis utilisez-le comme guide pour dessiner des bords irréguliers autour de lui à l'aide de l'outil Plume (P). Avec les guides intelligents activés (Commande + U), vous pouvez créer une forme de feuille sans effort en quelques secondes!



Étape 21

Semblable à la tige des tulipes, j'ai utilisé le même effet, mais au lieu de changer le poids de trait des tiges, j'utilise un chemin décalé. Utilisez des chiffres moins pour contracter la forme en conséquence avec des couleurs plus claires. Ensuite, en utilisant Pathfinder> Moins avant pour diviser la gauche en deux.


Ensuite, j'ai utilisé le pinceau Width Profile 5 pour ajouter des veines à la feuille. J'ai utilisé l'outil de segment de ligne (\) pour créer des lignes droites lisses, puis je l'ai défini sur Écran en mode Fusion avec une opacité de 50%..


Enfin, dupliquez la forme d'origine et créez une ombre avec Multiplier le mode de fusion et Opacité de 10% avec un remplissage noir. Une fois terminé, regroupez tous les éléments (Commande + G).



Étape 22

Dans le panneau Pinceau, sélectionnez Nouveau pinceau et optez pour Pinceau éparpillé. La gauche va être utilisée pour les feuilles de clématites, alors réglez les options comme indiqué ci-dessous:


À l'aide de l'outil Pinceau (B), j'ai tracé plusieurs lignes entre les deux arches pour créer un effet de clématite grimpante..



Étape 23

La fleur pour la clématite est assez facile à créer. Vous pouvez utiliser l'outil Polygon puis l'effet Pucker & Bloat pour créer les pétales..


Ensuite, dans le panneau Apparence, j'ai ajouté un trait aligné à l'intérieur et un dégradé aux pétales..



Étape 24

À l'aide du pinceau Profil de largeur 1, j'ai ajouté des plis au centre des pétales, puis à l'aide d'un dégradé radial jaune transparent, puis ajouté un centre de pollen avec l'outil Ellipse (L)..


J'ai ensuite regroupé la fleur (Commande + G) et l'ai dupliquée entre les traits de feuilles de clématite. En utilisant l'outil Free Transform Tool (E), je les ai redimensionnées et positionnées le long de la voûte.



Étape 25

J'ai utilisé l'outil Pinceau Blob (Maj + B) avec un trait noir et je l'ai défini sur Multiplier le mode de fusion, Opacité de 20% pour créer une ombre sous les feuilles..



Étape 26

Je vais créer un autre pinceau de feuilles, mais cette fois avec une Ellipse modifiée (L). Cette forme est plus commune aux rosiers. Cependant, j'ai gardé la feuille en noir et cela est dû au mode Colorisation dans les options du pinceau.


Lorsque vous créez un nouveau pinceau, vous pouvez sélectionner le mode Colorisation en tant que "Teintes". Tant que la couleur de remplissage d'origine de votre forme de pinceau est noire, elle prend la couleur que vous choisissez comme couleur de trait..




Étape 27

Dans l'arrière-plan, j'ai utilisé le pinceau Rose Scatter pour ajouter des feuilles aux bords de la forme vert foncé à l'aide de l'outil Pinceau (B)..


J'ai ensuite Objet> Développé les traits, puis Pathfinder> Unissez-les avec le rectangle vert foncé. J'ai changé le remplissage en un dégradé linéaire subtil.



Étape 28

J'ai ensuite ajouté des traits de poids de trait de 0,5 point derrière le chemin composé avec un vert plus clair, puis utilisé le même vert foncé dans le dégradé en face du pinceau. C'est pour donner l'illusion de densité dans la brousse.


Enfin, j'ai ajouté des feuilles d'un vert plus clair en haut, réglées sur Écran en mode fusion et Opacité 25%..



Étape 29

J'ai modifié le remplissage du rectangle bleu pour le ciel en ajoutant un dégradé radial gris à bleu clair et en utilisant l'outil Dégradé (G) pour le positionner..



Étape 30

Je vais ajouter de l'herbe de pampa à la section sous l'arche. C’est un autre élément que je peux créer à l’aide des pinceaux Art, mais je vais en créer deux différents pour ajouter de la variété à l’herbe de la pampa..

À l'aide du pinceau Profil de largeur 5, j'ai ajouté du jaune et deux traits verts différents au-dessus d'une ligne de base uniforme, comme indiqué ci-dessous..



Étape 31

Ensuite, lors de la création du nouveau pinceau, j'ai sélectionné l'option "Étirer entre les guides" autour de la tige de l'herbe de la pampa. Ce que cela va faire est de laisser l'herbe en fleurs au sommet inchangée lorsqu'elle est appliquée à un trait, mais cela étendra la tige le long de la ligne comme n'importe quel autre pinceau d'art..



Étape 32

J'ai ajouté l'herbe de pampa dans une nouvelle sous-couche en dessous de "Arch".


Utilisez maintenant notre pinceau d’art en feuille de bambou pour ajouter des lignes de poids de trait de 5 points au-dessus des tiges pour compléter l’effet..



Étape 33

En utilisant un dégradé radial transparent vert émeraude, j'ai ajouté un ombrage entre les feuilles et les tiges pour ajouter de la profondeur. Ceux-ci seront réglés sur le mode de fusion Multiplier avec l'opacité 50%.



Étape 34

Pour finir la composition, je vais ajouter une illustration représentant un petit oiseau.

Tout d'abord, je vais créer une nouvelle sous-couche par-dessus la "clôture" et Fichier> Placer l'image stock dans. Ensuite, utilisez l'outil de transformation libre (E) pour positionner notre oiseau sur la clôture..



Étape 35

À l'aide de l'outil Pipette (I), sélectionnez des couleurs dans les zones principales de l'oiseau et tracez les couches de base..



Étape 36

Utilisez maintenant le pinceau Profil de largeur 1 pour ajouter des traits d’écran en mode Fusion aux zones jaunes pour ajouter des tons clairs. Appliquez ensuite des traits Multiplier en mode Fusion à la tête et à l’aile pour y ajouter des détails. Une fois cela fait, regroupez tous les éléments (Commande + G).



Étape 37

En utilisant la "grille" comme guide, j'ai décidé de repositionner l'oiseau afin qu'il soit proche du centre de l'une des sections. Vous pouvez également voir ici comment chaque carré a un élément différent pour attirer les yeux aussi.



Étape 38

Enfin, je vais ajouter quelques dégradés pour adoucir différentes zones de l’illustration. Le premier est réglé sur le mode de fusion Multiplier avec l'opacité 80%.


Ajoutez maintenant un dégradé radial gris clair à bleu défini sur Mode de fusion Dodge couleur, opacité 60%, positionné sur les bords des feuilles pour ajouter un éclat de lumière dans le coin..



Conclusion

J'espère que vous avez apprécié le tutoriel Premium d'aujourd'hui et appris de nouvelles façons d'utiliser les pinceaux Art et Scatter. Je l'ai dit à maintes reprises, ce sont probablement mes outils préférés dans Adobe Illustrator, car ils offrent des options illimitées.!