19:42 - The Way Of Naruto - Rechercher
Forum The Way Of Naruto

[Tuto][Photoshop] Créer une flamme réaliste  

Lancé par korokuso - 3 réponses - Page 1



korokuso
korokuso
Modérateur

[Tuto][Photoshop] Créer une flamme réaliste

Tout d’abord je tiens à dire que la technique originale, première partie de ce tuto, n’est pas de moi .. Malheureusement, ayant apprit celle-ci il y a déjà quelque temps, je ne parviens pas à retrouver le site original anglais afin de rendre le crédit à son auteur ..

Je vous présente ce tuto en deux étapes :
-    La première, créer notre flamme.
-    La seconde, l’incruster dans une image.



I- Créer une flamme réaliste ::



Je commence par créer un nouveau document avec fond blanc, ici 200x300px.

Je vérifie que ma couleur de premier plan est le noir http://img142.imageshack.us/img142/1162/colorhs7.gif, si ce n’est pas le cas, je la règle, le plus simple étant d’appuyer directement sur la touche D de mon clavier (astuce : si je veux intervertir les plans de couleur, j’appuie sur X )

Etape forme de notre outil :


Bien, passons aux choses sérieuses, nous allons créer notre forme pour notre pinceau.
Commencez par sélectionner votre outil « pinceau » http://img142.imageshack.us/img142/414/pinceauil1.gif, soit en cliquant sur l’outil, soit en appuyant directement le B de mon clavier.
Puis, ouvrez votre fenêtre de gestion des formes, soit en allant dans Menu principal / Fenêtre / Formes, soit en appuyant directement sur F5.

La fenêtre de gestion s’ouvre, cochez Aérographe et Lissage.
Si vous ne pouvez agir sur la fenêtre, vérifiez que votre outil pinceau est bien sélectionné.

Forme de la pointe :
-    Une forme diffuse de diamètre 35
-    Dureté 0%
-    Pas 1%

http://img81.imageshack.us/img81/205/22102427jf0.gif


Dynamique de la forme :
-    Variation de la taille 100%
-    Contrôle : Estomper 300

http://img405.imageshack.us/img405/8829/69061704fw5.gif


Diffusion :
-    Décochez les deux axes si besoin
-    Valeur de la diffusion 86%
-    Nombre 2
-    Variation numérique 0%

http://img405.imageshack.us/img405/6923/95440315gy6.gif


Autre dynamique :
-    Variation de l’opacité 0%
-    Contrôle : Estomper 300
-    Variation du flux 0%

http://img81.imageshack.us/img81/4346/67464811rj5.gif

Etape dessiner notre flamme :


Bien, nous allons donc pouvoir dessiner notre flamme.
Sur le même calque fond blanc, nous dessinons notre flamme en noir.
Partez d’environ le bas de votre image pour remonter. Vous pouvez légèrement zigzaguer en remontant pour donner un peu plus de vie à votre flamme.
Vous devriez obtenir quelque chose comme cela :

http://img171.imageshack.us/img171/7885/smokeha5.gif


Il ne nous reste plus qu’à apporter de la couleur à tout ça.
Pour cela, aller dans le Menu principal / Image / Réglages / Courbe de transfert de dégradé …
Et réglez les couleurs de votre dégradé à peu prêt comme cela :

Blanc : #ffffff
Jaune : # fbd408
Orange : # fa8705
Rouge : # fb3805
Rouge foncé : # 962408
Rouge sombre : # 350204
Violet sombre : # 040204
Noir : # 000000

http://img297.imageshack.us/img297/5172/dgrask8.gif


Voici le résultat qui est déjà assez convaincant :

http://img259.imageshack.us/img259/1025/29669044fz6.gif


Mais on peut faire encore mieux ..
On retourne donc pour cela dans la gestion de notre forme d'outil (F5 si vous avez fermé la fenêtre), et on va modifier :

Autre dynamique :
-    Variation de l’opacité 52%

http://img405.imageshack.us/img405/8994/newrt6.gif


Reprenez à partir de l’« Etape dessiner notre flamme », en dessinant votre flamme en noir sur un fond blanc.

