Pour la version anglaise de ce tutoriel cliquez sur le drapeau :
Si vous voulez visualiser le scrippy modèle, cliquez ICI.
PREPARATION DU MATERIEL
Pour réaliser ce scrippy vous n'aurez besoin que d'un glitter, comme celui-ci:
Vous pouvez en trouver d'autres ICI, le site des glitters, tuiles scintillantes.
Si vous voulez vous pourrez en créer vous-mêmes en suivant les procédés indiqués ICI.
Vous aurez également besoin d'un background que vous pourrez réaliser de façon libre avec votre logiciel Paint Shop Pro en partant d'une des images de votre choix.
INSTALLATION DU SCRIPPY
Ouvrez votre logiciel Scrippy et cliquez sur l'icône représentant une page blanche. Dans la fenêtre qui s'ouvrira, cliquez sur Ok.
La numération que vous verrez ci-dessous correspond à la succession des cases dans Scrippy. Vous noterez que j'ai fait des regroupements, en m'aidant aussi quelquefois d'un Positioned Container pour regrouper différents containers. En effet tous les containers pour créer l'effet que vous avez vu pourraient tranquillement être positionnés vers la gauche, mais puisqu'il y a beaucoup d'éléments parallèles à créer (aux 4 angles, j'ai opté pour le regroupement et donc la création en simultané des différents éléments qui se trouvent aux 4 angles. Voilà pourquoi nous aurons généralement des regroupements de 4 positioned containers sous un positioned container principal.
1) Faites Insert/Background. Cliquez sur Browse pour aller rechercher votre background. Scrolling: No scrolling. Et ne changez aucune autre option (aucun mot coché dans Advanced options et tout doit rester à 0).
2-14) Insert/Container/Positioned Container. Il servira pour le premier regroupement de 4 positioned containers. Il suffira de mettre 0 dans les cases de la colonne de gauche pour Left, Right, Top et Bottom.
3) Faites Insert/Container/ Positioned Container et laissez-le dans la position où il se trouve et vous complèterez la partie à gauche en mettant les valeurs suivantes:
- Horizontal Layout: Set Position and Width: Position from Left: 30 ; Specified Size: 20
- Vertical Layout: Set Position and Height: Position from Top: 20 ; Specified Size: 10
4) Faites Insert/Background. Cliquez sur Browse pour aller rechercher votre glitter. Scrolling: Right. Pixels per second : 10 ; pixels per move : 1: Smoll scroll : coché.
Et ne changez aucune autre option (aucun mot coché dans Advanced options et tout doit rester à 0).
5) Faites Insert/frame et donnez lui les valeurs suivantes : Style : groove; width : 1; couleur: noir .
6-8) Cliquez la case 3, faites Edit/copy Positioned Container, placez-vous à la case 5 et cliquez sur l'icône Paste. Déplacez votre positioned container vers la gauche en correspondance de la case 3, puis modifiez seulement Left par Right. Donc vous aurez Right et Top.
9-11) Comme pour la phase précédente et cette fois, cochez Left et Bottom.
12-14) Comme pour la phase précédente et cette fois, cochez Right et Bottom.
15-27) Placez-vous sur la case 2. Faites un copier-coller et mettez cette nouvelle série de cases complètement vers la gauche.
Les nouvelles valeurs à mettre dans chacun des 4 Positioned container internes sont les suivantes :
- Horizontal Layout: Set Position and Width: Position from Left: 30 ; Specified Size: 20
- Vertical Layout: Set Position and Height: Position from Top: 50 ; Specified Size: 10
Donc si vous avez bien compris, il ne faudra modifier qu'une donnée dans chacun (dans from Top au lieu de 20, mettez 50).
28-40) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 60 ; 20; 50 ; 10.
41-53) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 60 ; 20; 80 ; 10.
54-66) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 90 ; 20; 80 ; 10.
67-79) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 90 ; 20; 110 ; 10.
80-92) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 20 ; 10; 20 ; 40.
93-105) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 50 ; 10; 20 ; 70.
106-118) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 80 ; 10; 50 ; 70.
119-125) Comme pour le regroupement précédent, et cette fois-ci dans chacun des 2 positioned containers internes : on pourra en éliminer 2 de ceux qui s'y trouvent. De cette manière on va créer la première barre verticale longue.
Dans le premier container interne : l'ordre From Left : 110 ; 10 (première colonne); Cochez Set Top and Bottom Edges: Top : 80 ; Bottom : 80 (les deux dernières dans la colonne de droite) .
Dans le deuxième container interne : l'ordre From Right 110 ; 10 (première colonne); Cochez Set Top and Bottom Edges: Top : 80 ; Bottom : 80 (les deux dernières dans la colonne de droite) .
126-140) Comme pour les regroupements précédents, et cette fois-ci dans chacun des 4 positioned containers internes, il faudra mettre les valeurs suivantes dans les différents champs (espaces blancs), sans rien changer d'autre: dans l'ordre 120 ; 20; 110 ; 10.
Nous allons maintenant construire la deuxième barre verticale principale.
141) Faites Insert/Container/ Positioned Container et mettez-le complètement à gauche. Dernier petit regroupement, ne comprenant que 2 positioned container. Il suffira de mettre 0 dans les cases de la colonne de gauche pour Left, Right, Top et Bottom.
142) Faites Insert/Container/ Positioned Container et laissez-le dans la position où il se trouve et vous complèterez ainsi:
- Horizontal Layout: Set Position and Width (première colonne) : Position from Left: 140 ; Specified Size: 10
- Vertical Layout: Set Top and Bottom Edges (deuxième colonne) : Position from Top: 110 ; From Bottom: 110
143) Faites Insert/Background. Cliquez sur Browse pour aller rechercher votre glitter. Scrolling: Right. Pixels per second : 10 ; pixels per move : 1: Smoll scroll : coché.
Et ne changez aucune autre option (aucun mot coché dans Advanced options et tout doit rester à 0).
144) Faites Insert/frame et donnez lui les valeurs suivantes : Style : groove; width : 1; couleur: noir .
145-149) Faites un copier-coller du positioned container de la case 142 et placez-le vers la gauche en correspondance du premier. Cochez Position from Right. Laissez les autres options.
150) Insert Message Area et placez-le complètement à gauche dans la listes des cases. Mettez les marges qui tiennent comptent des positions des positions du motif construit aux 2 bords verticaux. Voici les marges justes : Left: 160; Top: 160; Right : 160; Bottom : 160. Mais vous êtes libres de les varier.
Il ne vous reste qu'à compléter en mettant un loading message, un ticker et de la musique (sound).
Au total, donc, dans mon scrippy il y a exactement 153 cases.
.
Autre variation: si vous voulez, donnez une direction différente (comme j'ai fait) aux backgrounds de droite par rapport à ceux de gauche (j'ai opté pour la direction avec la droite pour ceux de gauche et l'inverse pour ceux de droite).
Ce tutoriel a été créé le 05 mai 2003 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
.
Si vous voulez retourner à ma section sur Scrippy, cliquez ICI.
