Nouvelle icône Quicktime dans Photoshop
Apple est sur le point de sortir sa nouvelle version de Mac OS X, dont le nom de code est Snow Leopard. Avec cette nouvelle version, il y aura une toute nouvelle version de Quicktime. Une chose qui est vraiment cool est la nouvelle icône de l’application. À cause de cela, j’ai décidé de jouer un peu avec Photoshop pour reproduire l’effet.
Étape 1
Ouvrir un nouveau document dans Photoshop, j’ai utilisé 512×512 pixels. Commencez ensuite à ajouter des guides en utilisant des carrés pour les références. Ils seront utiles pour créer les cercles. Avec le Outil Ellipse (U) créer un cercle.
Étape 2
Aller à Calque> Style de calque> Superposition de dégradé. Utiliser Normal pour le mode de fusionet pour les couleurs utiliser #242e3c pour l’obscurité et #b4c1d4 pour la lumière. Changez également le Angle à 90º.
Étape 3
Après la superposition de dégradé, sélectionnez Accident vasculaire cérébral. Puis changez le Taille à 1 pixel et pour le Type de remplissage utiliser le dégradé. Pour les couleurs utiliser #7f8a98 pour l’obscurité et #e9f1f4 pour la lumière. Utiliser aussi 90º pour l’angle. Les couleurs claires seront au top.
Étape 4
Cliquer sur Biseau et estampe. Pour le Le style utilise le biseau intérieur. Pour le Utilisation de la technique Lissepour le Utilisation en profondeur 20%pour le Taille utiliser 45 pixelspour le Adoucir utiliser 15 pixels. Maintenant pour le Ombrage utilisation -90º pour le Angle, 65º pour le Altitudealors pour le Mode surbrillance utiliser Esquive de couleuravec du blanc et 100% opacité et pour le Mode d’ombre utiliser du noir, Multipliez et 100% d’opacité également.
Étape 5
C’est l’effet que vous aurez après les styles de calque.
Étape 6
Encore avec le Outil Ellipse (U) ajouter créer un autre cercle. Cliquez ensuite sur le Palettes de calquescliquez avec le bouton droit de la souris sur le calque du grand cercle et sélectionnez Copier le style de calque. Le clic sur le nouveau calque de cercle, cliquez à nouveau avec le bouton droit et sélectionnez Coller le style de calque.
Étape 7
Au dessus de Incrustation en dégradé, changez un peu les couleurs, rendez-les plus foncées et ajoutez une autre tache de couleur. Utilisez l’image ci-dessous pour référence.
Étape 8
Sélectionner Ombre intérieure. Pour le Mode de fusion utiliser Multiplierpour le Opacité utiliser 55%. Pour le Distance et Choke utilisent 0 pixels, puis pour la taille, utilisez 6 pixels.
Étape 9
Maintenant pour le Accident vasculaire cérébral, les couleurs changeront un peu, nous ajouterons quelques transparences. Utilisez l’image ci-dessous pour référence. Et regardez comment j’ai ajouté un 0% d’opacité en plein milieu de la palette de couleurs.
Étape 10
Maintenant, c’est l’effet que vous aurez après les styles de calque. Il est maintenant temps d’ajouter un autre cercle.
Étape 11
Encore une fois avec le Outil Ellipse (U) ajoutez un autre cercle qui sera la partie brillante de l’icône.
Étape 12
Aller à Calque> Style de calque> Superposition de dégradé. Utilisez un bleu foncé et un bleu clair pour les couleurs. Ensuite pour le Style utiliser linéaire et angle de 90º. Utilisez l’image ci-dessous pour référence.
Étape 13
Sélectionner Lueur intérieure. Changer la Mode de fusion à superposer. Pour le Opacité utiliser 75% et noir pour la couleur. Changez également le Choke à 0% et la taille à 18 pixels.
Étape 14
Ajoutez maintenant un Ombre portée. Changer la Mode de fusion pour multiplier, et le Opacité à 75%. Changez également le Angle jusqu’à -90ºle Distance à 4 pixels et 10 pixels pour Taille.
Étape 15
C’est l’effet que vous aurez après les styles de calque.
Étape 16
Avec le Outil Ellipse (U) créez une ellipse en utilisant le blanc comme couleur, modifiez également la opacité à 30%.
Étape 17
Avec le Outil de sélection elliptique (M) créez une ellipse comme l’image ci-dessous, puis avec le calque d’ellipse blanche sélectionné, allez à Calque> Masque de calque> Révéler la sélection.
Étape 18
Aller à Filtre>Flou>Flou gaussien. Utiliser 30 pixels pour le Rayon.
Étape 19
Ajoutez un autre cercle, maintenant plus en haut de la partie médiane. Ensuite, appliquez un Incrustation en dégradé à travers Styles de calque. Pour les couleurs, utilisez du blanc et du blanc, et changez le opacités à 0 et 100%. Également Angle d’utilisation 90º et le Style radiale. Déplacez le dégradé un peu vers le haut comme l’image ci-dessous.
Étape 20
Cliquez en tenant Commande (mac) ou Contrôle (PC) sur le pouce du masque vectoriel dans la palette des calques. Cela créera une sélection chapiteau. Ensuite aller à Calque>Masque de calque>Révéler la sélection. Sélectionnez maintenant uniquement le masque de calque et accédez à Filtre>Flou>Flou gaussien. Utiliser 2 pixels pour le Rayon. Cela adoucira les bords de l’effet.
Étape 21
Créez à nouveau une nouvelle ellipse, maintenant en haut de l’icône. Ensuite, maintenez Commande (mac) ou Contrôle (PC) cliquez sur le pouce de la grande ellipse. Cela créera une sélection chapiteau de tout le cercle. Après cela, maintenez à nouveau la commande ou le contrôle, mais maintenant avec Alt, cliquez sur l’ellipse du milieu. Cela soustraira cette zone de la sélection de sélection. Ensuite, allez simplement à Calque>Masque de calque>Révéler la sélection.
Étape 22
Appliquez maintenant la même chose Incrustation en dégradé nous avons appliqué dans le étape 19. Modifiez simplement un peu les préréglages, comme dans l’image ci-dessous.
Étape 23
Dupliquez le calque pour la surbrillance supérieure et avec les sélections de sélection toujours actives, accédez à Filtre>Flou>Flou gaussien. Utiliser 30 pixels pour le Rayon. Après cela, changez le Opacité à 80%.
Conclusion
Pour ce tutoriel, nous avons essentiellement utilisé le Outil Ellipseavec Styles de calque et quelques brouille. Il s’agit de jouer avec les dégradés, les ombres et les traits. Vous pouvez même essayer différentes couleurs pour la partie centrale au lieu du schéma bleu. La meilleure chose lorsque vous essayez de recréer des icônes existantes est que vous apprenez plusieurs nouvelles façons de créer des effets.
Autres versions
Télécharger le fichier Photoshop
Cliquez ici pour télécharger le fichier Photoshop utilisé pour ce tutoriel
