Share
Dans ce tutoriel, nous montrerons comment créer 3 lecteurs MP3 rétro dans Photoshop. Chaque conception comprendra un type de support différent, un CD, un enregistrement et une bande. Commençons!
Créez un nouveau fichier. Définissez la largeur et la hauteur sur 900x900 à une résolution de 72 PPI. Créez maintenant un nouveau groupe et nommez-le Forme ou corps du joueur, créez un nouveau calque dans ce groupe..
Maintenant, en utilisant l'outil Rectangle arrondi (U), définissez le rayon sur 50 px, colorez sur # 363636 et créez une forme similaire à celle montrée dans l'image ci-dessous..
À l'aide de l'outil Rectangle de sélection (M), effectuez une sélection en commençant à quelques pixels du côté gauche et continuez au-dessus du côté droit. Assurez-vous d'inclure la forme entière, exactement comme dans l'image ci-dessous.
Maintenant, allez dans la barre d’options sous les calques et cliquez sur l’icône Ajouter un masque de calque.
Maintenant, appliquez quelques styles de calque. Cliquez avec le bouton droit sur le calque de forme et allez à Options de fusion. Maintenant, utilisez les valeurs exactes que j'ai utilisées, ou vous pouvez jouer. Le modèle peut être
se trouvant dans la liste du didacticiel ou à l'intérieur du fichier PSD.
Ajout de quelques effets à la forme du calque. Créez un nouveau calque au-dessus de cette forme vectorielle, cliquez dessus avec le bouton droit de la souris et sélectionnez Créer un masque de découpage. Cela ne montrera que des parties du calque à l'intérieur de la forme du calque de forme vectorielle. Maintenant, remplissez le calque avec #fffff blanc en utilisant l'outil Pot de peinture (G). Allez dans Filtre> Bruit> Ajouter du bruit et définissez le montant à 400%, la distribution en gaussien et cochez la case Monochromatique. Ensuite, sélectionnez Filtre> Flou> Flou directionnel et définissez l’angle sur 0 et la distance sur 32 pixels..
L'étape 6 aidera à créer des ombres sur le calque. Créez un nouveau calque, cliquez dessus avec le bouton droit et sélectionnez Créer un masque d'écrêtage, puis sélectionnez une couleur. J'ai utilisé # 363636, un gris foncé..
Sélectionnez l'outil Pinceau (B), définissez la taille sur 180 pixels, la dureté sur 0 et sélectionnez Pinceau d'opacité de pression arrondi. Commencez à brosser à la fin des deux côtés de la forme, et maintenant
définir le mode de fusion du calque sur Multiplier et l'opacité sur 23%.
À l'aide de l'outil Rectangle arrondi (U), définissez la couleur sur # 00000 (noir) et le rayon sur 50 pixels et créez une forme semblable à la mienne. Appliquez maintenant quelques
Effet Ombre portée en suivant les valeurs et en sélectionnant la couleur blanche #fffff
Sélectionnez l'outil Rectangle (U) et créez un rectangle au-dessus du début de la forme précédente. Changez de couleur en # f24e47 et appliquez une superposition de motif à l’aide du motif de club qui se trouve dans l’archive de motifs incluse dans les actifs du didacticiel, suivez les paramètres, puis cliquez avec le bouton droit sur le calque et sélectionnez Créer un masque de découpage. Cela va masquer le calque que nous avons travaillé à l'intérieur de la forme du calque sous.
À l'aide de l'outil Ellipse (U), à l'extrémité droite de la forme précédente, créez un petit cercle, définissez le Remplissage sur 0% et appliquez les effets suivants, illustrés dans l'exemple..
La couleur utilisée avec le trait est # e1ddde.
Maintenant faisons les boutons. Nous devrons faire 3 boutons, mais les 2 autres sont les mêmes que celui sur lequel nous allons travailler. Créez un nouveau groupe et nommez-le Play Button. Nous allons travailler à l'intérieur de ce groupe maintenant. Utilisation de l'outil Ellipse (U) Créez un cercle noir deux fois plus petit que la forme du lecteur. Suivez les options de mélange et réduisez l'opacité à 70%.
Utilisation de l'outil crayon (P) Créez un triangle au-dessus du cercle, définissez la couleur sur # f24e47 et cliquez avec le bouton droit sur le calque pour sélectionner Créer un masque d'écrêtage..
Faire un autre petit cercle sur le précédent, le centrer que de créer une superposition de dégradé comme dans l'exemple.
Dans cette étape, nous allons ajouter un effet appelé effet de métal radial. C'est un effet très facile à faire. Créez un nouveau calque, remplissez-le de n'importe quelle couleur, puis cliquez sur Filtre> Bruit> Ajouter du bruit et définissez le montant sur 400%, Distribution sur gaussien, puis cochez la case Monochromatique. La prochaine étape consiste à sélectionner Filtre> Flou> Flou radial et à définir le montant sur 80, Méthode de flou sur Rotation et Qualité sur Bonne. Maintenant, réduisez l'opacité du calque à 12%, centrez le calque à l'intérieur du cercle de manière à obtenir l'extrémité du tourbillon au milieu du cercle, cliquez dessus avec le bouton droit de la souris et sélectionnez Créer un masque d'écrêtage. Nommez cette couche effet métal radial.
En utilisant l'outil Plume (P), créez une forme similaire à la mienne sur le dernier cercle. Définissez la couleur sur noir # 00000. Maintenant, allez dans Filtre> Flou> Flou gaussien et réglez le rayon sur 2 pixels et l'opacité du calque sur 12%. Faites un clic droit sur le calque et sélectionnez Créer un masque d'écrêtage..
Dupliquez ce dernier calque, réglez l’opacité à 100%, faites-le pivoter un peu et sélectionnez Image> Réglages> Inverser. Si nécessaire, cliquez dessus avec le bouton droit de la souris et sélectionnez Créer un masque d'écrêtage..
Une fois de plus, Pen Tool (P) vient en aide heure par heure. Tracez 3 triangles cette fois sur le même calque. Un noir, un blanc et un autre noir. Sélectionnez les 3 couches et fusionnez-les. Ensuite, sélectionnez Filtre> Flou> Flou radial et appliquez la même valeur au rayon que dans l'étape 14. N'oubliez pas de transformer le calque existant en masque d'écrêtage..
Nous allons maintenant créer la forme en triangle Play. En utilisant l’outil Plume (P), créez une forme de triangle blanc comme dans l’illustration ci-dessous et appliquez les styles de calque. Copiez ensuite le calque Radial Metal Effect au-dessus du calque de symboles Lecture et faites-en un masque d'écrêtage. Ok le bouton est prêt.
Passer au bouton suivant et précédent. Dupliquez le groupe de boutons et nommez-le ensuite. Redimensionnez-le jusqu'à 50% et veillez à supprimer le premier triangle que nous avons créé. Dupliquer le symbole de jeu; alignez-les de sorte que le bout du gauche rencontre le côté vertical du droit. Centrez-les et nous avons un bouton Suivant. Dupliquez cette couche, nommez-la Back. Sélectionnez les deux symboles de lecture, pressez Commande + T ou CTRL + T, changez la valeur de la largeur en négatif (-) comme indiqué dans l'aperçu, centrez-la et nous avons 3 boutons pour notre lecteur..
Bouton de volume. Dupliquez l’un des groupes Suivant ou Précédent, nommez-le Bouton Volume. Supprimez les couches de symboles de lecture, créez une forme à l'aide de l'outil Plume (P), comme celle de l'image, appliquez les mêmes effets qu'à l'étape 17, et le bouton de volume devrait également être utilisé..
Zone d'informations sur l'artiste: à l'aide de l'outil Rectangle (U), créez un rectangle sous la forme du lecteur, réglez le Remplissage sur 12% et appliquez les styles de calque..
Créez un rectangle carré noir à l'aide de l'outil Rectangle (U). Ce sera le porte-vignettes de la couverture de l'album. Maintenant, à l’aide de Horizontal Type Tool (T), choisissez une police et une taille. J'aime Myriad Pro car il s’agit d’une police courante et standard. Insérez du texte qui représente le nom de la chanson et appliquez des styles au texte. Répétez la même étape pour le groupe et la partie de l'album, utilisez une police plus petite mais appliquez les mêmes styles.
Étoiles de classement. En utilisant # f24e47 comme couleur de base et avec l’outil Forme personnalisée (U) à partir duquel vous devez sélectionner la forme en étoile, créer 5 étoiles, les 4 premières doivent être # f24e47 et la dernière en noir pur # 00000. Appliquez le même style à tous les 5 et notre joueur est prêt pour l'action.
Forme de CD. Créez un nouveau groupe, nommez-le CD. À l'aide de l'outil Ellipse (U), créez un cercle parfait un peu plus petit que la taille de la toile et définissez la couleur sur # bcb4c3. À l'aide de l'outil Ellipse de sélection (M), tracez un petit cercle au milieu du grand, faites un clic droit sur Sélectionner inverse, puis appuyez sur le bouton Ajouter un masque de calque situé au bas du panneau des calques..
Créez un nouveau calque, sélectionnez l'outil Pinceau (B), définissez la taille sur 99, la dureté sur 0 et sélectionnez le pinceau d'opacité de pression arrondi doux. Commencez à brosser en utilisant les couleurs suggérées dans l'image ci-dessous. Lorsque vous avez terminé, définissez l'opacité du calque sur 30% et transformez-le en masque d'écrêtage..
Appliquer les styles suivants au calque de forme.
Encore une fois, créez un nouveau calque et commencez à brosser comme dans l'exemple en utilisant les couleurs suggérées. Définissez l'opacité du calque sur 60% et faites-en un masque d'écrêtage..
Dupliquez le calque de forme et placez-le devant les deux masques d'écrêtage, redimensionnez-le à 98-96%. Appliquez uniquement le style de calque que vous pouvez trouver dans l'image ci-dessous.
Faire plus d'effets. Créez un nouveau calque au-dessus de la deuxième forme de cercle. Utilisez un pinceau plus gros et la couleur # 9a969d et tracez une ligne horizontale comme dans l'exemple. Appuyez sur Commande / CTRL + T, faites un clic droit et sélectionnez Incliner. Faites glisser le coin supérieur droit en maintenant la touche SHIFT enfoncée jusqu'à ce que l'autre point se rejoigne au milieu. Dupliquez le calque 3 fois et faites une croix. Sélectionnez le calque 4, fusionnez-le et faites du calque résultant un masque d'écrêtage..
Insérez un nouveau calque et utilisez # f4f4f5 et # e2e2e3 comme couleurs pour commencer à brosser jusqu'à obtenir un résultat similaire à l'exemple..
Effet de flou radial. Créez un nouveau calque, remplissez-le de n'importe quelle couleur, suivez l'étape 13, après avoir aligné le centre du "vortex" sur le centre du CD et réduit l'opacité à 10%..
Ajoutez un nouveau calque, utilisez l’outil Pinceau (B) et commencez à effacer en utilisant les couleurs et la direction de l’exemple. Définissez l'opacité sur 15% et le mode de fusion du calque sur Couleur plus sombre..
Refaites les étapes de 28 et 29 et faites preuve de créativité pour donner un reflet brillant à la forme du CD..
La forme de base du CD est maintenant terminée.
Utilisez l'outil rectangulaire (U) et créez des formes libres comme dans l'exemple. Sélectionnez-les tous et fusionnez-les. Appuyez sur Commande / CTRL + T, faites un clic droit et sélectionnez Incliner. Faites glisser les deux points inférieurs vers le milieu. Maintenant, allez dans Filtre> Flou> Flou directionnel et réglez l’angle sur 0 et la distance sur 11. Déplacez-le sur le côté droit du CD. Dupliquez-le et appliquez le style au calque. N'oubliez pas de faire les masques d'écrêtage des deux couches.
Créez un nouveau cercle à l'intérieur de la forme du CD à l'aide de l'outil Ellipse (U), réglez le Remplissage sur 0 et appliquez le style. Faites-en un autre, plus petit cette fois, près du centre, déposez le Remplissage à 0 et appliquez le style au calque. Ajoutez un autre calque et, à l’aide de l’outil Ellipse (U), créez un cercle gris et utilisez l’outil elliptique (M) pour en créer un autre petit au centre de celui-ci, sélectionnez Inverser et ajoutez un masque de calque. Baisser l'opacité à 45%.
Ajoutez un nouveau calque, sélectionnez l’outil Pinceau (B), choisissez un pinceau plus petit et commencez à effacer les deux couleurs. Abaissez l'opacité à 25% et transformez le calque en masque d'écrêtage. Créez un nouveau calque maintenant, celui-ci sera encore plus sombre que le précédent # 424143, utilisez l'outil Elliptical Marquee Tool (M) pour créer un cercle un peu plus grand que le trou initial du CD, faites-en un masque de calque et appliquez le styles de calque.
Ajoutez un nouveau cercle à l’aide de l’outil Ellipse (U) et faites-le petit, près de la partie centrale du CD. Laissez le remplissage à 0 et l'opacité à 25% et appliquez les styles de calque. Ajoutez maintenant un autre calque et utilisez l'outil Ellipse (U) pour créer un cercle supplémentaire, exactement la taille du trou dans le CD, déposez le remplissage sur 0 et appliquez le dernier style de calque. Notre CD est terminé, maintenant passer à la version Vinyl Disk du lecteur.
Créez un nouveau groupe et nommez-le Vinyl Disk. Créez un cercle noir # 00000 à l'aide de l'outil Ellipse (U) presque aussi grand que la toile. Après avoir utilisé l'outil Elliptical Marquee Tool (M), créez un tout dans le vinyle à l'aide de la fonction de masque de calque que nous avons déjà créée. Appliquer les styles de calque de l'exemple.
Dupliquez ce calque existant et réduisez sa taille à 98%. Après faire un nouveau calque. Remplissez-le de noir # 00000, ajoutez du bruit et un flou radial, centrez le vortex au centre du disque.
Pour ajouter un nouveau calque, sélectionnez Filtre> Rendu> Nuages, puis Filtre> Flou> Flou radial et définissez le montant sur 100. Méthode de flou sur Zoom et Qualité optimale. Définissez le mode de fusion du calque sur Lumière douce. En utilisant l'outil Pinceau (B) et #fffff (blanc), tracez un trait horizontal traversant le disque. Commande / Ctrl + T, cliquez avec le bouton droit de la souris pour sélectionner Perspective. Tout en maintenant le coin supérieur gauche enfoncé, faites-la glisser vers le bas jusqu'à ce que les diagonales se croisent au milieu. Réglez le mode de fusion du calque sur Lumière douce et nous avons terminé. Dupliquez-le autant de fois que vous le souhaitez, je n'ai utilisé que 3 copies et changez la position pour donner cet effet de réflexion..
Faites un nouveau cercle mais cette fois à 95% de la taille du vinyle. Placez le remplissage à 0 et appliquez le style de calque. Dupliquez-le plusieurs fois, en supprimant la taille de la couche une fois que vous vous rapprochez du centre..
Dans cette étape, nous allons créer un autre cercle, cette fois-ci avec # ff0000, le rendre un peu plus grand que le tout dans le disque, utiliser Elliptical Marquee Tool (M) et faire un petit trou dans le cercle à l’aide d’un masque de calque, Insérez la texture de la toile (vous pouvez la télécharger à partir du lien de la section Actifs du didacticiel), transformez le calque en masque d'écrêtage, définissez le mode de fusion du calque sur Multiplier, puis c'est terminé..
Faites un petit cercle exactement de la taille du trou que nous venons de faire dans le canevas rouge, réduisez le Remplissage à 0 et appliquez le style de calque. Maintenant, créez-en un autre, plus gros cette fois-ci, presque aussi grand que le cercle rouge, déposez le Remplissage sur 0 et appliquez le style de calque..
Dans cette étape, nous allons créer le bras du joueur. Créez un nouveau groupe, nommez-le Player Arm. À l'aide de l'outil Ellipse (U), créez un cercle noir # 000000 similaire à celui de l'exemple. Sélectionnez Outil Plume (P) et sélectionnez Chemins dans le menu supérieur. Dessinez une forme comme celle que j'ai créée dans l'exemple, cliquez dessus avec le bouton droit de la souris, sélectionnez Créer une sélection et appuyez sur le bouton Ajouter un masque de calque..
Ajoutez un nouveau calque, utilisez l’outil Pinceau (B) et faites un point blanc #ffffff en haut du cercle, faites un clic droit sur le calque et faites-en un masque de découpage, définissez le mode de fusion du calque sur Lumière douce. Créez maintenant un autre calque, remplissez-le de n'importe quelle couleur, allez dans Filtre> Bruit> Ajoutez du bruit et augmentez le montant à 400%, Distribution en Gaussien, puis cochez la case Monochromatique, après avoir défini le mode de fusion du calque sur Color Dodge, l'opacité. à 15% et remplir à 50%.
Créez un nouveau cercle comme celui de l'exemple, remplissez-le de # 353535, ajoutez un autre calque dessus, utilisez l'outil Pinceau (B) pour créer un trait noir # 000000 sur le côté droit du cercle. Transformez le calque en masque d'écrêtage. Dupliquez la forme du cercle et déplacez-le de quelques pixels vers le haut dans la direction en haut à droite et appliquez les styles de calque.
Ajoutez un nouveau calque et utilisez l’outil Pinceau (B) pour créer un point blanc #ffffff en haut à gauche. Faites du calque un masque d’écrêtage et définissez le mode de fusion du calque sur Lumière douce. À présent, dupliquez le calque de bruit que nous avons créé à l'étape 45 et amenez-le au-dessus du point blanc que nous venons de créer, ce qui en fait évidemment un masque de découpage également..
A l'aide de l'outil Plume (P), tracez une forme comme dans l'exemple, remplissez-la de noir # 000000 et sélectionnez Filtre> Flou> Flou gaussien, définissez un rayon de 2, 5 pixels. Encore une fois, à l'aide de l'outil Plume (O), créez une autre forme avec des coins arrondis comme celle de l'exemple, remplissez-la avec le # 464141 et appliquez le style de calque..
Créez une forme blanche #ffffff cette fois à l'aide de l'outil Plume, mais un peu plus courte que la précédente, sélectionnez Filtre> Flou> Flou gaussien et définissez le rayon sur 2, 5. Créez un petit rectangle au bout du bras, puis appliquez le style de calque. Maintenant, en utilisant l'outil Plume (P), créez une honte semblable à celle de l'exemple et remplissez-la de noir # 000000. Maintenant, nous allons travailler sur deux calques, le premier aura juste un petit trait blanc #ffffff à la pointe et l’opacité réglée sur 10%, le second calque aura 2 traits et l’opacité réglée sur 15%. Les deux devront être des masques d'écrêtage.
Dupliquez la forme que vous venez de créer à l’aide de Pen Tool (P) et déplacez-la de quelques pixels vers le haut. Appliquez le style de calque. Dupliquez le trait blanc #ffffff que nous avons utilisé au début de l'étape 49 et positionnez-le comme dans l'exemple. Tout en maintenant la touche ALT enfoncée, sélectionnez la vignette Masque vectoriel du calque ci-dessous et faites-la glisser vers celui-ci. Cela va copier la forme vectorielle et "piéger" le trait à l'intérieur.
Créez un nouveau groupe, nommez-le Screw. À l’aide de l’outil Ellipse (U), faites un petit cercle et appliquez les styles de calque. Utilisez l’outil rectangulaire (U) pour créer un petit rectangle noir # 000000. Dupliquez le groupe et déplacez-le un peu, de sorte qu'il semble que deux vis maintiennent les formes ensemble.
C'est la dernière forme de format audio, la cassette. A l'aide de l'outil Rectangle arrondi (U), définissez le rayon sur 10 pixels, le remplissage sur 65% et la couleur sur # 4e4e4e, puis créez une forme similaire à celle de l'exemple. Appliquer des styles de calque. Le modèle peut être trouvé dans l'archive de modèles à partir du didacticiel.
Dans cette étape, nous allons ajouter quelques détails à la cassette. En utilisant l’outil Plume (P), définissez la couleur sur 8c8c8c et créez une forme similaire à la mienne du côté droit. Abaissez l'opacité à 45% et dupliquez ce calque en le reflétant de l'autre côté de la cassette. L’outil Plume (P) aidera cette fois-ci à apporter deux détails supplémentaires à la cassette, en utilisant les numéros 323232 et 5b5b5b comme couleurs du corps pour dessiner deux formes, comme dans l’exemple. Jusqu'à la dernière forme, réduisez l'opacité à 80%. Maintenant, avec l'aide de Ellipse Tool (U) et Rounded Rectangular Tool (U), créez 4 formes #ffffff blanches comme dans l'exemple. Le dernier détail que nous ajoutons à cette étape est un petit rectangle noir # 000000 créé à l'aide de l'outil Rectangle (U) et laissant tomber les calques Opacité à 75%..
L'utilisation de l'outil Ellipse (U) et de l'outil Rectangular (U) ajoute quelques détails supplémentaires, comme dans l'exemple. Une fois que vous avez terminé le travail sur les petits détails, nous allons ajouter la ligne de bande. Pour cela, nous devrons utiliser l'outil Plume (P) et le définir sur Chemins. Créez un chemin comme dans l'exemple que définissez votre pinceau sur une taille de 1 pixel et une dureté de 0, remplissez la couleur sur # 000000 et faites un clic droit n'importe où dans le canevas pour sélectionner le tracé du trait..
Ajout des vis. Créez un nouveau groupe et nommez-le Screw. Faites un petit cercle noir # 000000 dans le coin inférieur droit, comme dans l'exemple, et réglez l'opacité sur 45%. Sur celui-ci, faites un autre cercle, cette fois-ci, 80% plus petit et utilisez du blanc #ffffff tout en baissant l'opacité à 75%. Appliquer les styles de calque à la forme du cercle blanc.
À l’aide d’une petite brosse noire n ° 000000, effectuez quelques traits sur la partie supérieure et inférieure de la vis. Faites un clic droit sur le calque pour en faire un masque d'écrêtage et baisser l'opacité à 75%. Maintenant, sélectionnez Horizontal Type Tool (T) et en utilisant Arial comme police, la taille à 4, 5 pt et le style de police à Noir font un + au milieu du cercle. Appliquez maintenant le style de calque. Une fois que tout est terminé, copiez-collez le nom du groupe. Vissez l’une des zones indiquées dans l’exemple..
Ajoutez un nouveau groupe et nommez-le bande. Faites un cercle marron # 343732 et utilisez l’outil Plume (P) défini sur Chemins pour créer un chemin comme celui de l’exemple. Cliquez avec le bouton droit de la souris sur le canevas et appuyez sur Sélectionner inversé puis sur le bouton Ajouter un masque de calque. Créez un nouveau calque sur la forme de la bande et ajoutez un nouveau cercle, un cercle blanc #ffffff, transformez-le en masque d'écrêtage et réduisez l'opacité à 55%. À l'aide de l'outil Plume (P) défini sur Chemins, effectuez une autre sélection, comme dans l'exemple. À l'aide d'un pinceau noir # 000000, remplissez l'intérieur de la sélection jusqu'à ce que le gris soit totalement masqué..
À l'aide de l'outil Ellipse (U), ajoutez un nouveau cercle, mais définissez cette fois la couleur sur #aaaaaa. Créez un autre cercle à l'aide de l'outil Ellipse de sélection (M) et ajoutez un autre masque de calque. Baisser l'opacité à 55%. À l'aide de l'outil Ellipse (U), créez un autre petit cercle et réglez l'opacité sur 55% par rapport à l'application des styles de calque..
Dans cette étape, nous allons ajouter les points sur le rouleau de bande. À l'aide de l'outil Ellipse (U), créez un petit cercle comme dans l'exemple, utilisez # 737373 pour le dupliquer jusqu'à ce que vous obteniez le même résultat, comme dans l'exemple. Maintenant, en utilisant l'outil Stylo (P) défini sur les calques de forme et la couleur définie sur # 9a5f5f, créez deux formes comme dans l'exemple. Notre rouleau de bande est maintenant terminé. Dupliquez le groupe et vous pouvez le faire pivoter à votre guise pour obtenir un effet dynamique des rouleaux..
Cette dernière étape aidera à faire les autocollants. À l'aide de l'outil Plume (P), créez une forme similaire à celle de l'exemple, puis créez une forme rectangulaire à l'aide de l'outil Rectangle de sélection (M) et ajoutez un masque de calque après l'inversion de la sélection. Appliquez les styles de calque. Créez maintenant deux formes à l’aide de l’Outil Rectangle (U), une #ffffff blanche et une autre # f24e47. Créez les masques d'écrêtage des calques et appliquez le style de calque aux deux.
Accentsconagua