Doc:Walk Cycle/fr - Revision history

Synme: I retransferred the links here Lipsync

2019-08-18T15:14:32Z

I retransferred the links here Lipsync

Synme: add link

2019-08-18T14:34:24Z

add link

Synme: spelling correction

2017-05-08T10:39:03Z

spelling correction

Synme: spelling correction

2017-05-08T07:46:36Z

spelling correction

Synme: Formatting titles

2017-05-08T06:12:21Z

Formatting titles

Synme: Addition of a paragraph

2017-05-08T06:07:53Z

Addition of a paragraph

Synme: uppercase

2017-05-08T05:27:45Z

uppercase

Synme: I delete method 2, which is now useless

2017-05-03T13:49:33Z

I delete method 2, which is now useless

Synme: Keyboard Error

2017-05-01T06:16:54Z

Keyboard Error

Synme: Adding a chapter

2017-04-26T11:56:02Z

Adding a chapter

← Older revision		Revision as of 15:14, 18 August 2019
Line 232:		Line 232:

	Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip\|Walking-technique-archive.zip]]		Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip\|Walking-technique-archive.zip]]
−
−	~~''Vous pouvez apprendre plus avec les dessins de Preston Blair'':~~
−	[http://www.angryanimator.com/word/2010/11/26/preston-blair-how-to-animate/ Lien1] [https://animationresources.org/category/preston-blair/ Lien2] [http://www.welcometopixelton.com/downloads/Animation%20by%20Preston%20Blair.pdf Lien3 contenant des dessins pdf de 35 pages]

← Older revision		Revision as of 14:34, 18 August 2019
Line 229:		Line 229:


−	== ~~Fichier Projet~~ ==	+	== Liens ==

	Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip\|Walking-technique-archive.zip]]		Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip\|Walking-technique-archive.zip]]
		+
		+	''Vous pouvez apprendre plus avec les dessins de Preston Blair'':
		+	[http://www.angryanimator.com/word/2010/11/26/preston-blair-how-to-animate/ Lien1] [https://animationresources.org/category/preston-blair/ Lien2] [http://www.welcometopixelton.com/downloads/Animation%20by%20Preston%20Blair.pdf Lien3 contenant des dessins pdf de 35 pages]

@@ Line 190: / Line 190: @@
 Vous supprimer l'image clé: "B" vous allez sur l'image A et vous avancer le temps de 1f en 1f de A jusqu'à C, il y aura un moment ou votre image manquante sera identique à B.
 Ensuite vous reportez le résultat sur votre animation, et vérifier que le résultat est fluide.
-Une fois que c'est fluide vous pouvez vraiment accélérer la marcher en divisant par 2 vos chiffres ou accélérer de 70% le résultat.
+Une fois que c'est fluide vous pouvez vraiment accélérer la marche en divisant par 2 vos chiffres ou accélérer de 70% le résultat.

@@ Line 87: / Line 87: @@
 *4: Une fois que les membres sont à un emplacement dit naturel, (on évite les angles à 90°, car poser des croix de visée sur des membres tordues est plus difficile).
-Quand ils sont presque droits c'est une opération plus simple).
+Quand ils sont presque droits c'est une opération plus simple.
 Il faut décomposer le membre pour pouvoir poser nos "croix de visée".

@@ Line 6: / Line 6: @@
 {{NewTerminology}}
 <!-- Page info end -->
-== Le Fichier de Liste ==
+= Le Fichier de Liste =
 Un des aspects les moins évidents de Synfig est contenu dans la calque d'importation des images. En plus d'être en mesure d'importer des fichiers d'image de base, il accepte aussi un fichier "lst". Cette liste de fichiers est tout simplement un fichier de texte qui se compose d'un taux de cadres, suivi d'une liste d'images à afficher. (Si le nombre d'images par seconde n'est pas fourni, il utilise un taux de défaut de 15 images par seconde (FPS).)
@@ Line 61: / Line 61: @@
-== Personnage de marche, en mouvement (explication complète). ==
+= Personnage de marche, en mouvement (explication complète). =
 Avant de réussir à faire marcher un personnage, il faut connaître les bases

@@ Line 219: / Line 219: @@
 [https://youtu.be/sERBnFpXezM STREAM Morevna Episode 3 Making of Shot 24]
 == Fichier Projet ==
 Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip|Walking-technique-archive.zip]]

