Comment créer une bannière d'herbe dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à utiliser les effets Outil de maillage et Déformation dans Adobe Illustrator pour créer une bannière d'herbe de printemps fraîche.!

Vous pouvez acheter une illustration comprenant des bannières similaires en gazon et même des fleurs auprès de GraphicRiver..

L'herbe verte

1. Comment créer un brin d'herbe

Étape 1

Notre première étape sera la création d’un seul brin d’herbe. Créez un long rectangle étroit en utilisant le Outil Rectangle (M).

Étape 2

Colorie le vert. Vous pouvez utiliser# 699108, comme je vais l'utiliser dans ce tutoriel.

Étape 3

Sélectionnez le coin supérieur droit du rectangle avec le bouton Outil de sélection directe (A) et Effacer en créant une forme triangulaire.

Étape 4

Prendre le Outil de maillage (U) et créez quatre nœuds de maillage à intervalles réguliers les uns des autres, en cliquant simplement avec l'outil sur le chemin. En fin de compte, vous devriez avoir six nœuds de maillage, comme le montre la capture d'écran..

Étape 5

Maintenant, nous allons colorier notre maillage créé. Nous allons commencer avec le noeud le plus bas, en le coloriant avec le # 325001 Couleur.

Étape 6

Ensuite, nous allons prendre le deuxième noeud à partir du bas et le colorier avec # 7CA10F.

Étape 7

Nous allons continuer à colorer les nœuds en alternant des couleurs plus sombres et plus claires, comme indiqué dans les captures d'écran ci-dessous:

# 4C6C06 pour le troisième noeud.

# 7CA10Fpour le quatrième noeud.

# 416203pour le cinquième noeud.

finalement, # 7CA00Dpour le noeud le plus haut.

Étape 8

Créez une autre ligne de maillage en cliquant à droite au milieu de la forme avec le Outil de maillage (U).

Étape 9

Allégez le bout de notre brin d'herbe en sélectionnant tous les nœuds avec le Outil de lasso (Q) et les colorer avec # F3FF84.

Étape 10

Sélectionnez la rangée du milieu de noeuds en utilisant le bouton Outil de lasso (Q) et ajuster la couleur d'eux en allant à Édition> Éditer les couleurs> Ajuster les couleurs.

Entrez les paramètres indiqués ci-dessous: 17% rouge, 12% vert.

2. Comment créer des formes d'herbe en utilisant des effets de déformation

Étape 1

Nous allons maintenant créer quatre autres copies de notre brin d'herbe pour les modifier. Vous pouvez les cloner en utilisant Control-C, Contrôle-V, ou faites simplement glisser la forme tout en maintenant le Alt clé.

Étape 2

Prenez un des exemplaires et allez à Effet> Warp> Drapeau. Utilisez ces paramètres:

  • Courbure de 45%
  • 21% de distorsion horizontale

Cela déformera le brin d’herbe et lui donnera un aspect plus naturel..

Étape 3

Sélectionnez le résultat et allez à Objet> Développer l'apparence ajuster la forme à l'effet appliqué. N'oubliez pas de répéter cette étape après chaque Warp!

Étape 4

Le deuxième brin d’herbe que nous modifierons avec Effet> Warp> Arc avec les paramètres suivants:

  • Courbure de 8%
  • -6% Distorsion horizontale

Répéter Étape 3 après ça.

Étape 5

Pour la troisième forme, utilisez Effet> Warp> Drapeau encore une fois, mais avec des paramètres différents:

  • -Courbure de 35%
  • -dix% Distorsion horizontale

Répéter Étape 3.

Étape 6

Pour obtenir un look différent, vous pouvez créer des points d'ancragesur la forme, en utilisant le Ajouter un point d'ancrage (+) fonction, puis faites-les glisser avec Outil de sélection directe (A), comme je l'ai fait ici:

Étape 7

Passant à la quatrième forme, appliquer Effet> Warp> Rise avec les paramètres suivants:

  • -Courbure de 46%
  • 26% de distorsion horizontale
  • 1% vertical Distorsion

Répéter Étape 3.

Étape 8

Enfin, modifiez la dernière forme restante avec Effet> Warp> Drapeau et ces paramètres:

  • Courbure de 75%
  • 71% de distorsion horizontale
  • 1% vertical Distorsion

Répéter Étape 3.

Étape 9

Nous en avons fini avec le warping! Maintenant, faites pivoter vos brins d’herbe pour qu’ils soient dans le bon sens. Sélectionnez-les tous les cinq et créez une copie (Control-C, Contrôle-V) d'eux.

Étape 10

Sélectionnez les copies et en allant à Édition> Éditer les couleurs> Ajuster les couleurs, rendre l'herbe un peu plus sombre. 

  • -18% rouge
  • -19% vert

Étape 11

En créer un de pluscopie de l'herbe d'origine et ajuster les couleurs aussi.

Édition> Éditer les couleurs> Ajuster les couleurs

  • 12% rouge
  • 13% vert

Étape 12

Maintenant que nous avons toutes les couleurs, réfléchissons à la longueur de l'herbe!

Sélectionnez toute l'herbe que nous avons créée jusqu'à présent, créez une copie et redimensionnez-la un peu pour la raccourcir..

3. Comment créer votre propre bannière d'herbe

Maintenant que nous avons tous les différents types de gazon, votre prochaine tâche dépendra de votre créativité.!

Étape 1

En utilisant les brins d’herbe que nous avons créés jusqu’à présent, créez un morceau d’herbe en les plaçant les uns à côté des autres. Vous pouvez copier les formes et les renvoyer (Décalage-Contrôle-[) ou à l'avant (Décalage-Contrôle-]). Bien sûr, vous pouvez également modifier les différentes pièces à l'aide des fonctions que nous avons apprises dans ce tutoriel (changement de couleur, déformation, etc.)..

Continuez, une fois que vous êtes satisfait de votre bout d’herbe. Vous pouvez utiliser le mien comme inspiration!

Étape 2

Si vous êtes satisfait du résultat final, sélectionnez la parcelle d'herbe, créez un groupe (Contrôle-G), puis déplacez-le à côté de sa place d'origine tout en tenant le Alt clé. Cela va le copier. Il ne devrait pas y avoir d'espace vide entre les deux patchs.

Étape 3

Laissez le deuxième groupe sélectionné et appuyez sur Contrôle-D. Cela va le copier à nouveau.
Répétez cette étape jusqu'à ce que vous soyez satisfait de la longueur résultante de la bannière..

4. Comment l'aider

Nous avons presque terminé! Tout ce qui reste à faire est de rendre votre bannière un peu plus agréable.

Étape 1

Créez un rectangle blanc avec la Outil Rectangle (M). La taille n'a pas d'importance pour l'instant.
Prendre la Outil de maillage (U) et créer un noeud en plein milieu de la forme.

Étape 2

Sélectionnez les trois nœuds inférieurs avec le Outil de lasso (Q) et appliquer le # 293500couleur pour eux.

Étape 3

De même, sélectionnez les nœuds du milieu et colorez-les avec # B8B87A.

Étape 4

Ouvrez le Transparence panneau (Fenêtre> Transparence) et appliquer le Multiplier Mode de transparence à la forme.

Étape 5

Étirer et redimensionner la forme de sorte qu'il s'adapte sur le bas de votre bannière d'herbe. Si vous sentez que l’ombre est trop sombre, ajustez la Opacité dans le Transparence panneau-je l'ai fait 70%.

Étape 6

En cela, nous appliquerons un Masque d'écrêtage, "recadrer" efficacement la bannière. 

Alors maintenant, créez un rectangle et déplacez-le au-dessus de l'image. Il devrait inclure tout ce que vous voulez avoir dans l'image finale.

Étape 7

Tout sélectionner (Contrôle-A), puis appuyez sur le bouton droit de la souris et sélectionnez Faire masque d'écrêtage.

Félicitations, vous avez terminé!

Et maintenant? Vous pouvez jouer un peu plus avec votre bannière, par exemple en tournant ou en étirant les différents brins d'herbe. Vous pouvez également régler la couleur de l'ombre.

Dans ce tutoriel, vous avez appris à créer un fond d’herbe de printemps, principalement à l’aide de l’outil Mesh et des différents effets Warp.!

J'espère que vous avez apprécié ce tutoriel et appris des outils utiles pour l'avenir!

Cette bannière d’herbe est créée de manière unique par le biais de ce tutoriel, mais vous pouvez trouver des bannières similaires dans cette illustration, et il ya encore plus dans mon portfolio.!

Bannières d'herbe verte