AccueilAccueil  PortailPortail  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  ConnexionConnexion  

Partagez | 
 

 [ Tuto ] Gifs animés

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Féminin Messages : 229
Âge : 28
Localisation : Strasbourg
Date d'inscription : 21/04/2009

Intéressé



MessageSujet: [ Tuto ] Gifs animés Mer 29 Avr - 13:59

Voilà un topic dédié aux tutoriaux pour faire des gifs animés !

On commence par un tuto pour insérer des gifs animés à des créas sous photoshop 7.0 :

Prenez votre création finie à laquelle vous voulez ajouter le gif. Je vais essayer de vous montrer en image en prenant l'exemple sur une créa avec gif que j'ai déjà faite [size=85](y a 2 gifs mais c'est pas grave, je vais en animer qu'un, celui de droite, le plus court, flemme quand tu nous tiens XD).[/size]




Dans un nouveau fichier, créez un dossier calques et dupliquez les screenshots de la vidéo avec laquelle vous voulez faire le gif animé. Il est préférable un screenshot sur 2, sinon le gif est trop rapide.
Attention, il faut les dupliquer dans l'ordre chronologique (même s'il est inversé c'est pas grave).
Bon comme j'ai pris une créa que j'avais déjà faite depuis un moment, j'ai plus les screenshots désolée ^^'


Modifiez comme vous le souhaitez les screenshots (la taille par exemple).
Ensuite il suffit de dupliquer le dossier de calques dans la créa du début et de le placer où vous souhaitez voir le gif ensuite. Vous pouvez rajouter dessus d'autres calques, des brushs, des textures..., il n'y a pas de problème.

Voilà moi j'ai largement réduit la taille des screenshots, les ai placés sur ma créa et ai rajouté des brushs.

Après passez à Image Ready.


Vous voilà sous Image Ready :


En bas à gauche il y a une petite fenêtre avec la réplique de votre création.
Là où il y a écrit "0 sec" cliquez (il doit y avoir une toute petite flèche) et changez le temps (ça dépend de ce que vous voulez, que le gif s'arrête un peu sur la première image ou que cette première image dure le même temps que les autres).
Pour chaque screenshot il va falloir dupliquer la créa dans cette petite fenêtre, il suffit de cliquer sur ce bouton
-->
Vous pouvez régler le temps durant lequel cette image restera.

Il y a une fenêtre "calques" sur la droite, semblable à celle qu'il y a sous Photoshop. Déroulez le dossier de calques avec les screenshots. Vous allez devoir tous les rendre invisible sauf le 2ème (qui est en haut ou en bas de la liste selon si vous avez précédemment dupliqué les calques dans l'ordre chronologique véritable ou inverse).
Pour cela, il faut cliquer sur les yeux à côté des calques, quand il y en a, le calque est visible, et quand il n'y en a pas, le calque est invisible.
Assurez-vous que ce soit la bonne réplique de la créa qui soit sélectionnée à chaque fois (2ème réplique ->2ème screenshot etc)
Continuons avec le 3ème screenshot : On duplique la 2eme image de la fenêtre en bas à gauche,on rend invisible le 2eme screenshot, et le 3ème visible :


Il va falloir répéter ça jusqu'à avoir fait apparaître chaque screenshot un par un. C'est cette alternance de ce qui est visible et invisible qui rend le gif animé.

Après pour avoir un aperçu du resultat final, cliquez sur le triangle "play".


Si le gif va trop vite ou trop lentement à votre goût, ajustez le temps de chaque réplique de la création dans la fenêtre en bas à gauche.

Pour enregistrer on fait : Ficher>enregistrer une copie optimisée sous

Et voilà le résultat :


On peut faire une petite variante : le gif disparaît progressivemment à la fin de l'animation et réapparaît progressivement au début.
C'est tout simple, il suffit de régler l'opacité des 3 premiers calques et des 3 derniers. Le premier et le dernier doivent être à 25% d'opacité, le 2ème et l'avant dernier à 50%, et enfin le 3ème et l'avant avant dernier à 75%.
Bien sûr il faut faire ces réglages sur les répliques concernées (les 3 premières et les 3 dernières).
Si vous voulez qu'au début on ne voit pas du tout le gif, il faut que sur la première réplique en bas à gauche, le dossier de calques avec les screenshot soit invisible (si vous avez décidé ça au dernier moment, dupliquez simplement la première réplique, et rendez invisible le dossier de calques sur celle placée en tête, c'est-à-dire celle qui a été dupliquée).