http://img171.imageshack.us/img171/6924/01qu8.gif


Puis modifiez les couleurs grâce à la Courbe de transfert de dégradé.
Une nouvelle étape, pas obligatoire, consiste à augmenter légèrement la luminosité de l’image.
Pour cela, Menu principal / Réglages / Courbes :

http://img259.imageshack.us/img259/6530/courbema9.gif


Vous pouvez vous amusez à jouer avec la courbe pour voir les différents effets et obtenir ce que vous souhaitez, certains ajouteront de la luminosité, d’autres en retireront pour rendre le tout un peu plus sombre ..

Sauvegardez votre travail avant de passer à la deuxième étape.
Nous en avons finit avec notre flamme, et le rendu est comme vous le voyez encore plus convaincant.
Vous pourrez aussi au moment du réglages de votre dégradé pour la Courbe de transfert de dégradé utiliser d’autres couleurs, suivant ce que vous souhaitez :

http://img259.imageshack.us/img259/7959/02pd0.gif   http://img142.imageshack.us/img142/5845/bluepm1.gif


Première étape du tuto terminée wink

---

Bien, nous avons notre flamme, il va maintenant nous falloir l’incruster dans notre image ..


II- Incruster notre flamme dans une image ::

J’ai donc d’un coté ma flamme, et j’ouvre de l’autre mon image de base :

http://img259.imageshack.us/img259/7959/02pd0.gif http://img259.imageshack.us/img259/5449/etape1nt2.gif


Je sélectionne ma flamme, et, pour la copier dans un nouveau calque au dessus de mon image de base, soit je fais :
-    Ctrl + A, Ctrl + C, puis sélectionne mon image de base et fait Ctrl + V
-    Soit je clique tout simplement sur l’image de ma flamme, et, tout en maintenant le clique enfoncé, je glisse l’image dans l’image de base.

Positionner votre flamme dans votre image, et nommez votre claque « flamme » dans la gestion des calques (F7 si votre fenêtre est fermée).
Toujours dans la gestion des calques, passez le mode de fusion de Normal à Superposition

http://img523.imageshack.us/img523/3743/modefusionfl8.gif


Dupliquez ce calque, soit depuis la gestion des calques en glissant votre calque « flamme » vers le symbole http://img523.imageshack.us/img523/9981/dupliquerqa2.gif en bas de votre boite de gestion, soit en cliquant sur Ctrl+J.
Passez le mode de fusion de ce calque « flamme copie » de Superposition à Eclaircir.

http://img259.imageshack.us/img259/9274/etape2tq3.gif


Ça commence à ressembler à quelque chose, mais nous n’y sommes pas encore ..
Une flamme ajoutée dans une scène apporte de la lumière et de la couleur, ce que nous allons maintenant faire.

Dupliquez votre calque « flamme copie », Ctrl +J, et passez ce nouveau calque en dessous du calque « flamme » (juste au dessus de votre image de base).
Nous allons commencer par déformer ce calque, pour cela, Menu principal / Edition / Transformation / Homothétie, ou Ctrl +T :
-    Agrandissez le tout légèrement (cliquez sur un coin de la forme de transformation, et tout en maintenant Maj + Alt, étirez).
-    Elargissez (Cliquez sur un carré des cotés de la forme de transformation, et tout en maintenant Maj + Alt, étirez).

Nous déformons plus sur la largeur que la hauteur, puisque nous voulons agrandir principalement le point de rayonnement, le point le plus clair à la base.

http://img523.imageshack.us/img523/7945/etapedeformetq4.gif


Déplace votre calque vers le haut afin de repositionner à peu prêt les blancs sur blanc.

Toujours sur votre calque « flamme copie 2 », appliquez encore une transformation, Menu principale / Edition / Transformation / Perspective, et étirez uniquement le bas de votre image :

http://img523.imageshack.us/img523/5021/perpectiveuz2.gif


Bien, maintenant, Nous allons appliquez un flou à ce calque :
Menu principal / Filtres / Atténuation / Flou gaussien
-    Rayon 25

