Le logiciel SCRIPPY

Explications concernant son fonctionnement


Cliquez ICI pour accéder au site officiel et effectuer le téléchargement de la version 3.01 du logiciel.


SAMPLE 12
Nested Container Frame


Ouvrez le logiciel et faites File/Open Sample/Sample 12 - Nested Container Frame.

Vous verrez alors cela:



La fenêtre en quelque sorte est divisée en 2 parties: sur la gauche vous avez une colonne comprenant 13 boutons; sur la droite on peut voir le modèle de composition proposé.

- Preview (qui ici est cliqué) permet donc de prévisualiser la partie que l'on voit à droite telle qu'elle sera vue dans le message. En particulier on voit surtout un fond principal au milieu duquel se trouve un rectangle contenant lui-même un autre rectangle. Et on note que le premier rectangle interne contient un fond (background) en mouvement, alors que le deuxième rectangle nous montre un background fixe sur lequel se trouvent 2 autres backgrounds en mouvement. Chacun de ces rectangles est délimité par un bord, appelé frame.
N.B: si vous cliquez sur la case qui se trouve à gauche de Preview, vous pourrez voir le scrippy presque en plein écran. Pour retourner vers la précédente façon de voir le scrippy, cliquez sur Exit Preview.

- Background : il s'agit du fond de base de l'ensemble de la composition.
En cliquant sur cette case, vous verrez que ce ce premier background est formé d'une tuile de 216 par 216 pixels. Vous pouvez conserver celle-ci ou bien en mettre une autre d'une taille équivalente pour avoir un fond uniforme. Vous pourriez également en créer une vous-même en utilisant le logiciel Paint Shop Pro. Il vous est également possible de mettre un papier avec des dimensions différentes, même de 1024 par 300 (les mesures standard d'un papier), mais alors vérifiez le poids de celui-ci en consultant le mot size (=taille) en bas à droite de la fenêtre du logicile Scrippy où la taille est toujours visible. Dans le cas de la première image ci-dessus nous notons un poids de 74 ko.
En cliquant sur Browse vous irez chercher sur votre HD le dossier où vous avez mis votre papier et vous pourrez alors sélectionner ce dernier.
En dessous vous trouvez l'option No Scrolling (pas de mouvement) ici du papier (background). Si vous voulez au contraire faire également bouger le background, utilisez un des autres choix proposés par le menu déroulant (en tout il y a 9 choix).
Il convient pour le moment de laisser les autres indications inchangées.

- Positioned Container : en cliquant sur cette case on pourra voir ceci:



C'est donc le support virtuel du rectangle central . On a 2 grandes parties à compléter: Horizontal Layout et Vertical Layout et nous voyons que dans ce modèle c'est la partie droite de la fenêtre qui a été complétée. Le chiffre 60 reporté dans les différentes cases fait référence à la distance des bords de ce rectangle par rapport aux bords externes de la composition.
Tentez une variation: par exemple écrivez 50 ou bien 70 dans une des cases et vérifiez quelle forme va avoir ce rectangle après cette modification en cliquant sur Preview. Ici on a opté pour un rectangle central et plutôt ample, mais vous pourriez décider de le réduire ou de le rendre plus ample pour recouvrir votre background principal. Donc faites des essais pour arriver aux dimensions qui vous semblent les plus intéressantes.

- Frame : c'est donc le bord extérieur du rectangle central (le plus grand) . En cliquant sur la case on va définir le type de frame: on a 7 styles possibles dans le menu déroulant. Faites des essais pour voir lequel vous convient le mieux. Celui qui est indiqué dans le modèle est Ridge, mais on peut tranquillement en choisir un autre. Si on choisit Transparent, pratiquement le bord en question ne se verra pas.
Puis on va définir la largeur du frame (ici on a indiqué 4, ce qui veut dire 4 pixels). Là aussi faites des essais pour trouver la largeur qui selon vous convient le mieux. Enfin on définit la couleur en cliquant sur Set Color qui permet d'accéder à une ample gamme de couleurs. Quand vous aurez choisi la vôtre, fermer cette fenêtre en cliquant sur OK.

- Background : c'est comme pour le premier background, mais ici on a opté pour un background qui bouge, donc on a sélectionné dans Scrolling, l'expression Down+Left, ce qui veut dire que le mouvement va se faire en même temps vers le bas et vers la gauche . Là aussi vous pouvez faire des variations, dans le choix du fond, dans sa direction et dans le vitesse du mouvement. Laissez les autres options inchangées.

- Positioned Container : comme pour le précédent Positioned Container, mais ici on a indiqué 50 pixels dans toutes les cases. Donc il s'agit des dimensions qui séparent chaque côté de ce rectangle interne par rapport au côté respectif du plus grand rectangle.
Vous pourriez faire une vérification en mettant par exemple 40 ou 60 dans toutes les cases de sélection: vous verriez alors se modifier la forme du petit rectangle toujours à l'intérieur du grand rectangle interne.

Il faut se rappeler que le Positioned Container n'est qu'un support virtuel qui permettra à d'autres éléments d'être visibles, comme ici le frame (bord) et les backgrounds.

- Frame : il s'agit cette fois du bord extérieur du petit rectangle interne. En cliquant sur la case on va définir le type de frame: on a 7 styles possibles dans le menu déroulant. Faites des essais pour voir lequel vous convient le mieux. Celui qui est indiqué dans le modèle est Groowe (alors que pour le précédent Frame, on avait utilisé Ridge), mais on peut tranquillement en choisir un autre, par exemple Ridge, pour créer une harmonie entre les éléments de la composition globale. Si on choisit Transparent, pratiquement le bord en question ne se verra pas.
Puis on va définir la largeur du frame (ici on a indiqué 4, ce qui veut dire 4 pixels). Là aussi faites des essais pour trouver la largeur qui selon vous convient le mieux. Enfin on définit la couleur en cliquant sur Set Color qui permet d'accéder à une ample gamme de couleurs. Quand vous aurez choisi la vôtre, fermer cette fenêtre en cliquant sur OK. Ici la couleur du frame est identique à celle qui a été utilisée la première fois. Si vous voulez une couleur qui se répète, faites un copier/coller de la couleur dans la case à compléter.

- Background : il s'agit du fond de base du deuxième rectangle. On a choisi pour ce modéle exactement celui qui a servi pour le Background précédent, mais en sélectionnant No Scrolling, ce qui signifie que le fond restera fixe. A vous de décider éventuellement de le laisser fixe ou de lui donner un des mouvements proposés dans le menu déroulant de Scrolling.

- Background : ici nous voyons l'utilisation d'un layer. Vous pourrez en créer un vous-même avec Paint Shop Pro, puis le rechercher en cliquant sur la case Browse. Puis il faudra définir la direction du mouvement de ce fond : complétez le rectangle se référant a Scrolling: direction (dans le menu déroulant) et vitesse. Faites des essais pour arriver à ce qui correspond le mieux avec votre projet global. Vérifiez ce que vous expérimentez en cliquant sur Preview. Laissez inchangées les indications que vous trouverez dans Advanced Options.

- Background : comme pour le background. Ici il conviendrait de choisir une direction différente du mouvement du layer.

- Positioned Container : pratiquement c'est le support virtuel du Loading Message, qui dans cette composition va remplacer le Message Area, puisqu'ici il n'a pas été utilisé.
En cliquant sur cette case, on peut en effet observer ceci:



On peut en effet noter que c'est la partie de gauche qui définit ses dimensions : 500 par 400 pixels.

- Loading Message : cliquez sur cette case.
Cochez tout d'abord la phrase Use Loading Message pour avoir cette page introductive de la composition.
Ensuite définissez la couleur du fond du message en cliquant sur la case Set Colour. Il vous permettra d'acceder à une ample gamme de couleurs avec les relatifs codes : ce qui permet de travailler aussi bien en faisant un copier-coller depuis Paint Shop Pro durant la création des éléments de la composition scrippy, qu'en passant d'une partie à l'autre de la composition elle-même........en créant ainsi un ensemble harmonieux ou à travers l'utilisation de couleurs répétés ou complémentaires.
Définissez enfin la durée de la présentation de cette page introductive de votre composition scrippy: ici elle est sur 5.0, ce qui veut dire 5 secondes.
Puisque ce Loading message sera la seule page contenant du texte, voilà pourquoi on a choisi une durée assez longue. Si vous mettez un texte très long qui doit être lu attentivement par votre correspondant, mettez une durée encore plus longue. Faites des essais pour vérifier quelle est la durée qui s'adapte le mieux à la longueur de votre message.
Sélectionnez et effacez le texte en anglais que vous trouvez dans le rectangle et mettez-y un texte de votre choix en utilisant toutes les options de la composition du texte que vous trouverez en haut de la fenêtre. Vous pourrez aussi ajouter une image, un cadre (peut-être le même que vous avez mis avant à l'intérieur de la composition) ou un fichier *gif. Pour cela faites simplement Insert/picture ou bien cliquez sur l'icône représentant les images à insérer (la deuxième en haut à gauche). Si vous voulez l'éliminer pour quelque motif, sélectionnez-la avec la souris, puis cliquez sur la touche Canc de votre clavier ou bien en faisant Edit/cut.
Il sera possible et même intéressant de récupérer par exemple un des éléments qui se retrouveront dans la partie centrale de la composition. Le poids de la composition restera identique, car les éléments seront répétés.

- Sound: cliquez sur cette case, puis sur Browse pour chercher la musique que vous voulez mettre à votre composition.



- Ticker: cliquez sur cette case, puis dans le rectangle blanc, sélectionnez et effacez la phrase que vous trouverez et écrivez une phrase qui deviendra celle qui apparaîtra en bas de l'écran dans le scrippy envoyé. Vous pouvez choisir un des 7 types de Message entry style (c'est-à-dire le type de mouvement que fera la phrase déroulante) et la vitesse et le nombre de lettres. Faites des essais et vérifiez-les en cliquant sur Preview jusqu'à arriver à la solution qui vous semble la meilleure.


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

Quand vous avez tout mis, sauvegardez votre scrippy: File/Save as......dans le dossier de votre choix pour pouvoir le récupérer à une autre occasion. Donnez-lui un nom que vous pourrez reconnaître facilement (jamais le nom des samples, c'est-à-dire des modèles offerts avec le logiciel): vous risqueriez de ne plus vous y retrouver.
Si vous devez l'envoyer immédiatement, cliquez sur l'icône représentant un message e-mail (en-dessous de Edit), puis confirmez en cliquant sur Ok dans la fenêtre successive. Ce scrippy sera ainsi accepté par Outlook quand vous l'ouvrirez pour le sélectionner (c'est toujours le dernier scrippy que l'on sélectionne de cette façon qui sera ouvert dans Outlook) Une autre façon simple c'est de le sauvegarder dans le format *html en faisant File/Export Web Page à conserver dans les Elements décoratifs (normalement Programmes/Fichiers Communs/Microsoft Shared/Elements decoratifs) et pour l'ouvrir dans ce cas-là il faudra faire: Fichiers/Messages/Nouveau Message comme / Selectionne elements decoratifs.
Conseil pratique : il convient d'éliminer la pub des messages contenant une réalisation scrippy, car certaines messageries ne l'acceptent pas. Si vous voulez savoir comment configurer votre Outlook pour quel la publicité n'apparaisse pas (utile aussi pour ne pas gâcher les compositions ayant des fonds), lisez les instructions qui se trouvent ICI.

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

CONSEILS ET ASTUCES SUR SCRIPPY


1) Le logiciel est fourni d'une option bien utile: le poids atteint par le scrippy pendant que vous y travaillez est toujours visible en bas à gauche ("size" qui veut dire "taille"). Dans le cas spécifique, Première capture d'écran, le scrippy fait 54 k (c'est-à-dire ko). Donc chaque fois que vous ajoutez un élément, vérifiez si le poids vous convient.
2) Un chose intéressante à savoir: l'utilisation d'un élément (un cadre, un background ou un fichier *gif) ne sera compté qu'une seule fois. Ce qui est bien commode pour créer quelque chose d'original et qui ne pèse pas trop.
3) Les codes des couleurs de Paint Shop Pro peuvent servir pour Scrippy. Vous pouvez même faire un copier-coller du code qui vous sert et l'utiliser dans Scrippy (utile pour la couleur de la page Loading message et celle des cadres) pour créer un ensemble harmonieux. D'ailleurs les deux logiciels peuvent être utilisés en même temps: ce qui est bien commode pour créer le scrippy.
4) Si vous faites une manoeuvre erronée, vous avez toujours la possibilité de revenir en arrière en cliquant sur la flèche arrière (avant-dernière case avant le point d'interrogation). Bien commode quand les scrippys seront plus complexes!
5) Pour les backgrounds (les fonds), utilisez ceux qui vous semblent les plus adaptés à votre composition. Mais pour les fonds simples, privilégiez un background fait avec Paint Shop Pro, avec un effet semmless tile (vertical coché) si le fond est destiné à être en mouvement.
6) Si on déplace un fichier après la sauvegarde du fichier SSC, à la rouverture du fichier SSC le fichier déplacé ne sera visualisé que par des croix ou des rectangles avec des croix et il sera impossible de le réutiliser. Mettez donc toujours les éléments qui composent le scrippy (comme fichiers *jpg, *gif, *mid) dans un dossier facile à retrouver. Il serait même commode de mettre tous les éléments, classés par types dans un unique dossier appelé Scrippy (un grand dossier Scrippy avec des sous-dossiers selon le type de fichiers) ou bien regrouper les éléments d'un seul scrippy dans un seul sous-dossier. Utilisez la méthode qui vous semble la plus commode pour vous!
7) Il est possible de changer la position des cases dans la colonne de gauche en utilisant la souris: on sélectionne la case en cliquant dessus avec la touche gauche de la souris et en tenant cette touche toujours appuyée on la déplace où on veut. Faites attention aux déplacements quand les compositions comprennent beaucoup d'éléments: certains changements de place peuvent transformer de façon excessive le scrippy.
Mais heureusement il sera possible de retrouver la position antérieure en cliquant sur l'icône avec la flèche en arrière (direction de la flèche vers la gauche): donc l'erreur éventuelle de déplacement peut être éliminée.
L'autre flèche (direction de la flèche vers la droite) peut également vous aider pour retourner à la position avant le retour en arrière.
8) Pour éliminer une case dans la colonne de gauche: faire simplement Edit/Cut ou bien Edit/Delete. Si vous avez fait une erreur de manoeuvre, utilisez la flèche pour rétablir la situation précédente.
9 ) Pour copier une case il suffit de faire Edit/Copy, puis on se place avec le curseur sur la case en-dessous de laquelle se retrouvera la nouvelle case et alors il faudra faire: Edit/Paste (le nom de la case à coller sera indiqué).
10) Pour créer un mot avec un lien dans la partie Message Area, faites comme dans Outlook: mettez le mot en surbrillance avec la souris et ensuite cliquez sur l'icône du lien (le dernier en haut à droite) et dans la petite fenêtre qui s'ouvrira, mettez le lien (vous pouvez faire un copier-coller) dans la case où il faut l'écrire.
11) Un conseil pour vérifier ce que vous avez appris après avoir travaillé sur le sample, c'est de le fermer et d'ouvrir un nouveau fichier (en cliquant sur la première icône en haut à gauche ou bien en faisant File/New) et d'essayer de retrouver tous les passages pour aboutir à un résultat identique en ajoutant donc toutes les cases qui vous serviront dans la colonne de gauche. Il faut simplement faire Insert et ajouter les éléments. Puis confrontez le résultat obtenu avec le modèle de sample.

J'ai réalisé ce tutoriel pour expliquer le fonctionnement du modèle Sample 11 du logiciel Scrippy le premier octobre 2002 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