Voilà avec cet effet ça donne :



J'espère que j'ai été claire ^^". Si vous avez des questions n'hésitez pas


Dernière édition par mzzg le Mer 29 Avr - 14:30, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mzzg.wordpress.com/
avatar
Féminin Messages : 8044
Âge : 28
Localisation : Etampes
Emploi/loisirs : Agent Polyvalent d'Entrepôt à Martin Brower anciennement LR Services (= prestataire de Mc Donald France) / Assistante Web pour l'ISP / Dramateuse bah... de dramas ^^
Date d'inscription : 18/01/2009

Indétrônable



MessageSujet: Re: [ Tuto ] Gifs animés Mer 29 Avr - 14:13

Arigatô Gozaimasu ^^

Je vais m'amuser à faire des tests HIHIHIHIHI

Photoshop, attention, j'arrive XD

Merci encore Mzzg ^______^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 2484
Âge : 26
Localisation : Nice
Date d'inscription : 25/01/2009



MessageSujet: Re: [ Tuto ] Gifs animés Mer 29 Avr - 14:14



Whaaaaaa merci pour le tuto *o* J'essayerais d'en faire demain ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 229
Âge : 28
Localisation : Strasbourg
Date d'inscription : 21/04/2009

Intéressé



MessageSujet: Re: [ Tuto ] Gifs animés Mer 29 Avr - 14:16

De riieeen !!

Montrez-nous vos gifs quand vous aurez terminé !!

Ah oui d'ailleurs, on peut utiliser ce tuto pour faire des gifs sans créa derrière ! J'avais fait celui là pour intégrer un gif animé à une créa mais bon ça marche aussi pour les gifs seuls ^^

Et je précise que j'ai photoshop 7.0 (oui un vieux XD mais bon y a déjà tellement de choses à faire avec, alors j'ai pas encore besoin d'une version améliorée ^^)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mzzg.wordpress.com/
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Mer 29 Avr - 15:45

merci pour le tuto ! moi qui cherchais justement comment faire pour la page d'accueil de mon nouveau site ^^ j'essaierai ça demain ! merci !

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Féminin Messages : 1292
Âge : 26
Localisation : lyon
Emploi/loisirs : étudiante
Date d'inscription : 21/03/2009

Expert



MessageSujet: Re: [ Tuto ] Gifs animés Jeu 30 Avr - 12:44

wha trop bien!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Jeu 30 Avr - 16:58

pfff ! forcément avec photoshop cs4 ça marche pas pareil ! j'ai passé des heures dessus et ça ne fonctionne pas ! quelle crotte ! une fois enregistré ça ne s'anime pas, j'ai du zapper un truc... bah on verra demain du coup.

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Masculin Messages : 900
Localisation : France
Date d'inscription : 14/01/2009

Habitué



MessageSujet: Re: [ Tuto ] Gifs animés Jeu 30 Avr - 19:20

Alors j'ai fais 3 tutos vidéos, en espérant que ça puisse aider les utilisateurs de la version CS4 ou CS3 ^^ (les vidéos lag un peu mais c'est à cause du log d'enregistrement et non du pc lol ^^")

Sommaire

Tutoriel 1: Créer un gif animé à partir d'une vidéo

Pour ce tuto il nous faudra un logiciel qui nous permettent de sélectionner et d'enregistré les scènes qui nous intéressent, le plus connus d'entre eux est Virtual Dub (téléchargement => ici)

Tutoriel 2: Ouvrir un gif animé sous toshop cs4 ou CS3

Dans ce tuto je vous montre comment faire pour ouvrir un gif animé dans toshop CS4, ça peut être pratique si vous voulez modifié une chose dans votre gif

Tutoriel 3: Ce démerder pour avoir un gif sur une image fixe xD

