Pour la version anglaise du tutoriel, cliquez sur le drapeau :
Si vous voulez visualiser le scrippy modèle, cliquez
ICI.
Pour ce scrippy qui vous permettra d'obtenir votre propre fichier SSC, vous aurez besoin d'un fichier *gif animé et un glitter.
Moi, j'ai choisi ce fichier gif animé:
et ce glitter:
dont les couleurs correspondent bien à celle de l'image gif.
Le tutoriel se réfère, pour la construction des cadres, aux dimensions du fichier *gif que j'ai utilisé. Vous devrez donc adapter les mesures aux dimensions du fichier gif que vous choisirez.
PROCEDE
1) Ouvrez votre Scrippy et ouvrez un nouveau fichier vierge (cliquez sur l'icône représentant la page blanche ou bien faites CTRL+N ou encore File/new).
2) placez un premier container en faisant Insert/Container/Positioned container avec les valeurs suivantes :
- Horizontal : Position from Center: 0 - Specified size(taille spécifiée): 750.
- Vertical : Position from Center: 0 - Specified size (taille spécifiée): 554.
3) Insérez maintenant un background: cochez Use the selected color et cliquez sur la case Set color pour sélectionner la couleur noire.
4) Insérez un nouveau Positioned container avec les valeurs suivantes:
- Horizontal - Position from Left: 10 - Specified size (taille spécifiée) : 265 - Vertical - Position from Top: 10 - Specified size (taille spécifiée) : 256.
5) Insérez maintenant un background: cliquez sur browse pour aller sélectionner votre glitter. Puis indiquez les valeurs suivantes: Scrolling: No scrolling; Autosize Image: tile; cochez Layer with others objects. Et toutes les autres options doivent être sur 0.
6) Insérez un nouveau Positioned container dont la case devra être bien en-dessous de celle du background précédent et cette fois fois tapez 5 dans chacune des cases de la colonne de droite Set left and right Edges, en décalant donc de 5 par rapport aux 4 côtés du container précédent: Left position from left : 5 ; Right position from right : 5 ; ...from top : 5; .......from bottom: 5. Cela permettra la création du contour avec glitter.
7) Cliquez sur la case du premier background et faites-en une copie (Edit/copy background) et ensuite placez-vous avec le curseur sur la dernière des case (celle du Positioned container) et collez le background (Edit/Paste Background). Mais cette fois, cochez Layer with others objects (laissez la case de la transparence sur 0).
Autre méthode pour ce point 7 du tutoriel : faites Insert/Background. Cochez Use the selected color et cliquez sur la case Set color pour sélectionner la couleur noire. Puis cochez Layer with others objects. la case de la transparence reste sur 0.
8) Ajoutez un frame de couleur noire/style Groove/width.
9) Ajoutez alors un topo border scroll (Insert/Scrolling border/topo border scroll). Cliquez sur Browse pour aller chercher votre fichier gif (dans mon cas, le gif ange-vert). Dans Scroll direction, cochez left. Dans Scroll speed mettez 100 pixels per second et 10 pixels par mouve et cochez Smooth scroll.
Dans Advanced Options, cochez Overlap with next objects et mettez dans Space between: 250 (les 2 autres cases sont au contraire à 0).
10 ) Insérez maintenant un Left Border scroll (Insert/Scrolling border/left border scroll). Cliquez sur Browse pour aller chercher votre fichier gif (dans mon cas, le gif ange-vert). Dans Scroll direction, cochez Up. Dans Scroll speed mettez 100 pixels per second et 10 pixels par mouve et cochez Smooth scroll.
Dans Advanced Options, cochez Place over background et les 3 cases restent à 0.
11) Cliquez sur le deuxième positioned container (celui du point 4) et faites-en une copie. Puis placez-vous en dessous de la dernière des cases avec le curseur et faites Edit/Paste Positioned Container. Vous noterez qu'automatiquement les cases qui se trouvaient en dessous du container copié ont été elles aussi récupérées (6 cases qui dépendent du container et qui visuellement sont légèrement décalées vers la droite).
Déplacez-le avec la souris pour qu'il soit exactement en correspondance du premier Positioned container. Il s'agit donc d'une copie du rectangle où vont apparaître les anges. Mais on va lui donner une position différente sur l'espace de la page : en bas à droite. Donc on va cocher Right et Bottom (toutes les autres valeurs doivent être conservées).
Vous pouvez donner un coup d'oeil sur ce que vous avez obtenu en cliquant sur la case Preview.
Maintenant on va constuire des barres en dehors des rectangles.
12) Insérez un autre Positioned Container et placez-le en correspondance du précédent, mais toujours au fond de la liste de cases présentes jusqu'à présent. Donnez-lui les dimensions suivantes: Horizontal layout : from left : 165 ; specified size: 250 ; Vertical layout : From bottom : 285 ; specified size : 5.
13) Insérez le background. Puisque nous voulons de nouveau comme background le glitter déjà utilisé plus haut, nous allons cliquer sur le petit rectangle à l'angle du rectangle où apparaissaît le nom des fichiers et nous allons le repérer et le sélectionner. Scrolling: no scrolling ; Auto-size image: tile ; Advanced options : ne cochez rien et laissez tout à 0.
14) Faites une copie de ce dernier Positioned Container et collez-le en-dessous de l'autre. Donnez-lui cette fois : left 25; size : 230 ; top : 305; size : 5.
15) Faites comme au point 14, mais cette fois mettez ces valeurs: left 35; size : 210 ; top : 325; size : 5. Nous avons ainsi complété les 3 barres en-dessous du rectangle en haut à gauche.
16) Faites comme au point 14, mais cette fois mettez ces valeurs: right 290; size : 5 ; bottom : 15; size : 240.
17) Faites comme au point 14, mais cette fois mettez ces valeurs: right 310; size : 5 ; bottom : 25; size : 220.
18) Faites comme au point 14, mais cette fois mettez ces valeurs: right 330; size : 5 ; bottom : 30; size : 200. Nous avons ainsi complété les 3 barres verticales à côté du rectangle en bas à droite.
Il ne reste qu'à ajouter le sound (son), le ticker, le message area (marges: left 480 et le reste sur 20) et le loading message.
Les 2 captures suivantes doivent vous aider à bien disposer les cases:
Ce tutoriel a été créé le 23 novembre 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, cliquezICI.
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
.
