FICHIER GIF EN RELIEF

Si vous voulez voir un exemple de scrippy créé avec la technique indiquée dans ce tutoriel, cliquez ICI.

PREPARATION DU MATERIEL

Vous devez seulement choisir ou créer 3 éléments graphiques:
- un fichier gif animé.
Les dimensions qu'il aura serviront pour modifier certaines valeurs qui seront données dans Scrippy.
Voici celui que j'ai utilisé :

- background adapté au sujet, que vous pouvez réaliser dans Paint Shop Pro, en utilisant un filtre de votre choix.
- une tuile dorée: voici celle que je me suis créée pour cet effet:

DANS SCRIPPY

Voici la liste des cases pour ce scrippy:

Elle vous permettra de mieux comprendre comment placer les cases les unes par rapport aux autres.

1) Ouvrez dans le logiciel un nouveau document: File/New ou bien cliquez sur l'icône correspondante. Insérez Insert/frame, et mettrez Style: groove; Widht: 3 et une couleur de votre choix qui s'harmonise avec le reste. Moi, j'ai choisi la couleur noire.

2) Insert/background et allez chercher la tuile dorée : elle servira pour le contour de la réalisation.
Scrolling: Up + Left; Pixels per Second : 10; Pixels per move : 1. Smooth Scroll coché et dans Advanced options , tout reste à 0 et ne cochez rien.

3) Insert/positioned container: nous allons compléter dans la deuxième colonne:
Set left and Right egdes: From Left: 10; From Right : 10.
Set Top and Bottom egdes: From Top : 10; From Bottom : 10.

4) Insert/background et nous allons chercher le papier créé précédemment et qui servira comme fond principal de la réalisation.
Scrolling: Up + Right; Pixels per Second : 10; Pixels per move : 1. Smooth Scroll coché et dans Advanced options , tout reste à 0 et ne cochez rien.

5) Insert/positioned container: nous allons compléter dans la deuxième colonne:
Set left and Right egdes: From Left: 150; From Right : 150.
Set Top and Bottom egdes: From Top : 150; From Bottom : 150.
Il s'agit du positioned container qui va nous donner toute la partie centrale du scrippy.

6) Insert/frame et mettrez comme dans la case 1: Style: groove; Widht: 3 et la même couleur que vous avez mis dans la case 1 (dans mon cas, le noir).

7) Insert/background et mettez comme dans la case 2, la tuile dorée, avec les mêmes configurations: Scrolling: Up + Left; Pixels per Second : 10; Pixels per move : 1. Smooth Scroll coché et dans Advanced options , tout reste à 0 et ne cochez rien.

8) Insert/Positioned Container (il reste décalé vers la droite par rapport au précédent, car il dépend de lui) et mettez les valeurs suivantes, qui tiennent comptent des mesures du fichier gif animé, augmenté de 20 pixels dans le sens de la hauteur et de la largeur pour qu'il y ait un espace autour du fichier gif pour lui permettre de s'animer, autrement il risque de rester figé. Il faudra compléter dans la première colonne:
Horizontal : Center : 0 ; Specified Size : 270 (mon fichier gif fait 250 pixels de largeur). Vertical : From Top 100; Specified Size : 254 (mon fichier gif fait 234 pixels de largeur).

9) Insert/background: exactement comme au point 4: utilisez le même papier et mettez les valeurs suivantes: Scrolling: Up + Right; Pixels per Second : 10; Pixels per move : 1. Smooth Scroll coché et dans Advanced options , tout reste à 0 et ne cochez rien.

10) Insert/positioned image et cliquez sur Browse pour aller rechercher votre fichier gif . Dans Vertical et dans Horizontal, cocher Center et laissez 0 comme valeur.

11) Insert/sound.

12) Insert/loading message.

13) Insert/ticker.

14) Insert/Message Area: mettez-le bien à gauche dans la liste des cases. Puisque mon container pour le message area était positionné comme indiqué au point 5 et compte tenu des marges et des dimensions du cadre central avec le fichier gif, voici les bonnes dimensions pour insérer le message dans le scripy : From Left : 180 (150+30 de marge) ; From Right : 180 ; From Top : 520 (10+150+254+150, auquels j'ajoute 30 de marge) ; From Bottom: 180.
N'oublions pas de mettre des couleurs au Scrollbar en cochant Overrid Scrollbar color et en choisissant les 2 couleurs en harmonie avec les autres couleurs de la réalisation.

Sauvegardez votre réalisation comme fichier SSC ou comme fichier HTML.

Ce tutoriel a été créé le 05 octobre 2002 dans le contexte des travaux du groupe Franco-scrippy, fondé par Mario Panone.
Si vous voulez des informations ultérieures sur ce groupe cliquez sur le logo:

Si vous voulez vous inscrire à ce groupe, cliquez ICI.

Bon amusementl!

Lorenza
p. s: si vous voulez m'écrire pour avoir des informations supplémentaires ou pour me suggérer des conseils, cliquez ICI .