TUTORIEL"Bordures et cadre animé"
 
Téléchargez tous les fichiers images de ce tut en cliquant ICI. Vous y trouverez aussi le tutoriel dans le format WORD.
Pour télécharger le fichier, cliquez sur le lien ou bien cliquez du droit sur le lien et sélectionnez Enregistrer objet avec nom.
 
 
PREPARATION MATERIEL
1) un fichier gif à forme de losange  que vous pouvez créer dans PSP, ouvrez un rectangle 50 par 50 pixels. Tracez un triangle et remplissez-le avec une couleur. Transférez votre trangle dans un rectangle transparent de 60 par 120 pixels.
de. Faites-en une copie que vous retournez et que vous placez exactement en coïncidence avec l'autre. Fusionnez les calques visibles. Sélectionnez la couleur et ensuite vous pouvez appliquer les filtres: pour le mien, j'ai appliqué le filtre Uload Art texture.
2) un fichier doré horizontal de 40 par 1 pixels.
3) un fichier doré vertical de 1 par 40 pixels.
4) une image de votre choix. Ici j'ai choisi une très belle image de l'artiste Lee Bogle.
 
 
 
INSTALLATION DANS SCRIPPY
1) File/New.
Insert/Background. Use de selected color doit être coché. Cliquez sur Set Color pour sélectionner la couleur: choisissez le noir.
2) Insert positoned container:
Horizontal Layout: from left : 20; Specified size: 61 (largeur de mon losange : 59,  à la quelle j'ajoute 2 pixels pour les 2 bordures).
Vertical layout (deuxième colonne: From top : 0; From Bottom: 0)
3) Insert Left Border Scroll: browse pour aller chercher la barre verticale dorée. Scroll direction: UP; Scroll direction: 100/10/Fast Scroll.
Transparency: 0.
4) Insert Positioned container (il restera décalé sur la droite, dépendant du précédent).
Remplir la deuxième colonne: Left : 1; Right: 1; Top: 0; Bottom: 0.
De ce positioned container dépendront les 3 cases suivantes, bien placées l'une sur les autres (2 backgrounds et un Right Border Scroll).
5) Insert Background. Cliquez sur Browse et allez cherchez votre losange. Scrolling: UP+RIGHT; 100/10/fast scroll.
Cochez: Layer with others objects.
Transparency: 50.
6) Insert Background. Comme pour la case 5, mais cette fois mettez la direction DOWN+ LEFT.
7) Insert Right Border Scroll:
browse pour aller cherche la barre verticale dorée. Même configuration qu'au point 3.
8-13) Placez-vous avec la souris sur la case 2. Faites Edit Copy Positioned Container. Placez-vous ensuite sur la case 7 et cliquez sur l'icône PASTE: vous verrez s'afficher les cases 2-7, mais décalées vers la droite. Tirez la case 8 complètement vers la gauche, (en correspondance la case 2) et effectuez un seul changement: case 8: sélectionnez RIGHT (dans Horizontal layout: donc de left on passe à right). 
14) Insert Positioned Container: Horizontal Layout (première colonne) Center: 0;
Specified size: 255 (largeur du cadre central à laquelle on ajoute 2 fois la largeur du losange).
Vertical layaut: From TOP: 50.
Specified size: 416 (la hauteur du cadre à laquelle on ajoute 2 fois la largeur, et non la hauteur, du losange: ce qui nous donne un cadre avec un contour régulier).
15) Insert Left border Scroll: exactement comme pour la case 3 (vous pouvez faire un copier-coller si vous voulez).
16) Insert Right Border Scroll: comme la case 7.
17) Insert Top Border Scroll. Cliquez sur browse et allez cherche votre barre horizontale dorée. Même configuration que pour les left et right border scroll.
18) Insert Bottom Border Scroll: comme pour la case 17.
19) Insert/Background: faites un copier-coller de la case 5.
20) Insert/Background: faites un copier-coller de la case 6.
21) Insert Positioned Image: browse pour aller chercher votre cadre et mettez Center 0 dans Horizontal et Vertical.
22) Insert Message area: mettez les bonnes marges: dans mon cas: Left: 200; Top: 528; Right : 200; Bottom : 50.
Cochez Override default scrollbar colors et choisissez dans Set Base Color et Set Shadow Color des couleurs qui s'harmonisent avec le reste de la réalisation.
 
Complétez avec Loading Message, Ticker et Sound.
 
Sauvegardez votre réalisation dans le format SSC ou dans le format HTML.
 
Tutoriel écrit le 12 octobre 2003 dans le cadre du groupe franco-scrippy.
 
Pour m'écrire, cliquez ICI.
 
Pour retourner à ma section sur Scrippy, cliquez ICI.
 
Musique du groupe Rondò Veneziano.
   ***Tutoriel "Bordures et cadre animé"......................Lorenza, 12/10/03 ***