Dans ce tutoriel, vous allez apprendre à faire un encadré, soit un Frame. De plus, vous allez continuer à explorer les Containers et vous vous servirez de la transparence.

 

 

Pour faire cet exercice, vous avez besoin:

• D'une belle tuile de fond pour votre Background principal ou une image de grande dimension afin d'avoir une belle résolution;
  
  
• De un ou deux gifs pour faire l'animation sur votre fond. Si vous en voulez plus, c'est votre choix;
  
  
• Si vous voulez une texture dans votre Container où il y aura votre message, alors ajoutez une autre tuile de fond. Par contre, prenez en considération que cette tuile sera baissée en opacité;

Commençons votre Scrippy:

 

1. Insert/Loading Message:
   
   Faire cette section à votre goût;
   
   
2. Insert/Frame:
   

   
   
   

   Style: vous choisissez le type de cadrage soit:
   
   

   couleur utilisée: ;
   
   couleur utilisée: ;
   
   

   Si ce Frame se trouve dans votre 1er niveau, il sera influencé par votre couleur de fond que vous utiliserez pour le Loading Message donc, si votre couleur est jaune comme couleur de fond dans votre message d'attente et pour votre cadrage vous choisissez du bleu, bien le résultat sera bleu et jaune.
   
   Ici dans mon exemple, je n'avais pas encore fait le Loading Message donc, la couleur fut blanche par défaut. Il serait préférable que vous preniez l'habitude de faire votre Loading Message au tout début de votre Scrippy donc, si vous avez besoin d'un cadrage, vous allez savoir à quoi vous en tenir;
   
   

   couleur utilisée: ;
   
   couleur utilisée: ;
   
   couleur utilisée: ;
   
   couleur utilisée: ;
   
   

   Le dernier choix est Transparent et le nom indique bien ce que cela veut dire.. votre cadrage sera transparent. Faites vos expériences..
   
   Width: C'est la largeur de votre cadrage;
   
   Set Color: Choisissez la couleur désirée pour votre cadrage;
   
   

3. Insert/Background:
   
   Allez chercher votre tuile de fond principal ou votre image que vous avez choisie pour votre présentation. Vous pouvez également choisir un défilement mais attention, puisque vous allez avoir des gifs sur ce Background et que ceux-ci vont avoir un déplacement, voyez à ce que cela reste joli.
   
   
4. Insert/Background:
   
   Allez chercher votre premier gif que vous voulez voir défiler sur votre Background;
   
   Choisir la direction voulue ainsi que la vitesse de déplacement;
   
   
5. Si vous avez d'autres gifs tout comme le sample 11, c'est ici que vous devez les mettre en insérant d'autres Backgrounds; Moi, je n'ai choisi qu'un seul gif;
   
   
6. Insert/Container/Positioned Container:
   

   
   
   

   Horizontal Layout - Set Left and Right Edges: Pour indiquer la distance qu'il y aura entre le bord gauche de la fenêtre et le bord gauche de votre Container. Même chose pour la droite;
   
   .Left: pour une distance de 100 puisque ce Container débutera à 100 à partir de la gauche;
   
   .Right: pour une distance de 100 pour les mêmes raisons;
   
   Vertical Layout: Set Top and Buttom Edges: Pour indiquer la distance qu'il y aura entre le haut de la fenêtre et le haut de votre Container. Même chose pour le bas;
   
   .Top: 100 et Bottom: 100;
   
   Vous pouvez changer les nombres de cette section selon votre choix;
   
   

7. Insert/Frame:
   

   
   
   

   Ici, vous allez mettre un cadrage autour de votre Container qui va servir d'espace pour votre message;
   
   Choisissez celui que vous préférez ainsi que sa largeur et sa couleur; Si vous le désirez, vous pouvez ajouter d'autres cadrages comme le Scrippy 8 puisqu'il contient 3 Frames;
   
   

8. Insert/Background:
   

   
   
   

   Ici, c'est l'endroit où votre message sera écrit, en fait, c'est votre rectangle d'écriture. Vous devez donc donner une couleur (1) ou encore vous allez chercher votre tuile que vous avez préparée pour mettre dans votre Container. Prenez en considération que ce Background, vous devez baisser l'opacité à Transparency (3) afin de lui donner l'aspect d'un voile.
   
   Ajuster selon votre choix;
   
   

9. Insert/Message Area:
   
   Écrivez votre message et n'oubliez pas de choisir une couleur pour votre barre de défilement. Celle-ci, bien sûr, sera à l'intérieur de votre Container.
   
   Vous n'aurez pas besoin d'un autre Message Area pour la barre de défilement à droite de votre écran puisque ce Scrippy va prendre complètement l'espace dans la fenêtre. Pourquoi me direz-vous? Simplement parce que vous avez donné comme grandeur à votre Container de se placer à 100 du bord gauche, droite, en haut et en bas donc, quelle que soit la grandeur de la fenêtre, le Container s'ajustera toujours au format de celle-ci. Vous n'aurez donc pas besoin de barre de défilement à l'extérieur.
   
   
10. Insert/Sound:
    
    Vous allez chercher votre musique;
    
    
11. Insert/Ticker:
    
    Écrivez votre petit message.

 

Votre travail est maintenant terminé...

Bonne Création!

©Création LaMartine

Le 14 novembre 2004