Comment créer un paysage de montagne dans un style plat dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, je vais vous montrer comment créer un paysage de montagne naturel en design plat en utilisant les formes et les outils les plus fondamentaux d'Adobe Illustrator..

Si vous souhaitez ignorer le didacticiel, vous pouvez simplement acheter le résultat dans le cadre de mon forfait Camping Travel Landscape. Trouvez plus d’inspiration pour Travel Designs sur GraphicRiver.

1. Comment créer un nouveau document

Nous devons d’abord créer un Nouveau document (Fichier> Nouveau ou Contrôle-N) avec ces paramètres:

  • Nombre de planches d'art: 1
  • Largeur: 1200
  • La taille: 1200
  • Unités: pixels

Du Onglet Avancé:

  • Mode de couleur: RVB
  • Effets raster: Écran
  • Mode de prévisualisation: Défaut
  • Décocher Aligner de nouveaux objets sur la grille de pixels

2. Comment configurer les calques

Ce serait une bonne idée d’organiser notre projet en utilisant des couches, car nous pourrons ainsi nous concentrer facilement sur chaque partie de notre paysage..

Amenez le Couches panneau, et créez cinq couches, en renommant chacune d’elles comme suit:

  • couche 1: Lac
  • couche 2: principale
  • couche 3: collines
  • couche 4: montagnes
  • couche 5: ciel

Fermer à clé tous sauf le premier "lac" couche. À Fermer à clé couches, cliquez sur le Modifier la colonne bouton (à droite de l'icône de l'œil) dans le Couches panneau pour chaque couche que vous souhaitez verrouiller.

Je préfère le faire plus rapidement en Alt-clic la Modifier la colonne bouton dans le Couches panneau pour la seule couche où je veux rester déverrouillé.

3. Comment créer le lac de montagne

Étape 1

Commencez à construire un lac de montagne en créant un 900 x 58 px bleu clair # 4bafe3 rectangle dans la partie inférieure de la planche d’art à l’aide de la Outil Rectangle (M). 

Faire un de plus 580 x 40 px forme de la même couleur, en la plaçant sous le bord inférieur du premier, plus près du côté gauche.

Étape 2

En utilisant le Outil de sélection directe (A), sélectionnez les coins du grand rectangle ou cliquez simplement à l'intérieur de la forme en maintenant enfoncée Décalage. Tu peux voir le Coin en direct Widget montré dans les coins. Rendre les coins de la forme complètement arrondis en tirant les indicateurs de cercle vers le centre. Vous pouvez aussi utiliser Effet> Styliser> Coins ronds. 

Utilisez la même méthode pour arrondir les coins du petit rectangle.

Sélectionnez les deux objets et fusionnez-les en un seul objet à l'aide du Unir option du Éclaireur panneau.

Étape 3

Sélectionnez la forme bleue et Copie en utilisant Control-C. Cliquez sur Contrôle-Bpour obtenir un Dupliquer derrière l'objet principal. Déplacez-le de quelques pixels plus bas et changez la couleur en # 406e85.

Étape 4

Sélectionnez le bord supérieur de la figure bleu clair avec le bouton Outil de sélection directe (A) et Copie en cliquant Control-C. presse Contrôle-F pour obtenir un Dupliquer de la ligne supérieure en face de la forme principale. Changer la Remplir couleur de la ligne à Aucun et Accident vasculaire cérébral couleur au noir. Met le Accident vasculaire cérébral poids à 3-4 px, faire la rayure se démarquer de la forme principale. 

Choisissez la ligne et allez à Effet> Distorsion & Transformation> Zig Zag. Changer la Taille valeur à 3 px, absolu. Et mettre Ridges par segment égal à 27. Sélectionner Points lisses et cliquez D'accord, obtenir la ligne ondulée. Aller à Objet> Développer l'apparence appliquer l'effet.

Étape 5

