Suivre une Bline

From Synfig Studio :: Documentation
Jump to: navigation, search
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
{{Title|La suite d'une Bline}}
+
{{Title|Suivre une Bline}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials Advanced}}
 
{{Category|Tutorials Advanced}}
Line 8: Line 8:
 
== Introduction ==
 
== Introduction ==
  
Si vous utilisez la version 0.61.08 ou plus bas, s'il vous plaît regarder le {{l|Following a BLine (the old way)|old version}} de cette tutorial, ceci est pour la version dépuis 0.61.09
+
Si vous utilisez la version 0.61.08 ou antérieure, regardez s'il vous plaît la {{l|Following a BLine (the old way)|version précédente}} de ce tutoriel, celui-ci est fait pour une version postérieure à la 0.61.09
  
Ce tutoriel vous montrera comment faire que un objet suive le chemin d'une courbe arbitraire, et qu'il faites la rotation pour faire face à la direction du Voyage.
+
Ce tutoriel vous montrera comment faire pour qu'un objet suive le chemin d'une courbe arbitraire, avec une rotation pour rester dans la direction du parcours.
  
 
== Résumé ==
 
== Résumé ==
Line 17: Line 17:
  
 
* {{l|Following a BLine#Create the Layers|Tracer une ligne courbe et une flèche}}
 
* {{l|Following a BLine#Create the Layers|Tracer une ligne courbe et une flèche}}
* {{l|Following a BLine#Make the Arrow Move and Rotate|Lier l'origine de la flèche et sa rotation}} à la Bline afin que la flèche suit la courbe, c'est à dire, marcher sur elle.
+
* {{l|Following a BLine#Make the Arrow Move and Rotate|Lier l'origine de la flèche et sa rotation}} à la Bline afin que la flèche suive la courbe.
  
== Tutorial ==
+
== Tutoriel ==
  
Il s'agit d'un bref tutoriel qui nous donne un exemple de la façon pour le faire:
+
Il s'agit d'un bref tutoriel qui nous donne un exemple de la façon de faire:
  
 
=== Créer une Animation ===
 
=== Créer une Animation ===
Line 27: Line 27:
 
File > New
 
File > New
  
=== Créez des Couches ===
+
=== Créer des Calques ===
  
 
Sélectionnez l'outil Bline
 
Sélectionnez l'outil Bline
 
[[File:Bline_tool.png]]
 
[[File:Bline_tool.png]]
  
permettent simplement la case Outline (créer de contour)
+
cochez simplement la case Outline (créer un contour)
  
tracer une courbe (Bline) sur lequel vous souhaitez déplacer la flèche.
+
tracez une courbe (Bline) sur laquelle vous souhaitez déplacer la flèche.
  
Cliquez sur l'icône "Outil Bézier" en bas à gauche de la "Palette d'outils" pour créer le Bline.
+
Cliquez sur de nouveau sur l'icône Bline en bas à gauche de la "Palette d'outils" pour créer le Bline.
  
Même dans cet outil, activer «créer de contour» (Outline) et «créer une région" (Fill) de la palette d'options
+
Ensuite, toujours avec cet outil, cochez «créer un contour» (Outline) et «créer une région" (Fill) de la palette d'options
 
[[File:Tool_Options.png]]
 
[[File:Tool_Options.png]]
  
tracer une flèche ou d'autre chose, pointant vers la droite
+
tracez une flèche ou autre chose, pointant vers la droite
  
changer à l'outil "Normal"
+
Passez à l'outil "Normal"
  
Sélectionnez le contour, presse contrôle-clic pour sélectionner tous les canards sauf le canard vert du position  
+
Sélectionnez le contour, glissez la souris pour sélectionner tous les points de contrôle ("ducks") sauf le point de contrôle vert de position.
  
glisser les canards de sorte que la flèche soit centrée dans la position de le canard vert
+
Déplacez les points de contrôles afin que la flèche soit centrée autour de la position du point de contrôle vert
  
ajoutez une couche de rotation sur les couches de contour et de la région
+
ajoutez un calque de rotation (transform layer -> rotate)au-dessus des calques de contour et de région
  
encapsulez les couches de la rotation, le contour et de la région
+
encapsulez les calques de rotation, contour et région
  
Maintenant vous avez deux couches au-dessus: l'une est une trajectoire courbe et l'autre est la couche encapsulée (inline canvas) contenant la flèche et la couche de rotation
+
Maintenant vous avez deux calques : l'un est une trajectoire courbe et l'autre est le calque encapsulé (inline canvas) contenant la flèche et le calque de rotation
  
  
 
=== Le déplacement et la rotation de la flèche ===
 
=== Le déplacement et la rotation de la flèche ===
  
Sélectionnez la couche encapsulée en cliquant sur le panneau Calques
+
Dépliez le calque encapsulé (inline canvas) dans le panneau Calques, et sélectionnez la ligne "inline canvas"
  
Sélectionnez la position de canard vert en cliquant dessus dans la fenêtre de toile (Canvas window)
+
Sélectionnez sa position (point de contrôle vert) en cliquant dessus dans la fenêtre principale (Canvas window)
  
puis sélectionnez le calque de rotation en appuyant sur contrôle + click (bouton gauche de la souris + clé contrôle) sur elle dans le panneau Calques
+
puis ajoutez à la sélection le calque de rotation en cliquant dessus dans le panneau Calques tout en appuyant sur "contrôle" (bouton gauche de la souris + clé contrôle)
  
Maintenant, sélectionnez le canard bleu "quantité de rotation" en appuyant sur contrôle + click dans la fenêtre de toile (Canvas window)
+
Maintenant, sélectionnez dans la fenêtre principale (Canvas window) le point de contrôle bleu en appuyant sur contrôle + click  
  
Eh bien, maintenant nous avons sélectionné deux couches et un canard dans chaque une
+
Eh bien, maintenant nous avons sélectionné deux calques et un point de contrôle dans chacun
  
maintenant il faut sélectionner la couche de la courbe Bline (qui devrait être la dernière couche dans le panneau Calques) en appuyant sur contrôle+ click sur elle
+
maintenant il faut ajouter à la sélection le calque de la courbe Bline (qui devrait être le dernier calque dans le panneau Calques) en cliquant dessus tout en appuyant sur "contrôle"
  
clic droit sur la ligne pointée indiquant la position des points de la courbe Bline,mais non  pas dans aucune canard, mais sur le lien entre les canards
+
dans la fenêtre principale, clic droit sur la ligne pointillée de la courbe Bline (ne cliquez pas sur les points de contrôle, mais sur le pointillé entre les points de contrôle)
  
dans le menu contextuel qui apparaît, sélectionner "Lien vers Bline" (Link to BLine)
+
dans le menu contextuel qui apparaît, sélectionnez "Lien vers Bline" (Link to BLine)
 
[[File:Link_to_Bline.png]]
 
[[File:Link_to_Bline.png]]
  
la flèche encapsulé devrait passer de sorte que la position de le canard vert soit sur le bline, et elle devrait tourner de manière à ce qu'elle pointe le long de la Bline à ce point la
+
la flèche encapsulée devrait se placer de telle sorte que la position du point de contrôle vert soit sur le Bline, et elle devrait se tourner de manière à ce qu'elle pointe le long de la Bline.
  
Sélectionnez simplement la couche d'encapsulation, et faites glisser son canard vert autour. Vous verrez que le canard est lié a le bline, et que son deplacement affecte aussi la rotation de la flèche comme cela était prévu
+
cliquez sur le calque d'encapsulation pour le sélectionner uniquement, et faites glisser son point de contrôle vert dans la fenêtre. Vous verrez que le point de contrôle est lié au Bline, et que son déplacement affecte aussi la rotation de la flèche comme cela était prévu
  
nous pouvons maintenant animer la flèche. activer "animer le mode d'édition" en cliquant sur l'icône en bas à droite de la fenêtre de toile (canvas)
+
Nous pouvons maintenant animer la flèche. Activez "animer le mode d'édition" en cliquant sur l'icône en bas à droite de la fenêtre principale (canvas window)
  
Au point 0f dans le temps, faites glisser la position de canard vert de la couche encapsulée à une extrémité de la Bline
+
Au point 0f dans le temps, faites glisser la position du point de contrôle vert du calque encapsulé à une extrémité de la Bline
  
Au point 5s dans le temps, faites glisser le canard à l'autre bout de la Bline
+
Au point 5s dans le temps, faites glisser le point de contrôle à l'autre bout de la Bline
  
 
Essayez Fichier> Aperçu ou Affichage> Jouer pour voir l'animation (File > Preview or View > Play).
 
Essayez Fichier> Aperçu ou Affichage> Jouer pour voir l'animation (File > Preview or View > Play).
  
== Results ==
+
== Resultats ==
  
Voici l'animation avec laquelle je me suis retrouvé: {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}
+
Voici l'animation que j'ai obtenue: {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}
  
== Commentaire sur l'entité ==
+
== Commentaire sur le tutoriel ==
  
Un autre chose, la flèche prend le même temps pour se déplacer le long de chaque segment de la bline. Donc, si il ya une partie de la ligne longue droite, puis une partie sinueuse complexe, la flèche se déplace beaucoup plus vite le long de la partie droite (car il y aura moins de sommets dans cette partie).
+
à noter :La flèche prend le même temps pour se déplacer le long de chaque segment de la Bline. Donc, si il y a une partie de la ligne longue et droite, puis une partie sinueuse complexe, la flèche se déplace beaucoup plus vite le long de la partie droite (car il y a moins de sommets dans cette partie).
  
Il serait bon d'avoir la possibilité de faire le déménagement de la flèche à une vitesse constante sur toute la longueur de la courbe.
+
Il serait bon d'avoir la possibilité de faire le déplacement de la flèche à une vitesse constante sur toute la longueur de la courbe.

Revision as of 18:46, 16 May 2010

Languages Language: 

English • čeština • Deutsch • español • français • русский


              Cette page est en cours de traduction, soyez patient.

Introduction

Si vous utilisez la version 0.61.08 ou antérieure, regardez s'il vous plaît la version précédente de ce tutoriel, celui-ci est fait pour une version postérieure à la 0.61.09

Ce tutoriel vous montrera comment faire pour qu'un objet suive le chemin d'une courbe arbitraire, avec une rotation pour rester dans la direction du parcours.

Résumé

Voici ce que nous allons faire:

Tutoriel

Il s'agit d'un bref tutoriel qui nous donne un exemple de la façon de faire:

Créer une Animation

File > New

Créer des Calques

Sélectionnez l'outil Bline Bline tool.png

cochez simplement la case Outline (créer un contour)

tracez une courbe (Bline) sur laquelle vous souhaitez déplacer la flèche.

Cliquez sur de nouveau sur l'icône Bline en bas à gauche de la "Palette d'outils" pour créer le Bline.

Ensuite, toujours avec cet outil, cochez «créer un contour» (Outline) et «créer une région" (Fill) de la palette d'options Tool Options.png

tracez une flèche ou autre chose, pointant vers la droite

Passez à l'outil "Normal"

Sélectionnez le contour, glissez la souris pour sélectionner tous les points de contrôle ("ducks") sauf le point de contrôle vert de position.

Déplacez les points de contrôles afin que la flèche soit centrée autour de la position du point de contrôle vert

ajoutez un calque de rotation (transform layer -> rotate)au-dessus des calques de contour et de région

encapsulez les calques de rotation, contour et région

Maintenant vous avez deux calques : l'un est une trajectoire courbe et l'autre est le calque encapsulé (inline canvas) contenant la flèche et le calque de rotation


Le déplacement et la rotation de la flèche

Dépliez le calque encapsulé (inline canvas) dans le panneau Calques, et sélectionnez la ligne "inline canvas"

Sélectionnez sa position (point de contrôle vert) en cliquant dessus dans la fenêtre principale (Canvas window)

puis ajoutez à la sélection le calque de rotation en cliquant dessus dans le panneau Calques tout en appuyant sur "contrôle" (bouton gauche de la souris + clé contrôle)

Maintenant, sélectionnez dans la fenêtre principale (Canvas window) le point de contrôle bleu en appuyant sur contrôle + click

Eh bien, maintenant nous avons sélectionné deux calques et un point de contrôle dans chacun

maintenant il faut ajouter à la sélection le calque de la courbe Bline (qui devrait être le dernier calque dans le panneau Calques) en cliquant dessus tout en appuyant sur "contrôle"

dans la fenêtre principale, clic droit sur la ligne pointillée de la courbe Bline (ne cliquez pas sur les points de contrôle, mais sur le pointillé entre les points de contrôle)

dans le menu contextuel qui apparaît, sélectionnez "Lien vers Bline" (Link to BLine) Link to Bline.png

la flèche encapsulée devrait se placer de telle sorte que la position du point de contrôle vert soit sur le Bline, et elle devrait se tourner de manière à ce qu'elle pointe le long de la Bline.

cliquez sur le calque d'encapsulation pour le sélectionner uniquement, et faites glisser son point de contrôle vert dans la fenêtre. Vous verrez que le point de contrôle est lié au Bline, et que son déplacement affecte aussi la rotation de la flèche comme cela était prévu

Nous pouvons maintenant animer la flèche. Activez "animer le mode d'édition" en cliquant sur l'icône en bas à droite de la fenêtre principale (canvas window)

Au point 0f dans le temps, faites glisser la position du point de contrôle vert du calque encapsulé à une extrémité de la Bline

Au point 5s dans le temps, faites glisser le point de contrôle à l'autre bout de la Bline

Essayez Fichier> Aperçu ou Affichage> Jouer pour voir l'animation (File > Preview or View > Play).

Resultats

Voici l'animation que j'ai obtenue: Arrow-follows-bline.sifz‎

Commentaire sur le tutoriel

à noter :La flèche prend le même temps pour se déplacer le long de chaque segment de la Bline. Donc, si il y a une partie de la ligne longue et droite, puis une partie sinueuse complexe, la flèche se déplace beaucoup plus vite le long de la partie droite (car il y a moins de sommets dans cette partie).

Il serait bon d'avoir la possibilité de faire le déplacement de la flèche à une vitesse constante sur toute la longueur de la courbe.


Languages Language: 

English • čeština • Deutsch • español • français • русский