Dans les étapes suivantes, vous apprendrez à créer un ensemble simple de boutons lumineux. C'est un autre tutoriel qui se concentre sur le panneau Apparence, car le bouton entier est créé en utilisant une seule forme avec plusieurs remplissages et traits, plus quelques effets simples..
Créez un document RVB de 600 x 300 pixels, sélectionnez l'outil Rectangle (M) et créez une forme de la taille de votre planche graphique. Remplissez-le avec R = 49 G = 52 B = 57, supprimez la couleur du trait et concentrez-vous sur le panneau Apparence (Fenêtre> Apparence). Ajoutez un nouveau remplissage pour cette forme en utilisant le bouton Ajouter un nouveau remplissage. Il s'agit de la petite icône carrée blanche située au bas du panneau Apparence. Sélectionnez ce second remplissage, réduisez son opacité à 50% et utilisez le dégradé radial indiqué ci-dessous. Continuez dans le panneau Apparence et ajoutez un troisième remplissage. Sélectionnez-le, faites-le noir, diminuez son opacité à 15%, changez le mode de fusion en Multiplier et allez à Effet> Artistique> Grain de film. Entrez les données indiquées ci-dessous et cliquez sur OK. Accédez au panneau Calques (Fenêtre> Calques) et verrouillez cette forme..
Choisissez l'outil Ellipse (L) et cliquez simplement sur votre planche pour ouvrir la fenêtre Ellipse. Entrez 60 dans les zones Largeur et Hauteur et cliquez sur OK. Évidemment, cela créera un cercle de 60px. Remplissez-le avec R = 36 G = 40 B = 43 et supprimez la couleur du trait.
Resélectionnez le cercle 60px et ajoutez un trait de 7 pt. Fixer sa couleur à R = 39 G = 170 B = 225 et l’aligner sur l’extérieur.
Resélectionnez le cercle 60px et ajoutez un nouveau remplissage. Sélectionnez-le dans le panneau Apparence, définissez sa couleur sur R = 109 G = 110 B = 113 et accédez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le cercle 60px et ajoutez un troisième remplissage. Sélectionnez-le dans le panneau Apparence, remplissez-le avec le dégradé linéaire présenté ci-dessous et sélectionnez Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le cercle 60px et ajoutez un nouveau remplissage. Sélectionnez-le dans le panneau Apparence, remplissez-le de noir, baissez son opacité à 7%, changez le mode de fusion en Multiplier et passez à Effet> Déformer et transformer> Transformer. Entrez les données ci-dessous, cliquez sur OK, puis sélectionnez Effet> Artistique> Grain de film. Encore une fois, entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le cercle 60px et ajoutez un second trait à l'aide du bouton Ajouter un nouveau trait. Il s'agit de la petite icône carrée noire située dans le coin inférieur gauche du panneau Apparence. Sélectionnez ce nouveau trait, agrandissez-le de 6 pt, définissez sa couleur sur R = 85 G = 212 B = 251, alignez-le sur l'extérieur et accédez à Effet> Styliser> Inner Glow. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le cercle 60px et ajoutez un nouveau trait. Sélectionnez-le dans le panneau Apparence, agrandissez-le de 3 pt, définissez sa couleur sur R = 202 G = 140 B = 252 et sélectionnez Effet> Chemin> Chemin de décalage. Entrez un décalage de 3 pixels et cliquez sur OK.
Resélectionnez le cercle 60px et ajoutez un nouveau trait. Sélectionnez-le dans le panneau Apparence, agrandissez-le de 1,5 pt, définissez sa couleur sur R = 255 G = 255 B = 255 (blanc) et sélectionnez Effet> Chemin> Chemin de décalage Entrez un décalage de 3 pixels et cliquez sur OK.
Resélectionnez le cercle 60px, ajoutez un nouveau remplissage et faites-le glisser au bas du panneau Apparence. Sélectionnez-le, définissez sa couleur sur R = 50 G = 50 B = 50 et sélectionnez Effet> Chemin> Décalage du chemin. Entrez un décalage de 10 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Inner Glow. Entrez les données indiquées ci-dessous, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Encore une fois, entrez les données indiquées ci-dessous et cliquez sur OK.
Resélectionnez le cercle 60px et dupliquez-le (Commande + C> Commande + F). Sélectionnez cette copie, déplacez-la vers la gauche et accédez au panneau Apparence. Concentrez-vous sur les traits et remplacez les couleurs existantes par les couleurs indiquées ci-dessous. Modifiez également l'effet Inner Glow comme indiqué dans l'image suivante..
Resélectionnez le cercle 60px, faites une nouvelle copie (Commande + C> Commande + F) et déplacez-la vers la droite. Là encore, sélectionnez-le et remplacez les propriétés de trait existantes par les propriétés indiquées ci-dessous..
Enfin, sélectionnez l'outil Texte (T) et ajoutez votre texte. Choisissez votre propre police ou utilisez la police Arcade d'une taille de 25 pt.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. Amusez-vous avec les différentes couleurs et formes pour voir ce que vous pouvez créer.