Share
Dans le tutoriel suivant, vous apprendrez à créer un ensemble de curseurs simples. Nous allons d’abord utiliser l’outil Rectangle et les effets Coins arrondis pour créer les formes de base. Ensuite, en utilisant les options Offset et Pathfinder, nous allons créer les formes en surbrillance. Enfin, pour les couleurs, nous utiliserons plusieurs dégradés linéaires et radiaux, des effets simples ainsi que des techniques de mélange de base..
Créez un document RVB de 600 x 600 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 15 x 460 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Objet> Développer l’apparence. Les nombres blancs de l'image en dégradé représentent le pourcentage d'emplacement.
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 clavier est défini sur 1px. Resélectionnez la forme créée à l'étape précédente et allez à Objet> Chemin> Chemin décalé. Sélectionnez la forme obtenue et effectuez une copie devant (Commande + C> Commande + F). Sélectionnez-le et appuyez une fois sur la flèche droite (pour le déplacer de 1 px vers la droite). Resélectionnez ces deux nouvelles formes, ouvrez le panneau Pathfinder (Fenêtre> Pathfinder) et cliquez sur le bouton Moins avant. Remplir la forme obtenue avec du blanc.
Resélectionnez le rectangle arrondi créé à la deuxième étape et concentrez-vous sur le panneau Apparence. Tout d'abord, ajoutez un trait de 1 pt. Définissez sa couleur sur R = 160 G = 160 B = 160 et alignez-le sur l’intérieur. Ensuite, assurez-vous qu'aucun fond ni trait n'est sélectionné (dans le panneau Apparence) et sélectionnez Effet> Styliser> Ombre portée. Entrez les données indiquées dans l'image suivante, cliquez sur OK, puis accédez à nouveau à Effet> Styliser> Ombre portée. Encore une fois, entrez les données affichées dans l'image suivante et cliquez sur OK.
Réactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Choisissez l'outil Rectangle (M), créez une forme de 15 x 20 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Objet> Développer l’apparence. Rappelez-vous que le nombre blanc de l'image en dégradé représente le pourcentage d'emplacement.
Désactivez l'option Aligner sur la grille (Affichage> Aligner sur la grille), resélectionnez la forme créée à l'étape précédente et accédez à Objet> Chemin> Décalage du chemin. Sélectionnez la forme obtenue, effectuez une copie devant (Commande + C> Commande + F) et déplacez-la d'une pixels vers la droite. Resélectionnez ces deux nouvelles formes et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 205 G = 205 B = 205.
Resélectionnez le rectangle arrondi créé à la cinquième étape et ajoutez un trait d'un trait. Définissez sa couleur sur R = 110 G = 110 B = 110 et alignez-le à l'intérieur.
Réactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Choisissez l'outil Rectangle (M), créez un carré de 5 pixels, remplissez-le avec R = 88 G = 88 B = 88 et placez-le comme indiqué dans la première image. Basculez sur l’outil de sélection directe (A), concentrez-vous sur ce carré, sélectionnez les points d’ancrage supérieurs et accédez à Objet> Chemin> Moyenne.
Vérifiez le bouton Les deux et cliquez sur OK. Cela devrait transformer votre carré en triangle. Sélectionnez-le et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 1 px, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous et cliquez sur OK. Resélectionnez ce triangle avec les formes créées et modifiées lors des trois dernières étapes et regroupez-les (Commande + G).
Resélectionnez le groupe créé à l'étape précédente et dupliquez-le (Commande + C> Commande + F). Sélectionnez ce nouveau groupe, faites-le glisser vers le bas, placez-le comme indiqué dans la deuxième image, puis sélectionnez Objet> Transformer> Refléter. Cochez le bouton Horizontal et cliquez sur OK. Resélectionnez les deux groupes et renvoyez-les à l'arrière (Maj + Commande + Crochet carré gauche).
Pour l'étape suivante, vous aurez besoin d'une grille chaque 1px. Alors, allez dans Edition> Préférences> Guides> Grille et entrez 1 dans la grille chaque case. Choisissez l'outil Rectangle (M), créez une forme de 13 x 100 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 2px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Resélectionnez la forme créée à l'étape précédente et allez à Objet> Chemin> Chemin décalé. Sélectionnez la forme obtenue, effectuez une copie devant (Commande + C> Commande + F) et déplacez-la d'une pixels vers la droite. Resélectionnez ces deux nouvelles formes et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 101 G = 232 B = 255.
Resélectionnez le rectangle arrondi créé à l'étape 10, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage à l'aide du 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-le, changez le mélange en superposition et remplissez-le avec le dégradé radial indiqué ci-dessous. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité. Assurez-vous que votre rectangle arrondi bleu est toujours sélectionné et ajoutez un trait d'un trait. Définissez sa couleur sur R = 19 G = 138 B = 160 et alignez-le à l'intérieur.
Choisissez l'outil Rectangle (M) et créez trois formes de 5 x 1 px. Remplissez-les avec R = 19 G = 137 B = 159 et accédez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous, cliquez sur OK et vous avez terminé.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler.
Accentsconagua