@@ Line 78: / Line 78: @@
 *3: Nous bougeons les membres, au meilleur emplacement pour que le "bras" se décompose en:
-bras: bras, avant-bras, main
+Bras:    bras, avant-bras, main.
-jambe:   cuisse, mollet, chaussure
+Jambe:   cuisse, mollet, chaussure.

← Older revision		Revision as of 13:49, 3 May 2017
Line 59:		Line 59:

	{{l\|media:walk.zip\|Voici le fichier comprimé}} avec le list file, les 4 images fixes, et le fichier de Synfig fini. Décompressez dans le même place et ouvrez le fichier newwalk.sif avec Synfig.		{{l\|media:walk.zip\|Voici le fichier comprimé}} avec le list file, les 4 images fixes, et le fichier de Synfig fini. Décompressez dans le même place et ouvrez le fichier newwalk.sif avec Synfig.
−
−	~~== Méthode 2 ==~~
−
−	~~Commencons par dessiner les images pour notre animation, ici j'ai fait 4 poses, je les ai ensuite extraites en PNG voici à quoi cela ressemble:~~
−
−	~~<gallery widths="170px" heights="300px">~~
−	~~Image:Walker01.png~~
−	~~Image:Walker02.png~~
−	~~Image:Walker03.png~~
−	~~Image:Walker04.png~~
−	~~</gallery>~~
−
−	~~Ensuite nous devons rajouter une couleur sur les contours pour pouvoir décalquer notre bonhomme dans Synfig, pareil je les ai extraites en PNG voici à quoi cela ressemble:~~
−	~~<gallery widths="170px" heights="300px">~~
−	~~Image:Walker05.png~~
−	~~Image:Walker06.png~~
−	~~Image:Walker07.png~~
−	~~Image:Walker08a.png~~
−	~~</gallery>~~
−
−	Il ne reste plus qu'à importer les 4 dessins avec notre "contour bleu" dans Synfig et de choisir la même taille de "redimensionnement" (paramètres > Transformations > Échelle) pour chaque image importée, ensuite nous pourrons rajouter notre fichier bonhomme "walker.sif" pour pouvoir l'animé.
−	~~Les calques du bonhomme doivent être posés sur l'image1 donc redimensionner, et déplacer jusqu'à que cela soit juste.~~
−	~~Je mets une opacité (quantité) de 0,5 sur l'image1 pour voir être sûr du résultat.~~
−	~~Je coche uniquement l'image: blue-layer01.png et le groupe "walker".~~
−
−
−	~~[[File:Walker08b.png\|frame\|none\|Je place les calques dans cet ordre]]~~
−
−
−	~~La 1ère image nous voyons le dessin importer avec les contours bleus, les calques pour l'animation sont à droite.~~
−
−	~~La 2ème image nous voyons le bonhomme poser au même emplacement que le dessin.~~
−
−	~~[[File:Walker09.png]][[File:Walker10.png]]~~
−
−
−	~~Nous allons pouvoir animer notre marcheur, j'ai mis un total de 5s pour l'animation~~
−	~~décocher "blue-layer01.png" et cocher "blue-layer02.png" et pour la voir ajouter y une "quantité" de 0,5 (pour l'opacité).~~
−
−
−	~~[[File:Walker11.png\|frame\|none\|Nous voyons les calques qui n'ont pas bougé, et le dessin avec les contours bleus. ]]~~
−
−
−	~~Il ne reste plus qu'à animer notre bonhomme, ajouter une image clé j'ai mis "24f" ,~~
−
−	~~[[File:Walker12.png\|frame\|none\|sélectionner "left arm" le contour + la région.]]~~
−
−
−
−	~~Faites bouger chaque "vertex" 1 par 1 comme ici.~~
−
−	~~[[File:Walker13.png\|frame\|none\|et bouger les "poignées".]]~~
−
−
−	~~Faites la même chose pour chaque vertex jusqu'à avoir fini et que cela soit identique à l'image, ensuite nous pouvons commencer l'image3~~
−	~~cocher l'image "blue-layer03.png" et décocher la "blue-layer02.png" rajouter une "image clé" , faites la même chose pour que cela ressemble à notre image.~~
−
−
−	Faites pareil jusqu'à la dernière image "blue-layer04.png", une fois que les calques sont identiques à notre image "blue-layer04.png" il ne reste plus qu'à dupliquer l'image clé correspondant à "blue-layer01.png" voir ce tutoriel [http://wiki.synfig.org/Keyframe/fr#Dupliquer_une_image_cl.C3.A9]
−
−	~~ou comme ceci:~~
−
−	Je dois maintenant créer une nouvelle image clé qui correspondra exactement à l'image "blue-layer01.png" ce qui fera une boucle entre blue-layer04 et blue-layer01 et permettra d'avoir notre animation en continu.
−
−
−	*1 Je sélectionne l'image clé.
−	*2 Je sélectionne le calque à dupliquer.
−	*3 Je clique sur le point de passage.
−	*4 Je duplique.
−	~~[[File:Walker13b.png\|frame\|none\|dupliquer une image".]]~~
−
−
−	Voilà l'image sera pratiquement un clone de notre référence blue-layer01, n'hésitez pas à faire un "saut" entre l'image clé 1 et "la dernière image clé" pour qu'elle soit parfaitement identique, et que la marche soit fluide.
−
−
−	~~Une fois que l'on a le même résultat il ne reste plus qu'à réduire la taille de la "longueur" des images clés, et exporter l'animation~~
−	~~j'ai mis "7f", ce qui donne une marche rapide.~~
−
−
−	~~[[File:Walker14-animation.gif\|frame\|none\|Résultat final]]~~
−
−	~~== Fichiers tutoriels ==~~
−	~~Les fichiers sif contenant les parties de ce tutoriel peuvent être trouvés ici: [[Media:Walker14.zip\|Walker14.zip]]~~
−
−

@@ Line 281: / Line 281: @@
 *Oignon (pour voir les clés précédentes en opacité).
-*MAJ + clic gauche souris, et faire GLISSER le groupe avec poignée verte (pour faire glisser sur une ligne).
+*{{Shortcut|shift}} + clic gauche souris, et faire GLISSER le groupe avec poignée verte (pour faire glisser sur une ligne).
 *Utiliser un rectangle pour avoir la "grandeur de marche"(+2 lignes au bord pour la précision).
 *Dessin d'esquisse (pour avoir les jambes et bras exactement identique, et la reporter plus loin).
@@ Line 304: / Line 304: @@
 [https://youtu.be/sERBnFpXezM STREAM Morevna Episode 3 Making of Shot 24]
 == Fichier Projet ==
 Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip|Walking-technique-archive.zip]]

← Older revision		Revision as of 11:56, 26 April 2017
Line 142:		Line 142:
	== Fichiers tutoriels ==		== Fichiers tutoriels ==
	Les fichiers sif contenant les parties de ce tutoriel peuvent être trouvés ici: [[Media:Walker14.zip\|Walker14.zip]]		Les fichiers sif contenant les parties de ce tutoriel peuvent être trouvés ici: [[Media:Walker14.zip\|Walker14.zip]]
		+
		+
		+
		+
		+	== Personnage de marche, en mouvement (explication complète). ==
		+
		+	Avant de réussir à faire marcher un personnage, il faut connaître les bases
		+	«à savoir»:
		+
		+	[http://wiki.synfig.org/Doc:Basic_Bone_Tutorial/fr Bases de l'Animation par Ossatures] (Pour que vos membres puissent tourner à 360° sans aucun bug).
		+
		+	[http://wiki.synfig.org/Doc:Basic_Bone_Morphing/fr Bases du Morphing par Ossatures] (Pour pouvoir créer un "squelette de marche").
		+
		+
		+	*1: Dessiner le personnage dans votre programme de dessin.
		+	*2: Rajouter des contours
		+
		+	{{l\|Image:Walking-technique123.png}}
		+
		+	*3: Nous bougeons les membres, au meilleur emplacement pour que le "bras" se décompose en:
		+
		+	bras: bras, avant-bras, main
		+
		+	jambe: cuisse, mollet, chaussure
		+
		+
		+
		+
		+	*4: Une fois que les membres sont à un emplacement dit naturel, (on évite les angles à 90°, car poser des croix de visée sur des membres tordues est plus difficile).
		+
		+	Quand ils sont presque droits c'est une opération plus simple).
		+
		+	Il faut décomposer le membre pour pouvoir poser nos "croix de visée".
		+
		+	{{l\|Image:Walking-technique456.png}}
		+
		+	*5: Nous remplaçons, une main avec le poing fermé, un t-shirt plus large pour que les jambes puissent courir, les chaussures, par quelque chose de plus simple.
		+
		+	Car il sera plus simple dans l'animation d'avoir des membres basiques.
		+
		+
		+	*7: Une fois que tous les membres sont décomposés, et que les croix de visée sont placées.
		+
		+	{{l\|Image:Walking-technique789.png}}
		+
		+	*8: Ici ce sont des croix simples qui ont été posées, pour pouvoir tourner les membres, de façon rapide.
		+
		+	(Elles n'ont pas suivi la procédure "croix de visée").
		+
		+	*9: Si votre programme de dessin, vous permet de faire des rotations à partir d'un point fixe, faites un maximum d'essai, en tournant dans tous les sens votre bonhomme pour vous assurer qu'il n'y a pas de "bug". (test en mouvement).
		+
		+	Ensuite vous importerais votre dessin final dans "synfig studio".
		+
		+
		+	*10: Pour rendre une marche plus réelle, nous pouvons plier la chaussure, le contour orange est un guide pour remettre facilement la chaussure droite.
		+
		+	Les croix représentent les vertices:
		+	* Les croix vertes ne bougent pas.
		+	* La croix orange a été descendue à la verticale jusqu'à toucher le sol.
		+	* La croix bleue a été bougée sur la droite et les poignées bougées.
		+
		+	{{l\|Image:Walking-technique1011.png}}
		+
		+	*11: Pour une question de simplicité lors de la création des croix de visée.
		+
		+	-Le bras gauche est identique au bras droit.
		+
		+	-La jambe gauche est identique à la jambe droite.
		+
		+	Les choses qui sont uniques: l'épaule gauche et l'épaule droite (qui sont en rouge) sont différentes ainsi que l'emplacement des croix rapide.
		+
		+
		+
		+	*12: La ligne du haut, est un repère pour que le personnage puisse baisser ou monter la tête.
		+
		+	Le rectangle violet est le repère qui sera utilisé pour connaitre la "grandeur de marche" il est précisément à placer derrière la chaussure arrière et derrière la chaussure avant, les 2 traits rouges sont des lignes pour être plus précis.
		+
		+	Vous pouvez importer votre dessin dans "synfig studio" et placer le squelette sur votre personnage.
		+
		+	{{l\|Image:Walking-technique1213.png}}
		+
		+	*13: Astuce simple pour l'animation, et travaillez avec plus de détails, mettez une opacité (comme sur cette image) vous travaillerez plus facilement.
		+
		+
		+	*14: Une fois votre personnage avec un "squelette de marche", placer votre personnage comme sur le schema "personnage 1".
		+
		+	Ensuite vous déplacerais votre "rectangle violet" pour que votre marche soit identique à "grandeur de marche".
		+
		+	{{l\|Image:Walking-technique14.png}}
		+
		+
		+
		+
		+
		+	*15: Voici le schéma utiliser pour l'animation, il sert juste de repère (il est disponible en 2 formats, SVG, SIFZ,) disponible dans le ZIP.
		+
		+	Pour voir le personnage suivant il faut décocher les autres numéros pour voir "l'étape" suivante.
		+
		+	Je rappelle que ce "schéma" est juste une "aide" pour comprendre à quel moment il faut placer les images clés.
		+
		+	Les variantes qui feront que votre marche sera différente sera "la grandeur de marche", et le placement de vos jambes.
		+
		+	Soit vous ferez un personnage avec une marche, courte, longue, ou en courant.
		+
		+	À savoir: les personnages 5,6,7,8 sont les mêmes images que les 4ère, les membres ont seulement été inverser dans l'autre sens.
		+
		+	{{l\|Image:Walking-technique15schema.gif}}
		+
		+
		+
		+
		+
		+	Toutes les images clés, sont représentées par un numéro il y en a "8" en tout.
		+
		+	{{l\|Image:Walking-technique16.png}}
		+
		+	Elles doivent toutes être placer avec ''' "24f" et en mode interpolation "linéaire"'''(c'est à la fin de l'animation
		+	que vous changerez le timing, pour accélérer la marche.
		+
		+
		+	[[File:Walking-technique-animation.gif\|frame\|none\|Animation lente qui décompose la marche. ]]
		+
		+	Le résultat final dépend uniquement du schéma (avec les n° sur chaque tête), c'est lui que vous devez modifier pour avoir un résultat qui vous conviendra.
		+	Avec un timing lent de 24f vous verrez tout de suite les erreurs.
		+
		+	Ici vous voyez une marche avec un timing de 10,18,6,16f pour trouver le temps à utiliser sur l'image clé suivante une astuce simple
		+	a été utiliser, pour 4 images clés, vous supprimer 1 image, et chercher le temps de l'image manquante.
		+
		+	Exemple:
		+	A B C D
		+
		+	Vous supprimer l'image clé: "B" vous allez sur l'image A et vous avancer le temps de 1f en 1f de A jusqu'à C, il y aura un moment ou votre image manquante sera identique à B.
		+	Ensuite vous reportez le résultat sur votre animation, et vérifier que le résultat est fluide.
		+	Une fois que c'est fluide vous pouvez vraiment accélérer la marcher en divisant par 2 vos chiffres ou accélérer de 70% le résultat.
		+
		+
		+	Voici la '''liste des astuces''' a utilisé lors de l'animation dans synfig (avec ces aides il est plus facile d'y arriver):
		+
		+	*Oignon (pour voir les clés précédentes en opacité).
		+	*MAJ + clic gauche souris, et faire GLISSER le groupe avec poignée verte (pour faire glisser sur une ligne).
		+	*Utiliser un rectangle pour avoir la "grandeur de marche"(+2 lignes au bord pour la précision).
		+	*Dessin d'esquisse (pour avoir les jambes et bras exactement identique, et la reporter plus loin).
		+	*Si votre travail est vectoriel, comme dans ce chapitre, utiliser de préférence l'aperçu qualité "1,00", taille 100%, éviter de travailler directement avec un canevas d'une taille UHD (trop grande),
		+	avec une qualité de "1,00" et 100% en taille vous verrez le résultat final, tel qui apparaîtra, dans une "vidéo".
		+	*Quand les 8 étapes du "schéma" sont toutes finies utiliser le "dupliquer" pour reporter les dessins déjà faits. (voir l'image ci-dessous).
		+
		+
		+
		+	Pour faire un dupliquer [http://wiki.synfig.org/Keyframe/fr#Dupliquer_une_image_cl.C3.A9 lien]:
		+	*1 Je sélectionne l'image clé.
		+	*2 Je sélectionne le calque à dupliquer.
		+	*3 Je clique sur le point de passage.
		+	*4 Je duplique.
		+
		+	[[File:Walking-technique-duplicate.png\|frame\|none\|Dupliquer une image. ]]
		+
		+
		+	Voici les vidéos qui ont été utilisés pour réaliser ce tutoriel:
		+
		+	[https://youtu.be/2y6aVz0Acx0 ALAN BECKER - Animating Walk Cycles]
		+
		+	[https://youtu.be/sERBnFpXezM STREAM Morevna Episode 3 Making of Shot 24]
		+
		+
		+
		+	== Fichier Projet ==
		+
		+	Le fichier zip contenant les parties de ce tutoriel peut être trouvé ici: [[Media:Walking-technique-archive.zip\|Walking-technique-archive.zip]]