Comment créer un paysage vectoriel texturé

Quelques fois par mois, nous revoyons certains des articles préférés de nos lecteurs au cours de l'histoire de Vectortuts +. Ce tutoriel de Rype a été publié pour la première fois le 31 octobre 2008..

Dans ce didacticiel, je vais vous montrer comment créer un paysage vectoriel texturé stylisé. Les techniques sont simples et faciles à traduire en d’autres illustrations. Découvrez Chris Spooners post 40 superbes illustrations de paysages vectoriels pour davantage d'inspiration de paysages vectoriels.

Aperçu de l'image finale

Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.

Étape 1

Accédez à TextureKing et téléchargez la première texture, la deuxième texture et la troisième texture de ce didacticiel. Mettez les fichiers sur votre système en place, vous pouvez facilement les trouver.

Étape 2

Créez un nouveau document et créez un rectangle avec l'outil Rectangle (M) qui correspond à la taille de votre document..

Étape 3

Remplissez le nouveau rectangle avec un dégradé linéaire du panneau de dégradé sans trait. Modifiez la première nuance du curseur de dégradé en bleu clair et la deuxième nuance en bleu plus foncé..

Étape 4

Avec l'outil Dégradé (G), cliquez au milieu du dégradé et faites-le glisser vers le haut, en plaçant la partie la plus sombre du dégradé en haut du rectangle..

Étape 5

Ensuite, nous allons commencer à créer des nuages. J'aime utiliser l'outil Crayon (N) pour créer ces nuages. Si vous êtes plus à l'aise avec l'outil Crayon (P), continuez tout droit. Si vous allez utiliser l'outil Crayon (N), je vous suggère de modifier certains paramètres pour obtenir une ligne plus lisse que les paramètres par défaut de l'outil Crayon (N). Pour modifier ces paramètres, double-cliquez sur l'outil Crayon (N) dans le panneau Outils pour afficher la boîte de dialogue Préférences de l'outil Crayon. Changer la fidélité à 5 et vous devriez être prêt à aller!

Étape 6

Avec l’outil de votre choix, tracez un nuage stylisé sur votre arrière-plan dégradé..

Étape 7

Remplissez la forme du nuage avec un dégradé linéaire sans trait. Définissez le premier échantillon du dégradé sur blanc et le second sur une couleur bleu vert clair. Ensuite, utilisez l’outil Dégradé (G) et ajustez le dégradé de sorte que la partie la plus sombre se trouve au bas du nuage..

Étape 8

Créez dix à quinze autres nuages ​​comme vous le faisiez auparavant. Essayez de garder les nuages ​​dans la moitié supérieure du document.

Étape 9

Placez votre première texture sur le document en accédant à Fichier> Importer, puis choisissez le fichier DSC_2504.jpg. Maintenant que le fichier est en place, le fichier est lié au fichier sur votre ordinateur. Vous pouvez le laisser lié ou incorporer le fichier en appuyant sur le bouton incorporer. L'intégration de l'image rendra la taille du fichier beaucoup plus grande que si vous la liez.

J'aime intégrer l'image afin d'obtenir la meilleure image d'aperçu lorsque je travaille avec l'illustration. La liaison est excellente si vous souhaitez apporter d'autres modifications à l'image et réduire la taille du fichier..

Étape 10

Une fois incorporé, redimensionnez l'image pour qu'elle s'adapte horizontalement.

Étape 11

La texture étant toujours sélectionnée, choisissez Superposition pour le mode de fusion dans le panneau de transparence. Dans le panneau de transparence, définissez l’opacité sur 60..

Étape 12

Nous pouvons maintenant créer des collines et des canyons. Avec votre outil de choix (j'ai utilisé l'outil Crayon), créez une forme de montagne sous les nuages ​​et remplissez-la de couleur marron. En dessinant la forme de la montagne, imaginez grossièrement un point de fuite vers le côté droit du document..

