Étape 1 : Création de la forme initiale
Pour commencer crée un nouveau document dans Photoshop (Ctrl + N) avec une taille de 600 x 600 pixel (vous pouvez choisir vos dimensions mais prenez pas trop petit). Ensuite créez un nouveau calque et faite un rectangle aux angles arrondis de la couleur souhaité.
Forme de base
Après sa appliquez l’effet de calque : Incrustation de dégrade avec les options suivantes :
Étape 2 : Création et effet sur le texte
Maintenant crée un nouveau calque de texte, puis saisissez le texte Ps de couleur noir en faisant attention à faire la première lettre en majuscule et la deuxième en minuscule.
Si vous avez pris les mêmes dimensions de document que moi, mettez au texte une taille de 399 px et la police Tahoma, puis disposez votre texte à peu près au milieux de votre forme arrondie.
Options de taille, police et placement
Et pour en finir avec le texte appliquez lui un effet d’ombre interne pour obtenir une profondeur dans le texte, avec les options suivantes :
Options de calque pour le texte
Aller aller on ne traine pas on passe à l’étape suivante .
Étape 3 : Création du glossy
Bon maintenant on pourrais dire qu’on a notre icône mais bon s’aurais été trop simple, donc je vous propose de l’améliorer un peu. Crée une nouvelle Elipse blanche et glisser la hors de votre image afin que seul un demi cercle couvre le haut de votre image. Puis diminuez l’opacité de votre calque pour la mettre à 20%.
Alala quel effet !
Étape 4 : Création des rayons de lumière (reflets)
Pour finir nous allons crée des rayons de lumière qui donnent une petite impression de reflet à votre icône, pour cela nous allons appliquer la même technique que dans le tutoriel précédent. Si vous avez besoin de plus de détails allez relire la partie ou c’est expliqué (Tutoriel : Crée un effet de lumière et un reflet avec Photoshop).
Donc prenez votre pinceau avec du blanc d’une taille assez grande et paignez en haut de votre image sur un nouveau calque.
Peinture sur votre image
Après cela appliquez un Flou Directionnel à votre magnifique peinture, pour enfin obtenir nos reflets et le résultat voulu !
Étape 5 : Résultat
Voici ce que vous devriez obtenir après toutes ces manipulations :
Étape 6 : Aller plus loin
Bon maintenant que vous connaissez le principe de réalisation d’un logo ou icône de chez Adobe, vous pouvez tous les réaliser ne modifiant les couleurs du dégradé dans la forme et bien sur le texte.
Voici des icônes d’Adobe réalisés avec la même technique :
Voilà pour ce tutoriel qui j’espère vous aura plu et vous aura appris des nouvelles choses. Si vous rencontrez des difficultés ou autres laisser tout simplement un commentaire et nous vous répondrons pour vous aider.
