Créer un paysage vectoriel magique à l'aide d'Illustrator

Ce que vous allez créer
Ce didacticiel a été publié en octobre 2011 sous la forme d'un didacticiel Tuts + Premium. Il est maintenant disponible gratuitement pour voir. Bien que ce didacticiel n'utilise pas la dernière version d'Adobe Illustrator, ses techniques et ses processus sont toujours pertinents..

Aujourd'hui, vous avez une grande chance d'apprendre les secrets de la création d'une véritable illustration. Cette oeuvre appartient à la série d’illustrations intitulée "Hanami" qui participera au concours d’illustration pour un livre pour enfants. Ce tutoriel sera utile à tous les fans de vecteur, des débutants aux professionnels..

"Hanami" est japonais pour "festival de profiter des fleurs de cerisier". La série "Hanami" a été créée par Catherine Dedova (grande artiste de vecteurs). Dans ce tutoriel, elle partagera les secrets de ses compétences avec nous..

Être inspiré! Trouvez plus de graphiques vectoriels pour vos illustrations sur Envato Market.


1. Comment préparer l'illustration

Étape 1

Pour créer l'ambiance de travail, je crée une esquisse de couleur. Vous pouvez le faire dans n’importe quel éditeur de raster. J'utilise Photoshop et la tablette graphique Wacom à ces fins. Vous pouvez utiliser n’importe quel pinceau. En général, j’utilise un pinceau standard avec des bords doux. Il est facile de mélanger les couleurs avec ce type de pinceau, car il est semi-transparent sur les bords.

Un éditeur de raster nous permet d'avoir un contrôle illimité sur la lumière et la couleur. Par exemple, pour une esquisse déjà réalisée, vous pouvez appliquer un filtre, modifier la balance des couleurs dans les ombres, augmenter ou réduire la luminosité et le contraste, etc..

Dans ce travail, j’utilisais un pinceau à texture fabriqué à partir d’un ensemble de pinceaux standard, simplement parce qu’il m’aidait à me préparer psychologiquement et à transmettre l’humeur nécessaire. Pendant que je travaillais dans Adobe Illustrator, je regardais l'esquisse couleur et répétais: "Je veux le même sentiment que le travail terminé".


Maintenant, je ne peux choisir une couleur avec un Outil compte-gouttes (I). Par conséquent, je vais dessiner dans un ordre aléatoire plus loin. Je colle l'esquisse couleur dans un calque séparé d'Adobe Illustrator et le verrouille.


Étape 2

Très souvent dans le processus de travail je dois prendre la couleur avec le Outil compte-gouttes (I) à partir d'un certain point. Et à ce stade, il s'agit souvent déjà d'un tas d'objets avec des effets de trame. Afin de ne pas ajuster le Outil compte-gouttes pour les yeux (I) en cours de travail, je colle une image matricielle totalement blanche dans l'espace de travail du document et la place au-dessus de tous les objets.


Maintenant, vous devez définir le Multiplier le mode de fusion pour cet objet.


Si vous désactivez la visibilité de l'objet dans le Couches palette, la Outil Pipette choisira les propriétés de l'objet, et si vous activez la visibilité, vous ne pouvez choisir que la couleur de n'importe quel point de l'image.


2. Comment créer des pinceaux de texture dans Photoshop

Étape 1

Je souhaite obtenir un effet de peinture dans mon travail, c'est pourquoi je vais utiliser des pinceaux à texture. Voyons comment les faire. Créer un nouveau fichier dans Photoshop (Fichier> Nouveau). Vous pouvez créer des pinceaux directement sur le calque d'arrière-plan. Prendre le Outil Pinceau et ouvrez le Brosse panneau.


Maintenant ouvrez le Gestionnaire actuel fenêtre et télécharger le Pinceaux secs.


Choisir la Pinceau Craie # 36 ou tout autre que vous aimez et cliquez sur le "Terminé"bouton dans la fenêtre de dialogue.



Étape 2

Configurez maintenant le pinceau sélectionné. Met le Espacement paramètre égal à 50%.


Dynamique des formes de tiques et déplacez le Gigue angulaire curseur afin que la forme originale de la brosse tourne autour de son axe.


Dispersion de tiques et Transfert options. Ensemble Opacité Jitter autre que zéro dans le Transfert réglages.


Dans ce cas, le pinceau sera hétérogyne. Maintenant, créez une forme arbitraire avec ce pinceau.



Étape 3

Je suppose que vous comprenez le principe de la création d'un pinceau, maintenant vous n'êtes limité que par votre imagination. Créez un autre pinceau et ajoutez quelques traits blancs à la forme créée, puis ajoutez des hachures avec un pinceau rond standard 2-3 pixels en taille. Pour augmenter le contraste, allez à Image> Réglages> Luminosité / Contraste?


Le contraste doit être augmenté car toutes les zones grises disparaîtront après le traçage dans Adobe Illustrator. Faites attention à la "silhouette" des formes créées - les formes avec un bord déchiqueté et complexe seront plus faciles à obtenir l'effet désiré. Voici quelques exemples de telles formes.


Enregistrez le fichier avec les formes dans JPG format.


3. Comment commencer à travailler dans Adobe Illustrator

Étape 1

Collez l’image raster contenant des formes de textures dans l’espace de travail d’Adobe Illustrator (Fichier> Place). Conservez l'image sélectionnée, allez à Objet> Trace en temps réel> Options de trace. Essayez de trouver de telles valeurs des paramètres de la Seuil, Chemin Raccord et Le minimum Surface, le plus près possible pour préserver le contour de nos formes. Cocher Ignorer blanc et cliquez sur le Trace bouton dans la fenêtre de dialogue.



Étape 2

Aller à Objet> Développer. Dissocier tous les objets et Groupe les remonter selon les formes auxquelles ils appartiennent.


Voici les exemples de brosses de texture après le traçage.


Les pinceaux résultants peuvent être combinés en différentes combinaisons: ajout de transparence et de dégradés, superposition des uns aux autres. Il est très facile d'obtenir des effets de peinture ou d'imitation d'éléments traditionnels dans Photoshop, ce sera plus difficile dans Adobe Illustrator..

Je crée les objets en dupliquant des formes, en les combinant manuellement. Bien sûr, nous aurions pu créer et configurer un Brosse à dispersion, mais à mon avis, le résultat dans ce cas serait imprévisible.

4. Comment créer les arbres


Étape 1

Regardez le travail avec les pinceaux de texture sur l'exemple avec un arbre sur le fond de la composition.


Prendre le Outil stylo (P) et créer la forme du tronc et des branches de l'arbre, Remplir la forme avec un Gradient linéaire de deux nuances de brun.



Étape 2

Maintenant, avec l'aide du Outil stylo (P) créer la forme de l'ombre sur le tronc.


La forme qui dépasse les contours du tronc peut être supprimée avec le Outil de création de forme ou le bouton Intersection de la Éclaireur panneau.


Je crée de petits objets sur le coffre en utilisant le Outil Crayon (N). Pour dessiner rapidement, Double-cliquez sur l’icône de l’outil, éteignez le Garder sélectionné option et allumez le Remplir de nouveaux traits de crayon dans la boite de dialogue.


J'utilise cette technique pour tous les petits objets. Cela peut être des feuilles, de l'herbe, etc..


Étape 3

Créer un tronc d'arbre, je crée d'abord une ombre. Créer un V-formes et Remplir les avec Gradients linéaires de couleurs sombres. Un dégradé linéaire a deux couleurs identiques, Transparence de l'un des curseurs est égal à 0%.




Étape 4

Maintenant, ajoutez des pinceaux de texture, et aussi Remplir avec des gradients similaires.



Utilisez des pinceaux de texture de différentes formes, remplissez-les d'une couleur unie, définissez une transparence différente pour certaines d'entre elles..




Étape 5

Puis, progressivement, je crée les parties lumineuses de la couronne, en utilisant la même technique, mais avec des nuances de couleur plus claires..



Pour créer une forme de couronne, j'utilise également des ellipses semi-transparentes. Gradients Radiaux.


Je crée une partie de la couronne en utilisant le Outil stylo (P) et appliquez des dégradés semi-transparents à la forme ou en utilisant Masque d'opacité.



Étape 6

Enfin, en utilisant le Outil Crayon (N), Je crée des feuilles et des petites branches séparées. Vous pouvez lire sur les paramètres de la Outil Crayon (N) dans les étapes précédentes.



Pour créer des points lumineux, vous pouvez également utiliser un effet de raster. Plume (Effet> Styliser> Plume), en le combinant avec la transparence de l'objet entier.



5. Comment ajouter des feuilles brillantes et plus

