Share
Dans ce tutoriel, vous allez apprendre à créer un ensemble d'étoiles d'évaluation détaillées. Nous utiliserons les outils Pathfinder d'Illustrator pour créer les formes d'étoiles de base. Puis coloriez chaque facette de l’étoile avec des dégradés simples. Vous pouvez utiliser ces techniques professionnelles pour créer vos propres graphiques cinq étoiles de haute qualité..
Appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans la case de largeur et 300 dans la case de hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case Aligner les nouveaux objets sur la grille de pixels est décochée avant de cliquer sur OK..
Choisissez l'outil Étoile, puis maintenez les touches Maj et Alt enfoncées pour créer votre forme d'étoile. Faites-en environ 50 pixels de large, remplissez-le avec R = 180 G = 180 B = 180 et assurez-vous qu'il n'y a pas de couleur définie pour le trait..
Allez dans Edition> Préférences> Général et assurez-vous que l'incrément de clavier est défini sur 1px. Resélectionnez la forme en étoile et effectuez deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie du haut et appuyez une fois sur la flèche du bas (pour la déplacer de 1 pixel vers le bas).
Resélectionnez les deux copies, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant. Sélectionnez le groupe de formes obtenu, transformez-le en chemin composite (Objet> Chemin composé> Construire) et remplissez-le avec R = 235 G = 235 B = 235.
Resélectionnez la forme en étoile et effectuez deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie du haut et déplacez-la 1px vers le bas et à droite. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Sélectionnez le groupe de formes obtenu, transformez-le en chemin composite (Objet> Chemin composé> Construire) et remplissez-le avec R = 235 G = 235 B = 235.
Resélectionnez la forme en étoile et concentrez-vous sur le panneau Apparence. Ajouter un trait de 3 points, définir sa couleur sur R = 165 G = 165 B = 165 et l’aligner sur l’intérieur. Continuez à vous concentrer sur le panneau Apparence, assurez-vous que votre forme d'étoile est toujours sélectionnée et ajoutez un nouveau trait à l'aide du bouton Ajouter un nouveau trait. C'est la petite icône carrée noire située dans le coin inférieur gauche du panneau Apparence..
Sélectionnez ce nouveau trait, élargissez-le de 1 pt, définissez sa couleur sur R = 120 G = 120 B = 120 et alignez-le sur l'extérieur. Assurez-vous que ce trait est toujours sélectionné et ouvrez le panneau Contour. Concentrez-vous sur la section Corner et cliquez simplement sur le bouton Round Join. Cela devrait ajouter un peu de rondeur pour les coins du trait.
Resélectionnez la forme en étoile et concentrez-vous sur le panneau Apparence. Assurez-vous qu'aucun fond ni trait n'est sélectionné et allez à Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous (dans la fenêtre en haut à gauche), cliquez sur OK et accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous (dans la fenêtre en haut à droite), cliquez sur OK et accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous (dans la fenêtre du bas) et cliquez sur OK.
Sélectionnez toutes les formes créées jusqu'à présent et regroupez-les (Commande + G). Sélectionnez ce nouveau groupe et accédez à Effet> Déformer et transformer> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.
Accédez au panneau Calques et ouvrez le groupe créé à l'étape précédente. Resélectionnez la forme en étoile et effectuez une copie devant (Commande + C> Commande + F). Sélectionnez-le, remplissez-le avec R = 255 G = 222 B = 23 et faites-le glisser en dehors du groupe, en haut du panneau Calques. Enfin, verrouillez le groupe créé à l'étape précédente.
Concentrez-vous sur l'étoile jaune créée à l'étape précédente et activez les guides intelligents (Affichage> Guides intelligents ou Commande + U). Choisissez l'outil Plume (P) et tracez un chemin allant d'un coin extérieur au coin intérieur de l'étoile. Assurez-vous qu'il commence et finit au-dessus d'un point d'ancrage en étoile. Les Smart Guides vous donneront des indices visuels.
Ajoutez un trait noir pour ce chemin afin que vous puissiez le remarquer plus facilement. Continuez avec l'outil Plume (P) et ajoutez quatre autres chemins, comme indiqué dans la deuxième image. Lorsque vous avez terminé, vous pouvez désactiver les guides intelligents (Commande + U)
Resélectionnez l'étoile jaune et effectuez une copie devant (Commande + C> Commande + F). Sélectionnez cette copie, ainsi que les chemins créés à l'étape précédente, puis cliquez sur le bouton Diviser du panneau Pathfinder..
Accédez au panneau Calques et ouvrez le groupe de formes obtenu. Vous pourriez trouver des formes minuscules. Si vous le faites, supprimez-les. En fin de compte, vous n'aurez besoin que des dix grandes formes mises en évidence dans la troisième image ci-dessous..
Continuez à vous concentrer sur le groupe de formes créé à l'étape précédente. Sélectionnez les cinq formes en surbrillance dans l'image suivante et remplissez-les avec le dégradé linéaire présenté ci-dessous..
Continuez à vous concentrer sur le groupe de formes créé à la dixième étape. Sélectionnez les cinq formes en surbrillance dans l'image suivante et remplissez-les avec le dégradé linéaire présenté ci-dessous..
Sélectionnez la forme en surbrillance dans la première image et faites deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie supérieure et déplacez-la 1px vers le haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder..
Remplissez la forme obtenue avec R = 255 G = 255 B = 0 et faites la mise au point sur son côté droit. Saisissez l'outil Supprimer le point d'ancrage (-) et cliquez simplement sur le point d'ancrage supérieur. En fin de compte, votre forme nette devrait ressembler à la quatrième image montrée.
Sélectionnez la forme en surbrillance dans la première image et faites deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie du haut et déplacez-la 1px vers la gauche. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder..
Remplissez la forme obtenue avec R = 255 G = 255 B = 0 et faites la mise au point sur son côté supérieur. Saisissez l'outil Supprimer le point d'ancrage (-) et cliquez simplement sur le point d'ancrage gauche. En fin de compte, votre forme nette devrait ressembler à la quatrième image montrée.
Sélectionnez la forme en surbrillance dans la première image et faites deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie supérieure et déplacez-la 1px vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder..
Remplissez la forme obtenue avec R = 255 G = 255 B = 0 et faites la mise au point sur son côté gauche. Saisissez l'outil Supprimer le point d'ancrage (-) et cliquez simplement sur le point d'ancrage inférieur. En fin de compte, votre forme nette devrait ressembler à la quatrième image montrée.
Sélectionnez la forme en surbrillance dans la première image et faites deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie du haut et déplacez-la 1px vers la droite. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder..
Remplissez la forme résultante avec R = 255 G = 255 B = 0 et faites la mise au point sur son côté inférieur. Saisissez l'outil Supprimer le point d'ancrage (-) et cliquez simplement sur le bon point d'ancrage. En fin de compte, votre forme nette devrait ressembler à la quatrième image montrée.
Sélectionnez la forme en surbrillance dans la première image et faites deux copies devant (Command + C> Command + F> Command + F). Sélectionnez la copie du haut et déplacez-la 1px vers la droite. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder..
Remplissez la forme résultante avec R = 255 G = 255 B = 0 et faites la mise au point sur son côté inférieur. Saisissez l'outil Supprimer le point d'ancrage (-) et cliquez simplement sur le point d'ancrage supérieur. En fin de compte, votre forme nette devrait ressembler à la quatrième image montrée.
Resélectionnez l'étoile jaune, faites une copie devant (Commande + C> Commande + F) et amenez-la au premier plan (Maj + Commande +]). Sélectionnez cette copie, supprimez la couleur du remplissage et ajoutez un trait de 3 points. Définissez sa couleur sur R = 237 G = 28 B = 36, alignez-le à l'intérieur, baissez son opacité à 70% et remplacez le mode de fusion par Superposition..
Resélectionnez l'étoile jaune, faites une copie devant (Commande + C> Commande + F), amenez-la devant (Maj + Commande +]), puis effectuez une seconde copie (Commande + C> Commande + F). Sélectionnez cette nouvelle copie et déplacez-la 1px vers le haut et vers la gauche. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Transformez le groupe de formes résultant en un chemin composé et remplissez-le avec R = 254 G = 171 B = 7.
Resélectionnez l'étoile jaune, faites une copie devant (Commande + C> Commande + F), amenez-la devant (Maj + Commande +]), puis effectuez une seconde copie (Commande + C> Commande + F). Sélectionnez cette nouvelle copie et déplacez-la 1px vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Transformez le groupe de formes résultant en un chemin composé et remplissez-le avec R = 255 G = 255 B = 0.
Resélectionnez l'étoile jaune, faites une copie devant (Commande + C> Commande + F), amenez-la devant (Maj + Commande +]), puis effectuez une seconde copie (Commande + C> Commande + F). Sélectionnez cette nouvelle copie et déplacez-la 1px vers le bas et à droite. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Transformez le groupe de formes résultant en un chemin composé et remplissez-le avec R = 255 G = 255 B = 0.
Resélectionnez l'étoile jaune et concentrez-vous sur le panneau Apparence. Ajoutez un trait d'un trait, définissez sa couleur sur R = 254 G = 192 B = 20 et alignez-le sur l'extérieur. Sélectionnez-le et cochez le bouton Arrondir dans le panneau Contour..
Sélectionnez toutes les formes créées à partir de la huitième étape et regroupez-les (Commande + G). Sélectionnez ce nouveau groupe et accédez à Effet> Déformer et transformer> Transformer. Choisissez un nombre compris entre 1 et 4 pour la zone Copies, faites glisser le curseur Déplacer-Horizontal vers 75 pixels, cliquez sur OK et vous avez terminé..
Maintenant, votre travail est terminé. Voici à quoi devraient ressembler vos graphiques d'étoiles d'évaluation.
Accentsconagua