Dans ce tuto... bah j'essaye d'avoir un gif sur une image fixe xD, c'est pas simple dans la version cs4 ^^"
J'me suis un peu démerder et pour le moment c'est la seule manière que j'ai trouver, si j'en trouver une autre je vous informerais ^^

~DOWNLOAD TUTORIAUX~

Bon moi je vais bientôt me coucher il ce fait tard ^^", j'espère que les tutos vous aurons un peu aider...
Bonne nuit tout le monde ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 2:57

Merci Nasaki! au moins ça me rassure, ça vient pas forcément de moi alors ! je dl ton tuto et je vais refaire des tests, j'espère que cette fois ci ça va s'animer ^^'

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Féminin Messages : 229
Âge : 28
Localisation : Strasbourg
Date d'inscription : 21/04/2009

Intéressé



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 3:19

Merci Nasaki !!

Et merci pour vos compliments tout le monde !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mzzg.wordpress.com/
avatar
Féminin Messages : 8044
Âge : 28
Localisation : Etampes
Emploi/loisirs : Agent Polyvalent d'Entrepôt à Martin Brower anciennement LR Services (= prestataire de Mc Donald France) / Assistante Web pour l'ISP / Dramateuse bah... de dramas ^^
Date d'inscription : 18/01/2009

Indétrônable



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 6:23

Arigatô Nasaki ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 8776
Âge : 25
Localisation : Nantes
Emploi/loisirs : Travail à temps pleins / Graph /timeuse KGF/Edit KGF/ Fan Yusuke
Date d'inscription : 23/07/2008

Indétrônable



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 7:24

Merci pour les tutos
^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fan-yusuke.forumotion.com/
avatar
Féminin Messages : 2484
Âge : 26
Localisation : Nice
Date d'inscription : 25/01/2009



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 8:56



Mercii beaucoup Nasaki ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 12:46

Questions Nasaki:
- alors après avoir fait le tuto3, on sauvegarde sous quoi et avec quelle extension stp?
- et pour les gifs à partif d'images, comment ça se passe stp ?

En tout cas merci, au moins j'ai compris en 2 sec comment faire un gif à partir de video !

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Masculin Messages : 900
Localisation : France
Date d'inscription : 14/01/2009

Habitué



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 13:40

tenshichan a écrit:
- alors après avoir fait le tuto3, on sauvegarde sous quoi et avec quelle extension stp?
Quand tu as fais le tuto 3 tu fais comme pour le tuto 1 => Fichier > Enregistré pour le web... et tu enregistre en gif

tenshichan a écrit:
- et pour les gifs à partif d'images, comment ça se passe stp ?

a partir d'image Oo....



Un truck comme ça ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 13:46

oui un truc comme ça. j'aimerai incorporer un gif d'images à une image fixe.

ah et aussi, pour ajouter du texte pendant l'animation ça se passe comment ?

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Masculin Messages : 900
Localisation : France
Date d'inscription : 14/01/2009

Habitué



MessageSujet: Re: [ Tuto ] Gifs animés Ven 1 Mai - 14:10

tenshichan a écrit:
oui un truc comme ça. j'aimerai incorporer un gif d'images à une image fixe.

Bah comme je l'ais dis dans le "poste des tuto" que j'ai fais... j'ai trouver une manière d'intégré un gif animé dans une image fixe "on peux le voir dans le tuto 3" mais ce n'est pas terrible, il faut que je trouver une meilleur méthode

tenshichan a écrit:
ah et aussi, pour ajouter du texte pendant l'animation ça se passe comment ?

Pour rajouter du texte c'est pas très compliquer...

J'essayerais de te faire 1 ou 2 tuto ce soir, mais je ne suis pas sur de réussir
Mais je ferais de mon mieux lol, parce que les gifs dans toshop CS4... on va dire que c'est un peu dur à manier correctement
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Sam 2 Mai - 16:53

Merci en tout cas ! j'ai pu faire un gif d'images (chose inconcevable jusqu'à lors) et mettre en ligne la v2 de mon site ! Merci beaucoup Nasaki ! Tiens moi au courant pour le comment-mettre une-note-dans-un-gif quand tu auras du temps stp ! Smile

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Masculin Messages : 900
Localisation : France
Date d'inscription : 14/01/2009

Habitué



MessageSujet: Re: [ Tuto ] Gifs animés Lun 25 Mai - 1:53

Alors après de longue semaines... j'me suis enfin dis "continuons les tutos sur les gifs" xD
Il était temps lol (j'avais déjà oublier ^^")
En plus je me suis rappeler comment faire des gifs via des images... et aussi faire un gifs dans une image Smile j'avais oublier ^^" c'est pas très compliquer en faite...

Sommaire

Tutoriel 4: Faire un gif animé à partir d'images

Dans ce tuto je vous montre comment faire un gifs animé rapidement et facilement à l'aide des images clés...
Vous aller voir qu'après avoir fais mes images clés je les modifie en "Interpolations par palliers", je l'ai modifie comme cela car je ne veux pas avoir de fondus
Si vous laisser "interpolations linéaires" lorsque vous modifierez l'opacité de votre images entre chaque image clés il y aura un fondu, ça peux être sympa mais pour mon tuto ça ne m'intéresse pas

Tutoriel 5: Comment faire un gif animé dans une image

Alors c'est comme pour le tuto 4 sauf qu'il faut mettre les images qui vous servirons de base pour votre gif sur l'image qui sera en "arrière-plan"

Tutoriel 6: Ajouter du texte à votre gifs

Là ça sera très simple... mais ce qu'il ne faut surtout pas oublier c'est que le "calque texte" dois être au dessus de tous les autres calques (compris ? lol)

Donc je vous mes ici les résultats finaux (ça ce dis xD ? ou finales... bon tant pis xD ^^")

Spoiler:
 

~DOWNLOAD TUTORIAUX~

J'espère que ces tutoriaux vous aiderons un peu ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 1904
Âge : 36
Localisation : Plaisir
Emploi/loisirs : Créatrice textile qui fais ses p'tites créations dans son atelier avec des dramas sur sa TV !!
Date d'inscription : 13/03/2009



MessageSujet: Re: [ Tuto ] Gifs animés Lun 25 Mai - 5:35

Merci beaucoup ! Je vais faire des tests cet aprem !!

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Watching: rien en cours... trop de boulot ! | ♫ "Hajimerinotoki" Ayaka ★
Mon Blog ★
♥ Maîtresse et Manager Officielle d'Hiro Mizushima ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.petitepraline.com
avatar
Féminin Messages : 8044
Âge : 28
Localisation : Etampes
Emploi/loisirs : Agent Polyvalent d'Entrepôt à Martin Brower anciennement LR Services (= prestataire de Mc Donald France) / Assistante Web pour l'ISP / Dramateuse bah... de dramas ^^
Date d'inscription : 18/01/2009

Indétrônable



MessageSujet: Re: [ Tuto ] Gifs animés Lun 25 Mai - 9:02

Arigatô ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Masculin Messages : 900
Localisation : France
Date d'inscription : 14/01/2009

Habitué



MessageSujet: Re: [ Tuto ] Gifs animés Lun 25 Mai - 15:29

De rien ^^
En espérant qu'il vous aidez un peu ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 677
Âge : 27
Localisation : Surgères
Emploi/loisirs : Dramas/photographie/ Etudiante sciences et technologies
Date d'inscription : 25/03/2010

Habitué



MessageSujet: Re: [ Tuto ] Gifs animés Dim 30 Mai - 3:32

whaa! Je vais pouvoir faire une signature, avec des gif animé !!
Merci!!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Féminin Messages : 378
Âge : 32
Localisation : Tours
Date d'inscription : 27/06/2010

Intéressé



MessageSujet: Re: [ Tuto ] Gifs animés Mer 14 Juil - 5:05

merci, j'ai photoshop CS4 mais sans image ready qu'il y avait sur CS normal je ne sais plus trop comment faire mes GIF. Je viens de télécharger toshop 7.0 comme tu l'indique, je vais le tester de suite. Merci beaucoup pour le tuto

[EDIT]: apparement il ne fonctionne pas sous windows 7je vais chercher un tuto de CS4 c'est pas grave ^^ merci quand même =)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [ Tuto ] Gifs animés

Revenir en haut Aller en bas
 

[ Tuto ] Gifs animés

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Kehai-Fansub-Forum :: TUTORIAUX-