Étape 1

Voyons maintenant comment créer une lueur. Un halo léger autour des objets a un effet très vivant sur l’œuvre. J'imite la lueur à travers les ovales transparents jaune clair avec l'opacité radiale et règle le Mode de fusion superposé pour eux dans le Transparence panneau.

Parfois j'utilise Plume effet sur les objets de formes arbitraires. Rappelez-vous que le flou du contour dépend du nombre de pixels, et donc de la taille de votre image. Met le Résolution pour des effets raster égaux à 300 dpi (Effet> Effet raster de document> Paramètres).






Étape 2

Pour créer des fleurs de l’arbre Sakura au premier plan, je crée quelques ellipses en utilisant le Outil Ellipse (L). Ensuite, je les combine avec l'aide de Unir du Éclaireur panneau et Remplir avec simple Gradients Linéaires.


Ajouter des pinceaux de texture.


Maintenant, en utilisant le Outil Crayon (N) ajouter des feuilles et faire quelques traits, puis appliquer le Plume effet.




6. Comment créer les montagnes et les plantes

Étape 1

Vous devez comprendre la séquence de création des éléments de la composition. Je vais l'écrire à nouveau:

  1. Créer des formes d'objets.
  2. Créer des formes d'ombres.
  3. Créer les formes de lumière et de pénombre.
  4. Utilisez des pinceaux de texture.
  5. Créez des traits légers, puis appliquez l'effet Feather.

C'est la séquence que j'ai utilisée pour créer des montagnes.










Étape 2

J'ai créé une cascade dans le même ordre. Afin d'imiter des jets d'eau, j'ai appliqué Flou radial (Effet> Flou> Flou radial) à des frottis verticaux.




Étape 3

Apprenons maintenant à créer des plantes.


Il est très pratique de créer des fougères et des tiges de plantes à l’aide de Pinceaux d'art. Je n'utilise que deux types de pinceaux, mais tous les types. Créez un triangle allongé et une ellipse. Créé un Pinceau d'art de chacune des formes, en les sauvegardant dans le Des pinceaux panneau.


Maintenant, nous pouvons créer une plante à l'aide de lignes simples.



Étape 4

Ces brosses sont pratiques pour créer la forme complexe de la feuille de fougère. Avec l'aide du Outil stylo (P) créer la forme de la feuille.


Maintenant, en utilisant un triangle Pinceau d'art, créer des courbes aux endroits des coupes sur la feuille.



Étape 5

Sélectionnez toutes les courbes et allez à Objet> Développer l'apparence.


Sélectionnez la forme d’une feuille et toutes les formes supérieures rouges, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau.


Avec le Outil stylo (P) créer une ligne qui divisera la feuille en deux moitiés.


Sélectionnez la feuille et la ligne, puis cliquez sur le bouton Diviser bouton du Éclaireur panneau.


Maintenant, il suffit de remplir les moitiés de la feuille avec différents dégradés de nuances de vert.


Avec ces techniques simples, vous pouvez créer toutes les plantes de notre composition..


Conclusion

En utilisant la technique de préparation de l'esquisse couleur, vous pouvez créer des illustrations dans n'importe quel ordre. Au sens figuré, vous pouvez commencer avec une mouette dans la fenêtre et terminer avec le personnage principal. C'est le charme principal de l'esquisse terminée - une solution existe déjà, il suffit de la transformer soigneusement en vecteur!

Mais certaines choses sont mieux dessinées par le principe "du général au particulier". Cela signifie que vous créez d'abord une silhouette d'arbre avec des branches, puis une lumière et une ombre, etc. Vous créez une image de l'écorce à la fin. Si nous commençons par créer l'écorce, les formes les plus grandes doivent être déplacées vers le bas.

Et nous passerons la moitié du temps à localiser les objets. Par conséquent, afin de ne pas augmenter la quantité de travail, il est préférable de créer des objets dans le bon ordre..

Dans ce cas, il est plus facile de corriger les erreurs. En outre, les calques doivent être conservés dans l’ordre, en particulier si votre illustration contient de nombreux objets. Dessinez un arbre, puis fusionnez tous les objets qui lui sont liés dans un calque et verrouillez-le..

J'espère que vous avez apprécié ce tutoriel et que vous y avez trouvé quelque chose de nouveau et d'utile. Bonne chance!


Zzanthia sur le Web

  • Deviantart.com
  • Behance.net