32
Créer des icônes brillantes et lumineuses
Voici une nouvelle méthode tout à fait innovante pour créer une magnifique icône brillante et pleine de lumière. Je trouve le résultat tellement beau que j’ai décidé de le décliner en plusieurs icônes ! Mais avant toute chose, voici la méthode pour créer la base de l’icône.
- Tutorial 184 - 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, et sur son centre je crée une ellipse parfaite noire. J’utilise l’outil des formes personnalisées, et tout en traçant mon ellipse je garde la touche majuscule enfoncée.
ETAPE 2
J’applique une incrustation de dégradés ainsi qu’un contour. Je vous invite à ouvrir le fichier source PSD disponible en haut de cette page pour récupérer la configuration exacte des styles des calques utilisés.
ETAPE 3
J’utilise soit le pinceau ou le dégradé radial, et sur un nouveau calque je crée une lueur jaune très claire au centre de mon ellipse.
ETAPE 4
Je récupère la sélection de mon ellipse et je crée un nouveau calque. Je remplis de blanc ma sélection. Ensuite je déplace la sélection de 15 pixels vers le haut et je supprime les pixels (j’appuie sur la touche Suppr).. J’utilise ensuite un masque de fusion pour camoufler le haut.
ETAPE 5
Je crée mon premier reflet, avec le dégradé de blanc 100% d’opacité vers blanc 0%. J’utilise également un masque de fusion pour camoufler la droite du reflet.
ETAPE 6
Je crée une forme spéciale avec la plume et j’applique la méthode du reflet. Voir ce tutorial pour comprendre tout sur le reflet : http://www.wks.fr/Mille-et-une-facon-de-creer-un.html
ETAPE 7
Même chose que précédemment pour un troisième reflet.
ETAPE 8
Grâce à ce tutorial (http://www.wks.fr/Creer-une-etincelle-de-lumiere.html) je sais créer un éclat, j’en crée deux que je place sur ma composition.
ETAPE 9
Je vais créer une ombre par-dessous, pour ce faire je créer une ellipse aplatie en dessous de mon icône. Je la remplis d’un marron foncé. Je duplique cette ellipse. Je pixélise les deux calques. J’applique sur celle du dessous un flou gaussien de 10 pixels. Je rétrécie avec la transformation manuelle (Ctrl) + (T) et enfin j’applique un flou gaussien de 5 pixels.
ETAPE 10
Je peux maintenant appliquer n’importe quel logo. Je place le logo en noir au dessus de ma lueur jaune et en dessous des reflets.
ETAPE 11
Voici toutes les icônes créées à partir de cette base.
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 !
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 29 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.
-
23 août 2007 11:02, par Triangle
Bon petit tuto ! Cependant, pour les icônes, je préfère bosser sous Illustrator. Les étapes sont d’ailleurs quasiment identiques, sauf pour la petite lumière, qui ne peut être créée que sous Photoshop (et là ça pose problème si on effectue des redimensionnements).
Répondre-
23 août 2007 11:07, par Wonka
Alors il faut enlever les petits scintillement, mais c’est le petit truc qui fait que ... Alors bon restons sous Photoshop
Répondre
Quoique je me demande si c’est vraiment impossible de faire ce scintillement sous illus ? A tester donc !
-
-
27 août 2007 13:04
Ce tuto est bien mais mal expliqué. Tu devrais mettre des impression d’ecran
Répondre-
27 août 2007 13:28, par Wonka
Il me semble qu’il y est suffisamment de screen pour expliquer chaque étape de création !
Répondre-
27 août 2007 14:42
je m’explique, a l’étape 4 comment faire le degradé, un screen avec l’endroit ou il faut cliqué serait le bienvenu
Répondre J’ai beaucoup tes créations, félicitation.-
28 août 2007 11:51, par Wonka
Si j’ai bien compris tu veux des explications sur le dégradé que j’ai crée sur le masque de fusion. Simplement je selectionne un dégradé de noir vers blanc, ou blanc vers noir et selon je crée un dégradé du haut vers le bas ou du bas vers le haut. Tu peux faire plusieurs essais pour arriver au bon resultat !
Répondre
-
-
-
-
30 août 2007 15:26
ETAPE 5 on comprend pas. Le dégradé,on doit le faire sur la selection de l’ellispe du début ? car sur l’aperçu,il est pas de la taille du cercle.
Répondre-
31 août 2007 12:59, par Wonka
La solution : tu crée effectivement ton dégradé en utilisant la sélection de l’ellipse du dèbut, mais ensuite tu modifie ton dégradé avec ctrl + t.
Bonne chance
Répondre
-
-
18 novembre 2007 00:47
bravo pour ton icone, et merci pour les éléments que tu mets à disposition. bruno
Répondre-
-
20 novembre 2007 01:16, par riley-escobar
j ai rien capté mon msn c riley-escobar@hotmail.fr j aimerais qu on mexplique plus en details car jsuis perdu merci
Répondre-
20 novembre 2007 05:53, par riley-escobar
je fais mon cercle en noir jfais mon incrustation jusqu a la tous va bien aprés quand je fais mon second calque la ou je dois faire l elpse jaune au milieu ben deja mon premier dégradé orange ne resort pas je ne voi ke le jaune qui ressemble a peu prés au votre que dois je faire svp
Répondre-
20 novembre 2007 19:37, par Wonka
En fait il faut garder à l’esprit cette notion : un dégradé peut avoir 100% d’opacité de la gauche jusqu’a la droite (dégradé de deux couleurs) ou avoir deux couleurs mais une avec une opacité de 0% (soit une couleurs vers vide).
Si ton second dégradé camoufle le premier c’est qu’il est de 100% vers 100%.
Bonne chance
Répondre
PS : tu trouveras toute ces nuances de dégradés dans les options.-
20 novembre 2007 22:47, par riley-escobar
merci je vois donc si je veux que mon jaune aparraise sur le dégradé je dois diminué lopacité d un des deux calques bah je vais essayé en fait jconnais pas toutes les fonctions donc je decouvre en meme temps... mais merci d avoir vite repondu
Répondre-
21 novembre 2007 10:39
Non tu doit refaire ton dégradé de jaune clair 100% à jaune clair 0% !
C’est cela la solution !
Répondre-
25 novembre 2007 02:30, par riley-escobar
desole je n ai pas pu continuer laute fois mais la je me suis remis oui j ai compris j ai fait avec moins dopacité ca ma donné le meme style mais la mon dgradé n est pas comme sur le tuto moi c un blanc vers le milieu foncé sur les bords j ai cinq style de dégradé mais aucun n a l air de convenir les deradé avec poin o milieu c toujour avec du blanc... a moins que jinverse le jaune et le blanc dans le dégradé je vais essayer voir...
Répondre-
25 novembre 2007 03:04, par riley-escobar
c est presque ca mais quand je diminue l opacité ca se fond en orange en fait le jaune nedomine pas au milieu comme sur le shéma... j ai meme copié le calque jaune du psd ca me donne se meme effet si jve ke le jaune au milieu resorte bien ben la couleur degradé orange devra etre clair comment faire (je sais jsuis chiant dsl)
Répondre-
25 novembre 2007 03:40, par riley-escobar
mon jaune se fond carement en orange meme quand j diminue trés peu lopacité bah est comme si les couleur se melangé j ai essayé de changé les modes mais rien...
Répondre-
25 novembre 2007 12:24, par Wonka
La je sais pas comment t’expliquer !
Il ne faut pas diminuer l’opacité du calque, mais l’opacité d’une des couleurs de ton dégradé !
Tu trouvera l’option des couleurs dans les options de l’outil dégradé !
Bonne chance !
Répondre
-
-
-
-
-
-
-
-
-
-
-
2 janvier 2008 12:52, par simo
bonjour
j’ai vu ce tutoriel ça m’intéresse trop de savoir comment on le fait, c’est vrai que c’est bien expliqué j’ai téléchargé aussi le fichier source mais c’est trop flou pour moi je suis un débutant, j’ai que le résultat final et je souhaite voir les étapes merci de me répondre
Répondre -
4 février 2008 13:58, par kpapou
Bravo - c’est tout ce dont j’avis besoin je t’en remercie - à présent à moi de me mettre au travail. Si tu en as d’autres tutos, je suis preneur - Merci
Répondre-
5 février 2008 09:49, par Wonka
Le site est plein de tutoriaux à toi de tous les faires et de te perfectionner grâce à eux
Répondre Bonne chance !
-
-
4 février 2008 22:06, par kpapou
je ne comprends pas à partir de l’étape 4. cette histoire de supprimer les pixel et j’ai l’impression que l’image du tuto ne correspond pas au résultat que j’obiens Merci
Répondre -
28 mars 2008 16:30, par Michto
Vraiment parfait ce tuto. Je le conseil à tous le monde, c un bon apprentissage. Voila ma créa. Michto
Répondre
-
3 juillet 2008 20:06, par nicosam
super tuto, ou en trouver un pour faire le meme effet mais sur un bouton rectangulaire ?
merci
Répondre
-
-
8 octobre 2008 19:00, par clem
bonjour je n’arrive pas à trouver la forme pour faire un éclat de lumière si vous pouviez me dire où elle se trouve ce serait gentil merci
Répondre clem -
10 décembre 2008 17:08, par Pix-L.
Voici le logo de mon club de vélo, j’ai combiné 2 tuto’s pour crée ce logo.
Répondre
