CERCLES TRANSPARENTS BORDES DE ROUGE
Saint-Valentin


Pour la version anglaise de ce tutoriel, cliquez sur le drapeau :

Pour le scrippy modèle, cliquez ICI .
Si vous n'avez pas la police Flx_girl.TTF, téléchargez-la ICI et installez-la. Elle vous servira pour bien voir le texte du message du scrippy modèle.


PREPARATION DU CERCLE BORDE DE ROUGE


1) Ouvrons dans Paint Shop Pro un carré de 250 x 250 pixels font noir.
2) Transformons-le en calque (Calques/transformer en calque).
3) Faisons sur un autre carré avec fond rouge un cercle (s'aider avec les chiffres qui défilent pour aller repérer le centre du carré) et faisons un copier/coller comme nouveau calque dans le carré noir.
4) Fusionnez les calques et faites maintenant un cercle (s'aider avec les chiffres qui défilent pour aller repérer le centre du carré) qui permette de laisser un bord rouge de quelques pixels. Appuyez simplement sur la touche CANC de votre clavier pour éliminer la sélection.
5) Mettez la couleur rouge comme couleur d'arrière. Puis faites la sauvegarde dans le format *gif optimisé.
- Dans le premier volet, cocher Rendre transparentes les couleurs correspondantes (et la couleur blanche est déjà visible dans le petit rectangle).
- Dans le deuxième volet, on vous demande quelle est la couleur de votre arrière-plan, mais en fait elle est déjà sélectionnée. Dans le troisième volet, cocher Non, choisir les meilleures couleurs.
- Dans le quatrième volet, choisissez la meilleure qualité.
- Dans le cinquième volet, cliquez sur Fin, donner un nom à votre fichier, sélectionnez un dossier où l'enregistrer et confirmez en cliquant sur Enregistrer.


PREPARATION DU SCRIPPY

1) Ouvrez un nouveau document dans votre logiciel (cliquez sur l'icône représentant une page blanche) et inséréz votre background: Insert/ Background. Cliquez sur Browse pour aller le sélectionner sur votre HD. Laissez toutes les valeurs à 0 et dans Scrolling : No Scrolling

2) Insert/Positioned Container. Première colonne à remplir : Horizontal layout : From Left : 50 ; Specified size 250 ; Vertical layout : From Top 20 ; Specificied sixe : 250.
Ce container aura a son intérieur 3 éléments (Background, Posioned Image et Frame) : ils devront donc être décalés tous les 3 vers la droite.

3) Insert Background : Dans use de selected Color, sélectionnez la couleur blanche. Cliquez sur Browse pour chercher votre premier fichier gif et mettez Scrolling : Right ; Pixels per second : 10 ; Pixels per move : 2. Cochez Fast Scroll. Layer with others objects ne doit pas être coché. Réglez les autres données pour que le fichier gif soit bien centré. Dans le cas du fichier que j'ai utilisé :



j'ai mis ceci : Horizontal spacing : 100 ; Vertical spacing : 100 et Vertical start : 40.

4) Insert Positioned Image : recherchez votre cercle bordé de rouge préparé avant et mettez From left : 0 et From Top : 0.

5) Insert Frame. Style : Groove; taille : 2; couleur rouge.

6 - 9) Placez-vous sur le précédent Positioned Container et faites un copier-coller en bas de la liste des case et que vous déplacer vers la gauche, bien en parallèle et en-dessous du premier. Modifiez seulement 2 données : dans Posioned Container, dans Horizontal Layout passez de from Left à from Right (cochez Right). Mettez un autre fichier gif dans Background. Voici le mien :



et comme dans cas, faites les modifications pour le meilleur positionnement du fichier au centre du cercle. Dans mon cas, j'ai mis : Horizontal Spacing : 100 ; Vertical spacing : 100; Vertical start : 60. Le reste à 0.

10) Insert/Positioned container, bien en-dessous des 2 autres (vers la gauche) avec les dimensions suivantes : Horizontal (deuxième colonne de la page) : From Left : 50 ; From Right : 50 ; Vertical : From Top : 350 (mon carré avec cercle étant de 250 de haut, je dois laisser des marges en haut et en bas avant de mettre le container pour le message area) ; From Bottom : 20. 11) Insert Background : mettez-y le background que vous voulez. Moi, j'ai repris le background utilisé avant, mais j'ai donné une direction : Down + left, Smoll scroll coché. Pixels per second : 10; Pixels per move : 1.

12) Insert Frame (toujours sous le container du n° 10, en décalé vers la droite). Style : Groowe; width : 2 et couleur rouge dans mon cas.

13) Insert/Message. Traînez bien vers la gauche cette case avec votre souris et dans les cases des marges écrivez : Left : 70 ; Top : 380 ; Right : 70 ; Bottom : 40.


Il ne vous reste plus qu'à ajouter un ticker, la musique, un éventuel loading message.

Sauvegardez votre réalisation comme fichier SSC ou bien comme Webpage.

Ce tutoriel a été créé le 28 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