32
Créer des icônes glossy pour votre site
Bonjour à tous !
- fichier source photoshop .PSD
- Fichier utiliser dans ce tuto
C’est mon tout 1er tuto alors ne soyer pas trop méchant :p J’ai trouvé ce tuto sur un autre site*, mais en anglais. Comme il me semble très intéressant je vous le propose cette fois-ci en francais. Let’s go !
Etape 1 :
Je crée un nouveau document de 600 * 300 avec un fond blanc. Je sélectionne l’outil ellipse (U) et je crée un ellipse de 175 * 175 px en blanc (trés important).
Etape 2 :
J’applique un style de calque de cette manière (voir .PSD si besoin) :
J’obtiens cela :
Etape 3 :
Sur un nouveau calque je crée avec l’outil selection (M) une forme de croissant de lune comme ci-dessous.
Je le remplis de blanc, je désélectionne et j’applique un effet de flou gaussien de 15 pixels. Enfin je diminue l’opacité du calque à 50%. J’obtiens cela :
Etape 4 :
Sur un nouveau calque, je crée avec l’outil selection (M) une forme dans le coin haut-gauche. Je remplis de blanc. J’obtiens cela :
Etape 5 :
Sur un nouveau calque, je crée avec l’outil selection (et oui toujours ^^) une forme comme ci dessous, je remplis de blanc, et je baisse l’opacité à 25%. J’obtiens cela :
Etape 6 :
Pour finir, j’ai mis un chariot que l’on trouve dans les formes personnalisées. On peut mettre n’importe quoi, le but étant de créer une icône. On peut aussi y ajouter un petit reflet.
Voilà, c’est fini. Merci d’avoir suivi ce tuto. Maintenant, c’est à vous de jouer !!
* : Source
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 13 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.
-
29 février 2008 12:21, par IT1
Pour un premier tuto, c’est un bon tuto Kobalt. L’effet final est sympa. Continue !
Répondre -
29 février 2008 13:55, par Rokkall
Sympa comme tuto, juste un problème avec l’incrustation de motif qui ne passe pas du tout avec moi, obligé de l’intégrer via un autre calque, rien de bien grave quoi en somme. ^^
Sinon l’upload de créa est cassé semble-t-il.
Rokkall
Répondre -
29 février 2008 14:59, par Rokkall
Rectification.
L’incrustation de motif ne se voit pas lorsque l’on rempli la sélection de base (le tout premier calque) avec la couleur noire. Il faut donc la remplir avec n’importe qu’elle autre couleur que le noir.
Ça pourra p’t’être en aiguiller d’autres.
Répondre -
29 février 2008 18:57, par Toinousp
Humm.. Super tuto j’adore ces un super effet... Bien web 2
Répondre
-
1er mars 2008 11:01, par Rokkall
Ha ! Voila, j’ai réussi à up ma créa !
Alors voila :
Rokkall.
Répondre -
2 mars 2008 00:08, par oda
merci, une petite question comment on fait pour la selection en forme de croissant de lune ( desolé je debute ^^) car je lutte pas mal
Répondre-
2 mars 2008 00:36, par Rokkall
Salut,
Comme dit dans le tuto tu créés un nouveau calque et tu remplis la sélection de blanc. Ensuite tu peux soit utiliser l’outil de sélection élipse (raccourcis M), ou bien tu utilises la plume pour plus de confort, que tu convertis en sélection et tu supprimes.
J’espère avoir été clair.
Rokkall.
Répondre
-
-
27 juin 2009 18:23, par Shin
Wah... J’ai lâche dès l’étape n°3 ! Avec quel outil on sélectionne ? Parce que l’outil sélection rapide, il me fais pas de croissant alors...
Répondre -
27 juin 2009 18:33, par Shin
Ah ok j’ai compris pour la sélection en forme de croissant mais maintenant je bloque tout de suite après... C’ets quoi l’« effet de flou gaussien » O_O’ ?!
Répondre -
27 juin 2009 23:09, par Shin
Et voilà à ma sauce ^^ http://images3.hiboox.com/images/2609/6a182216e59feec3ae0fed13d1148c9c.jpg
Merci beaucoup pour ce super tuto *^*
Répondre