Sélectionnez les ancres gauche et droite de la bande ondulée avec le bouton Outil de sélection directe (A), et utilise Contrôle-j pour rejoindre le chemin ouvert, obtenant ainsi une forme fermée.

Faites glisser la forme ondulée obtenue sur le bord supérieur de la figure bleue principale et modifiez-la Remplir couleur à # 4bafe3 et Accident vasculaire cérébral couleur à Aucun. Sélectionnez la forme ondulée avec la grande forme bleue et fusionnez-les en un seul objet à l'aide de la Unir option du Éclaireur panneau.

Étape 6

Choisissez la forme bleue principale et appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Position horizontale valeur à 0 px et le Position verticale valeurà -10 px, et cliquez sur le Copie bouton. Met le Remplir couleur de la nouvelle forme à # 73d0ff et placez-le à l'arrière avec l'aide de Shift-Control- [.

Répétez toutes les actions de la figure nouvellement créée pour en obtenir une autre. Dupliquer derrière. Changer la Remplir de la deuxième copie à # ace5f6.

Groupe toutes les formes avec Contrôle-G, en les alignant au milieu de la planche.

Étape 7

Nous allons maintenant ajouter quelques détails au lac pour le rendre plus réel..

Prendre le Outil Ellipse (L) et créer un 22 x 10 px ellipse, le remplissant de # ace5f6 Couleur. Convertissez les points d’ancrage gauche et droit des angles lisses aux angles aigus en cliquant dessus avec le bouton Outil de point d'ancrage (Maj-C), obtenir la forme de feuille (1).

Tracez une ligne horizontale au milieu de la figure qui passe par les deux ancres pointues. Diviser les deux formes dans Éclaireur (2), Dissocier (Ctrl + Maj + G) eux et Effacer la moitié supérieure (3).

Utilisez le Bouge toi fenêtre d'option pour créer deux autres copies à la même distance (4). Groupe (Control-G) toutes les formes.

Étalez les copies de notre groupe sur le lac en créant des reflets scintillants (5), semblables à ce que nous voyons à la surface de l'eau par une journée ensoleillée.

Étape 8

Faire un 8,5 x 21 px ellipse de # fff75a couleur à l'aide du Outil Ellipse (L). Cliquez sur l'ancre supérieure avec leOutil de point d'ancrage (Maj-C), le convertir en un coin pointu.

Sélectionnez les ancres gauche et droite de l'ellipse à l'aide du bouton Outil de sélection directe (A) et déplacez-les de quelques pixels vers le bas, ce qui donne une forme en forme de goutte.

Choisissez la forme jaune, prenez la Outil de rotation (R), et alors Alt-clic sur le point d'ancrage inférieur de notre figure. dans le Tourner panneau, réglez le Angle à 20 ° et cliquez sur le Copie bouton. presse Contrôle-D une fois de plus pour répéter la dernière action, obtenant deux copies supplémentaires. Sélectionnez les deux copies et déplacez-les légèrement vers le bas.

Étape 9

Gardez les copies sélectionnées, choisissez le Outil de réflexion (O). Tenant le Alt clé, cliquez sur l’ancre supérieure de la figure jaune verticale. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant les deux formes sur le côté droit de la forme verticale. Groupe (Control-G) les formes jaunes. Ce sera la fleur du nénuphar.

Construire un 62 x 6,5 rectangle, Remplissage avec # c1db35 et en arrondissant les angles à l’aide de la Live Widget fonctionnalité.

Placez la fleur jaune plus près du côté droit de la figure verte, en cachant sa partie inférieure derrière le rectangle.

Créer un 13 x 13 px cercle Rempli avec ça # fff75ala couleur et le renvoyer avec Objet> Organiser> Renvoyer. Puis placez le cercle plus près du côté droit du rectangle vert en cachant son bord inférieur derrière la figure.. Groupe (Control-G) toutes les parties ensemble.

Étape 10

En utilisant les mêmes méthodes que dans les deux étapes précédentes, créez un petit poisson de # ace5f6 Couleur. 

