Bienvenue, Visiteur ! Connexion S’enregistrer
Concours Création Jeux Vidéos : Fais de ton jeu préféré une belle création !


Note de ce sujet :
  • Moyenne : 5 (1 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
[Objets] Tuto : Animer des Flammes - L'élément Feu
#1
Animer des Flammes

https://media.giphy.com/media/l4FGlXpNemPqxe3QY/giphy.gif
ce gif de qualité popopo

Pour ce tutoriel, vous aurez besoin :
- D'une Méga-Scène
- De plusieurs soleils
- D'un rond transparent (optionnel)

Etape 1 : La première image clef

Pour commencer, on va placer nos petits soleils dans une position de flammes. Personnellement je fais toujours une forme à peu près comme ça :
http://image.noelshack.com/fichiers/2017/23/1496736786-flammes1.png
Chaque "pointe" est constituée de deux soleils, et la base c'est un seul gros soleil. On va pas avoir besoin de beaucoup animer cette base donc juste un soleil ça suffit !

Avant de commencer l'animation, on va réfléchir un peu à la façon que le feu a de bouger, de réagir quand il brûle. C'est un élément presque vivant, et qui monte toujours vers le haut : il faut donc rendre ce mouvement perpétuel sans que le feu ne perde de sa masse. Le feu ça grandit toujours au fur et à mesure de ce que ça consume donc votre flamme ne doit pas réduire -sauf si vous voulez faire un feu qui s'éteins- mais limite même grossir légèrement malgré les éléments qui s'échappent (car il monte) !
Pour le mouvements des "pointes", et de la flamme en général, j'imagine une vague ! Un peu comme ça :
http://image.noelshack.com/fichiers/2017/23/1496737317-flammes2.png
Après, c'est surtout l'idée du mouvement aléatoire qui donne un effet naturel, organique. Mais on en reparlera un peu plus bas Wink

Etape 2 : Mouvement de flamme basique !

On se rends deux images clefs plus tard : un des soleil de la pointe de gauche commence à se détacher de la base, de même que pour la pointe du haut. Quand à notre soleil qui nous sers de base, il bouge légèrement pour épouser le mouvement du tout, tout en conservant sa position x et sa position y : je ne change que la largeur/taille.
http://image.noelshack.com/fichiers/2017/23/1496737657-flammes3.png
Encore deux images clefs après, les deux morceaux qui montaient sont sortis du cadre, et leur rotation s'est légèrement inversée. Le mouvement de la flamme part dans l'autre sens ! Dès le prochain mouvement, on va commencer à manquer de "matière", alors nos deux morceaux vont nous servir pour la remplir. Ils vont bouger directement à la prochaine image clefs, tandis que les autres soleils bougeront eux deux images clefs plus tard, comme d'habitude.
http://image.noelshack.com/fichiers/2017/23/1496737876-flammes4.png
Les deux petits morceaux viennent donc combler les trous laissés par le fait que les autres soleils continuent de monter et le manque de masse provoqué par leur disparition :
http://image.noelshack.com/fichiers/2017/23/1496738243-flammes6.png
Pour le quatrième mouvement, on revient à une pause similaire à la première image clef puisqu'on va copier coller les mouvement de chaque soleil individuellement sur la suite, pour garder notre idée de mouvement.
http://image.noelshack.com/fichiers/2017/23/1496738471-flammes7.png
Tout ça, ça donne au final un mouvement sympathique mais assez court, et vu qu'on a déjà passé un moment dessus... On peut passer à la technique « du flemmard » !https://media.giphy.com/media/mfdjHFINzFzlm/giphy.gif

C'est là que ça devient rigolo : on laisse tout au hasard (tout en s'évitant de s'arracher les yeux au passage !)
Puis qu'on a inculqué le mouvement de base à la flamme, en copiant collant à la suite, ça va donner un mouvement aléatoire qui donne plus naturel. Bon, parfois, ça peut faire un peu bizarre, alors dans ce cas là il vaut mieux corriger le mouvement, mais sinon, globalement ça marche !
http://image.noelshack.com/fichiers/2017/23/1496738666-flammes8.png

Etape 3 : Flou et Effet de Lumière -optionnel-

C'est le moment ou vous pouvez flouter vos soleils. Ca donne ainsi un peu mieux ! En général je ne dépasse pas le 10 de flou, mais tout dépends de l'effet voulu !
Parfois j'ajoute aussi un rond transparent qui fait un mouvement de boucle :
http://image.noelshack.com/fichiers/2017/23/1496739251-flammes9.png

Et voilà, maintenant vous pouvez mettre le feu au studio Cool
Si jamais il y a quelque chose que vous n'avez pas compris n'hésitez pas à demander, c'est mon premier tuto alors je ne suis pas sûr que mes explications sont très claires. Je fais surtout ça au feeling ^^

On remets encore une fois le petit gif de l'animation terminée pour le plaisir, alleeeez c:https://media.giphy.com/media/ZVUNQwslCDz7W/giphy.gif
http://image.noelshack.com/fichiers/2017/32/1/1502120270-489243transparent-petit.gif
"hope was a dangerous, disquieting thing,
but he thought perhaps he liked it."
http://image.noelshack.com/fichiers/2017/33/6/1503108424-signa-neil-2.png
ourson en guimauve tout doux
 
Répondre
#2
Ci beau comme TUTO Kou', merci
https://i.imgur.com/7eTJ0wq.gif

https://img4.hostingpics.net/pics/155263Untitled7.gif
 
Répondre
#3
(06-06-2017, 12:27)Cybermangaka a écrit :  Ci beau comme TUTO Kou', merci

qAq Mici à toi ! Love
http://image.noelshack.com/fichiers/2017/32/1/1502120270-489243transparent-petit.gif
"hope was a dangerous, disquieting thing,
but he thought perhaps he liked it."
http://image.noelshack.com/fichiers/2017/33/6/1503108424-signa-neil-2.png
ourson en guimauve tout doux
 
Répondre
#4
Love merci pour le tuto ! Je sais pas si un jour je ferai des flammes, mais rien que pour te faire honneur je vais chercher à comment en faire une, une fois Wink
https://i.imgur.com/EP1QgFf.gifhttps://i.imgur.com/w0Fcppq.pnghttps://i.imgur.com/I2kRwIp.gif

Anciennement Valouletauro / Magnifique signature de Koushak ♥
 
Répondre
#5
Merciiii Kou vive tes flammes !
http://image.noelshack.com/fichiers/2017/32/1/1502120270-489243transparent-petit.gif
sushi OUH HA HA
Vous vous souvenez de l'alerte des concombres contaminés  en Espagne ? C'était nous.
http://www.gifsanimes.fr/mini-gifs/mini-gifs/animaux/animaux-gifs-animes-9431610.gif 
   https://img11.hostingpics.net/pics/237455rondaout.png
 
Répondre
#6
Super tuto *-*
https://i.imgur.com/yvr5GRN.png
Clique ici!! Heart
Melissap


 
Répondre
#7
Tes flammes sont des merveilles. Tu fais des animations professionnelles avec un studio pour amateur. Tu est mon idole lakien! <3
  https://img4.hostingpics.net/pics/346276Capturedcran20170618005411.png
Je suis Miaou2000 sur lak, notez bien Tongue
 
Répondre
#8
(06-06-2017, 13:34)Valouletauro a écrit :  Love merci pour le tuto ! Je sais pas si un jour je ferai des flammes, mais rien que pour te faire honneur je vais chercher à comment en faire une, une fois Wink

Ouiiii Love tu me montreras !!

(06-06-2017, 13:49)WonderfulLiife a écrit :  Merciiii Kou vive tes flammes !

Vive toi Wonderwoman hehe Love

(06-06-2017, 19:28)Mélissa a écrit :  Super tuto *-*

Merci Wink

(07-06-2017, 4:00)Bleuetbiscuit a écrit :  Tes flammes sont des merveilles. Tu fais des animations professionnelles avec un studio pour amateur. Tu est mon idole lakien! <3

Maaanw Bleuet t'es trop choupi omg qAq *câlin*
http://image.noelshack.com/fichiers/2017/32/1/1502120270-489243transparent-petit.gif
"hope was a dangerous, disquieting thing,
but he thought perhaps he liked it."
http://image.noelshack.com/fichiers/2017/33/6/1503108424-signa-neil-2.png
ourson en guimauve tout doux
 
Répondre
#9
Nice tuto :o
https://img4.hostingpics.net/pics/683539signa3.png
N'hésitez pas à passer voir notre JIMDO !


Anciennement Kirara de KMen
 
Répondre
#10
J'ai l'air de quoi avec ma flamme basique maintenant? x)
(je rajoute ton tuto à la liste ^^)
https://i.imgur.com/J28CbjI.png
Say My Name - The Other Promise - Jimdo

https://i.imgur.com/4ROz6zA.png
Poppy et
Froggy Frog
veillent sur
vous

50
Armeo Catalena

 
Répondre
  


Atteindre :


Recherche: 1 visiteur(s)