QuickTip Comment créer une icône de bulle de dialogue brillante

Dans ce didacticiel, nous allons apprendre à créer une icône de bulle de dialogue à l’aide de l’outil Shape Builder et de l’outil Plume. Nous n'utiliserons que des couleurs en niveaux de gris et différents modes de fusion pour une coloration rapide. Cette méthode de coloration nous permet de travailler très rapidement et de re-colorer toutes les illustrations en quelques secondes. Commençons!

Étape 1

Prenez l’outil Ellipse (L) et créez une ellipse remplie de gris avec un léger mélange de jaune..

A vrai dire, la couleur n'a pas encore beaucoup d'importance, car nous pouvons ajuster la couleur de la bulle après la création de tous ses éléments. Maintenant, prenez l'outil Plume (P) et créez une queue de la bulle.

Étape 2

Sélectionnez les formulaires créés et cliquez sur "Unite" dans le panneau Pathfinder..

Copiez et collez le formulaire à son début (Commande + C puis Commande + F). Remplissez le nouvel objet avec un dégradé radial composé de couleurs blanche, noire et grise.

Nous avons donc créé la lumière et l'ombre à la surface de la bulle..

Étape 3

Appliquer le mode de fusion d'écran à l'objet supérieur.

Cela permet de colorer les nuances de lumière en nuances de la forme inférieure. Maintenant, avec l'outil Plume (P), créez les formes d'un éblouissement.

Étape 4

Sélectionnez les formes des reflets et remplissez-les d'un dégradé lumineux allant du noir au gris clair. Pour contrôler la position et la longueur du dégradé, utilisez l’outil Dégradé (G)..

Appliquer le mode de fusion d'écran aux formulaires.

Étape 5

Créez des formes d’éblouissements sur la surface latérale d’une bulle avec l’outil Crayon (P). Remplissez ces objets avec la couleur grise.

Sélectionnez la forme de bulle et les formes d'éblouissement sur la surface latérale, puis prenez l'outil Générateur de formes, maintenez la touche Option enfoncée et cliquez sur les parties de l'éblouissement qui dépassent la forme d'une bulle..

Cette action conduit à la suppression de ces parties de l'éblouissement.

Étape 6

Appliquer le mode de fusion Écran aux objets dérivés.

Créer la forme de l'ombre dans la partie inférieure de la bulle.

Avec l'outil Shape Builder, supprimez les parties de cette fiche, qui vont au-delà de la forme de la bulle, comme nous l'avons fait à l'étape précédente..

Appliquer le mode de fusion Multiplier au formulaire dérivé.

Étape 7

Pourquoi ai-je utilisé un mode de fusion particulier? C'est très facile, mes amis. Lorsque vous créez des reflets, utilisez le mode de fusion d’écran. Si vous travaillez avec des nuances, appliquez le mode de fusion Multiplier. Pour contrôler l'intensité de l'éblouissement ou de la nuance, il vous suffit d'ajuster la couleur grise dans le panneau Couleur..

Étape 8

Créons maintenant des points de suspension sur la bulle. Prenez l'outil Ellipse (L) et créez un cercle avec le remplissage noir..

Copiez ce cercle et collez-le devant (Command + C puis Command + F). Réduisez le diamètre du cercle supérieur à 2-3 px. Vous pouvez le faire dans le panneau Transformer ou dans le panneau Contrôle. Remplissez ce cercle avec le dégradé linéaire, composé de noir et de gris. Définissez un angle de 95 degrés sur ce dégradé dans le panneau Dégradé..

Étape 9

Avec l'outil Crayon (P), créez la forme de l'éblouissement dans la partie supérieure du cercle. Remplissez les reflets avec le dégradé linéaire du noir au gris, appliquez le mode de fusion d’écran..

Copiez le cercle inférieur et collez-le à nouveau (Commande + C puis Commande + B), remplissez la copie avec la couleur blanche et déplacez-la de quelques pixels vers le bas..

Grouper les trois cercles et la forme de l'éblouissement (Commande + G).

Étape 10

Déplacez le groupe horizontalement vers la droite tout en maintenant les touches Shift et Option enfoncées, ce qui créera une copie..

Utilisez les raccourcis Commande + D pour répéter la dernière action. En conséquence, nous avons trois groupes, qui sont situés à égale distance les uns des autres.

Changer l'angle de rotation de l'inclinaison du point central et du point droit.

Étape 11

Créez l'ellipse avec l'outil Ellipse (L). Remplissez l'ellipse avec un dégradé d'ellipse décentré. Le dégradé comprend deux curseurs gris et un curseur blanc. Appliquer le mode de fusion Multiplier à l'ellipse.

Nous avons donc créé l'ombre de la bulle.

Conclusion

La méthode de coloration avec les objets, qui consiste uniquement en couleurs en niveaux de gris, présente un avantage pour la coloration des objets en couleur. En réalité, nous n’avons qu’un seul objet en couleur et c’est la forme inférieure de la bulle. Le changement de couleur changera la couleur et la nuance de la bulle entière.

Vous devez être d’accord, la création de chacune des bulles colorées dans l’image ci-dessous aurait pris trop de temps si vous n’aviez pas utilisé cette technique. J'espère que vous avez apprécié cette tut.