Étape 13

Créez une autre forme de montagne avec la même couleur que votre première forme de montagne. cette fois-ci, le côté gauche de la forme rencontre le point de fuite de la première montagne.

Étape 14

Dessinez deux autres formes devant les deux formes de montagne avec une couleur marron plus claire que les montagnes. Ceux-ci vont être le sommet des canyons.

Étape 15

Dessinez des bords pour le canyon et changez-les en une couleur marron foncé. Placez les bords derrière les canyons.

Étape 16

Pour donner plus de profondeur au canyon, dessinez des ombres, faites-leur un brun plus foncé que les bords du canyon et placez-les derrière les cimes du canyon..

Étape 17

Dessinez une forme pour englober la zone située entre les canyons et placez-la derrière les bords du canyon..

Étape 18

Sélectionnez les formes de montagne, de canyon et de sol, puis Copiez (Commande + C) et Coller à la place (Commande + F). Les copies étant toujours sélectionnées, appuyez sur le bouton Ajouter à la zone de forme du panneau Pathfinder, puis sur le bouton Développer..

Étape 19

Placez la deuxième texture téléchargée, nommée DSC_11053.JPG, sur votre document. Intégrez et redimensionnez l'image comme vous l'avez fait pour l'image précédente, mais assurez-vous de couvrir la forme de la montagne.

Étape 20

Amenez la montagne copiée à l'avant. Ensuite, sélectionnez la copie et la texture de la montagne, puis masquez-les en allant dans Objet> Masque d'écrêtage> Créer.

Étape 21

Avec la texture masquée sélectionnée, changez le mode de fusion en superposition dans le panneau de transparence..

Étape 22

Maintenant il est temps de dessiner la rivière. Encore une fois, j'aime utiliser l'outil Crayon (N), mais utilisez l'outil avec lequel vous êtes le plus à l'aise. Assurez-vous que la forme de la rivière se termine au même point de fuite que les montagnes et le canyon. Lorsque vous avez fini de dessiner la rivière, remplissez-la d'une couleur bleue.

Étape 23

Dessinez quelques formes dans la rivière pour lui donner un peu de mouvement. Assombrissez les couleurs et appliquez diverses teintes de bleu..

Étape 24

Sélectionnez la forme de la rivière principale et copiez (Commande + C) et Coller en place (Commande + F). Amenez la copie devant tous les autres éléments de la rivière. Nous allons l'utiliser comme prochain masque de texture.

Étape 25

Placez, intégrez et mettez à l'échelle la troisième texture DSC_5865.JPG.

Étape 26

Amenez la forme de la rivière copiée à l'avant et masquez la texture. Masquez-le et définissez le mode de fusion sur Superposition à partir du panneau de transparence..

Étape 27

Dessinez dix à quinze ellipses vertes, créant des buissons stylisés.

Étape 28

Copiez (Command + C) les buissons et Coller en place (Command + F). Les copies étant toujours sélectionnées, sélectionnez Objet> Chemin composé> Créer. Ceci sera utilisé pour le prochain masque.

Étape 29

Placez les premiers fichiers de texture DSC_2504.jpg, puis intégrez-les et mettez-les à l'échelle. Amenez les formes de brousse copiées groupées vers l'avant et masquez la texture. Ensuite, définissez la texture sur Incrustation dans le panneau de transparence..

Étape 30

Maintenant que tous les éléments et les textures sont définis, rognons l'illustration pour qu'elle soit belle et bien rangée. Commencez par créer un rectangle de la taille de votre document.

Étape 31

Arrondissez les coins du rectangle en allant dans Filtre> Styliser> Coins arrondis et changez le rayon en 50 px.

Étape 32

Le rectangle arrondi étant sélectionné, ouvrez le menu contextuel du panneau Calques et sélectionnez Créer un masque de découpage. Terminé!

Image finale

Encore une fois, voici l'image finale.