Répétez l’opération de flou, soit en recommençant l’opération juste au dessus, soit avec Ctrl + F.
Passez le mode de fusion de ce calque sur Couleur et baissez l’opacité de ce calque à 60%.

Dupliquez ce calque « flamme copie 2 » et passez le nouveau calque en mode de fusion Superposition, et baissez l’opacité à 20%.
Vous devriez en être là (J’espère ^^) :

http://img405.imageshack.us/img405/4919/etapedevriezenetrelazo8.gif


Si vous le souhaitez, vous pouvez vous arrêter là, mais pour un meilleur rendu, je vais continuez ..

Généralement, on allume pas une flamme en plein jour, nous allons donc assombrir la scène tout en gardant notre flamme.

Pour cela, au dessus de notre calque « flamme copie 3 », nous créons un nouveau calque que nous remplissons de noir. (appuyez sur le D de votre clavier pour avoir le noir comme couleur de premier plan, puis Maj + F5 pour remplir la scène).

Puis, prenez l’outil Gomme http://img81.imageshack.us/img81/7034/gommejc9.gif (Raccourci E), avec un forme diffusée de large diamètre (j’ai prit moi un diamètre 100). Et effacez plus ou moins autour de la flamme. (Vous pouvez baisser l’opacité de votre gomme pour les contours de votre forme)

Voici à peu prêt la forme recherché, ici la flamme est effacée et j’ai ajouté un fond blanc pour que vous vous rendiez mieux compte :

http://img259.imageshack.us/img259/7583/ombrevp5.gif


Il ne vous reste plus qu’à baisser l’opacité de ce calque afin de donner la lumière voulu, personnellement j’ai réglé sur 52%

http://img81.imageshack.us/img81/2691/etapeombrech8.gif


Voilà, vous avez maintenant tout ce qu’ils vous faut pour créer des flammes réalistes et les insérer dans vos réalisations ..

http://img81.imageshack.us/img81/290/demomm9.gif   http://img523.imageshack.us/img523/9624/demoblueqw8.gif



Tuto Terminé, à vos créations wink

[Mode apparement là]-[Nous]

kðkð§h!
kðkð§h!
Excellent Genin

  • 17 Messages | Galerie | Recueil | Offline

Re: [Tuto][Photoshop] Créer une flamme réaliste

Bravo !


C'est genial mais j'ai un probleme :


J'utilise photoshop CS3 que j'ai telechargé gratuitement pour 30 jours.

Voici mon probleme

Dynamique de la forme :
-    Variation de la taille 100%
-    Contrôle : Estomper 300

Je n'est pas Estomper dans controle

Edit : En faite dans CS3 c'est fondu et non estomper ^^

Par contre j'ai un 2e probleme :

Dans courbe de transfert de degradé, je n'ai pas le meme degradé que toi ... Que dois-je faire ?

Dernière modification par kðkð§h! (28-08-2008 17:25:51)

~Atari No Habatsu~ / No talkin' to you / You talkin' to me ? / Shut up or I kill you /

atbdb
atbdb
Bon Genin

Re: [Tuto][Photoshop] Créer une flamme réaliste

bravo, chapeu bas ! moi j'ai mis 300 ans a faire ma première flamme, après ça met 5 min. merci beaucoup pour ce tuto, maintenant j'ai un magnifique fond d'écran fait maison ^^

Cliquez pour afficher le texte caché. Attention, Spoil.

un pigeon en UW, sa pète !

drakonejisaad
drakonejisaad
Bon Genin

Re: [Tuto][Photoshop] Créer une flamme réaliste

du grand art digne d'un modérateur^^

nan sérieux c'est trop bien fait on pourrait utilisé sa pour les nfc par exemple les technique katon avec une anipmation mais bon mon avis intéraisse personne ^^que dire a part bravo

alez voir bali balo sur youtube vous alez pété de rire

Pied de page des forums




© The Way of Naruto | PunBB © Rickard Andersson | Adapté par dabYo, korokuso
Page générée en 0,0151s | Naruto © 1999 Masashi Kishimoto | A propos du site

visiteurs sur «WoN no Kuni» dont Ninjas online. Rejoignez-les !