OUVERTURES
deuxième méthode
Si vous voulez voir un exemple de scrippy créé avec la technique indiquée dans ce tutoriel, cliquez ICI.
PREPARATION DU MATERIEL
Préparez dans Paint Shop Pro, les éléments suivants :
1) Créez de façon libre un papier pour le fond de votre réalisation-scrippy.
2) Choisissez une image et faites-en une copie sur laquelle vous travaillez.
Donnez-lui des dimensions d'environ 300 par 400 pixels. Les données qui seront fournies dans Scrippy se baseront sur les dimensions de cette image de base.
Appliquez le filtre Semless tile de FM tile tools, Vertical pas coché pour qu'il n'y ait pas de démarcation dans le sens de la hauteur et enregistrez ce fichier comme image-1.
3) Partez de votre image sauvegardée au point 2 et faites Image/Retourner et enregistrez ce nouveau fichier comme image-2.
4) Partez de votre deuxième image, faites-en une copie et faites Calques/transformez en calques. Avec l'outil gomme ou avec l'outil lasso, vous éliminez les parties de l'image que vous ne voulez pas garder, pour ne laissez par exemple que le corps du personnage, comme dans le cas de ma réalisation. Avec la pipette sélectionnez ensuite une couleur du contour que vous mettrez comme couleur d'arrière-plan et puis faites la sauvegarde de votre fichier comme fichier gif optimisée en la nommant image-3.
5) Reprenez l'image gif obtenue au point 4 et inversez-la. Faites de nouveau la sauvegarde: nommez-la par exemple image-4.
PROCEDE DANS SCRIPPY
1) Ouvrez dans le logiciel Scrippy un nouveau document: File/New ou bien cliquez sur l'icône correspondante. Insert/Positioned container avec les données suivantes: Horizontal Layout : colonne de droite: Left : 0 ; Right : 0; Vertical Layout: colonne de gauche: Center : 0 ; Specified size : 900. J'ai donc mis des valeurs relatives en horizontal (elles s'adapteront à toutes les messageries) et des valeurs fixes dans le sens vertical (900 est la somme de 2 fois la hauteur de mon image et des marges que je mettrai entre les parties centrales de la réalisation).
2) Insert/frame: Style Groove; Width (taille) : 1 et comme couleur une qui aille bien avec le reste de la réalisation.
3) Insérez un background : Insert/background et sélectionnez le papier créé précédemment dans PSP (au point 1). Scrolling: Down+Left; cochez Fast Speed; Pixel per second: 40; Pixel per move: 2.
4) Insert/Positioned Container (en décalé vers la droite par rapport au prédent) et remplissez la deuxième colonne: From Left: 10 ; From Right: 10 ; From Top : 10 ; From Bottom : 10. C'est le container qui permettra donc de créer un deuxième bord décalé du premier de 10 pixels de chaque côté).
5) Insérez un background : Insert/background et sélectionnez de nouveau le papier créé précédemment dans PSP (au point 1). Scrolling: Down+Left; cochez Fast Speed; Pixel per second: 40; Pixel per move: 2 (si préférez vous pouvez faire un copier-coller du point 3).
6) Insérez de nouveau un frame, exactement comme celui de la case 2 : faites un copier-coller.
7 - 9) Faites un copier-coller de la case 4. Placez-vous sur la case 6, puis cliquez sur Paste, en la laissant dans cette position. Vous avez ainsi obtenu un autre groupe de 3 cases identiques au précédent.
10 - 12) Répétez de nouveau la procédure précédente, et donc vous aurez de nouveau 3 cases qui sont elles aussi décalées vers la droite. Dans ce bloc, cliquez sur la case 11, et dans Scrolling, sélectionnez No scrolling.
Cliquez dans Preview, à ce stade du travail, vous avez 3 bords parrallèles en mouvement et un fond central qui ne bouge pas.
Passons maintenant à créer les 2 grandes parties centrales.
13) Insert/Positioned Container (il restera bien en-dessous du frame de la case 12). Complétez la première colonne: Horizontal: Center : 0 ; cochez Same as largest contained image (ce qui signifie que la largeur de ce support virtuel sera égale à celle de l'image contenue).
Vertical: Center : 0 ; Size : cochez Same as largest contained image.
De ce container dépendront un frame et 3 backgrounds.
14) Insert /frame: copiez et collez ici le frame déjà utilisé plusieurs fois.
15) Insert /background : allez cherchez en cliquant sur browse une des images gif créées avant (image-3, par exemple). Scrolling: Down . Pixels per Second : 10 ; Pixels per move : 1. Smooth Scroll: coché. Ne changez rien au reste.
C'est l'image qui apparaîtra quand les portes s'ouvriront.
16) Insert /background : allez cherchez en cliquant sur browse une des images jpg créées avant (image-1). Scrolling: Right . Pixels per Second : 10 ; Pixels per move : 1. Fast Scroll: coché. Cochez Layer with other objects. Horizontal spacing : 314 (la largeur de mon image) et transparency: 20.
17) Faites un copier-collez de la case 16 et mettez-la bien en-dessous de l'autre: changez l'image: mettez votre image-2. Et dans Scrolling, choisissez Left.
18) Insert/Positioned Container (il restera bien en-dessous du Positioned Container de la case 13). Complétez la première colonne: Horizontal: Center : 0 ; cochez Same as largest contained image (ce qui signifie que la largeur de ce support virtuel sera égale à celle de l'image contenue).
Vertical: Bottom : 10 0 ; Specified Size : 400 (la hauteur de votre image
De ce container dépendront un frame et 3 backgrounds.
19) Insérez le frame déjà utilisé.
20) Insert /background : allez cherchez en cliquant sur browse votre image gif (image-3).
Scrolling: Up+Right . Pixels per Second : 10 ; Pixels per move : 1. Smooth Scroll: coché. Layer with other objects: cohez. Transparency: 40.
21) Comme au point 20, mais choisissez un layer (j'ai mis un layer avec de petites étoiles). Scrolling: Down.
22) Comme au point 20, mais cette fois mettez votre autre fichier gif (image-4). Scrolling: Up+Left. Ne cochez rien dans les advanced options. Transparency: 40.
Vous pouvez compléter en ajoutant un sound (musique), un loading message et un ticker.
Sauvegardez votre réalisation comme fichier SSC ou comme fichier HTML.
******************
Ce tutoriel a été créé le 17 septembre 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 .
|
|
|
 |