Comment créer des gouttelettes d'eau transparentes avec un filet de dégradé dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, vous apprendrez à utiliser le Outil de maillage dans Adobe Illustrator pour créer un ensemble de gouttes transparentes!

Si vous souhaitez ignorer le didacticiel et utiliser simplement ces gouttes dans votre travail, vous pouvez acheter le fond Drop of Water de GraphicRiver.!

Goutte d'eau fond

1. Comment dessiner et modifier la première goutte

Étape 1

Commencez à dessiner la première goutte avec le maillage.

Créez une ellipse, remplie de # D5D5D5, puis prenez le Outil de maillage (U) et en cliquant à l'intérieur de l'ellipse, créez un Engrener grille comme celle ci-dessous.

Coloriez les nœuds sélectionnés à la deuxième étape avec #FFFFFF.

Utilisation # B8B8B8 pour la troisième étape et #CCCCCC pour le quatrième.

Étape 2

Dessine une autre forme avec Engrener. Utilisez ces couleurs:

1. # 959595
2. #FFFFFF
3. # B9B9B9
   

Étape 3

Combinez les deux formes et changez le Mode transparence des deux objets à Multiplier.

Étape 4

Dessine un Engrener mettre en évidence pour la gouttelette avec ces couleurs:

1. # 959595
2. #FFFFFF
3. # B9B9B9

Changer la Transparence panneau Mode de fusion à Écran avec 70% d'opacité.

Étape 5

Ajouter les points forts à la gouttelette.

Créez une autre surbrillance sur deux ellipses remplies d’un Gradient Radial du blanc au # 020200.

Utilisation Écran et 60% d'opacité, et placez-le sur la goutte.

Étape 6

Dessine un # 8BABB7 forme pour la superposition de couleur.

Utilisation Recouvrir et 60% d'opacité, et placez-le sur la goutte.

Étape 7

Utilisation Effet> Warp> FishEye plier une copie de la gouttelette. Utilisez ces paramètres:

• Pliez: 21%
  
• Distorsion horizontale: 37%
  
• Distorsion verticale: 13%

Après avoir appliqué l'effet, allez à Objet> Développer l'apparence.

Étape 8

Utilisation Effet> Warp> Squeeze plier une autre copie de la gouttelette d'origine.

Utilisez ces paramètres:

• Pliez: 27%
  
• Distorsion horizontale: -24%

Après avoir appliqué l'effet, allez à Objet> Développer l'apparence.

Étape 9

Utilisation Effet> Warp> Squeeze plier une copie de la gouttelette. Utilisez ces paramètres:

• Pliez: 45%
  
• Distorsion horizontale: -2%
  
• Distorsion verticale: 9%

Après avoir appliqué l'effet, allez à Objet> Développer l'apparence.

2. Comment dessiner la deuxième goutte d'eau

Étape 1

Dessine la prochaine goutte avec Engrener.

1. #FFFFFF
2. # 4E4E4E
3. # 787878
4. # A7A7A7

Changer le drop en Multiplier avec 60% d'opacité.

Étape 2

Dessinez un moment fort avec Engrener.

1. # 787878
2. #FCFCFC

Utilisation Écran avec 80% d'opacité.

Étape 3

Dessinez le point culminant final en utilisant Multiplier à 90% d'opacité.

1. # 959595
2. #FFFFFF
3. #ADADA

Étape 4

Ajoutez les surlignages, puis ajoutez un # 8BABB7 Recouvrir avec 60% d'opacité.

Étape 5

Utilisation Effet> Warp> Coquille supérieure plier une copie de la gouttelette. Utilisez ces paramètres:

• Pliez: -22%
  
• Distorsion horizontale: 57%
  
• Distorsion verticale: -7%

Après avoir appliqué l'effet, allez à Objet> Développer l'apparence.

Étape 6

Utilisation Effet> Warp> Ardennes plier une autre copie de la gouttelette. Utilisez ces paramètres:

• Pliez: 57%
  
• Distorsion horizontale: dix%
  
• Distorsion verticale: 4%

Après avoir appliqué l'effet, allez à Objet> Développer l'apparence.

Étape 7

Placez les gouttelettes sur un fond composé de #DFDFDF et # F8F8F8 des carrés.

Travail impressionnant, vous êtes maintenant fait!

Et maintenant? Vous pouvez essayer n'importe lequel de mes autres tutoriels de mon profil, ou consulter mon portfolio sur GraphicRiver, ainsi que le vecteur original que nous avons recréé dans ce tutoriel..

J'espère que vous avez apprécié le tutoriel, et je serais très heureux de voir les résultats dans les commentaires ci-dessous!

Goutte d'eau fond

Découvrez ces autres tutoriels!