Share
Dans cette astuce, vous apprendrez à créer une barre de lecteur audio simple. Cela concerne principalement les techniques de base de construction de formes vectorielles parfaites de pixel. Nous allons commencer par un simple rectangle et l’effet Coins arrondis. Nous utiliserons ensuite certaines techniques de décalage et Pathfinder pour créer les points forts. Enfin, certaines techniques de masquage / mélange et l’effet Ombre portée nous aideront à ajouter les touches finales..
Créez un document RVB de 600 x 300 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 525 x 30 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, assurez-vous qu'il n'y a pas de couleur définie pour le trait et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5px, cliquez sur OK et allez à Objet> Développer l'apparence..
Resélectionnez la forme créée à l'étape précédente et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de 1 px et cliquez sur OK. Remplissez la forme obtenue avec le dégradé linéaire indiqué ci-dessous et accédez à Effet> Styliser> Ombre portée. Entrez les données affichées dans la fenêtre de gauche, cliquez sur OK, puis accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les données affichées dans la fenêtre de droite et cliquez sur OK.
Pour les étapes suivantes, vous aurez besoin d’une grille toutes les 1px. Alors, allez dans Edition> Préférences> Guides> Grille et entrez 1 dans la grille chaque case. Choisissez l'outil Rectangle (M) et créez une forme de 47 x 30 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, supprimez la couleur du trait et placez-le comme indiqué dans l'image suivante. Le composant logiciel enfichable à la grille devrait faciliter votre travail.
Sélectionnez ce nouveau rectangle et effectuez 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 1px. Resélectionnez les deux copies, ouvrez le panneau Pathfinder (Fenêtre> Pathfinder) et cliquez sur le bouton Moins avant. Remplir la forme obtenue avec du blanc.
Resélectionnez les deux formes créées à l'étape précédente et regroupez-les. Faites une copie (Ctrl + C> Ctrl + F) de ce groupe et faites-la glisser vers la droite, comme indiqué dans l'image suivante..
Choisissez l'outil Texte (T), ajoutez du texte simple et placez-le comme indiqué dans l'image suivante. Utilisez la police Tahoma, puis définissez la taille sur 10 pt et la couleur sur R = 75 G = 75 B = 75. Assurez-vous que ce texte est toujours sélectionné et accédez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le rectangle arrondi créé à la deuxième étape et effectuez deux copies. 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 du blanc et amenez-la à l'avant (Maj + Contrôle + Support carré droit).
Choisissez l'outil Rectangle (M) et créez deux rectangles de 1 x 30 pixels. Placez-les l'un à côté de l'autre puis remplissez la forme de gauche avec R = 150 G = 150 B = 150 et la forme de droite avec du blanc. Groupez ces deux rectangles puis faites une copie du groupe. Sélectionnez ce deuxième groupe et cliquez sur le bouton Unite du panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué ci-dessous et ouvrez le panneau Transparence (Fenêtre> Transparence)..
Les chiffres blancs de l'image en dégradé représentent le pourcentage d'emplacement. Sélectionnez cette nouvelle forme avec le groupe créé au début de l'étape, ouvrez le menu déroulant du panneau Transparence et cliquez sur Créer un masque d'opacité. À la fin, votre groupe masqué devrait ressembler à la quatrième image..
Resélectionnez le groupe masqué de l'étape précédente et dupliquez-le (Contrôle + F). Déplacez ce nouveau groupe de quelques pixels vers la droite et sélectionnez Objet> Transformer> Refléter. Cochez le bouton Vertical et cliquez sur OK. Resélectionnez les deux groupes et dupliquez-les (Contrôle + C> Contrôle + F). Faites glisser ces groupes un par un et placez-les comme indiqué dans l'image finale.
Choisissez l'outil Rectangle (M), créez un carré de 5 pixels, remplissez-le avec R = 95 G = 95 B = 95 et supprimez la couleur du trait. Continuez avec l'outil Rectangle, créez une forme de 5 x 11 pixels, remplissez-la de R = 95 G = 95 B = 95 et placez-la comme indiqué dans la deuxième image. Basculez sur l’outil de sélection directe (A) et concentrez-vous sur cette nouvelle forme. Sélectionnez le point d'ancrage supérieur gauche et déplacez-le de 4 pixels vers le bas, puis sélectionnez le point d'ancrage inférieur gauche et déplacez-le de 4 pixels vers le haut..
À la fin, votre forme devrait ressembler à la troisième image. Retournez dans l'outil Rectangle (M), créez des formes de 1 sur 3 pixels, de 1 sur 7 pixels et de 1 px 11 pixels, remplissez-les de R = 95 G = 95 B = 95 et placez-les comme indiqué dans la quatrième image. Sélectionnez toutes les formes créées à cette étape, cliquez sur le bouton Unir dans le panneau Pathfinder et sélectionnez Objet> Chemin composé> Créer..
Resélectionnez le chemin composé créé à l'étape précédente et placez-le comme indiqué dans la première image. Concentrez-vous dessus et faites deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et déplacez-la de 2 pixels vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Transformez le groupe de formes obtenu en un chemin composé (Objet> Chemin composé> Construire) et remplissez-le avec R = 45 G = 45 B = 45. Resélectionnez le chemin composé créé à l'étape précédente et accédez à Effet> Styliser> Ombre portée. Entrez les données affichées dans l'image finale et cliquez sur OK.
Choisissez l'outil Rectangle (M), créez deux formes de 3 x 11px, remplissez-les de R = 95 G = 95 B = 95 et placez-les comme indiqué dans la première image. Transformez-les en un chemin composé (Objet> Chemin composé> Créer) puis effectuez deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F).
Sélectionnez la copie du haut et déplacez-la de 2 pixels vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Transformez le groupe de formes obtenu en un chemin composé (Objet> Chemin composé> Construire) et remplissez-le avec R = 45 G = 45 B = 45. Resélectionnez le chemin composé créé au début de cette étape et accédez à Effet> Styliser> Ombre portée. Entrez les données affichées dans l'image finale et cliquez sur OK.
Choisissez l'outil Rectangle (M), créez une forme de 250 x 6 pixels, remplissez-le avec le dégradé linéaire présenté ci-dessous et placez-le comme indiqué dans la première image. Continuez avec l'outil Rectangle (M), créez une forme de 150 x 6 pixels, remplissez-la avec R = 175 G = 175 B = 175 et placez-la comme indiqué dans la deuxième image..
Sélectionnez le premier rectangle créé à l'étape précédente et faites deux copies devant (Contrôle + C> Contrôle + F> Contrôle + 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 = 62 G = 62 B = 62, changez son mode de fusion en Écran et placez-le au premier plan (Maj + Contrôle +]). Resélectionnez le premier rectangle créé à l'étape précédente et ajoutez un trait d'un trait. Réglé, sa couleur à R = 45 G = 45 B = 45, l’aligner à l’intérieur. Assurez-vous que votre forme est toujours sélectionnée et accédez à Effet> Styliser> Ombre portée. Entrez les données affichées dans l'image finale et cliquez sur OK.
Choisissez l'outil Rectangle, créez une forme de 60 x 6 pixels et une forme de 30 x 6 pixels, placez-les comme indiqué dans la première image, puis ajoutez les propriétés utilisées pour les formes créées aux étapes précédentes..
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié cette tut.
Accentsconagua