TUTORIEL " 3 carrés aux 4 angles "
"Les Licornes 2"


Pour la version anglaise du tutoriel, cliquez sur le drapeau :

Si vous voulez visualiser le scrippy modèle, "Les Licornes 2", cliquez ICI.

Pour voir le scrippy "Femme" qui présente quelque variation, cliquez ICI.

*****************


Pour réaliser ce tutoriel, vous aurez besoin de votre logiciel Scrippy, d'une tuile dorée de votre choix. Voici celle que j'ai choisie :



et de 2 images de votre choix inversées l'une par rapport à l'autre (ou de 2 gifs animées, avec mouvement inversé). Celles que j'ai choisies ont été redimensionnées et passées au FM tile tools dans le logiciel Paint Shop Pro. Les voici:





1) Insert/Positioned Container et mettez les valeurs suivantes:
- Horizontal : Set Left and Right Edges (deuxième colonne): From Left : 0 ; From Right : O (donc on a des mesures relatives qui s'adaptent automatiquement à tous les écrans d'ordinateur).
Vertical : Set Position and Height (première colonne) : From Center: 0 ; Specified Size : 820. La mesure 820 pour la hauteur est obtenue sur la base de la somme de tous les éléments verticaux (carrés et naturellement selon la hauteur du Message area).
2) Insert/Background. Vous sélectionnez la tuile dorée. Scrolling : Down+Left; Pixels per second : 10; Pixels per move : 1; Cochez Smooth Scroll et laissez les autres options inchangées.
3) Insert/Positioned Container (en retrait par rapport au précédent) et dans la colonne de droite, mettez From Left : 2 ; From Right : 2 ; From Top : 2 ; From Bottom : 2.
4) Insert/Background et mettez la couleur noire.
5) Insert/Positioned Container (à mettre parallèlement à la case 3) : Colonne 1 : From Left : 10; Size : 100 ; From Top 10 ; Size : 100.
Relevez bien la position de cette case du premier container du carré, car elle va servir de point de repère pour les autres carrés. 6) Insert/Background et remettez la tuile dorée, avec les mêmes valeurs qu'au point 2.
7) Insert/Positioned Container (en retrait par rapport au précédent) et dans la colonne de droite, mettez From Left : 2 ; From Right : 2 ; From Top : 2 ; From Bottom : 2.
8) Insert/Background. Vous sélectionnez ll'image de gauche. Scrolling : Right ; Pixels per second : 10; Pixels per move : 1; Cochez Smooth Scroll et Vertical start : 130 (cela me permet de mettre mon image de licornes bien au centre du carré............cette valeur dépendra du format de votre image).
9 - 12 ) Cliquez sur la case 5 et faites Edit/Positioned Container. Puis cliquez sur la dernière case de la liste et cliquez sur le bouton Paste (ou bien Ctrl + V) et vous verrez la répétition de l'ensemble des cases 5-8) au fond. Il faudra alors placer la case 9, bien en parallèle de la case 5. Dans la case 9, mettez From Left : 60 et From Top : 60.
13 - 16 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 13 From Left : 110 et From Top : 110.
17 - 20 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 17 From Right : 10 et From Top : 10 .
Dans la case 20, mettez Scrolling : Left et 260 dans Horizontal start (la valeur que vous mettez ici dépendra également des dimensions de votre image : il faudra faire des essais pour faire en sorte que les images de droite partent exactement au même moment que les images de gauche : si on laisse la valeur 0, elles ne correspondent pas).
21 - 24 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 17 From Right : 60 et From Top : 60. Et toujours 260 dans Horizontal start de la case 24 et mettez Scrolling : Left.
25 - 28 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 25 From Right : 110 et From Top : 110. Et toujours 260 dans Horizontal start de la case 28 et mettez Scrolling : Left.
29 - 32 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 29 From Left : 10 et From Bottom : 10.
33 - 36 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 33 From Left : 60 et From Bottom : 60.
37 - 40 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 37 From Left : 110 et From Bottom : 110.
41 - 44 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 41 From Right : 10 et From Bottom : 10. Dans la case 44 : Scrolling : Left et Vertical start : 260.
45 -48 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 45 From Right : 60 et From Bottom : 60. Dans la case 48 : Scrolling : Left et Vertical start : 260.
49 - 52 ) Faites comme pour les cases 9-12, mais cette fois, mettez dans la case 495 From Right : 110 et From Bottom : 110. Dans la case 52 : Scrolling : Left et Vertical start : 260.
53) Insert / Positioned container (à placer bien à gauche, en parallèle au positioned de la case 1 ) : deuxième colonne : Set Left and Right Edges : From Left : 156 ; From Right : 156 ; Set Top and Bottom Edges : From Top : 156 ; From Bottom : 156.
54) Insert/ Background : mettez la tuile dorée, comme au point 2.
55) Insert/Positioned Container (en retrait par rapport au précédent) et dans la colonne de droite, mettez From Left : 2 ; From Right : 2 ; From Top : 2 ; From Bottom : 2.
56) Insert/Background : mettez la couleur noire.
57) Insert/Positioned Container (en retrait par rapport au précédent) et dans la colonne de droite, mettez From Left : 5 ; From Right : 5 ; From Top : 5 ; From Bottom : 5.
58) Insert/ Background : mettez la tuile dorée, comme au point 2.
59) Insert/Positioned Container (en retrait par rapport au précédent) et dans la colonne de droite, mettez From Left : 2 ; From Right : 2 ; From Top : 2 ; From Bottom : 2.
60) Insert/Background : mettez la couleur noire.
61) Insert/Message Area (toujours en retrait) et mettez comme marges les valeurs suivantes : 10 de chaque côté. Cochez sur Override Scrollbar color et choisissez en cliquant sur Set Base Color et sur Set Shadow Color les couleurs qui s'adaptent le mieux aux couleurs de votre composition.

Complétez en mettant la musique (sound), un ticker et éventuellement le Loading Message.
Votre réalisation est prête pour être sauvegardée.


*****************


Ce tutoriel a été créé le 12 janvier 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, 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 .



Va à la Home Page du site Va au document précédent Va à la section principale Va au document successif