Tutoriaux Graphiques : kiradu23 et 46 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Glow effects

 
n°13222
panda25
Profil : Penguin
Avatar
profil
Posté le 13-09-2008 à 16:38:09  
 

Ce tutorial va nous permettre de réaliser des effets de flou comme sur cette image :
http://images4.hiboox.com/images/3708/3b98ce6abf9b074bef8fd8f9e4349935.jpg
J'ai trouvé cet effet sur un site anglophone dont j'ai perdu le lien, j'ai donc refait ce tutorial de mémoire.

 

I - Créer un nouveau document :

http://images4.hiboox.com/images/3708/578325569037ea9b71559db80d42ec0e.jpg

 


II - Créer un dégradé radial

 

Sélectionnez rouge en couleur de premier plan et noir en couleur d'arrière plan
http://images4.hiboox.com/images/3708/d542aa63e75f4b15e62c241cd0998fc1.jpg

 

Résultat :
http://images4.hiboox.com/images/3708/62a6f33321364599e158408ae81f099f.jpg

 


III - Créer les courbes

 

http://images4.hiboox.com/images/3708/12ca67deec859d88e7f011be3dbb7d42.jpg
Ce sera le calque des lignes courbes

 


Nous allons utiliser l'outil plume
http://images4.hiboox.com/images/3708/4a16479681e2b87ada61b477bbf8ebc9.jpg

 

Sélectionnez "tracés"
http://images4.hiboox.com/images/3708/d84969ef58f01e2906e429a249fce407.jpg

 

Puis créez votre ligne courbe
http://images4.hiboox.com/images/3708/49d8fcfc170bc06f0ba7f98e570e79e4.jpg

 

Sélectionnez l'outil pinceau et affinez les réglages comme ci dessous
http://images4.hiboox.com/images/3708/988d1a0118b6e68545e4043f22167b72.jpg

 

Resélectionnez l'outil plume et cliquez droit sur votre ligne courbe, cliquez sur "contour du tracé"
http://images4.hiboox.com/images/3708/0481390a1565cdc4732b7f5ec96589b7.jpg

 

Sélectionnez "forme" et activez "simuler la pression" puis cliquez sur OK
http://images4.hiboox.com/images/3708/d12eb75b9babd1d6aafd4df9ec9e15c9.jpg

 

Répétez l'opération plusieurs fois sur le même tracé pour avoir une courbe plus ou moins épaisse
Réalisez de la même manière plusieurs courbes

 

IV - Ajoutez l'effet de flou

 

Pour celà il faut régler le style du calque des courbes comme ci dessous :

 

http://images4.hiboox.com/images/3708/c4f427b4fd18d3b6eadb17cee70ee81d.jpg

 

http://images4.hiboox.com/images/3708/86fe70325dd56f4b93e1a2cc03150380.jpg

 

http://images4.hiboox.com/images/3708/1c34fddedf2656d803f0b03875718fa8.jpg

 

Résultat :
http://images4.hiboox.com/images/3708/315e8f461c2ddd9807189d2613cf04d7.jpg

 


V - Variations de couleurs

 

Créez un nouveau calque sous le calque des lignes courbes
http://images4.hiboox.com/images/3708/92a5c246a59ba8524f8a9573030c0fb8.jpg

 

Sélectionnez un dégradé radial bleu>transparent
http://images4.hiboox.com/images/3708/e22258edb70798da0ed2833947c62c46.jpg

 

Tracez le dégradé dans un des coins de l'image comme ci dessous
http://images4.hiboox.com/images/3708/5e1db55eaebf000ba5faedc43e56d05a.jpg

 

Passez le calque en mode de fusion couleur et réglez l'opacité selon l'effet voulu
http://images4.hiboox.com/images/3708/41ede61f851e6f4777beea51343859bb.jpg

 

Effectuez la même opération avec d'autres calques et d'autres couleurs en suivant les mêmes réglages
http://images4.hiboox.com/images/3708/5249223387aeae4cc513613fc531f02e.jpg

 

Résultat :
http://images4.hiboox.com/images/3708/e1bd99a034c2935da52425aa873f2300.jpg

 

Ajoutez éventuellement du texte avec le même style de calque que les lignes courbes
http://images4.hiboox.com/images/3708/13c96633b87ad9e249743f6b8cd1541a.jpg

 


