Share
Dans le conseil suivant, vous apprendrez à créer votre propre jeu de bulles de dialogue vectorielles. Ce tutoriel est destiné aux débutants et vous apprendra les techniques de base de la construction de formes dans Illustrator, ainsi que quelques astuces utiles à utiliser avec le panneau Apparence. Commençons!
Créez un document RVB de 750 x 250 pixels. Commencez par activer la grille (Affichage> Afficher la grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 5px. Allez dans Edition> Préférences> Guides> Grille, entrez 5 dans le quadrillage chaque case et 1 dans la zone Subdivisions. Vous pouvez également ouvrir le panneau Info (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de remplacer l'unité de mesure en pixels dans Edition> Préférences> Unité> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
Choisissez l'outil Rectangle (M) et créez une forme de 175 x 105 pixels. Remplissez-le avec R = 247 G = 148 B = 30 et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 30 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Continuez avec l'outil Rectangle (M), créez un carré de 30 px et remplissez-le avec la même couleur orange (R = 247 G = 148 B = 30). Basculez sur l’outil de sélection directe (A) et concentrez-vous sur cette nouvelle forme. Sélectionnez les points d'ancrage inférieurs et allez à Objet> Chemin> Moyenne. Vérifiez le bouton Les deux et cliquez sur OK.
Maintenant, votre carré devrait se transformer en triangle. Sélectionnez-le et allez à Effet> Warp> Arc. Entrez les données indiquées ci-dessous, cliquez sur OK et accédez à Objet> Développer l’apparence. Sélectionnez la forme obtenue et effectuez une copie devant (Contrôle + C> Contrôle + F). Accédez au panneau Calques, trouvez cette copie et cliquez sur la petite icône représentant un œil à gauche. Cela rendra votre copie invisible. Vous aurez besoin de cette copie plus tard.
Sélectionnez la forme visible créée à l'étape précédente et placez-la comme indiqué dans la première image. Le composant logiciel enfichable à la grille facilitera votre travail. Resélectionnez les deux formes visibles et cliquez sur le bouton Unir du panneau Pathfinder..
Choisissez l'outil Ellipse (L), créez une forme de 175 x 135 pixels et remplissez-le avec R = 76 G = 163 B = 234. Accédez au panneau Calques, trouvez cette forme invisible et revenez-la à visible. Sélectionnez-le, remplacez l'orange par R = 76 G = 163 B = 234 et allez à Objet> Transformer> Rotation. Entrez un angle de -45 degrés et cliquez sur OK.
Placez la forme obtenue comme indiqué dans la deuxième image. Encore une fois, l’alignement sur la grille facilitera votre travail. Resélectionnez les deux formes bleues et cliquez sur le bouton Unir du panneau Pathfinder..
Choisissez l'outil Ellipse (L) et dessinez les sept ellipses montrées dans la première image. Encore une fois, l’alignement sur la grille facilitera votre travail. Remplissez-les avec R = 57 G = 181 B = 74, unissez-les et transformez-les en un chemin composé (Objet> Chemin composé> Construire).
Revenez à la forme orange. Sélectionnez-le et appuyez sur Maj + X. Cela transférera les propriétés de couleur du remplissage au trait. Allez à l’apparence et vous devriez trouver un remplissage nul et un trait de 1 point. Sélectionnez le trait, alignez-le sur l'extérieur et augmentez la taille à 3px puis ajoutez R = 241 G = 242 B = 242 pour le remplissage.
Maintenant, votre forme devrait ressembler à la deuxième image. Assurez-vous qu'il est toujours sélectionné et allez à Objet> Chemin> Contour du contour. Accédez au panneau Calques et vous trouverez un nouveau groupe avec deux formes distinctes. L'un est le remplissage et l'autre le trait.
Tout d'abord, concentrez-vous sur la forme gris clair. Sélectionnez-le et faites deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et appuyez une fois sur la flèche du bas. Merci à la Snap to Grid votre forme va descendre 5px. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme obtenue avec du blanc.
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et assurez-vous que l'incrément de votre clavier est défini sur 1px. Resélectionnez la forme gris clair et effectuez deux nouvelles copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et appuyez deux fois sur la flèche gauche et la flèche du haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez les formes résultantes avec R = 209 G = 211 B = 212 et transformez-les en un chemin composé (Objet> Chemin composé> Construire).
Resélectionnez la forme gris clair et effectuez deux nouvelles copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et appuyez cinq fois sur la flèche gauche et la flèche du haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez les formes résultantes avec R = 230 G = 231 B = 232 et transformez-les en un chemin composé (Objet> Chemin composé> Construire).
Resélectionnez la forme gris clair et sélectionnez Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Passez à la forme orange. Sélectionnez-le, allez dans le panneau Apparence et cliquez sur le bouton Ajouter un nouveau remplissage (la petite icône blanche). Sélectionnez ce nouveau remplissage, faites-le blanc, diminuez son opacité à 40% et modifiez le mode de fusion en Superposition, puis sélectionnez Effet> Tracé> Décalage. Entrez un décalage -1px et cliquez sur OK. En fin de compte, votre chemin devrait ressembler à l'image suivante.
Continuez à vous concentrer sur la forme orange. Resélectionnez-le, accédez au panneau Apparence et ajoutez un trait. Faites-le grandi à 0,5 point, réglez la couleur sur R = 241 G = 90 B = 41 et allez à Effet> Styliser> Lueur externe. Entrez les données ci-dessous et cliquez sur OK.
Passez à la forme bleue et répétez les techniques utilisées dans les sept dernières étapes. Il vous suffira de changer les couleurs du trait développé. Dans l'image suivante, vous trouverez toutes les informations dont vous aurez besoin..
Idem pour la forme verte.
Enfin, vous pouvez ajouter un joli fond pour vos bulles. Choisissez l'outil Rectangle (M) et créez une forme de la taille de votre planche graphique. Remplissez-le de blanc, puis ajoutez-en un deuxième et utilisez le dégradé radial indiqué ci-dessous. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.
Resélectionnez la forme créée à l'étape précédente et ajoutez un troisième remplissage. Vous aurez besoin d'un joli motif intégré pour ce remplissage final. Accédez au panneau Nuancier, ouvrez le menu déroulant et sélectionnez Ouvrir la bibliothèque de nuanciers> Motifs> Graphiques de base> Textures_de_globe de base. Cela ouvrira une nouvelle fenêtre avec un joli jeu de motifs intégrés.
Assurez-vous que votre rectangle d'arrière-plan est toujours sélectionné, accédez au panneau Apparence et sélectionnez le dernier remplissage. Réduisez son opacité à 7%, utilisez le modèle USGS 19 Land Inondation et accédez à Effet> Artistique> Grain de film. Entrez les données ci-dessous, cliquez sur OK et vous avez terminé.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. Jouez avec certains paramètres d'apparence pour créer vos propres styles. J'espère que vous avez apprécié cette tut.
Accentsconagua