Étalez les copies de poissons et de nénuphars sur la surface du lac, comme indiqué dans l'exemple ci-dessous..

4. Comment créer le pré et la forêt

Fermer à clé toutes les couches sauf la couche "principale".

Étape 1

Commençons à créer le scirpe en construisant un 1,7 x 55 px rectangle vertical, avec # 66801b pour la couleur de la tige. 

Faire un de plus 4,25 x 17 px rectangle que nous colorierons avec# 696354. Utilisez le Coins vivants fonction pour rendre les coins de la forme complètement arrondis. 

Placez la forme brune sur le dessus de la tige verte, en faisant en sorte que sa partie inférieure chevauche le haut de la tige et s’aligne au milieu..

En utilisant le Outil stylo (P), dessiner des formes simples en forme de triangle # 66801b couleur des feuilles sur la partie inférieure de la tige. Groupe (Control-G) toutes les parties de scirpe ensemble.

Étape 2

Construire un 82 x 78 px rectangle de # c1db35 couleur, rendant sa partie supérieure entièrement arrondie à l'aide de la Coins vivants fonctionnalité. Tracez une ligne verticale qui traverse les ancres centrale et supérieure de la forme.

Diviser les deux formes dans Éclaireur et Dissocier (Ctrl + Maj + G) leur. Colore la moitié gauche avec # 79981f. Faire un petit cercle de # 99ba38 couleur sur la moitié droite de la grande figure. Copie le cercle et étalez les copies sur la partie droite en le rendant texturé. Groupe (Control-G) toutes les parties ensemble. Ce sera la brousse.

Créer un plus petit Copie du buisson près du premier et traînez les deux buissons sur le côté gauche du lac, cachant leurs parties inférieures derrière les vagues.

Faites quelques copies du scirpe que nous avons créé précédemment et placez-les sur le côté droit du lac, en cachant la partie inférieure des tiges derrière la ligne de flottaison..

Étape 3

Commencez à créer le rivage en construisant un 1075 x 57 px rectangle avec un # a2c430 Remplir Couleur. Assurez-vous qu’il soit complètement arrondi et alignez-le au milieu du lac. Renvoyer avec Objet> Organiser> Envoyer à l'arrière.

Sélectionnez le rectangle vert et Copie avec Control-C. Cliquez sur Contrôle-B pour obtenir un Dupliquer derrière l'objet principal. Déplacez-le de quelques pixels vers le bas et changez la couleur en # 406e85. Groupe (Control-G) les rectangles et placez-les derrière le lac.

Étape 4

Continuons à ajouter des détails sur le rivage en créant un 14 x 14 px rectangle avec un # 79981f Remplir Couleur. Choisir la Ajouter un outil de point d'ancrage (+) et cliquez sur le milieu du bord supérieur du rectangle, en ajoutant un point d'ancrage supplémentaire. Effacer les ancres supérieures gauche et droite avec le Supprimer l'outil de point d'ancrage (-), obtenir la forme de triangle (1).

Sélectionnez le triangle avec le Outil de sélection (V) et appuyez sur Entrer ouvrir le Bouge toi fenêtre d'options. Met le Position horizontale valeur à 0 px et Position verticale valeurà 14 px, et cliquez sur le Copie bouton. presse Contrôle-D pour répéter l'action et continuez d'appuyer sur Contrôle-D ajouter 17 exemplaires (2). Groupe (Control-G) eux autres ensemble. Ce sera l'herbe.

Créer un 110 x 100 px cercle avec un # 7a7462 Remplir Couleur. Tracez une ligne horizontale qui traverse les ancres du milieu et du côté de la forme. Sélectionnez les chiffres et Diviser eux, en utilisant le Éclaireur panneau (3). Dissocier (Ctrl + Maj + G) les formes et Effacer la partie inférieure. Cette figure agira comme une pierre. Créer une petite pierre de # 8f8873 couleur (4).

Combinez et copiez des pierres et de l'herbe, en les répandant derrière le rectangle au sol. N'oubliez pas d'utiliser Objet> Organiser> Envoyer à l'arrière pour les objetspour les placer derrière le rectangle au sol. Ajoutez un ou plusieurs exemplaires du buisson créé précédemment. Vous pouvez utiliser l'exemple ci-dessous comme référence (5), mais n'hésitez pas à faire différentes combinaisons d'herbe, de buissons et de pierres.

Étape 5

Nous allons maintenant travailler sur le fond de la forêt. Construire un 1030 x 40 px rectangle avec # d0f341 couleur, en l'alignant au milieu de la planche. Aux coins, renvoyez-le en arrière avec Objet> Organiser> Envoyer à l'arrière, et placez-le derrière le plus grand rectangle vert, en faisant en sorte que sa partie inférieure chevauche le bord supérieur de la plus grande figure.

Étape 6

Pour former la forêt, nous aurons besoin de deux types d’arbres: des sapins en forme de triangle et des arbres à feuilles en forme de cercle..

Créer un 140 x 235 px rectangle avec un # d0f341 Remplir Couleur. Cliquez sur le milieu du bord supérieur du rectangle avec le Ajouter un outil de point d'ancrage (+), ajout d'un point d'ancrage. Effacer les ancres supérieures gauche et droite avec le Supprimer l'outil de point d'ancrage (-), obtenir la forme de triangle. 

Tracez une ligne verticale qui traverse les ancres centrale et supérieure de la forme. Diviser les deux chiffres dans Éclaireur et Dissocier (Ctrl + Maj + G) eux, colorant la moitié gauche en # a2c430. Créer un petit rectangle de # a2c430 Couleur, Copie et étalez les copies sur la partie droite de l’arbre pour le rendre texturé. Groupe toutes les pièces et envoyer l'arbre à l'arrière avec Objet> Organiser> Envoyer à l'arrière.

Étape 7

Faisons la couronne du deuxième arbre en construisant un 165 x 165 cercle que nous allons Remplir avec # d0f341 Couleur.

Tracez une ligne verticale entre le milieu et les ancres de la forme.

Diviser les deux formes dans Éclaireur et Dissocier (Ctrl + Maj + G) leur. Colore la moitié gauche avec # a2c430. Ajoutez quelques petits rectangles arrondis de # a2c430 couleur à la moitié droite pour un effet texturé. Ajouter une malle avec un # 7a7462 Remplir couleur au bas de la couronne.

Groupe (Control-G) toutes les pièces et les envoyer à l'arrière avec Objet> Organiser> Envoyer à l'arrière.

Étape 8

Plaçons nos arbres dans une rangée derrière le rectangle arrondi, Dupliquer certains d'entre eux et en variant les tailles pour former une composition équilibrée. Ajoutez quelques pinceaux que nous avons déjà créés.

Laissez un espace vide au milieu de la forêt pour les collines et les montagnes que nous allons créer dans les étapes suivantes. Le résultat devrait ressembler à ceci:

5. Comment créer les collines

Fermer à clé toutes les couches sauf la couche "collines".

Étape 1

Avec l'aide du Outil stylo (P), créer la forme ondulée avec un # 8ead28 Remplir Couleur.

Sélectionnez la figure, puis choisissez la Outil de réflexion (O) et, tenant le Alt clé, cliquez sur l'ancre en bas à droite. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant la forme sur le côté droit.

Fusionner les deux formes en une avec le Unir option du Éclaireur panneau, obtenir la colline.

Étape 2