VI - Créer le "relief"

Créez un nouveau calque sous les calques des dégradés et des lignes courbes
http://images4.hiboox.com/images/3708/eb2e11bdf1bcec0e4e2aab4cc630fa54.jpg

 

Filtre > rendu > nuage avec noir en couleur de premier plan et blanc en couleur d'arrière plan

 

Filtre > esquisse > chrome avec les réglages suivants
http://images4.hiboox.com/images/3708/7ce69bac735409baada058946df5f45e.jpg

 

Passez le calque en mode de fusion lumière tamisée et réglez l'opacité selon l'effet désiré
http://images4.hiboox.com/images/3708/a12b30920a58f23e2accdfedd8439c4c.jpg

 

Et voilà c'est terminé !
http://images4.hiboox.com/images/3708/df4fc1b8b4e6ecf9da6a3d13a39e1c8e.jpg

 

C'est avec cet effet que j'ai réalisé le wallpaper "Sun Glow" téléchargeable ici http://www.crystalxp.net/galerie/fr.id.140...onds-decran.htm
http://images4.hiboox.com/images/3708/b29b6757fe359d15f86f1b6dc7c0a8d0.jpg

 


answer
mood
GoogleAds
profil
Posté le 13-09-2008 à 16:38:09  
 

answer
n°13265
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 12-10-2008 à 13:40:34  
 

Merci pour ce tuto :smile: c'est validé et désolé pour le retard :wink:

answer
n°13267
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 12-10-2008 à 15:40:21  
 

Super le résultat pour le fond :biggrin: Bon tuto !

answer
n°13271
inzemix
Touriste option tourisme
Profil : Penguin
Avatar
profil
Posté le 13-10-2008 à 20:52:22  
 

J'ai déjà vu un tutorial qui ressemble vachement au tien, il me semble sur PSDtuts, <<<ICI>>>

 

Sinon, le résultat est joli :wink:

answer
n°13272
Iensis
42
Profil : Penguin Pro
Avatar
profil
Posté le 14-10-2008 à 10:46:45  
 

Ouaip, c'est de là que je m'étais inspiré pour faire le mien également (je préfère ton résultat final :wink:).

 

Et il y a un équivalent pour Gimp ici : Tuto

answer
n°13281
malfrax
Profil : Penguin
Avatar
profil
Posté le 22-10-2008 à 02:21:02  
 

salut a toi,
je trouve sa plutot sympa, on peux faire de jolie créa avec ce type de technique, moi j'adère bien.
Voici ma créa sur ton tuto :

 

http://img56.imageshack.us/img56/3704/ag2yn4.jpg

 


bye  :cool:

answer
n°22069
drakyss
Profil : New Penguin
Avatar
profil
Posté le 10-11-2008 à 21:14:11  
 

merci pour ce tuto, j'ai pas obtenu le même résultat que toi, en fait c'est la base des courbes que j'ai tracé a la plume qui a l'effet glow mais pas les  extrémités. mais il m'a servi a faire autre chose.

answer
n°22080
Silo75
Profil : Penguin
Avatar
profil
Posté le 12-11-2008 à 13:22:31  
 

Merci pour ce superbe tuto, voilà ce que sa me donne avec quelques modifs :
http://www.noelshack.com/uploads/GlowEffectcopie006121.PNG

 

Sinon MalFraX j'adore ton boulot bravo !


Message édité par Silo75 le 12-11-2008 à 13:22:42
answer
n°22091
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 13-11-2008 à 11:26:27  
 

joli :)


---------------
http://img126.imageshack.us/img126/5923/sigkaraarartqw8.png  
http://dadoux.deviantart.com/ - http://dadswear.deckpeck.com/
I'm a Mother Fuckin' Street Vilain !
answer
n°22092
DrkZ
Profil : New Penguin
Avatar
profil
Posté le 13-11-2008 à 15:51:02  
 

Très joli félicitations :)
 
