Share
Dans les étapes suivantes, vous apprendrez à créer un bouton de volume. Tout commence par trois cercles concentriques. En utilisant des propriétés de trait intéressantes avec des effets de base, vous créerez la ligne de volume. Ensuite, en utilisant plusieurs remplissages et traits avec les options de Pathfinder et de nouveaux effets, vous créerez le reste du bouton. Essayez-le et vous apprendrez peut-être quelque chose de nouveau sur le travail avec les accidents vasculaires cérébraux.
Créez un document RVB de 700 x 700 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 10 px. Allez dans Edition> Préférences> Guides> Grille, entrez 10 dans le quadrillage toutes les cases 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.
Tout d’abord, allez dans le panneau Apparence ou dans la barre d’outils et supprimez la couleur du trait. Maintenant, sélectionnez l’outil Ellipse (L), créez une forme de 460 x 460 px et remplissez-le avec R = 154 G = 154 B = 152. Sélectionnez cette première forme et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de -30px, cliquez sur OK et remplissez la forme résultante avec R = 213 G = 213 B = 213.
Encore une fois, sélectionnez cette nouvelle forme et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de -15px, cliquez sur OK et remplissez la forme résultante avec R = 247 G = 248 B = 250. À la fin, vous devriez avoir trois cercles concentriques.
Ajoutons maintenant le fond. Choisissez l'outil Rectangle (M), créez une forme de la taille de votre planche graphique et remplissez-la avec R = 236 G = 238 B = 237. Envoyez-le à l'arrière (Maj + Ctrl + Support carré gauche), puis accédez au panneau Apparence. Ouvrez le menu déroulant et cliquez sur Ajouter un nouveau remplissage. Évidemment, cela ajoutera un deuxième remplissage à votre forme. Sélectionnez-le dans le panneau Apparence, faites-le en noir, baissez son opacité à 5% et changez le mode de fusion en Multiplier, puis sélectionnez Effet> Artistique> Grain de film. Entrez les données indiquées ci-dessous, cliquez sur OK, puis ajoutez un troisième remplissage pour cette forme. Baissez son opacité à 30% et changez ensuite le mode de fusion en Multiplier puis remplissez-le avec le dégradé radial indiqué ci-dessous. Le zéro jaune de l'image en dégradé représente le pourcentage d'opacité. Enfin, accédez au panneau Calques et verrouillez cette forme pour vous assurer de ne pas la sélectionner ou la déplacer accidentellement..
Désactivez la grille (Affichage> Masquer la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Sélectionnez le cercle le plus large, définissez la couleur de remplissage sur aucun, puis ajoutez un trait de 20 points. Définissez sa couleur sur R = 128 G = 130 B = 133, puis sélectionnez Objet> Chemin> Ajouter des points d’ancrage. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage inférieur (mis en surbrillance dans la deuxième image) et appuyez sur la touche Suppr de votre clavier. Sélectionnez le chemin résultant et accédez au panneau Contour (Fenêtre> Contour). Cochez ensuite la case Tiret et entrez 10 pt dans les cases tiret et espace. Déplacez-vous vers la droite et cochez le bouton qui aligne les tirets sur les angles et les extrémités des tracés, ajustant la longueur à l’ajustement. Accédez à la section Profil, ouvrez le menu déroulant et sélectionnez "Profil de largeur 4", puis cliquez sur le bouton Retourner le long..
Resélectionnez le chemin créé à l'étape précédente et allez à Objet> Développer l'apparence. Supprimez les formes de départ et de fin (indiquées par les flèches), puis sélectionnez le groupe de formes restant et accédez à Objet> Chemin composé> Créer..
Sélectionnez le chemin composé créé à l'étape précédente et ajoutez un trait. Faites-le large, alignez-le à l'intérieur et définissez la couleur à R = 88 G = 89 B = 91. Sélectionnez ce trait dans le panneau Apparence et cliquez sur le bouton Dupliquer l'élément sélectionné en bas du panneau Apparence. Évidemment, cela créera une copie du trait sélectionné. Sélectionnez ce nouveau trait, rendez-le large de 0,5 pt, définissez sa couleur sur R = 247 G = 248 B = 250 et baissez son opacité à 80%. Resélectionnez tout le chemin composé et allez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous puis cliquez sur OK.
Passons au cercle suivant. Remplissez-le d'abord avec R = 35 G = 31 B = 32. Sélectionnez ce remplissage dans le panneau Apparence et accédez à Effet> Styliser> Inner Glow. Entrez les données indiquées ci-dessous, cliquez sur OK, puis ajoutez un deuxième remplissage. Faites-le noir, baissez son opacité à 8% et changez le mode de fusion en Multiplier puis allez à Effet> Artistique> Grain de film. Encore une fois, entrez les données ci-dessous, puis cliquez sur OK.
Continuez à vous concentrer sur la forme de l'étape précédente. Resélectionnez-le et ajoutez un trait. Faites-le 5 pts large, alignez-le à l'extérieur et la couleur à R = 147 G = 149 B = 152. Ajoutez un second trait pour cette forme, faites-la 3 pt de large et définissez sa couleur à R = 247 G = 248 B = 250. Resélectionnez l'intégralité du chemin et sélectionnez Effet> Styliser> Ombre portée. Entrez les données ci-dessous puis cliquez sur OK.
Sélectionnez le plus petit cercle et faites deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez Copie supérieure et appuyez une fois sur la flèche vers le bas, puis sélectionnez à nouveau les deux copies et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Vous obtiendrez une forme assez mince. Amenez-le à l'avant et remplissez-le avec R = 154 G = 154 B = 152.
Resélectionnez le plus petit cercle et remplissez-le avec R = 85 G = 86 B = 88. Sélectionnez ce remplissage et allez à Effet> Styliser> Lueur externe. Entrez les données indiquées ci-dessous, cliquez sur OK, puis ajoutez un deuxième remplissage. Faites-le noir, baissez son opacité à 8% et changez le mode de fusion en Multiplier puis allez à Effet> Artistique> Grain de film. Entrez les données indiquées ci-dessous, cliquez sur OK puis ajoutez un trait simple. Faites-le large, alignez-le à l'intérieur, réglez sa couleur sur R = 109 G = 110 B = 113 et baissez son opacité à 70%.
Sélectionnez les deux formes de cercle et dupliquez-les. Sélectionnez ces copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Sélectionnez la forme obtenue et appuyez sur D sur votre clavier. Cela va ajouter les propriétés par défaut (remplissage blanc et trait noir) pour cette forme.
Sélectionnez la forme créée à l'étape précédente, supprimez le trait, puis remplissez-le avec le dégradé radial indiqué sous l'image n ° 1. Ajoutez un second remplissage pour cette forme et utilisez le dégradé radial indiqué sous l'image n ° 2. Ajoutez un troisième remplissage pour cette forme et utilisez le dégradé radial indiqué ci-dessous, puis ajoutez un quatrième remplissage et utilisez le dégradé radial indiqué ci-dessous, puis l'image finale..
Choisissez l'outil Ellipse (L) et cliquez simplement sur votre plan de travail. Entrez 20 dans les zones largeur et hauteur, puis cliquez sur OK. Cela créera une forme de 20 x 20 pixels. Remplissez-le avec R = 88 G = 89 B = 91 puis allez à Objet> Chemin> Chemin décalé. Entrez un décalage de -2 pixels, puis cliquez sur OK, remplissez la forme obtenue avec R = 45 G = 41 B = 42, puis effectuez deux copies à l’avant. Sélectionnez la copie du haut et appuyez une fois sur la flèche vers le bas, puis resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. La forme obtenue devrait ressembler à la quatrième image.
Resélectionnez la forme 20 x 20 pixels créée à l'étape précédente. Sélectionnez le remplissage existant dans le panneau Apparence et accédez à Effet> Styliser> Inner Glow. Entrez les données indiquées ci-dessous, cliquez sur OK puis ajoutez un trait. Faites-le 2 pt large, aligner à l'intérieur et la couleur à R = 128 G = 130 B = 133. Ajoutez un second trait pour cette forme, faites-la 3 pt de large et définissez sa couleur à R = 247 G = 248 B = 250. Resélectionnez l'intégralité du chemin et sélectionnez Effet> Styliser> Ombre portée. Entrez les données ci-dessous puis cliquez sur OK.
Activer la grille (Affichage> Afficher la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Resélectionnez les formes créées aux deux étapes précédentes et regroupez-les. Sélectionnez ce groupe et placez-le comme indiqué dans l'image suivante.
Désactivez la grille (Affichage> Masquer la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Resélectionnez le chemin composé et effectuez une copie devant. Sélectionnez cette copie, accédez au panneau Apparence et remplacez les deux couleurs indiquées ci-dessous..
Choisissez l'outil Rectangle (M), créez une forme blanche et placez-la comme indiqué dans la première image. Il devrait couvrir la moitié gauche du chemin composé. Sélectionnez-le avec le chemin composé créé à l'étape précédente et accédez au panneau Transparence. Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. A la fin votre bouton devrait ressembler à la troisième image.
Enfin, ajoutons du texte. Utilisez la police Britannic Bold ou toute autre police que vous aimez. Ajoutez le texte comme indiqué ci-dessous, réglez sa couleur sur R = 65 G = 64 B = 66, puis sélectionnez Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez "Volume" et sélectionnez Effet> Déformation> Arc. Entrez les données indiquées ci-dessous et cliquez sur OK. Ajoutez également deux petits cercles au-dessus des textes "Min" et "Max". Remplissez-les avec R = 65 G = 64 B = 66 et ajoutez le même effet discret Ombre portée.
Voici le résultat final. Pour aller plus loin, vous pouvez essayer différentes couleurs ou d'autres styles de boutons pour créer un ensemble. J'espère que vous avez apprécié cette tut.
Accentsconagua