LOSANGES SUR CADRE


Pour voir une réalisation modèle, cliquez ICI.
Pour voir une variante au modèle, cliquez ICI.


DANS PAINT SHOP PRO


1) Ouvrez un rectangle fond transparent de 60 par 120 pixels.
Tracez un triangle en partant de l'angle bas droit et qui se termine au centre du rectangle (les chiffres qui défilent en bas doivent s'arrêter sur 60/60): comme dans la capture ci-dessous (troisième parenthèse en partant de la gauche).



Remplissez-le avec une couleur qui pourra servir d'arrière-plan au moment de l'enregistrer.

2) Faites Image/Renverser et déplacez la nouvelle image vers le haut de telle sorte qu'il se forme le losange.
Faites Calques/fusionner les calques visibles.
Pour simplifier votre tâche, téléchargez ICI le fichier losange de base dans le format psp : vous pourrez le retravailler dans PSP.

3) Appliquez le filtre Uload ArtTexture: doré (dans mon cas la palette n°5), avec le motif suivant (celui qui est encadré en bleu dans la capture):



Si vous ne le voyez parmi les motifs, cliquez sur Reset.
Naturellement vous pouvez utiliser tout autre motif de votre choix.
Sauvegardez en fichier gif optimisé.

4) Réalisez une tuile de 100 par 100 pixels avec exactement le même motif du filtre utilisé pour le fichier gif.
Eliminez les démarcations sur la hauteur (et éventuellement sur la largeur).
Sauvegardez-le en fichier jpg.

5) Préparez aussi une image de votre choix à laquelle vous donnerez les dimensions suivantes: 300 par 300 pixels.
Recadrez l'image pour obtenir des mesures proches de celles d'un carré et éventuellement redimensionnez-la.
Eliminez les démarcations en appliquant l'effet Semless tile de FM tile tools ou bien avec Mosaïque sans jointures si vous avez la version 8 du logiciel.
De cette manière cette même image servira pour le cadre et aussi le background.


DANS SCRIPPY



1) Insert/Background et mettez une couleur de votre image (code de la couleur relevé avec la pipette dans PSP).
Transparency : 50.

2) Insert/Background: mettez votre image jpg de 300 par 300 pixels créée sur la base d'une image dans PSP.
No Scrolling.

3) Insert/Frame et choisissez le style et la couleur que vous voulez. Pour la taille: mettez 1.

4) Insert/Positioned Container et mettez tout à 20 dans la deuxième colonne par rapport à Left, Right, Top et Bottom.

5) Insert/Background: mettez le fichier gif à forme de losange doré. No scrolling.

6) Insert/Frame: le même qu'au point 3.

7) Insert/Positioned Container et mettez tout à 30 dans la deuxième colonne par rapport à Left, Right, Top et Bottom.

8) Insert/Background: mettez votre tuile dorée de 100 par 100 pixels créée avec le filtre Uload ArtTexture.
No Scrolling.

9) Insert/Frame: le même qu'au point 3.

10) Insert/Positioned Container et mettez tout à 30 dans la deuxième colonne par rapport à Left, Right, Top et Bottom.

11) Insert/Background: mettez de nouveau votre tuile dorée de 100 par 100 pixels créée avec le filtre Uload ArtTexture. No Scrolling.

12) Insert/Frame: le même qu'au point 3.

13) Insert/Positioned Container et cette fois mettez tout à 10 dans la deuxième colonne par rapport à Left, Right, Top et Bottom. Il restera décalé vers la droite.

14) Insert/Background et mettez la couleur blanche. Transparency : 50.

15) Insert/Background: mettez votre image jpg de 300 par 300 pixels.
No Scrolling. Dans Advanced options, tout reste à 0. 16) Insert/Frame: le même qu'au point 3.

17) Insert/Positioned Container : il restera décalé vers la droite.
Remplir la première colonne : From Centre: 0 ; Specified Size: 371.
From Top : 120 ; Specified Size: 381.

18) Insert/Background: mettez votre tuile dorée.
No Scrolling. Dans Advanced options, tout reste à 0.

19) Insert/Frame: le même qu'au point 3.

20) Insert/Positioned Container : il restera décalé vers la droite.
Mettez tout à 10 dans la deuxième colonne par rapport à Left, Right, Top et Bottom.

21) Insert/Background: mettez votre image jpg de 300 par 300 pixels.
No Scrolling. Dans Advanced options, cochez Layer with others objects.

22) Insert/Positioned Container : il restera décalé vers la droite.
mettez tout à 0 dans la deuxième colonne par rapport à Left, Right, Top et Bottom.
Il servira pour créer un premier groupe de 6 containers dont dépendront 2 cases background pour chacun d'eux.

23) Insert/Positioned Container : il restera décalé vers la droite.
Remplir la première colonne : From Left: 0 ; Specified Size: 60. From Top : 0 ; Specified Size: 120.

24) Insert/Background: mettez votre losange doré.
Scrolling: Right. Smooth Scroll. Pixels per second: 10; Pixels per move: 1.
Dans Advanced options, cochez Layer with others objects. Horizontal spacing: 60.

25) Insert/Background: comme pour la case 24 (vous pouvez faire un copier-coller).
Mais mettez dans Scrolling: Left.

26-28) Faites un copier-coller de la case 23, et changez seulement dans la case 26: From Left, mettez 60.

29-31) Faites un copier-coller de la case 23, et changez seulement dans la case 29: From Left, mettez 120.

32-34) Faites un copier-coller de la case 23, et changez seulement dans la case 32: From Left, mettez 180. 35-37) Faites un copier-coller de la case 23, et changez seulement dans la case 35: From Left, mettez 240.

38-40) Faites un copier-coller de la case 23, et changez seulement dans la case 38: From Left, mettez 300.

Le premier des 3 blocs est terminé.

41-59) Faites un copier-coller du positioned container de la case 22 et mettez la case 41, décalée vers la gauche, en correspondance de la case 22. Faites les modifications suivantes:
mettez from Top: 60 dans les 6 positioned internes.

60-78) Faites un copier-coller du positioned container de la case 22 et mettez la case 60, décalée vers la gauche, en correspondance de la case 22. Faites les modifications suivantes:
mettez from Top: 120 dans les 6 positioned internes.

79-97) Faites un copier-coller du positioned container de la case 22 et mettez la case 79, décalée vers la gauche, en correspondance de la case 22. Faites les modifications suivantes:
mettez from Top: 180 dans les 6 positioned internes.

98-116) Faites un copier-coller du positioned container de la case 22 et mettez la case 98, décalée vers la gauche, en correspondance de la case 22. Faites les modifications suivantes:
mettez from Top: 240 dans les 6 positioned internes.

117) Insert/Message area.

Mettez les marges suivantes : Left, Right et Bottom : 120. Top: 680.

Complétez en ajoutant un sound, un ticker, un loading Message.


Amusez-vous bien!

Lorenza


Tutoriel réalisé dans le contexte des travaux du groupe franco-scrippy le 18 novembre 2003.


La section sur Scrippy : ICI.
La page d'accueil du site de Lorenza : ICI.