parcontre moi j'ai un problème , mes courbes sont larges et ne sont pas "pointues" à la fin comme les tiennes ;(
Elle font un demi cercle à leurs extrémités si tu vois ce que je veux dire :p
Tu sais comment éviter ça ;(?

answer
n°22093
Mutsu
Carpe Diem
Profil : Penguin Pro
Avatar
profil
Posté le 13-11-2008 à 17:00:02  
 

Lorsque t'as fais le contour du tracé (à la fin de l'étape III), t'as oublier de coché "Simuler la pression" ;)

Message cité 1 fois
Message édité par Mutsu le 13-11-2008 à 17:01:17

---------------
.::Mon iGloo::. http://img683.imageshack.us/img683/5245/mutsunoel.png .::Mon Flickr::.
 
Hey mon ami ! T'aime ça la procrastination ? Viens Procrastiner en pixel avec graphic-guestbook !!!
answer
n°22097
Silo75
Profil : Penguin
Avatar
profil
Posté le 13-11-2008 à 20:03:26  
 

Moi j'ai des problèmes je sais pas manier la plume pour obtenir les formes que je voudrais

Message cité 1 fois
Message édité par Silo75 le 13-11-2008 à 20:03:33
answer
n°22099
DrkZ
Profil : New Penguin
Avatar
profil
Posté le 14-11-2008 à 13:33:17  
 

Mutsu a écrit :

Lorsque t'as fais le contour du tracé (à la fin de l'étape III), t'as oublier de coché "Simuler la pression" ;)


Non je l'ai bien coché  :ohwell:

answer
n°22100
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 14-11-2008 à 14:16:04  
 

Silo75 a écrit :

Moi j'ai des problèmes je sais pas manier la plume pour obtenir les formes que je voudrais


http://www.neutrinium238.com/tutor [...] .php?id=22 ou http://www.crystalxp.net/forum/fr/ [...] 2398_1.htm


---------------
http://img126.imageshack.us/img126/5923/sigkaraarartqw8.png  
http://dadoux.deviantart.com/ - http://dadswear.deckpeck.com/
I'm a Mother Fuckin' Street Vilain !
answer
n°22101
Mutsu
Carpe Diem
Profil : Penguin Pro
Avatar
profil
Posté le 14-11-2008 à 18:28:02  
 

DrkZ a écrit :


Non je l'ai bien coché  :ohwell:


Bizarre :arf: Tu peut mettre un screenshot pour voir concrètement le problème? Et as tu réessayé depuis la dernière fois? ('tit bug de 'toshop, ça arrive aussi)


---------------
.::Mon iGloo::. http://img683.imageshack.us/img683/5245/mutsunoel.png .::Mon Flickr::.
 
Hey mon ami ! T'aime ça la procrastination ? Viens Procrastiner en pixel avec graphic-guestbook !!!
answer
n°22102
DrkZ
Profil : New Penguin
Avatar
profil
Posté le 14-11-2008 à 18:52:09  
 

Oui j'ai réessayer ;)
Je fais des screens et j'édite mon post :p
 
http://i37.tinypic.com/2v3q1ky.jpg
 
Peut-être un peu grand pour le forum?
 
e/Oui mais ça redimensionne tout seul :)


Message édité par DrkZ le 14-11-2008 à 19:01:57
answer
n°22103
Mutsu
Carpe Diem
Profil : Penguin Pro
Avatar
profil
Posté le 14-11-2008 à 19:16:35  
 

Ok

 

Je crois avoir trouvé, mais le souci c'est que je suis sous CS2 donc l'interface a changée.
Je pense que sous CS3 ça se trouve dans le menu de droite, tu dois avoir un sous menu "formes" dans lequel tu as ça :
http://www.crystalxp.net/forum/mesimages/45919/Pression.png

 

Il faut cocher "Dynamique de formes" en vert ici. En espérant que l'apparence du menu soit la même.

 

Voila j'espère que ça va aller :)

 


PS : Si quelqu'un sous CS3 peut être plus précis, ou valider mes dires ça serait peut être mieux ^^.


Message édité par Mutsu le 14-11-2008 à 19:17:40

---------------
.::Mon iGloo::. http://img683.imageshack.us/img683/5245/mutsunoel.png .::Mon Flickr::.
 
Hey mon ami ! T'aime ça la procrastination ? Viens Procrastiner en pixel avec graphic-guestbook !!!
answer
n°22105
DrkZ
Profil : New Penguin
Avatar
profil
Posté le 14-11-2008 à 19:59:20  
 

