Créer une scène de colline à l'aide de dégradés dans Adobe Illustrator

Ce que vous allez créer

Récemment, je suis tombé sur une photo inspirante de Felicia Simion, représentant des collines avec un aspect dégradé. Une fois que je suis tombé amoureux de l'image, il me suffisait de créer une version en vecteur. Felicia a eu la gentillesse de m'accorder la permission d'utiliser son oeuvre comme source d'inspiration pour ce tutoriel..

Photographie de Felicia Simion

Alors ouvrons Adobe Illustrator et préparons-nous à créer ta propre scène de colline.

1. Utilisez Kuler pour créer votre palette

Étape 1

Je vais créer une palette de couleurs directement à partir de la photo. Je ne veux pas tracer la photo, mais je veux utiliser les couleurs de celle-ci dans mon illustration..

Accédez au site Web Adobe Kuler et connectez-vous avec votre identifiant Adobe. Une fois connecté, cliquez sur l'icône de la caméra pour "Créer à partir d'image".. 

Je vais passer aux couleurs de la silhouette, du sommet de la colline, du bas de la colline et des teintes plus claires du haut. Enregistrez votre palette une fois que vous êtes satisfait de la combinaison que vous avez.

Si vous souhaitez en savoir plus sur l'utilisation d'Adobe Kuler, pourquoi ne pas consulter ce screencast pratique de Cheryl Graham sur Utilisation de Kuler avec Adobe Illustrator.

Étape 2

Maintenant, importez votre nouvelle palette de couleurs dans Illustrator. Ouvrez le Kuler panneau en allant à Fenêtre> Kuler. Clique sur le Rafraîchir icône au bas du panneau et il devrait mettre à jour pour inclure votre nouvelle palette. 

Cliquez sur le dossier à gauche de la palette pour ajouter les cinq couleurs à votre Échantillons panneau. 

2. Créer les collines

Étape 1

Commençons par dessiner un Rectangle (m) pour notre ciel / base et le remplir avec la couleur la plus claire de la palette. 

Étape 2

Maintenant, commencez à dessiner des formes pour les collines. Je commencerai par le haut de la composition et chaque nouvelle colline sera posée sur la précédente.

Avec le Outil stylo (P), dessine ta forme initiale. Créer un bord supérieur ondulé pour simuler la colline. 

Étape 3

Cette colline a l'air un peu trop lisse, donnons-lui un contour plus aléatoire, texturé. 

Avec la forme sélectionnée, allez à Effet> Distorsion & Transformation> Roughen. Je vais mettre le Taille à 2 pt et le Détail à 15 / po.

Étape 4

Ensuite, je vais remplir la colline avec un Gradient linéaire qui va de la couleur du ciel pâle au bleu le plus clair de la palette.

Étape 5

Maintenant que j'ai le dégradé et le contour défini, je vais continuer à ajouter d'autres formes pour remplir le reste de la composition..

Étape 6

En théorie, les collines vers le bas de l'image seront plus proches du spectateur. Donc, avec ça, je vais changer le Rugueuse paramètres pour augmenter la Taille de l'effet aux formes vers l'avant.

Je commence à changer le plus de formes avant 5 pt puis travailler en arrière et réduire la Taille jusqu'à ce que je revienne à 2 pt, l'original Taille réglage.

3. Affiner les collines et ajouter une texture

Étape 1

Dans la photo d'origine, les collines présentent un aspect dégradé qui contribue à renforcer le sens de la distance. Les collines sur le devant sont plus sombres et les collines au loin se fondent presque dans le ciel. Afin d'obtenir cet effet, je vais ajouter Gradients Linéaires au sommet des collines.

Le premier utilisera la couleur la plus sombre de la palette, puis un bleu moyen, puis le ciel clair. Je vais l'utiliser pour remplir un Rectangle (m) et le mettre à Mode de mélange Couleur Brûlure, Opacité 100%.

Étape 2

Ensuite, je vais utiliser un transparent Gradient linéaire s'estomper la partie supérieure de la composition. J'utilise la couleur ciel clair et remplis encore une Rectangle (m), cette fois mis à Superposition du mode de fusion, Opacité 100%.

Étape 3

Je veux ajouter une texture subtile aux collines. Cela aidera à donner l'impression qu'il y a des rochers ou même des arbres sur les collines. Pour ce faire, je vais utiliser un défaut Brosse à poils appelé "Mop" de la Des pinceaux panneau. Je vais utiliser le Outil Pinceau (B) et la couleur claire du trait de ciel. Je vais ensuite régler le Mode de fusion à Recouvrir et le Opacité à 50%.

4. Créer le premier plan

Étape 1

Commençons donc par dessiner notre colline au premier plan. Je vais utiliser le Outil stylo (P) et créez une colline ondulée puis remplissez-la avec un Gradient Radial allant de la couleur de la colline la plus sombre à la couleur de premier plan. Utilisez le Outil de dégradé (G) modifier le rapport et l'emplacement du dégradé.

Étape 2

Comme cette colline est au premier plan, vous verrez un peu plus de détails dans la texture du contour de la silhouette. Alors quand je vais appliquer le Rugueuse effet, je vais d'abord garder le Taille à 2 pt mais augmenter le Détail à 60 / po.

Étape 3

Je ne veux pas copier l'inspiration pour cette scène, alors au lieu d'utiliser une personne, je vais utiliser des formes de base pour créer un monument au premier plan.. 

Quand je pense à des monuments silhouettés, je suis ramené à mon enfance. Chaque fois que j'allais à Newcastle Upon Tyne (ma ville natale) en bus, vous empruntiez l'une des routes principales menant à la ville. Vous pourriez voir au loin un monument, à environ 30 miles de distance. Étant donné que je vivais dans une agglomération, il est un peu inhabituel de voir un tel spectacle sur une colline au loin..

Donc, l'inspiration pour cette silhouette est Penshaw Monument.

Étape 4

Une fois que vous avez créé votre monument, sélectionnez toutes vos formes et utilisez-les. Pathfinder> Unite les combiner.

Étape 5

Ensuite, j'ai ajouté d'autres formes sur la colline pour lui donner l'apparence de ruines. J'ai sélectionné les formes des collines et des monuments et je suis allé à Objet> Développer, alors j'ai utilisé Pathfinder> Unite encore. 

Puis utilisez le Outil de dégradé (G) pour positionner votre dégradé.

5. Ajouter les touches de finition

Étape 1

Maintenant pour les finitions. Je vais commencer par ajouter de petites collines et des textures aux collines déjà établies. 

Créer un nouveau calque au-dessus des collines d'origine mais en dessous du dégradé et du premier plan. 

En utilisant le Outil Crayon (N), dessiner de petites bosses à travers le paysage. J'ai utilisé un bleu clair pour éclaircir le ciel avec l'utilisation de transparent Gradients Linéaires. J'ai ensuite appliqué le Rugueuse effet sur les chemins, mis à Taille 2pt et Roughen 15 / in. 

Ces formes sont ensuite définies pour Opacité 40%.

Étape 2

Je veux mélanger nos collines plus loin dans le ciel. Donc, je vais utiliser un transparent inversé Gradient Radial en utilisant la couleur du ciel clair pour remplir un Rectangle (m). Je vais ensuite définir cette forme à Superposition du mode de fusion, Opacité 50%. 

Et avec ça, j'ai fini.

Travail impressionnant, vous avez terminé!

Même si vous vous intéressez uniquement à l'art vectoriel, essayez de regarder en dehors de votre domaine d'inspiration habituel vers d'autres médiums. C'est tout à fait bien de s'inspirer des autres, mais assurez-vous de donner le crédit qui vous revient et si vous voulez créer quelque chose d'aussi proche de l'original, l'autorisation est fortement recommandée. 

Sur ce, je tiens à remercier Felicia Simion pour avoir inspiré cette composition et me permettre de partager son travail dans ce tutoriel..