Placez la colline derrière la scène principale, en la plaçant plus près du côté droit. Faire un plus petit Copie de couleur vert plus foncé (# 79981f) sur le côté gauche du paysage, en le cachant derrière la première forme. Toutes les parties latérales et les bas de nos collines doivent être cachés derrière les arbres, les buissons et le niveau du sol.

Étape 3

Tout d'abord, sélectionnez la colline de gauche que nous avons créée lors des étapes précédentes..

Clic-droit et choisir Isoler le groupe sélectionné dans le menu déroulant. La colline isolée apparaît en couleur alors que le reste de l'œuvre est estompé.

Prendre le Outil stylo (P) et construisez une ligne verticale en zig-zag traversant la forme de la colline. Met le Remplir de la ligne à Aucun, la Poids de l'AVC à 9 px, et le Couleur de trait à # 66801b. Arrondissez les coins de la ligne en les choisissant avec le Outil de sélection directe (A) et en faisant glisser le Coins vivants Marqueurs.

Choisissez la ligne et allez à Objet> Développer. Vérifier la Accident vasculaire cérébral option, et décocher la Remplir option, en appuyant sur D'accord. Notre trait va se transformer en une forme remplie

Coupons les parties du sentier qui se trouvent en dehors de la colline. Sélectionnez le chemin qui se chevauche avec la forme de la colline et utilisez le Outil de création de forme (Maj-M) en maintenant le Alt clé et en cliquant sur les pièces indésirables à Effacer leur.

presse D'accord et Échapper pour quitter le mode d'isolation ou, en utilisant Outil de sélection (V), double-cliquez en dehors du groupe isolé.

Étape 4

Ouvrir la couche "principale". Sélectionnez une feuille et un sapin et Copie leur. Fermer à clé Cliquez à nouveau sur le calque "principal" et revenez au calque "collines". presse Contrôle-V ou aller à Édition> Coller, obtenir les copies de nos arbres sur la couche "collines".

Étaler les arbres sur les collines, Dupliquer certains d'entre eux et en variant les tailles pour remplir l'espace vide.

Étape 5

Créez des silhouettes des collines de fond en faisant Les doublons des collines précédemment créées, en changeant leur Remplir couleurs à # 515c1b et en faisant des formes plus grandes ou plus courtes à l’aide du Outil de sélection (V)

Vous devriez obtenir quelque chose comme ça:

6. Comment créer les montagnes

Fermer à clé toutes les couches sauf la couche "montagnes".

Étape 1

Commençons à former la forme de la montagne en créant un 582 x 540 px rectangle, Remplissage avec # 99927b Couleur.

Prendre le Ajouter un outil de point d'ancrage (+) et cliquez sur le milieu du bord supérieur du rectangle, en ajoutant un point d'ancrage supplémentaire. Effacer les ancres supérieures gauche et droite avec le Supprimer l'outil de point d'ancrage (-), obtenir la forme de triangle.

Étape 2

Avec l'aide du Outil de segment de ligne (/), construire un Largeur 400 px noir Accident vasculaire cérébral sans pour autant Remplir, en le plaçant sous la partie supérieure du rectangle en laissant un espace d’environ 200 px à partir de l'ancrage supérieur et en l'alignant au milieu du rectangle.

Sélectionnez la ligne et allez à Effet> Distorsion & Transformation> Zig Zag. Met le Taille valeur à 10 px, absolu. Et mettre Ridges par segment égal à 9. Sélectionner Points lisses et cliquez D'accord. Aller à Objet> Développer l'apparence appliquer l'effet.

Choisissez la forme de triangle et Copie en utilisant Control-C. Cliquez sur Contrôle-F pour obtenir un Dupliquer au sommet du triangle. Sélectionnez le duplicata et la ligne à l’aide des touches Diviser option du Éclaireur panneau divisant notre triangle en deux formes. Dissocier eux et retirez la partie inférieure. Colorez le chiffre supérieur restant avec # e2f0e9, obtenir le sommet enneigé de la montagne.

Étape 3

Créer un plus étroit Copie devant le premier triangle et change sa couleur en # 99927b, formant de légères ombres sur la montagne. Construire un plus étroit Dupliquer de la partie ombre à l’avant, colorant la nouvelle avec # 87806c.

Maintenant, notre montagne a l'air plus détaillée et intéressante.

Étape 4

Maintenant que la vue de base de la montagne est prête, ajoutons une ombre de style plat couvrant une moitié du rocher..

Sélectionnez la forme du triangle arrière, Copie ça et Coller devant (Control-C> Control-F). Gardez le duplicata sélectionné, allez à Objet> Arranger> Amener au premier plan, placer la copie devant la montagne. Sélectionnez l’ancre en bas à droite du triangle avec le bouton Outil de sélection directe (A) et faites-le glisser vers le centre, en l'alignant sur l'ancre centrale.

Changer la Mode de fusion du triangle résultant à Multiplier en abaissant le Opacité niveaux à 40% dans le Transparence panneau, obtenir l'ombre. Groupe (Control-G) toutes les parties de la montagne ensemble.

Étape 5

Placez la montagne sur la scène principale en cachant sa partie inférieure derrière les collines. Créez deux montagnes plus petites à gauche et à droite du rocher principal, en les faisant chevaucher et en les plaçant devant..

Former deux autres silhouettes de montagnes en triangle avec un # 659cad Remplir couleur derrière le paysage principal, finissant la composition.

7. Comment créer le fond

Nous avons presque fini notre paysage de montagne. Mais nous avons toujours besoin d'un fond représentant le ciel, le soleil et les nuages.

Commençons par Verrouillage toutes les couches sauf la couche "ciel".

Étape 1

Construire un 1200 x 1200 px carré de # 77b8cc, en l'alignant au milieu de la planche.

Étape 2

Pour remplir l’espace vide et ajouter de la profondeur à notre paysage, créez des formes de # 9accdb couleur derrière les montagnes avec l'aide de la Outil stylo (P) ou la Outil Rectangle (M), faire les coins des chiffres résultants arrondis.

Étape 3

Commencez à créer le nuage en créant deux cercles qui se chevauchent avec le Outil Ellipse (L), mettre leur Remplir et Accident vasculaire cérébral aux couleurs noir et blanc par défaut. Basculer vers le Outil Rectangle (M) et placez une bande étroite au bas du nuage, en le laissant un peu plus bas que le bord inférieur du grand cercle.

Unir toutes les formes du Éclaireur faire un seul objet. Changer la Remplir couleur à # e2f0e9 et accident vasculaire cérébral Aucun. Créez quelques nuages ​​de tailles différentes et répartissez-les sur le ciel en laissant un espace vide pour le soleil..

Étape 4

Construire un 105 x 105 px cercle que nous allons colorier en utilisant # fff45a. Tracez une ligne verticale au milieu du cercle en utilisant le Outil de segment de ligne (\). Garder la ligne et le cercle sélectionnés, Diviser eux dans le Éclaireur. Dissocier (Ctrl + Maj + G) les formes et colorier la moitié gauche avec # fde23d

Construire un de plus 144 x 144 px cercle de # fbcd30 couleur, en le plaçant derrière le premier, en l'alignant au centre. Sélectionnez le grand cercle et allez à Effet> Distorsion & Transformation> Zig Zag. Met le Taille à 5 px, absolu. Et mettre Ridges par segment égal à dix. Sélectionner Points lisses et cliquez D'accord. Aller à Objet> Développer l'apparence appliquer l'effet.

Groupe toutes les formes du soleil ensemble et placez-le sur la scène principale.

Ouvrir toutes les couches.

Notre paysage de montagne est prêt!

Bon travail! Notre scène de montagne de style plat est terminée. Vous pouvez utiliser votre imagination et continuer à jouer et à ajouter des détails jusqu'à ce que vous soyez entièrement satisfait du résultat..

Cette illustration de paysage de montagne n’est qu’une partie de mon Camping Travel Landscape, et mon portfolio contient d’autres illustrations de voyages et d’aventures.!

J'espère que vous avez découvert de nouveaux trucs et astuces que vous pourrez utiliser pour créer de magnifiques illustrations à l'avenir. N'hésitez pas à partager vos résultats dans les commentaires ci-dessous.