Créer une icône de téléchargement avec Photoshop

Je vais ici créer une icône qui peut être utilisée sur un site Web, pour amorcer un téléchargement par exemple. Ce tutorial est intéressant car je vais créer avec une nouvelle méthode une boule avec un reflet, puis je vais créer le symbole propre au téléchargement.

Tutorial 178 - Fichier Source Photoshop

clic pour télécharger gratuitement le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document, je sélectionne l’outil des formes personnalisées et je trace une ellipse parfaite au centre de mon image.

ETAPE 2

J’ajoute des styles de calques : Pour avoir le détail complet des styles voir le fichier source Photoshop disponible en haut de cette page. Je ne m’attarde pas sur cette étape car ce n’est vraiment pas le plus intéressant dans ce tutorial.

ETAPE 3

Je crée un nouveau calque, je récupère la sélection de mon ellipse et je crée un dégradé radial gris clair du bas vers le haut.

ETAPE 4

Avec la plume je crée une forme comme ci-dessous. Pour camoufler le bas j’utilise un masque de fusion. Pour plus de détails voir l’image ci-dessous.

ETAPE 5

Je duplique mon reflet, puis j’appuie sur Ctrl + T, j’ai ainsi la possibilité de faire pivoter mon nouveau reflet, ce que je fais légèrement. Ensuite je supprime l’intérieur du reflet 1 sur le reflet 2 et je supprime les pixels situés en dehors de l’ellipse.

ETAPE 6

Je crée le symbole. Voir l’explication ci-dessous.

• 1 Je crée une flèche avec l’outil des formes personnalisées
• 2 Je fais pivoter ma flèche
• 3 Je sélectionne le bout de la flèche puis j’appuie sur Ctrl + T pour la rétrécir un peu
• 4 Avec la sélection j’agrandis le bout de la flèche
• 5 Et enfin toujours avec la sélection je supprime quelques petites lignes