Comment créer une icône semblable à «Time Machine» dans Photoshop

Dans ce tutoriel, je vais vous montrer comment créer une icône similaire à celle d’Apple Time Machine. Même si cela peut paraître compliqué, les techniques que nous utiliserons sont très courantes et seront très utiles pour vos projets futurs..


Étape 1


Créez un nouveau document, remplissez l'arrière-plan d'un gris foncé et sélectionnez l'outil Ellipse (U)..

Créez un cercle au milieu du document et renommez-le en B cercle.


Étape 2


Dupliquez le cercle et redimensionnez-le pour le réduire.

En maintenant la touche Commande (MAC) / Contrôle (PC) enfoncée, cliquez sur la vignette du calque pour créer une sélection du cercle..

Après cela, sélectionnez le calque Cercle B et accédez à Calque> Masque de calque> Masquer la sélection..


Étape 3


Répétez les étapes 1 et 2 pour créer deux autres ellipses comme le rouge et le vert, comme on peut le voir sur l'image..

Renommez les cercles en Cercle M (rouge) et Cercle en S (vert).


Étape 4


Sélectionnez le calque B Circle, double-cliquez sur le calque pour ouvrir la boîte de dialogue Style de calque..

Ajoutez d’abord le calque dégradé. Sélectionnez Radial pour le style et pour les couleurs, utilisez # 474c57 (bleu foncé), # b3b4b8 (gris), le blanc et le bleu foncé à nouveau..


Étape 5


Maintenant, sélectionnons le biseau et l’estampage. Changer la profondeur à 1000%, la taille à 144px et ramollir à 16px.

Les paramètres d'ombrage sont très importants ici.

Désélectionnez Utiliser la lumière globale et utilisez 94 ° pour l’angle et 21 ° pour l’altitude..


Étape 6


Dupliquez le calque du cercle B et changez le style du calque. La première chose à faire ici est de désélectionner le calque dégradé, le biseau et l’estampage. Puis changez l'opacité de remplissage à 0%.

Après cela, ajoutez une ombre intérieure. Utiliser une couleur plus claire pour le mode de fusion et un blanc pour la couleur.


Étape 7


Sélectionnez le calque de cercle M et changez le style de calque, ajoutez un calque de dégradé, utilisez cette fois Linéaire pour le style et 132 ° pour l'angle. Utilisez du blanc, du bleu foncé et du blanc pour les couleurs.


Étape 8


Maintenant, sélectionnons Stroke. Changez la taille en 1px, Positionnez vers l'extérieur, Mode de fusion sur Dodge couleur, et Type de remplissage sur le dégradé..


Étape 9


Sélectionnez le cercle en S et ouvrez à nouveau la fenêtre Style de calque. Ajoutez une superposition de couleurs et utilisez un gris pour la couleur. Puis sélectionnez Contour, utilisez 2px pour la taille, Centre pour la position et le noir pour la couleur..


Étape 10


Regroupez les 4 couches et renommez le groupe en Métaux.



Étape 11


Créez un nouveau cercle et alignez-le au milieu des autres cercles.

Ouvrez la boîte de dialogue Style de calque et sélectionnez Superposition de dégradé, utilisez Radial pour le style et utilisez les couleurs # 05161a et # 1b4a46..


Étape 12


Créez un nouveau calque en vous assurant que l'arrière-plan et le premier plan sont en noir et blanc..

Ensuite, allez dans Filtre> Render> Render Clouds.

Changez le mode de fusion du calque en superposition.

Maintenant, en maintenant la touche Cmd (MAC) / Ctrl (PC) enfoncée, cliquez sur la vignette du calque de l’écran pour créer une sélection. Assurez-vous que la couche de nuages ​​est sélectionnée et accédez à Calque> Masque de calque> Afficher la sélection..


Étape 13


Dupliquez le calque Clouds, renommez-le en Twirl et changez le mode de fusion en Color Dodge. Allez à Calque> Masque de calque> Appliquer. Après cela, créez à nouveau une sélection de sélection à l'aide du cercle de calque d'écran.

Ensuite, allez dans Filtre> Déformer> Twirl…


Étape 14


Avec le calque Twirl toujours sélectionné, allez à Filtre> Liquéfier et sélectionnez l'outil Pucker (S). Faites-en la taille de l'écran et changez la densité et la pression à 100, et le taux à 60. Cela donnera plus de profondeur au tournoiement.


Étape 15


Avec l’outil Gomme (E), sélectionnez une brosse circulaire de diamètre 30px et 0% de dureté..

Effacer certaines parties de la couche Twirl, principalement dans les bords.


Étape 16


Créez un nouveau calque et renommez-le en étoiles S, remplissez-le de noir et changez le mode de fusion en mode dodge. Après cela, allez dans Filtre> Pixéliser> Mezzotint, utilisez des points granuleux pour le type.


Étape 17


Allez dans Filtre> Flou> Flou radial. Utilisez le zoom pour la méthode du flou et le meilleur pour la qualité. Pour le montant utiliser 90.

Maintenant, encore une fois, en maintenant le bouton Cmd (MAC) / Ctrl (PC) enfoncé, cliquez sur la vignette du calque de l’écran pour créer une sélection. Assurez-vous que la couche de nuages ​​est sélectionnée et accédez à Calque> Masque de calque> Afficher la sélection..


Étape 18


Ici, permet de créer de grandes stars. Créez un nouveau calque, remplissez-le à nouveau de noir, renommez-le en B Stars et changez le mode de fusion en Color Dodge..

Après cela, sélectionnez l'outil Pinceau. Utilisez 9px pour le diamètre principal et 1000% pour l'espacement. Sélectionnez également la dynamique des formes et la diffusion. Le panit des cercles.


Étape 19


Répétez l'étape 16 et appliquez le flou de zoom aux grandes étoiles. Cependant, cette fois, utilisez 50 pour le montant.


Étape 20


Dupliquez le calque d'écran et modifiez son style, sélectionnez la superposition de dégradé et changez les couleurs en blanc et blanc, mais l'opacité à 100% et 0%.

Sélectionnez maintenant l’outil elliptique (L) et créez une sélection elliptique comme je l’ai fait. Ensuite, sélectionnez Calque> Masque de calque> Afficher la sélection. Ajustez la position du calque dégradé et réglez l'opacité du calque sur 40%.


Étape 21


Permet de créer des petits cercles pour les détails de la bordure. Pour ce faire, répétez les étapes 1 et 2.


Étape 22


Modifions le style de calque et utilisons la superposition de couleurs en utilisant le noir comme couleur. Ensuite, sélectionnez l'option Contour. Utilisez Dégradé pour le type de remplissage et utilisez le blanc pour les couleurs, début et fin. Cependant, créez maintenant un point d’opacité au milieu de la barre et réglez-le sur 0.


Étape 23


Dupliquez le calque une fois et placez-le au bas de l'icône. Après cela, dupliquez les cercles du haut et du bas et faites-les pivoter de 90 °.


Sélectionnez les 4 cercles, dupliquez-les à nouveau, puis faites-les pivoter à 45 °. Vous pouvez le faire en maintenant les touches ALT + SHIFT enfoncées.


Achevée

Et voila! Vous pouvez ensuite ajouter des formes au-dessus de l'icône, mais le visuel principal est complet. Je recommande de placer l'icône finale sur un fond sombre où il se démarque vraiment…