Oui , j'ai regretté de changé à cs3 aussi , cs2> ^_^
M'enfin j'peux que m'y faire maintenant :[
 
E:Merci mille fois ça marche maintenant :)

answer
n°22106
Mutsu
Carpe Diem
Profil : Penguin Pro
Avatar
profil
Posté le 14-11-2008 à 20:05:54  
 

De rien. :d
 
Personnellement moi je veux passer sous CS3, surtout pour le changement d'interface :) Ou alors la CS4, ça me tenterais bien. :mdr:
 
Bonne continuation sur la banquise. :penguin:


---------------
.::Mon iGloo::. http://img683.imageshack.us/img683/5245/mutsunoel.png .::Mon Flickr::.
 
Hey mon ami ! T'aime ça la procrastination ? Viens Procrastiner en pixel avec graphic-guestbook !!!
answer
n°22108
DrkZ
Profil : New Penguin
Avatar
profil
Posté le 14-11-2008 à 21:52:53  
 

Mutsu a écrit :

De rien. :d
 
Personnellement moi je veux passer sous CS3, surtout pour le changement d'interface :) Ou alors la CS4, ça me tenterais bien. :mdr:
 
Bonne continuation sur la banquise. :penguin:


 
Moi je préfère le cs2 surtout car il y a imageready "intégré" , que je fais beaucoup d'animations , que la plupart des tutoriaux sont à propos du cs2 sur le net et que je le trouve plus simple d'utilisation :P
 
Désolé si ce post est considéré comme spam :oups:

answer
n°22152
tidine
Profil : Top Penguin
Avatar
profil
Posté le 23-11-2008 à 19:15:50  
 

J'aime beaucoup cet effet
Ton wallpaper sunglow est de toute beauté

answer
n°22224
evyl-kun
Profil : New Penguin
Avatar
profil
Posté le 10-12-2008 à 12:41:55  
 

c'est vraiment top ce tuto ! c'est dans mon répertoire !! ^^


---------------
http://img412.imageshack.us/img412/3803/sanstitre1iu8.png
answer
n°22274
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 17-12-2008 à 15:00:11  
 

DrkZ a écrit :


 
Moi je préfère le cs2 surtout car il y a imageready "intégré" , que je fais beaucoup d'animations , que la plupart des tutoriaux sont à propos du cs2 sur le net et que je le trouve plus simple d'utilisation :P
 
Désolé si ce post est considéré comme spam :oups:


Ca doit pas être non plus super évident à animé un effet comme ça :he:.


---------------
http://img126.imageshack.us/img126/5923/sigkaraarartqw8.png  
http://dadoux.deviantart.com/ - http://dadswear.deckpeck.com/
I'm a Mother Fuckin' Street Vilain !
answer
n°22565
Ni-Cow
A la conquete de Photoshop
Profil : New Penguin
Avatar
profil
Posté le 11-02-2009 à 18:25:40  
 

Salut tout le monde,
J'ai commencer le tuto et je bloque enfaite a la partie ou on dois clicquer droit sur le tracé fais avec la plume. Pour ensuite faire  
un contour du tracé.  
 
mon problème est que j'ai juste une grosse ligne comme tracé. Je n'ai pas de de pression pourtant j'ai cocher la case "simuler la pression".
Je ne compren pas  apres plusieurs essai.
Ce serai gentil de votre par de réexpliquer cette partie la en plus détaillé merciii  :smile:  
 
ps: C'est dommage qu'ils n'est pas validé comme tuto  


---------------
http://img185.imageshack.us/img185/6815/userbaroc0.png
clic sur ma userbar vas-y
answer
n°22566
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 12-02-2009 à 11:53:34  
 

Regarde tes réglages de pinceau (F5) et voit si ton trait est bien petit au début et épais au milieu. (Test avec la 4 ou 5ème brush de base de Photoshop pour voir).

Message cité 1 fois
Message édité par dadoux le 12-02-2009 à 11:53:43

---------------
http://img126.imageshack.us/img126/5923/sigkaraarartqw8.png  
http://dadoux.deviantart.com/ - http://dadswear.deckpeck.com/
I'm a Mother Fuckin' Street Vilain !
answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse