15/10/2012 à 20:02
shoube
Suite à mon topic dans la rubrique inclassable qui présentait la moitié de la face d’une voiture avec le chiffre "8" en bleu venant et disparaissant, certains m’ont demandé comment j’avais fait et s’il m’était possible de faire un tut l’expliquant.
En fait c’est un simple GIF animé, car c’est beaucoup plus simple qu’on ne le pense à faire, le plus long finalement c’est la conception de celui-ci, et je dis bien plus long et pas plus dure, car la difficulté viendra de ce que vous voulez faire ou donner comme effet.
Moi je fais dans le simple et c’est ce que je vais voir avec vous ici, ça sert quelque part de base de départ.
Dans un premier temps on va ouvrir une photo dans toshop, mais vous pouvez aussi partir d’une page vierge et tout créer vous-même comme je l’ai fais ici par exemple : http://www.posepartage.fr/forum/inclassables/android-facon-shoube-gif-anime,fil-27134.html
Une fois ceci fait on va entamer la première partie du GIF
1ère partie :
On va créer notre base pour le gif, allez dans le menu "fenêtre" et y sélectionner "animation" (1) ce qui va avoir pour effet de faire apparaître la fenêtre animation en bas de votre espace de travail (2) c’est ici que votre gif va prendre forme.
2ème partie :
Nous allons créer les différents calques donc vous aurez besoin, pour mon exemple je vais en créer 2.
Ici je prend l’outil texte (1) mais ça peut être ce que vous désirez
Dans mon premier calque je vais écrire "pix" en bleu (2)
Dans mon deuxième calques j’y écris "populi" en blanc (3)
Je peux bien sur les placer où je le désire et faire toutes les manips que je désire avec, ici je ne vais rien faire avec.
Voila tous les éléments nécessaire à la fabrication de mon gif sont prêt.
3ème partie :
Vous allez décocher le petit œil des deux calques que vous venez de créer (1 et 2)
Puis vous allez dans la fenêtre "animation" dupliquez votre image en cliquant sur l’icône (3) une nouvelle vignette apparaît et est surlignée pour préciser que c’est elle qui est sélectionnée.
Allez maintenant cliquer sur l’œil à côté de "pix" (1), celui-ci apparaît sur votre espace de travail mais aussi dans la vignette.
Ensuite recliquez sur l’icône (3) dans la fenêtre animation afin de dupliquer une nouvelle fois votre vignette.
Désactivez "pix" en cliquant sur l’œil (1) et activez "populi" en cliquant sur l’œil (2)
Répétez l’opération 2 fois pour "pix" et "populi" afin d’avoir ce résultat, soit 7 vignettes.
Ensuite dupliquez une dernière fois votre vignette et cette fois ci activez "pix" et "populi" (1 et 2)
Vous aimeriez déjà voir le résultat ou du moins ce que cela donne (ce qui vous permettra aussi de vérifier que tout se passe bien), normal.
Dans la fenêtre "animation" vous allez sélectionner toutes les vignettes de la même manière que vous sélectionnez plusieurs dossier sur votre ordi (vous sélectionnez la dernière vignette, appuyez sur la touche MAJ puis cliquez sur la première vignette), ensuite en dessous des vignettes vous pouvez lire "0sec" (4) cliquez dessus et choisissez votre valeur.
Ici on va prendre 0,1seconde, une fois fait sélectionnez la première vignette et cliquez sur "play" (5) pour l’arrêter vous cliquez sur stop (5)
Vous pouvez changer le temps de passage pour chaque vignette individuellement, mais aussi choisir si vous désirez que l’animation tourne en boucle ou s’arrête après un passage dans le menu suivant (6)
4ème partie :
Bien vous venez de réaliser votre premier GIF animé, reste à l’enregistrer. Mais avant on va réduire la taille et le poids de la photo afin qu’elle soit moins lourde puisque pour un usage web.
On va donc dans "image-taille de l’image" et une fenêtre s’ouvre (1) vérifiez que toutes les options sont cochées comme sur la photo.
Dans largeur tapez votre valeur (2), ici on va mettre 900px la valeur max du fofo, ensuite une fois rétrécie sélectionnez l’outil loupe puis en haut de page cliquez sur "taille réelle des pixels" votre image se retrouve alors telle qu’elle sera visible sur le fofo.
Allez ensuite dans "fichier-enregistrer pour le web" qui donnera suite à l’ouverture d’une fenêtre.
Dans cette fenêtre vous retrouvez votre photo bien sur , mais aussi quelques options que vous connaissez peut être si vous passez par là pour enregistrer vos photos avant de les mettre sur le fofo.
Dans la partie "paramètre" à droite allez dans le menu déroulant pour choisir le format d’enregistrement (3) et choisissez "GIF"
Vous pouvez voir en bas à gauche le poids de votre GIF (4) que vous pouvez modifier avec le curseur en haut à droite (5) afin d’atteindre les 200ko du fofo si celui-ci est destiné au fofo par exemple.
On finalise le tout en cliquant sur "enregistrer" et en choisissant l’emplacement de destination et voila le resultat :
Voila c’est fini amusez vous bien.
Shoube
En fait c’est un simple GIF animé, car c’est beaucoup plus simple qu’on ne le pense à faire, le plus long finalement c’est la conception de celui-ci, et je dis bien plus long et pas plus dure, car la difficulté viendra de ce que vous voulez faire ou donner comme effet.
Moi je fais dans le simple et c’est ce que je vais voir avec vous ici, ça sert quelque part de base de départ.
Dans un premier temps on va ouvrir une photo dans toshop, mais vous pouvez aussi partir d’une page vierge et tout créer vous-même comme je l’ai fais ici par exemple : http://www.posepartage.fr/forum/inclassables/android-facon-shoube-gif-anime,fil-27134.html
Une fois ceci fait on va entamer la première partie du GIF
1ère partie :
On va créer notre base pour le gif, allez dans le menu "fenêtre" et y sélectionner "animation" (1) ce qui va avoir pour effet de faire apparaître la fenêtre animation en bas de votre espace de travail (2) c’est ici que votre gif va prendre forme.
2ème partie :
Nous allons créer les différents calques donc vous aurez besoin, pour mon exemple je vais en créer 2.
Ici je prend l’outil texte (1) mais ça peut être ce que vous désirez
Dans mon premier calque je vais écrire "pix" en bleu (2)
Dans mon deuxième calques j’y écris "populi" en blanc (3)
Je peux bien sur les placer où je le désire et faire toutes les manips que je désire avec, ici je ne vais rien faire avec.
Voila tous les éléments nécessaire à la fabrication de mon gif sont prêt.
3ème partie :
Vous allez décocher le petit œil des deux calques que vous venez de créer (1 et 2)
Puis vous allez dans la fenêtre "animation" dupliquez votre image en cliquant sur l’icône (3) une nouvelle vignette apparaît et est surlignée pour préciser que c’est elle qui est sélectionnée.
Allez maintenant cliquer sur l’œil à côté de "pix" (1), celui-ci apparaît sur votre espace de travail mais aussi dans la vignette.
Ensuite recliquez sur l’icône (3) dans la fenêtre animation afin de dupliquer une nouvelle fois votre vignette.
Désactivez "pix" en cliquant sur l’œil (1) et activez "populi" en cliquant sur l’œil (2)
Répétez l’opération 2 fois pour "pix" et "populi" afin d’avoir ce résultat, soit 7 vignettes.
Ensuite dupliquez une dernière fois votre vignette et cette fois ci activez "pix" et "populi" (1 et 2)
Vous aimeriez déjà voir le résultat ou du moins ce que cela donne (ce qui vous permettra aussi de vérifier que tout se passe bien), normal.
Dans la fenêtre "animation" vous allez sélectionner toutes les vignettes de la même manière que vous sélectionnez plusieurs dossier sur votre ordi (vous sélectionnez la dernière vignette, appuyez sur la touche MAJ puis cliquez sur la première vignette), ensuite en dessous des vignettes vous pouvez lire "0sec" (4) cliquez dessus et choisissez votre valeur.
Ici on va prendre 0,1seconde, une fois fait sélectionnez la première vignette et cliquez sur "play" (5) pour l’arrêter vous cliquez sur stop (5)
Vous pouvez changer le temps de passage pour chaque vignette individuellement, mais aussi choisir si vous désirez que l’animation tourne en boucle ou s’arrête après un passage dans le menu suivant (6)
4ème partie :
Bien vous venez de réaliser votre premier GIF animé, reste à l’enregistrer. Mais avant on va réduire la taille et le poids de la photo afin qu’elle soit moins lourde puisque pour un usage web.
On va donc dans "image-taille de l’image" et une fenêtre s’ouvre (1) vérifiez que toutes les options sont cochées comme sur la photo.
Dans largeur tapez votre valeur (2), ici on va mettre 900px la valeur max du fofo, ensuite une fois rétrécie sélectionnez l’outil loupe puis en haut de page cliquez sur "taille réelle des pixels" votre image se retrouve alors telle qu’elle sera visible sur le fofo.
Allez ensuite dans "fichier-enregistrer pour le web" qui donnera suite à l’ouverture d’une fenêtre.
Dans cette fenêtre vous retrouvez votre photo bien sur , mais aussi quelques options que vous connaissez peut être si vous passez par là pour enregistrer vos photos avant de les mettre sur le fofo.
Dans la partie "paramètre" à droite allez dans le menu déroulant pour choisir le format d’enregistrement (3) et choisissez "GIF"
Vous pouvez voir en bas à gauche le poids de votre GIF (4) que vous pouvez modifier avec le curseur en haut à droite (5) afin d’atteindre les 200ko du fofo si celui-ci est destiné au fofo par exemple.
On finalise le tout en cliquant sur "enregistrer" et en choisissant l’emplacement de destination et voila le resultat :
Voila c’est fini amusez vous bien.
Shoube