Adding Layers

From Synfig Studio :: Documentation
Jump to: navigation, search
(Using layers to modify other layers)
(Using layers to modify other layers)
Line 59: Line 59:
 
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]
 
[[Image:Adding-layers-tutorial-6-raise-layer.png|center|frame]]
  
Now our inline canvas layer (with rectangle and gradient) is in front of those two circles.
+
Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les desux cercles.
  
 
[[Image:Adding-layers-tutorial-7.png|center|frame]]
 
[[Image:Adding-layers-tutorial-7.png|center|frame]]

Revision as of 22:45, 25 July 2011

Languages Language: 

English • Deutsch • español • suomi • français • italiano • Nederlands • português • română • русский • 中文(中国大陆)‎


Navigation Navigation:  <<Manuel>>

Introduction

Dans le cour précédent, vous avez fait votre première animation en changent les attributs de vos primitives d'objets, comme la position, la couleur ou la taille. Ces techniques simples sont, toutefois, insuffisantes pour réaliser des animations perfectionnés d'objets ou de personnages. Pour faire cela, Synfig utilise les calques. Comme dans d'autres logiciels de dessin, ils sont utilisés pour séparer les différents éléments d'une image.

Cependant, les calques de Synfig sont différents des calques des autres logiciels sur, au mois, trois points:

  1. Chaque objets, éléments et effets ont leurs propres calques.
  2. Vous pouvez organiser les calques par groupe hiérarchiques.
  3. Vous pouvez utiliser les calques supérieurs pour modifier le comportement ou (l'aspect) des calques qui se trouvent en dessous.

Comme vous pouvez le voir, les calques sont un aspect très important de Synfig, Probablement beaucoup plus que dans la plupart des programmes graphiques. La compréhension du fonctionnement des calques représente une part importante de l'apprentissage de synfig.

Combiner les calques

Maintenant, regardons un exemple simple de la manière de combiner deux calques pour créer un effet dégradé sur un rectangle.

Créez un nouveau fichier d'animation d'une durée égale à zéro. Il n'y a pas de nécessitée d'utiliser la timeline pour l'instant. Puis dessinez un rectangle en utilisant l'outil rectangle.

Adding-layers-tutorial-1.png

Sélectionnez l'outil dégradé dans la Boite à outils. Pressez le bouton gauche de la sourie sur le canevas. Tirez dans la direction désirée du dégradé et relâchez à l'endroit voulu. Vous remarquerez qu'un nouveau dégradé à été ajouté dans le Panneau Calques appelé Gradient. Rien d'étonnant.

Adding-layers-tutorial-2.png

Note

Si vous ne voyez pas de dégradé mais juste une couleur uni. Cela signifie que vous avez probablement cliqué sur le canevas sans avoir fait glissé la sourie. pour corriger cela, cliquer sur l'outil Normal, cliquez dans le canevas pour activer les ducks (poignées) du dégradé. Vous devez juste faire glisser celui qui apparait et le déplacer jusqu'à ce qu'un dégradé apparaisse
note end


Vous avez maintenant un dégradé mais pas comme vous le désirez : Il recouvre entièrement votre canevas. L'objectif est d'avoir un dégradé seulement dans le rectangle. Corrigeons cela.

Dans le panneau des calques, sélectionnez simultanément le calque du dégradé et celui du rectangle. Puis, faites un clic droit et sélectionnez "Encapsuler" dans le menu. La représentation de vos calques a due changé maintenant, montrant une petite capsule appelé Sous canevas avec une flèche devant. En cliquant sur la flèche vous pouvez ouvrir le sous canevas pour voir son contenu, les deux calques précédents : le dégradé et le rectangle.

Adding-layers-tutorial-3.png

Vous pouvez utilisé ce calque comme les autres — le déplacer, le dupliquer, le copier-coller. Si vous voulez modifier son nom pour quelque chose de plus parlant, sélectionnez simplement le calque dans le panneau des calques et cliquez sur son étiquette. Vous pourrez alors là modifier. Vous pouvez faire cela pour chaque calques et vous êtes fortement encouragé à le faire.

Application locale

Cependant, nous avons toujours notre problème: le dégradé recouvre encore entièrement le canevas alors que nous voulions qu'il s'applique seulement au rectangel. Pour ce faire, activez le calque du dégradé dans le panneau des calques. Et maintenant allez dans le panneau des paramètres (on le trouve par défaut dans la fenêtre du bas), cherchez l’attribut appelé "Blend Method". Double cliquez dessus et choisissez "Onto" dans le menus déroulant.

Adding-layers-tutorial-4.png

Le dégradé devrait maintenant être limité au rectangle. Félicitation! vous venez de faire votre premier effet qui interagit entre deux calques avec Synfig.

Adding-layers-tutorial-5.png

Grâce à cette organisation supplémentaire, l'encapsulation des calques dans un sous canevas améliore considérablement la facilitée d'utilisation de Synfig studio. Mais beaucoup d'autres programmes peuvent le faire. Ce concept de sous ensembles montre la particularité de Synfig par rapport aux autres programmes qui gères les hiérarchies de calques. L'aspect important est que le calque peut seulement modifier les données qui se trouvent directement en dessous de lui. En d'autres termes, si vous placez un calque de floue en haut des calques qui se trouvent dans le sous canevas que vous avez créer, il ne floutera que celui ci — tout ce qui se trouve en dessous du sous canevas ne sera pas flouté! essayons ça.

Using layers to modify other layers

Vérifiez que vous avez sélectionné le sous canevas et créez deux cercles rouges. Il vont apparaitre au dessus du calque du sous canevas. sélectionnez le calque du sous canevas et utiliser le bouton de "remontée du calque" pour placer celui-ci au dessus des cercles.

Adding-layers-tutorial-6-raise-layer.png

Maintenant votre claque de sous canevas (avec le rectangle et le dégradé) et devant les desux cercles.

Adding-layers-tutorial-7.png

Ouvrez le sous canevas pour voir son contenu et sélectionnez le calque en haut de celui-ci (qui doit être le dégradé). C'est ici que nous voulons insérer le nouveau calque. Crée un nouveau cercle rempli de noir. Le calque du cercle noir devrait être au dessus du calque du dégradé à l'intérieur du sous-canevas.

Adding-layers-tutorial-8.png

Now, right click on the black circle layer in the Layers Panel and a popup menu will appear. The first item in that popup is "New Layer". Inside of the "New Layer" menu, you'll see several categories of layers you could create, but what we want is a blur, so go to the Blurs category and select the "Blur" layer (so that would be "New Layer → Blurs → Blur").

Adding-layers-tutorial-10-composite-blur.png

Well, it blurred... but something is not quite right — the outside edge of the contents of the inline canvas is still sharp. It is doing this because the blend method of the blur defaulted to "Composite" (you can change the default blend method for new layers from the Paramètres par Défaut pour les Nouveaux Calques section of the Toolbox). What we want is a blend method of "Straight". Just select the blur layer, and change the Blend Method to "Straight" in the Params Panel.

Note

In the Synfig version "0.62.02", the blend method for newly created blur layers is "Straight" if the default blend method in the Toolbox is set to "By Layer Default".
note end
Adding-layers-tutorial-11.png

Ok, now we have all of the contents of the inline canvas blurred, but everything under it is sharp!

Digging further...

If you care to look into Synfig's main menu under "Layer → New Layer" you will note quite a lot of different possibilities for making layers. Several of them sound rather unusual, like "Transform → Rotate" for example. You can use this to add new attributes to your objects. And just like other, basic attributes in the previous animation tutorial, you can change them to be different on certain keyframes. Synfig will take care of interpolating the steps in between.

For example, you could create a shape and add a Calque Rotation over it. Combine this with the lesson learned in the last tutorial and you can create a rotating effect. This technique is used for creation of Cut-out Animation.


Languages Language: 

English • Deutsch • español • suomi • français • italiano • Nederlands • português • română • русский • 中文(中国大陆)‎