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.

Photoshop - 374.6 ko
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

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 7 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 14 juillet 2007 21:54, par ZoGo

    Bonjour, ce tutorial est super, comme tout ce site, ete les îcones et tuto sont super utile, merci :)

    Répondre
  • 5 septembre 2007 14:31, par Hervé

    Merci sincèrement. Partager votre expertise gracieusement c’est super. Très bien expliqué. Un site de référence.

    Répondre
    • 5 septembre 2007 16:36, par Wonka

      C’est un plaisir de faire plaisir !

      Répondre
  • 17 décembre 2007 10:42, par Jeunemac

    Très bien cette icône. Je l’ai utilisée pour identifier le dossier « téléchargements » dans le Dock sous Léopard. Il ne me reste plus qu’à lui mettre un peu de couleur en suivant ton tuto.

    Répondre
    • 18 décembre 2007 11:30, par Wonka

      Bonne chance alors ;) Tu pourrais poster un screen une fois le travail finie pour que l’on puisse apprécier une mise en situation ?

      Répondre
  • 30 mars 2008 19:59

    Répondre
    • 10 décembre 2008 00:11

      BOnjour, le tuto est super, mais je comprends vraiement pas le passage au niveau du reflet fait avec la plume de la 2 ème photos à la 3 ème photo. help me sa me rends fou !!!!

      Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.