Accueil French Coin des artistes

[TUTO] Les animés

samy606 (FR1)samy606 (FR1) Messages: 1,043
Modifié (07.01.2014) dans Coin des artistes
Bonjour, Bonsoir votre professeur va vous apprendre comment faire des images animées(il faudra apprendre par ♥ les mots en gras pour bien savoir la leçon:cool:)

Tout d'abord chers élèves(:cool:), Ouvrez Paint(ou autre logiciel). Puis faîtes une image(n'importe laquelle)et enregistrez la. Ensuite faîtes-en une autre et enregistrez la encore.
Puis, allez sur ce site(merci chère élève Cel pour le site;)):
http://www.animated-gifs.eu/gif-assembler/index-fr.htm
Puis choisissez vos images, cochez la case appropriée et cliquez sur Soumettre
Ensuite, clic droit sur l'image, cliquez sur enregistrer sous et enregistrez la!
Et enfin, allez sur e-loader.net, et hébergez l'image sur le forum

Je sais que certains élèves vont me dire:
Mais Professeur, sur e-loader.net l'image n'est pas animée!
Et moi je réponds, héberge la et...
Magie!
Post edited by samy606 (FR1) on

Réponses

  • SystemSystem Messages: 106,969
    Modifié (28.10.2013)
    Pas mal,professeur!
  • samy606 (FR1)samy606 (FR1) Messages: 1,043
    Modifié (28.10.2013)
    Merci élève :cool:
  • SystemSystem Messages: 106,969
    Modifié (28.10.2013)
    Pas mal, voici encore une façon plus facile de faire desanimés !
    GoodGame Samy, GoodGame...
  • samy606 (FR1)samy606 (FR1) Messages: 1,043
    Modifié (29.10.2013)
    Merci:o
    MDR, j'y avais pas pensé à GoodGame Samy
  • marbi (FR1)marbi (FR1) Messages: 1,050
    Modifié (29.10.2013)
    Dans le même genre avec un autre site
    131008090605859767.gif

    w0yr.gif
  • supersylousupersylou Messages: 1,576
    Modifié (29.10.2013)
    Chalut à tous :p

    Aujourd'hui, nous allons voir une technique Ô combien importante puisqu'il s'agit des animations, très demandées en commandes :p En plus, c'est le premier tuto GIMP du forum :p

    Donc ce tuto :

    1. Ouvrir GIMP (nan, c'est vrai ?)

    nlj2.jpg

    2.Ouvrir votre image

    fok6.jpg

    3. Vous pouvez déjà réaliser quelques animations simples

    zsij.jpg

    En flammes : Crée des calques intermédiaires pour produire un enffet de transition "en flammes" entre deux calques (donc non réalisable tout de suite [deux calques nécessaires])

    Globe tournant : Crée une animation en plaquant l'image courante sur un globe tournant (donc réalisable tout de suite)

    Mélanger : Crée des calques intermédiaire pour mélanger deux ou plusieurs calques par-dessus un fond comme animation (donc non réalisable tout de suite [trois calques nécessaires])

    Ondulation : Crée une image multicalque en ajoutant un effet d'ondulation à l'image courante (donc réalisable tout de suite)

    Vagues : Crée une image multi-calque avec un effet de pierre jetée au travers de l'image courante (donc réalisable tout de suite)

    4. Ajoutons des calques, pour créer les animations simples demandant plusieurs calques et voir une autre technique d'animation ;)

    Deux possibilités s'offrent à vous :

    * Soit vous avez réalisé votre calque indépendamment du premier, et auparavant, ou sur un autre logiciel, ce que je fait le plus souvent car je ne suis pas très à l'aise avec GIMP :rolleyes:

    3oap.jpg

    * Soit vous réalisez votre calque maintenant, et sur GIMP, soit en créant un nouveau calque (image ci-dessous), soit en dupliquant votre premier calque et en le modifiant (clic droit sur le calque : dupliquer le calque)

    z51h.jpg

    5. Vous devez maintenant avoir plusieurs calques

    q37z.jpg

    Donc maintenant, vous pouvez créer ces dernières animations simples (voir plus haut pour les créer), ou bien vous assemblez simplement ces images en les laissant telles qu'elles (n'appuyez sur rien ! lol).

    6. Il faut maintenant exporter ...

    9px7.jpg

    Au format GIF !!!!!!!!!!!

    5wag.jpg

    7. Puis réglez votre animation (très important si vous assemblez simplement vos images !). Activez l'animation, réglez la durée entre chaque image, cochez les cases du bas, choisissez si vous remplacez chaque calque ou si vous les assemblez et cochez la case "répéter l'animation".

    ld6n.jpg


    J'aimerai remercier Cel8, qui m'a appris à créer des animations, et si vous voulez en savoir plus sur The GIMP, je vous invite à visiter son site web très bien fait ;)

    Son site Web
  • SystemSystem Messages: 106,969
    Modifié (29.10.2013)
    Pas mal,maître.
  • SystemSystem Messages: 106,969
    Modifié (29.10.2013)
    Bonjour Samy et Supersylou,
    je fusionne vos 2 tuto car ils sont tous les 2 basés sur l'animation, certes avec 2 techniques différentes, mais comme ça les joueurs qui cherchent à faire une animation auront les 2 façons différentes sur le même topic, ce qui sera plus pratique :) libre à chacun de choisir après :p
    Pour ma part je vais tenter ça la semaine prochaine, je sais ou sonner si j'ai besoin d'aide :p (et ça risque d'être le cas :o)

    Merci à vous deux :D
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (04.11.2013)
    samy6066 a écrit: »
    (merci chère élève Cel pour le site;)):

    hein ???? comment oses tu ! moi pas ton élève ! sgreugneugnueu ! (mais bravo pour ton petit tuto ^^)
    supersylou a écrit: »

    J'aimerai remercier Cel8, qui m'a appris à créer des animations, et si vous voulez en savoir plus sur The GIMP, je vous invite à visiter son site web très bien fait ;)

    Son site Web

    ô merci ô Super Sylou ! :o
  • supersylousupersylou Messages: 1,576
    Modifié (04.11.2013)
    J'aime bien faire de la PUB ;)

    Alors Laure, t'as essayé les animés ??? :p
  • SystemSystem Messages: 106,969
    Modifié (05.11.2013)
    Pas encore :( je tente ca ce week end finalement, cette semaine ca risque d'être chaud et il me faut être a fond dessus pour faire un truc de pas trop minable par rapport aux votres :p
  • [Utilisateur supprimé][Utilisateur supprimé] Messages: 1,847
    Modifié (20.12.2013)
    Petit test :

    a7z0.gif

    Maintenant faudrait quelques conseils pour les durées ... ca clignote trop vite lol :D

    PS : Un petit message repaire avec les différentes animations sur une même image, on pourrait ainsi mieux visualiser :)
  • marbi (FR1)marbi (FR1) Messages: 1,050
    Modifié (20.12.2013)
    Tu n'as pas un curseur que tu peux déplacer pour la vitesse ?
  • [Utilisateur supprimé][Utilisateur supprimé] Messages: 1,847
    Modifié (20.12.2013)
    Oui on peut choisir la vitesse mais j'ai pas de repaire ... par exemple la taille d'une signa le repaire c'est 400 x 175 px ;)
    Ca pourrait donner une meilleure idée
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (20.12.2013)
    hum... repaire : délais 100 ms (=10 images/secondes) pour du rapide, 130/150 ms pour un peu plus lent mais quand même harmonieux, 200ms ça devient lent, ... Je laisse le droit à d'autres graphistes de me contredire, je dis ces chiffres de mémoire ;)
  • Borer3Borer3 Messages: 1,570
    Modifié (06.01.2014)
    Voila j'ai commencé le graphisme il y a pas si longtemps, j'ai gimp et photo philtre studio X et j'ai un petit problème avec les annims
    1) grosses difficultés pour comprendre comment bien les réussir
    2) un bug de pixelisation comme ci-dessous
    pje1.gif
    pouvez vous m'aider?



    Edit d'Electra: Afin que tout le monde en profite sur le long terme je fusionne ta discussion avec le sujet existant sur les anims! bon courage à toi! :p
  • jonquille62jonquille62 Messages: 1,402
    Modifié (06.01.2014)
    Borer3 a écrit: »
    Voila j'ai commencé le graphisme il y a pas si longtemps, j'ai gimp et photo philtre studio X et j'ai un petit problème avec les annims
    1) grosses difficultés pour comprendre comment bien les réussir
    2) un bug de pixelisation comme ci-dessous
    pje1.gif
    pouvez vous m'aider?
    tu fais tes animations avec gimp ou philtre studio?
  • Borer3Borer3 Messages: 1,570
    Modifié (06.01.2014)
    je sais les faire qu'avec photo philtre mais si gimp est mieux, je peut apprendre a l'utiliser ;)
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (06.01.2014)
    Giiiiiiiiiiiiiiiiiiiimp ! Je ne sais aps s'il est mieux, puisque je ne connais aps photofiltre, mais il permet de faire rapidement des animations sympa :) Il suffit de créer plusieurs calques et d'enregistrer l'image au format .gif avec animation. Les différents calques sont l'animation... Mais je pense que ça dois être très semblable avec photofiltre ... ?
  • Borer3Borer3 Messages: 1,570
    Modifié (06.01.2014)
    oui mais peut être meilleur qualités d'image sur gimp
  • jonquille62jonquille62 Messages: 1,402
    Modifié (06.01.2014)
    Borer3 a écrit: »
    oui mais peut être meilleur qualités d'image sur gimp

    je t'ai fais un tuto avec GIMP ici
    http://fr.board.goodgamestudios.com/bigfarm/showthread.php?76520-Les-tutos-Gimp-2.8-de-Jonquille&p=1288704&viewfull=1#post1288704
  • supersylousupersylou Messages: 1,576
    Modifié (06.01.2014)
    En tout cas, tu ne peux rien faire pour la "pixellisation" : c'est le .GIF ! C'est bien sûr le seul à utiliser pour les anims, mais il ne peut recenser que très peu de couleurs (à cause de son poids), donc la pixellisation avec les anims, c'est obligatoire, et on ne peut rien y faire :/ Donc si y'a pas d'anims, n'utilise pas le .GIF ! C'est comme le .JPEG, moins bonne qualité que le .PNG, pour peser moins lourd ...
  • [Utilisateur supprimé][Utilisateur supprimé] Messages: 1,847
    Modifié (06.01.2014)
    Hop question comment faire juste les yeux qui bougent sur une image ?
  • samy606 (FR1)samy606 (FR1) Messages: 1,043
    Modifié (06.01.2014)
    Tu découpe l'oeuil, tu le met a droite a gauche et tu fais ton anim^^
  • supersylousupersylou Messages: 1,576
    Modifié (06.01.2014)
    A vrai dire Samy, je ne fais pas du tout comme ça ^^ Je fais pixel par pixel, pour avoir un bon effet réel, et ça prend beaucoup de temps ^_^ Donc c'est tout manuel :p
  • cel8 (FR1)cel8 (FR1) Messages: 1,313
    Modifié (06.01.2014)
    supersylou a écrit: »
    A vrai dire Samy, je ne fais pas du tout comme ça ^^ Je fais pixel par pixel, pour avoir un bon effet réel, et ça prend beaucoup de temps ^_^ Donc c'est tout manuel :p

    oO
    oOOOOOO ?!?

    Moi, je fais plutôt comme samy :D Après, bien sûr, ça dépend du nombre de pixel des yeux (enfin de leur taille) , si c'est qu'un pixel ça peut passer comme ça ^^

    Un copier/collé des yeux, avec fondu sur les bords optionnellement, faut régler les détails évidement, mais le plus gros des détails pas pixel apr pixel... sauf petits yeux ou yeux de couleur uniforme oO ? Mais si les yeux c'est la moitié de l'image........

    Fait un mix des deux suivant les cas :)
  • supersylousupersylou Messages: 1,576
    Modifié (06.01.2014)
    J'ai toujours fait comme ça :p J'ai jamais pensé à un simple copier-coller oO
    Par exemple, pour Véro, c'est complètement manuel :)
  • Borer3Borer3 Messages: 1,570
    Modifié (07.01.2014)
    oui mais véro c une vrai pro...
Sign In to comment.