UnitCreations

Dans ce tutoriel nous allons voir comment réaliser l’icône Photoshop de chez Adobe , puis en déduire comment crée les autres icônes des produits. C’est un tutoriel qui nécessite au moins une connaissance de base de Photoshop et comme vous pouvez le constater le logo de l’article est une icône Photoshop noir ce qui veux dire qu’il est un peu plus difficile.

É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é.

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.

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 :

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.

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.

Télécharger les sources de l’image (format PSD)

Télécharger le pack d’icônes Adobe