Dans cette étude, nous allons aborder les projets multi-plans, la transparence, les particules en couleur et le mouvement des émetteurs. Cette étude se base sur le projet crée lors de l'étude précédente. Si vous ne l'avez pas suivie ou si vous n'avez pas sauvegardé, ne vous inquiétez pas, vous trouverez le projet final de l'étude #1 parmi les fichiers didactiques que vous avez téléchargé ( ou que vous pouvez télécharger ici et décomprésser sur votre disque dur).
L'image ci-dessous est celle de l'interface de particleIllusion, comme précédemment, il y sera fait référence tout au long de l'étude.
1. Barre d'outils principale - Main Toolbar
2. Barre d'outils de positionnement fin - Nudge Toolbar
3. Barre d'outils de lecture - Playback Toolbar
4. Fenêtre des plans - Layer Window
5. Fenêtre de hiérarchie - Hierarchy Window
6. Fenêtre de mise en scène - Stage
7. Fenêtre de graphes - Graph Window
8. Fenêtre d'aperçu - Preview Window
9. Fenêtre des librairies - Library Window
A la fin de l'étude #1 nous avions 3 jolis feux d'artifices sur fond étoilé. Nous allons en ajouter un de plus, mais sur un nouveau plan avec une image de fond supplémentaire. C'est parti :
1. Dans la fenêtre des plans (4), ouvrez le menu contextuel avec un clic-droit.
2. Choissez "New Layer." Une boite de dialogue apparaît alors vous demandant de saisir un nom pour le nouveau plan. Pour cette étude, acceptons le nom proposé "Layer 0."
Bien, voila pour ce qui est d'ajouter un plan. Vous devriez maintenant avoir 2 plans et la fenêtre des plans devrait ressembler à ça :
Nous allons maintenant ajouter une image au plan #1 (Layer 1). Mais cette fois, au lieu de servir d'image de fond, elle aura des zones de transparence qui laisseront apparaître, en partie, le plan en dessous et nos émetteurs.
1. Comme dans l'étude #1, double-cliquez sur le rectangle gris qui se trouve à côté de "Layer 1" dans la fenêtre des plans (4).
2. La boîte de dialogue d'ouverture de fichier apparaît, vous permettant de choisir l'image à importer. Rendez-vous dans le dossier contenant les fichiers didactiques et sélectionnez le fichier "Skyline.TIF". Cliquez sur "ouvrir".
La première chose que vous remarquez est la disparition du fond étoilé. Il semble qu'il n'y ait aucune transparence dans l'image, mais n'ayez crainte, elle est bien là.
Nous devons indiquer à pIllusion d'utiliser la transparence de l'image, ou sinon il l'ignorera. Voila ce que vous devez faire :
3.
4. Choisissez "Transparency." Une boîte de dialoque "Image Transparency" apparaît.
5. Cochez la case "Use existing image transparency. " Le fond noir devrait disparaître alors pour laisser place à un damier.
6. Cliquez sur "OK."
Vous verrez cependant, en revenant à la fenêtre de mise en scène, que la transparence n'est toujours pas active. Il reste encore une dernière manipulation :
7. Dans la fenêtre des plans, sur "Layer 1", vous pouvez voir une icône "T" barré d'un trait rouge ( première icône à côté de la vignette de l'image). Cliquez sur cette icône pour activer la transparence sur ce plan.
Voila! Vous avez, maintenant un ciel étoilé derrière vos immeubles. En jouant l'animation, vous verrez aussi les feux d'artifices derrière les bâtiments.
Pour la suite, nous allons ajouter un émetteur feu d'artifice de plus en avant-plan, mais au lieu de rester sur place, celui ci va bouger.
La première chose que nous devons faire c'est d'ajouter un nouvel émetteur. Si vous n'avez pas encore ouvert la librairie de l'étude, faites le maintenant.
1. Sur l'image #44 ajoutez l'émetteur "FW_W_TRAIL" à votre mise en scène, comme indiqué sur l'image ci-dessous. "FW_W_TRAIL" veut dire "Fireworks with Trail" c'est à dire "Feu d'artifice avec une trainée" mais ce nom était trop long pour s'afficher à l'écran. L'émetteur doit être placé juste sous le cadre de scène, mais toujours dans la fenêtre de mise en scène.
2. Avant de bouger l'émetteur, nous devons activer le bouton "select" de la barre d'outils principale (1).
Si vous ne le faites pas, chaque clic continuera à ajouter des émetteurs sur votre scène. Ceci fait, cliquer sur un émetteur en maintenant le bouton gauche enfoncé vous pernettra de le saisir pour le déplacer, jusqu'à ce que vous relachiez le bouton de la souris.
3. Rendez vous à l'image #52 et faites glisser notre nouvel émetteur jusqu'en haut à droite de la Space Needle (le grand bâtiment surmonté d'une soucoupe). Utilisez l'image ci-dessous comme référence:
Si vous n'avez pas le bouton "Show Particles" activé, vous verrez une traînée de points représentant la trajectoire de l'émetteur. Si le bouton est activé, vous verrez une jolie trainée étincelante suivre votre émetteur. Si vous faites défiler les images après l'image #52, vous le verrez exploser en étincelles rouge, blanches et bleues devant les immeubles. Dans la prochaine section de cette étude, nous allons changer les couleurs de ces particules "étincelles".
Bien, nous avons quasiment terminé notre projet, il nous reste encore à ajuster la couleur de notre nouvel émetteur. Voici comment faire:
1. Dans la fenêtre de hiérarchie (5), dépliez l'élément "Layer 1" en cliquant sur le "+" ( à côté du mot "Layer 1" ). S'il est déjà déplié, un "-" est affiché à la place. Vous pouvez voir maintenant l'émetteur nommé "FW_W_Trail 1".
Après avoir déplié la hiérarchie, vérifiez que "Layer 1" est sélectionné.
2. Faites un clic-droit sur le nom de l'émetteur et choisissez "Properties". Ceci ouvrira la fenêtre de dialogue "Emitter Properties" qui vous permettra d'ajuster les nombreuses propriétés des émetteurs.
3. Dans cett fenêtre, sélectionnez l'onglet "Particles" (Particules) puis le sous-onglet "Colors" (Couleurs).
Note: Clarifions les termes utilisés ici, un émetteur est l'objet qui émet des particules. Les particules sont les images (étincelles ou nuage de fumée) qui jaillissent de l'émetteur. Un émetteur peut avoir plusieurs types de particules, c'est à dire des particules d'aspect et de comportement différents. Pour une explosion, vous aurez besoin d'étincelles et de fumée, l'utilisation de plusieurs particules vous pernettra de la créer.
Si vous regardez la liste hiérarchique des émetteurs de la fenêtre, vous verrez une sous-arborescence de propriétés, comme "Life", "Number", "Size", sous le nom des émétteurs. Au bas de la liste des propriétés se trouve une liste de trois types de particules : "Burst", "Copy of Burst", et "Trail". Il est important de noter que nous allons effectuer les changements de couleurs deux fois car nous devons modifier deux des trois types de particules.
Lorsque vous modifiez un type de particule ( ce que nous avons commencé à faire à l'étape 3), particleIllusion sélectionne automatiquement le premier type de la liste ( dans notre cas "Copy of Burst"). Lorsque vous avez besoin de modifier un autre type de particule, sélectionnez le dans la liste hiérarchique des propriétés des émetteurs, puis faites vos changements.
Dans la page de l'onglet "Colors" vous verrez un dégradé contenant trois clés de couleurs (petites marques rectangulaires), rouge, blanche et bleue. L'outil est défini afin de prendre, pour chaque particule, une couleur au hasard dans le dégradé. On pourrait le modifier pour utiliser les couleurs de façon séquentielle, mais nous ne le feront pas.
4. Selectionnez la clé bleue et changez-la en vert. Choisissez la couleur en cliquant et faitant glisser votre pointeur de souris dans les deux fenêtres (couleur et noir et blanc) ou en saisissant les valeurs des composantes dans les boîtes d'édition.
5. Selectionnez la clé rouge et changez-la en pourpre.
6. Dans la liste hierarchique des propriétés des émetteurs, selectionnez le type de particule nommé "Burst."
7. Repetez les étapes 4 & 5.
8. Clquez OK (en bas à droite de la fenêtre) pour valider vos changements.
Si vous jouez votre animation, vous verrez vos derniers changements. On pourrait en rester là et sortir prendre un autre croissant mais avant celà, ajoutons la touche finale qui fera monter notre animation d'un niveau. Nous allons ajouter un flou de mouvement qui rendra le déplacement de particules plus réaliste.
1. Au sommet de la fenêtre de particleIllusion se trouve le menu standard avec "File" (Fichier), "Edit"(Edition), "View"(Voir) et "Help" (Aide). Cliquez sur "View" et sélectionnec "Project Settings". Cela ouvrira la fenêtre de dialogue "Project Settings" qui permet de faire les réglages globaux du projet.
2. Cochez la case "Motion Blur" (Flou de mouvement). Cela ajoutera un flou à l'animation des particules. Cela active aussi plusieurs options supplémentaires relatives au flou de mouvement.
3. Cochez la case "Preview". Cela vous permet de voir le flou même si vous ne jouez pas l'animation (par exemple quand vous faites glisser le curseur de la fenêtre des graphes). Selon la puissance de votre ordinateur, vous pourrez subir un relentissement. Si vous trouvez que particleIllusion fonctionne alors vraiment trop lentement, rouvrez cette fenêtre et décochez l'option "Preview" .
Comme vous pouvez le voir, il y a plusieurs options dans la fenêtre "Project settings". Nous n'avons besoin de rien de plus pour le moment. Mais vous pourrez toujours revenir ici plus tard et découvrir ces options par vous-même .
4. Cliquez sur OK pour sauvegarder vos changements et sortir de la fenêtre de dialogue.
Voila, c'est terminé! Vous avez pu voir, en quelques minutes du travail, à quel point particleIllusion est facile à utiliser et que les résultats sont obtenus rapidement. Et maintenant, si on en revenait aux croissants...
Retour sur la page des didacticiels de particleIllusion
Retour sur la page d'accueil du site de wondertouch