Créer une icône Download ultra brillante avec Photoshop

Voici un incroyable tutoriel pour Photoshop pour créer un icône download vraiment brillante et glossy ! Essayez, vous serez certainement ravis par ces explications et ces techniques pour Photoshop.

Cela fait longtemps que je n’ai pas créé de tutoriel sur la création des billes et bulles glossy sur wks.fr ! Il y a quelques jours je suis tombé sur cette page http://www.shutterstock.com/pic.mhtml ?id=39487459 et je me suis tout de suite mis au travail pour créer un tutoriel expliquant un effet glossy similaire à cette magnifique icône !

En utilisant ma nouvelle méthode d’explications, voici comment créer une icône supra glossy avec votre logiciel Photoshop ! N’hésitez pas à essayer, chaque étape est suffisamment expliquée pour éviter de vous perdre entre l’outil plume et le masque de fusion ;)

Bonne chance à tous.

Image finale :

ETAPE 1

J’ouvre le logiciel Photoshop, puis je crée un nouveau document de 600px de côtés sur fond blanc.

Ensuite je crée un dossier que j’appelle par exemple Bille (voir la petite icône en bas de la fenêtre Calques).

Enfin j’utilise l’outil des formes ellipse pour créer un rond au milieu de mon document (je garde la touche maj enfoncée pour m’aider à créer le rond).

JPG - 87.1 ko

ETAPE 2

Je vais maintenant ajouter deux styles de calques, pour cela rien de plus simple, je vais dans le menu calque > Style de calque > Contour et ensuite Incrustation de dégradé.

JPG - 95.7 ko

Voici la configuration de ces deux styles de calques :

JPG - 45.6 ko
JPG - 48.6 ko

ETAPE 3

Je fais un clic droit sur mon calque Base et je clique sur dupliquer ce calque. Je remarque deux calques « Base » dans la fenêtre Calques.

Je clique droit maintenant sur ce nouveau calque « Base copie » puis je clique sur supprimer les styles de calques. Je me retrouve normalement avec un simple rond.

JPG - 98.6 ko
JPG - 103.9 ko

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 16 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.

  • 28 novembre 2009 17:21, par Meilleur bêtisier

    Excellent merci ,

    Je vais m’exercer dessus !!!

    Répondre
  • 1er décembre 2009 17:50, par crea-fr

    Merci pour cet excellent tutorial au rendu très sympathique. Et hop, dans les favoris...

    Répondre
  • 2 décembre 2009 15:46, par maison ou bureau

    Super , allez je m’y mets aussi

    Répondre
  • 2 décembre 2009 20:37, par Woody

    Bonsoir Wonka !

    Ce tuto est vraiment très bien, et permet de ce faire la main.

    Mais le lien vers la vidéo ne semble pas être le bon. Le lien renvoie vers une vidéo qui appartient à ce tutorial ci http://www.wks.fr/Creer-une-scene-spatiale-et.html

    Je postais surtout pour cela. En tout cas bonne soirée et encore merci =)

    Répondre
    • 2 décembre 2009 20:59, par Wonka

      Très bonne remarque, je viens de faire la modification, tout fonctionne maintenant !

      Répondre
  • 3 décembre 2009 22:35, par thvi

    Super tuto ! Merci ! Je l’ai réalisé en vecto que je partage gracieusement : http://dl.dropbox.com/u/2476551/ic%C3%B4ne%20Download%20ultra%20brillante%20avec%20Illustrator.ai Toujours intéressant de l’avoir sous ce format :)

    Répondre
  • 7 décembre 2009 10:06, par eshamar

    je suis stupefait par la facilité et la precision du tuto : c’est graduose

    Répondre
  • 18 décembre 2009 18:40, par totoditoto

    Moi, en revanche, ça ne marche pas ... Au moment de faire le forme « zen », il la créer sur « base copie », au lieu de créer un nouveau calque, si bien que la forme est sélectionner en même tant que le rond ...

    Répondre
    • 20 décembre 2009 12:36, par Wonka

      Il faut changer la configuration de la forme vecto en haut de ton écran. Normalement se doit être cela.

      Répondre
  • 20 décembre 2009 17:51, par el bachir

    merci ; tres interessant,j’ai reussi a le faire malgres quelques complications, par ex : suprimer les styles de calque,lorsque je clic droit sur le calque je ne trouve pas « suprimer les styles de calques » mais je les suprimes en suprimant les deux petits oeuls. merci

    Répondre
    • 24 décembre 2009 16:55, par wonka

      Super, pour supprimer les styles il faut cliquez avec le bouton droit de la souris sur le nom du calque et sélectionnez dans le menu déroulant : supprimer les styles de calques. Bonne continuation.

      Répondre
  • 17 janvier 2010 13:35, par itrescue@sify.com

    Well, it’s really super cool., Brilliant tutorial

    formation retouche image gratuite

    Répondre
  • 21 février 2010 16:01, par lezolifant

    Je sais pas si j´ai tout bien reussi, car l effet n´est pas si brillant que ca, mais tuto sympa. merci

    Répondre
  • 18 juin 2010 16:26, par 974

    Super tuto,mais j’ai un petit probleme au niveau de l’étape 5.En fait,la forme 4 reste toujours rouge,tu peux m’aider stp ?

    Répondre
  • 5 juillet 2010 18:16, par Votre pseudonyme

    Bonjour ! je me permet de repondre : le calque rouge comme tu dit ne sers que pour recuperer la forme et ne doit pas etre afficher au rendu. regarde la capture et tu verra que ce calque n’est pas affiché. pour le tuto, bon boulot :)

    Répondre
  • 21 août 2010 00:46, par zin

    Bonjour,

    Merci pour ce tuto, ce site est une vrai mine d’or encore merci pour toutes c’est ressource cependant j’ai un petit soucie a l’étape 13 vue que je débute c’est un peu normal. Je vais dévorer les autres tuto bon courage a tous

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.