Dans ce didacticiel, nous allons créer une scène de forêt d'hiver confortable dans un style plat à la mode. Nous utiliserons diverses formes de base et opérations Pathfinder d'Adobe Illustrator pour créer une jolie scène pouvant servir d'en-tête à votre blog ou à votre site Web, sous forme de carte de vœux ou d'illustration à imprimer. Le processus est très simple et complet.
Les paysages vectoriels plats sont devenus un élément de conception très populaire qui est répandu dans les bannières publicitaires, les présentations de sites Web et les modèles de brochures. Vous pouvez en trouver beaucoup sur Envato Market et combiner plusieurs concepts différents en une série. Dans ce didacticiel, nous allons faire un morceau d’un tel ensemble de scènes: une forêt plate en hiver.
Si vous êtes intéressé, vous pouvez acheter le résultat final et les différentes variantes de cette illustration vectorielle de style plat Forêt. Vous pouvez l'acheter sur GraphicRiver..
Commençons par faire un tronc pour notre premier arbre. Prendre le Outil Rectangle (M) et faire une fine bande de 7 x 90 px Taille.
Remplissez-le de couleur marron. Utilisez le Coins vivants pour arrondir complètement les angles de la bande en tirant les marqueurs de cercle vers le centre. Si vous utilisez une version antérieure d'Adobe Illustrator, n'hésitez pas à utiliser Effet> Styliser> Coins ronds.
Ajouter une autre forme mince avec des coins arrondis de 7 x 60 px pour la branche de sapin, et remplissez-le de couleur bleu clair.
Tenir Alt-Shift et faites glisser la forme bleue créée vers la droite pour faire une copie. presse Contrôle-D quelques fois pour faire plus de copies. Et ajoutons de la diversité aux branches. Copie le premier et Coller il dans Avant (Control-C> Control-F). Réduisez la forme en la raccourcissant tout en préservant la largeur initiale 7 px.
Rendez chaque bande un peu plus longue que l’autre en sélectionnant leurs points d’ancrage inférieurs avec le Outil de sélection directe (A) et en les traînant vers le bas. Laissez la même largeur pour toutes les formes. Ajoutez des copies plus courtes sur chaque bande. Recolorez les bandes en assombrissant progressivement les formes inférieures, comme indiqué dans la capture d'écran ci-dessous..
Groupe (Control-G) les morceaux de chaque bande pour former les branches et placez nos bandes verticalement. Et maintenant, sélectionnons la branche supérieure et double-cliquez sur le Outil de rotation (R) ouvrir le Les options menu. Met le Angle valeur à 30 degrés et répéter la même action pour chaque bande, en la tournant sous le même angle.
Placez les branches en rotation sur le côté gauche de l'arbre, Groupe (Control-G) eux et double-cliquez sur le Outil de réflexion (O) ouvrir le Les options menu. Sélectionnez le Axe vertical et cliquez Copie retourner le groupe en miroir de l'autre côté du tronc.
Enfin, rendons le coffre un peu plus détaillé. Copie la forme du tronc et Coller il devant (Control-C> Control-F). Rendre la copie un peu plus légère.Prendre le Outil Ciseaux (C) et cliquez sur les points d'ancrage supérieur et inférieur pour diviser la forme en deux moitiés. Supprimer la moitié gauche de la copie.
Merveilleux! Notre premier arbre, le sapin d'hiver, est prêt! Passons au suivant!
Rendons le deuxième arbre plus grand. Commencez par former un tronc bicolore. Vous pouvez créer une nouvelle forme, en modifiant sa longueur et sa largeur, ou simplement copier le tronc de notre premier arbre et le rendre plus grand..
Prendre le Outil Rectangle Arrondi et faire deux petites formes bleu clair sur le dessus du tronc, formant une couronne stylisée de l'arbre.
Sélectionnez les formes bleues avec le tronc et utilisez le Aligner panneau pour aligner les formes, en sélectionnant Aligner sur un objet clé et en cliquant Centre d'alignement horizontal.
Dupliquer les deux formes bleues (Control-C> Control-F) et rendre leur couleur un peu plus sombre. Puis utilisez le Outil Ciseaux (C) séparer les copies supérieures en cliquant sur leurs points d'ancrage latéraux et en supprimant les moitiés inutiles.
Voici à quoi devrait ressembler le deuxième arbre par rapport à notre premier arbre. Nous le rendons plus grand afin de diversifier l'ensemble de la composition.
Et ajoutons aussi quelques branches à cet arbre. Tout d’abord, dupliquez l’une des pièces arrondies de la couronne et placez-la sur le côté droit du tronc. Alors prenez le Outil stylo (P) ou la Outil de segment de ligne (\) et faire une forme carrée.
Met le Accident vasculaire cérébral couleur au brun dans le Couleur panneau, et la tête à la Accident vasculaire cérébral panneau. À partir de là, définissez le Casquette et Coin aux positions médianes, ce qui rend le coin et les extrémités de la ligne un peu arrondis. Et mettre le Poids de l'AVC à 3 pt.
Vous pouvez rendre le coin encore plus arrondi en utilisant le bouton Coins vivants fonctionnalité.
Ajoutons encore quelques branches ici. Dupliquez celui que nous avons créé et modifiez les tailles et les positions des copies. Nous devrons peut-être rendre l'arbre encore plus grand pour avoir plus d'espace pour les branches supplémentaires.
Ajoutons un petit buisson arrondi, composé de deux cercles réalisés avec le Outil Ellipse (L). Fixez un tronc brun foncé. Ce petit bonhomme nous aidera à remplir quelques espaces vides de notre illustration.
Nous allons commencer par faire la couronne de notre chêne. Former un 90 x 45 px rectangle de couleur bleu clair et arrondir complètement les angles. Faites deux autres rectangles arrondis de taille plus petite et formez une pyramide en vous superposant.
Groupe (Control-G) les formes et les dupliquer (Control-C> Control-F), rendre le haut de la copie un peu plus sombre. Gardez le groupe de formes supérieur sélectionné, prenez la Outil Gomme (Maj-E), tenir Alt, et étirer la sélection sur la moitié droite de la cime de l'arbre pour la supprimer.
Ajoutez un tronc d'arbre brun foncé à l'avant. Prendre le Outil Polygone et mettre le Côtés valeur à 3 faire un petit triangle. Copiez le triangle créé et étalez les copies sur le côté gauche de la couronne et sur le tronc, rendant ainsi l’arbre texturé..
Utilisons le tout premier arbre que nous avons créé dans ce tutoriel, le sapin, pour former un grand pin détaillé. Tout d’abord, augmentez considérablement la taille de son tronc en faisant glisser ses points d’ancrage inférieurs vers le bas avec le Outil de sélection directe (A).
Sélectionnez ensuite toutes les branches, à l’exception de celles du haut, puis appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 0 px et le Verticale valeur à 10 px afin de déplacer le groupe de branches sélectionné 10 px vers le bas.
Désélectionnez les branches supérieures du groupe que nous venons de déplacer et répétez la même action, en déplaçant le reste des branches. 10 px vers le bas.
Recolorez ensuite les branches en appliquant une teinte brune pour les faire correspondre au tronc. Et commençons à former les aiguilles de pin. Utilisez le Outil Rectangle Arrondi placer une petite forme verticale sur le côté gauche de la branche supérieure.
Déplacer l'aiguille créée sous la branche (Shift-Control- [). Tenir Alt-Shift et faites-le glisser un peu vers la droite pour en faire une copie. presse Contrôle-D plusieurs fois, remplissant la branche supérieure avec des aiguilles stylisées. Varier les nuances de bleu, rendant la branche plus diversifiée.
Groupe (Control-G) Avec les aiguilles que nous avons créées pour la branche supérieure, copiez le groupe et collez-le plusieurs fois pour remplir toutes les branches vides. Allonger un peu les aiguilles du bas en sélectionnant leurs points d’ancrage inférieurs avec le Outil de lasso (Q) et en les déplaçant avec le Flèche vers le bas clé.
Vous pouvez assombrir un peu le côté gauche du pin pour le rendre plus détaillé. Et passons à notre dernier arbre!
Enfin, créons un autre arbre à feuilles d'aiguilles, mais cette fois-ci, ce sera très simple et stylisé. Pour commencer, faites trois triangles, en utilisant le Outil Polygone. Varier la taille et la couleur des triangles, en faisant le haut petit et bleu clair et le bas grand et bleu foncé.
Combinez les triangles en les plaçant l'un sous l'autre en formant une pyramide.
Ajouter une malle et Envoyer il vers l'arrière (Shift-Control- [). Enfin, créez un ensemble de minuscules triangles bleu foncé et mouchetez-les au-dessus des formes bleues du sapin, en ajoutant une touche texturée..
Mettons nos arbres en rangée, en dupliquant certains d’entre eux et en faisant varier les tailles pour obtenir une composition bien équilibrée. Ajouter une longue bande horizontale avec le Outil Rectangle Arrondi au bas de la forêt, formant le sol.
Vous pouvez réorganiser les arbres en plaçant un objet au-dessus de l’autre à l’aide des touches Contrôle-[ et Contrôle-] combinaisons de touches.
Sélectionnez tous les arbres et dirigez-vous vers le Aligner panneau. De là, sélectionnez Aligner à Objet clé et cliquez Alignement vertical bas.
Maintenant, tous les arbres sont alignés sur le sol!
Ajoutons un rectangle beige clair pour le fond sous les arbres afin de pouvoir créer des détails blancs et neigeux. Recolorez le sol horizontal en blanc et ajoutez un petit cercle blanc sur le côté gauche de la forme du sol. presse Alt-Shift et faites glisser le cercle blanc vers la droite pour en faire une copie. presse Contrôle-D plusieurs fois pour créer plus de copies, couvrant toute la forme du sol avec des cercles.
Garder les cercles sélectionnés, Unir les dans Éclaireur. Prendre le Outil Gomme (Maj-E), tenir Alt et faites glisser le rectangle de sélection sur la moitié inférieure de la forme entourée afin de le supprimer.
Si vous combinez les cercles avec la bande au sol, cela devrait ressembler à ceci.
Et maintenant ajoutons quelques détails de finition dans le ciel pour remplir l’espace vide de notre composition. Utilisez le Outil Rectangle Arrondi former un 50 x 15 px forme. Placez une forme plus petite sur le dessus, en la déplaçant vers la gauche et en formant ainsi un nuage stylisé.
Créez plus de nuages et répartissez-les dans la partie supérieure de notre illustration. Maintenant, il semble complet!
Excellent travail, tout le monde! Notre scène de forêt d'hiver de style plat est prête! Nous avons ajouté une petite touche finale ici: des flocons de neige tombant des nuages pour rendre l'illustration plus détaillée. J'espère que vous avez découvert de nouveaux trucs et astuces que vous pourrez utiliser dans vos travaux futurs..
Vous pouvez obtenir le fichier source de cette illustration vectorielle de forêt d'hiver à plat pour voir comment elle a été créée et voir quels autres jeux de couleurs vous pouvez lui appliquer afin de diversifier l'image et d'élargir son champ d'utilisation. En suivant cet exemple, vous pouvez essayer de recolorer l’image, en décrivant différentes saisons de l’année ou différents éclairages, ou en montrant des scènes de jour et de nuit..