Introduction

SPFIG is a GIF editor.It has been build to try to make minimum sized animated gif.

La technique de compression utisée est extraite de GD 1.2

the compression used is adaptation from GD gif-manipulating library 1.2

COPYRIGHT 1994,1995 BY THE QUEST CENTER AT COLD SPRING HARBOR LABS. Permission granted for unlimited use, provided that Thomas Boutell and the Quest Center at Cold Spring Harbor Labs are given credit for the library in the user-visible documentation of your software. If you modify gd, we ask that you share the modifications with us so they can be added to the distribution.
Tom Boutell, boutell@boutell.com
http://sunsite.unc.edu/boutell/index.html

Ceci est réalisé en réduisant un peu les possibilités offertes par le format GIF. Le logiciel ne permet pas de gérer plus de 256 couleurs et force la disposition des images et des couleurs.

This has been done reducing possibilities of GIF. No more 256 colors, forced disposition.

L'optimisation qui en résulte peut simplement se constater en ouvrant un fichier GIF puis en le sauvant: Il n'est pas rare rien que sur cette simple manoeuvre d'obtenir un gain de 30% de la taille quand ce n'est plus.

The optimisation can been seen only loading then saving an animated GIF. You can sometimes have more than 30% reduction of the file size.

Outre cette optimisation le but est quand même aussi d'offrir un éditeur graphique assez riche en possibilités.

But SPFig give also numerous graphics features.

Ce logiciel est fournit tel que. Vous l'utilisez á vos risques et périls.

This software is released "AS IS". You are on own risk of using this software. The author is not liable to any damage.

Enfin détail non négligeable pour tous les radins de la terre: Ce logiciel est freeware sous OS/2 pour tout usage non commercial. Toutefois des envois sous forme

• de cartes postales
• de beaux fonds d'écran
• d'objets publicitaires OS/2 (affiches ou autre)
• quelques résultats de votre utilisation se SPFig

SPFig is a freeware under OS/2. But are welcomes:

• postal cards
• desktops pictures
• OS/2 objects
• some of the pictures you create with SPFig

Cette version est une béta. Merci pour les retours.

This version is a beta. Thanks for yours comments.

Il est possible de traduire tous les textes du logiciel: voir le fichier trad.fr (français) ou trad.en (anglais approximatif). Je suis aussi intéressé par vos résultats.

It is possible to translate all the texts (menus, dialog, help online). See the file tradfr.txt or traden.txt (near english). If you make a translation send me your work.

---

Vue générale

La première fenêtre qui s'ouvre est simplement constitué par un menu permettant d'éditer des fichiers GIF. A remarquer la possibilité de déposer directement un fichier dans la fenêtre pour l'éditer.

Aprés avoir choisi n fichier, en mode édition le logiciel présente l'aspect visuel suivant:

• Le visualiseur permet d'observer l'animation sous différentes échelles et constitue la zone de travail.

Si le dessin est trop grand des ascenseurs permettent de déplacer la zone visualisée.
• La portée permet de traiter
• l'image courante
• les images suivant l'image courante
• les images précédant l'image courante
• Toutes les images
• Les outils associés á cet éditeur sont:
• le pinceau
• le trait
• le rectangle
• Le cercle
• le texte
• La sélection d'une zone permet de faire
• du copier/coller
• des miroirs
• des décalages et rotations
• une palette de couleurs éditables
• une loupe permettant de travailler aisément au niveau du pixel .
• Les positions de travail peuvent être guidées par une grille .
• L'image peut être traitée en utilisant des masques
• Un éditeur de temporisation permet de fixer graphiquement le temps d'affichage de chaque image
• Une liste des composants du GIF permettant - d'affiner les choix grâce á quelques propriétés offertes par le format GIF
• d'ajouter, dupliquer et détruire des éléments.
• de modifier la taille générale du GIF -
• d'appliquer des fonctions d'optimisation sur le nombre de couleurs.

---

Options générales

Chacune des fenêtres peut ou non être ouverte automatiquement lors du chargement d'un fichier. Seule la fenêtre de visualisation est obligatoirement présente. Si la fenêtre du temps est prise par défaut elle ne sera toutefois affichée que si le fichier édité a plus d'une image. -
L'échelle par défaut permet de fixer l'échelle de représentation de la fenêtre de visualisation.

Le mode sans échelle fait entrer dans un mode particulier: Il n'est plus possible de travailler sur l'image.

Le but est de pouvoir visualiser l'image dans une taille particulière
Dans ce mode il est seulement possible de modifier la taille de la représentation á l'aide des flèches du clavier (CTRL pour des variations plus rapides) et la durée des images.
La ligne de statut donne la taille de l'image.

---

Gestion des couleurs

Dans le logiciel la première couleur est toujours la couleur transparente.

Grâce á la barre de scrolling vous pouvez accéder á toutes les couleurs définies dans l'image visualisée.

chaque couleur est présentée dans un pavé qui peut être:

Un double clic sur l'un des paves de couleurs permet d'éditer la couleur correspondante.

Le choix de la couleur se fait avec la classique roue d'OS/2 avec en plus la possibilité de choisir une couleur dans la palette actuelle du GIF ou dans le 'standard' HTML.

En mode dessin, en cliquant (droite ou gauche) sur une des couleurs vous sélectionnez la couleur active du bouton correspondant.

Par convention on dira que la couleur associée au bouton gauche est la couleur d'avant plan et pour le bouton droit la couleur du fond. Dans le dessin de surfaces (cercles, rectangles) la couleur d'avant plan sert pour dessiner le contour tandis sue la couleur de fond sert pour le contenu.

En mode définition de masque En cliquant droit (gauche) sur une des couleurs vous sélectionnez (déselectionnez) la couleur du masque

Votre choix est visualisé dans le pavé gauche de la fenêtre.
Cette partie est aussi sensible: un clic droit ou gauche inverse l'affectation des couleurs aux boutons.
Si une zone sélectionnée est définie un clic gauche permet d'inverser dans la zone sélectée du dessin les 2 couleurs.

Le titre de la fenêtre fournit sous forme de chiffres ce choix en précisant pour chaque couleur

• son numéro
• sa composition rouge, vert bleu
• le nombre de pixels de cette couleur

---

Sélection

L'outil de sélection crée une zone rectangulaire. Cette définition de zone (qui sert aussi pour les outils pavé ,cercle, texte) se fait en plusieurs étapes:

• Un clic droit ou gauche permet de commencer une phase de dimensionnement de zone avec un coin fixe.
• Pendant la phase de dimensionement avec un coin fixe:

Le déplacement de la souris modifie la taille de la zone rectangulaire
Un clic droit fait passer en phase dimensionement avec un centre fixe.
• Pendant la phase de dimensionement avec un centre fixe:

Le déplacement de la souris modifie la taille de la zone rectangulaire
Un clic droit fait passer en phase déplacement.
• Pendant la phase de déplacement:

Le déplacement de la souris déplace la zone rectangulaire
Un clic droit permet de passer en phase dimensionement avec un coin fixe.

Action sur la sélection Quand une zone est sélectée plusieurs opérations peuvent être réalisées: Les outils d'action sur la sélection

• Copier:

Copie la zone sélectionnée dans le presse papier. Cela n'a donc pas d'effet sur l'image. Mais il faut noter que lors de cette transmission au presse papier la couleur transparente devient une 'vraie couleur'.
• Couper:

Fonctionne comme la copie mais la zone sélectée est effacée pour être remplacée par la couleur transparente.
• Miroir horizontal:

Échange dans la zone sélectée par symétrie la partie haute du dessin avec la partie basse
• Miroir vertical:

Echange par symétrie la partie droite du dessin avec la partie gauche
• Miroir diagonal:

Echange dans la zone sélectée par symétrie la partie sous la diagonale du dessin avec avec la partie a dessus de cette diagonale C'est équivalent á faire un miroir horizontal puis un miroir vertical
• Le décalage

Provoque l'affichage d'un dialogue qui permet de faire subir des décalages á la zone sélectionnée


Utilisation du dialogue de décalage -
Il faut tout d'abord choisir la manière de travailler. 2 modes sont possibles:

• le mode décalage: quand un décalage est réalisé le début de la zone décalée est remplacée par la couleur transparente. La fin de la zone est elle perdue.
• le mode rotation: quand un décalage est réalisé le début de la zone décalée est remplacée par la fin de la zone.
Un pavé de boutons permet de déclencher des décalages:
Le bouton central 'Fin' permet d'achever la manoeuvre.
Les autres boutons réalisent les décalages et sont disposés par rapport au bouton 'Fin' selon l'ordre naturel du décalage á réaliser. . haut . bas . droite . gauche Dans chaque direction il y a 2 boutons:
le premier permet de réaliser un décalage de 1 pixel
le second permet de réaliser un décalage de 8 pixels.
L'action de ces boutons peut être directement réalisée á partir du clavier et plus particulièrement avec le pavé des flèches. Un simple appui équivaut á réaliser un déplacement de 1 pixel. Si l'appui s'accompagne de l'utilisation de la touche CTRL il en résultera un décalage de 8 pixels.
• La rotation

permet de faire pivoter la zone. Ceci est loin d'être parfait

---

Outils de dessins

Ceci n'est disponible que si le mode échelle a été choisi.

Une fois un outil de dessin sélectionné la fenêtre de visualisation devient une fenêtre d'édition graphique. Des clics de souris permettent de dessiner le dessin correspondant á l'outil.

Utilisation de la souris lors de l'édition

Action ponctuelle( pinceau, broc, seringue et début d'un trait, polygone, cercle, texte):

un clic gauche permet d'utiliser la couleur d'avant plan

un clic droit permet de d'utiliser la couleur de fond

Les outils

• Le pointeur: Il permet de définir des zones de sélection. C'est l'outil par défaut qui est actif même si la fenêtre outils n'est pas affichée. L'action sur les zones de sélection se fait via le menu 'édition' de la fenêtre de visualisation. Si l'action commence par un clic gauche c'est la zone de sélection précédemment définie qui est reprise. Sinon c'est le début d'une nouvelle zone
• Le pinceau: pour dessiner par point. L'option du menu 'pinceau' permet de fixer la taille du point : de 1*1 á 9*9 pixel.
• Le trait permet de tirer des segments de droites.

Dans la fenêtre de visualisation, après la fixation du point de départ, un clic gauche permet d'abandonner le dessin tandis qu'un un clic droit dessine le segment.
• Le polygone: permet de tracer des polygones:

un double clic sur l'outil permet de fixer le nombre de cotés du polygone ainsi que son orientation á l'aide d'un menu


Dans la fenêtre de visualisation au début:
le clic gauche choisit le pourtour du polygone avec la taille du pinceau et la couleur d'avant plan
avec le clic droit on obtient le contenu du polygone avec la couleur de fond

• Le cercle: obéit au même principe que le polygone.
• Le broc: il permet de remplir une zone contiguë de pixels de même couleur.
• La seringue permet de sélectionner directement une couleur dans la fenêtre de visualisation.
• L'insertion d'une image contenue dans le presse papier:

Le processus est activé par les touches 'SHIFT INSERT' ou par le menu 'Edit/Insere' - un rectangle de la taille de l'image á introduire apparaît sur le dessin . en déplaçant le curseur on choisit la zone ou sera positionné le dessin . Un clic droit permet d'insérer le dessin . Un clic gauche force le coin bas gauche et il devient possible de modifier la taille de la zone de réception: On se retrouve dans le mode définition de cadre de sélection avec les mêmes possibilités
• L'insertion d'un texte

Le processus est enclenché par un clic droit (gauche) pour avoir un texte avec la couleur d'avant plan (de fond) Un dialogue s'ouvre permettant de définir le texte á insérer


Dans ce dialogue le bouton 'Police' permet de sélectionner la police Si il y a confirmation (OK) du choix tout se passe comme pour l'insertion d'une image du presse papier.

---

Durée

La fenêtre de la chronologie est composée de 2 parties

---

Le masque

Les outils pour contrôler le masque:

• Masque actif/inactif: Permet de tenir compte ou d'ignorer le masque actuellement défini;

En mode masque actif les ordres de dessins ne touchent que les zones non masquées.

• Effacement du masque annule la définition du masque en cours
• - Définition/fin_de_définition de masque

Le logiciel passe en mode définition de masque ou arrête la définition. Dans ce dernier cas automatiquement le masque devient actif.

Remarque: pour le remplissage c'est la forme associée á l'image courante qui est prise en compte et non pas l'effet du remplissage sur chaque image. Le masque est unique pour l'ensemble des images.

Outre les zones ainsi définies il y a en plus la possibilité de masquer les couleurs. Pour cela il suffit d'utiliser le bouton 1 sur la couleur correspondante dans la fenêtre des couleurs. Le pavé de couleur correspondant sera présenté avec une croix. Une nouvelle utilisation de la souris exclut la couleur du masque.

Aspect visuel: En mode 'masque actif' ou 'définition de masque' l'image est présentée en inversant la couleur des points masqués.

---

La grille

La grille est un guide des points accessibles par les outils de dessins.

• L'activation (désactivation) rend effective l'usage de la grille: la souris ne peut atteindre que les points désignés. Le symbole d'activation est rayé d'une croix et sert á désactiver la grille.
• La visualisation permet de représenter la grille dans l'image par inversion de la couleur des points définis par la grille. C'est indépendant de l'activation.
• La définition de la grille se fait avec un menu qui permet de fournir le pas en X et en Y. Au minimum chaque pas doit être égal á 2. Après la définition la grille est automatiquement activée.

---

La portée

La portée permet de préciser sr quelles images vont être reportés les ordres de dessin.
Par défaut seule l'image courante est touchée mais le logiciel permet de reporter les ordres soit

• sur les images précédentes
• sur les images suivantes
• sur toutes les images

---

Le statut

En mode échelle la ligne de statut fournit essentiellement des renseignements sur
le positionnement du curseur dans l'image
Le positionnement et la taille de la zone de définition de l'outil en cours
Le mode de fonctionnement actuel du logiciel

Par exemple
peint [masque] [toutes] 102:40 (33:71,102:40) [69*-31]
signifie
l'image affichée est la 1 sur 9 possibles
le curseur est en position x=102 y=30
On est en mode dessin sous contrainte d'un masque. Les autres possibilités sont (masque ajout), (masque enlève) ou rien
Toutes les images sont modifiées. Les autres possibilités sont [courante] [précédentes], [suivantes]
une zone de définition est en voie de construction. Elle débute au point (33,71) s'achève au point (102,40) et a donc une dimension de (69*41)

En mode sans échelle la ligne de statut fournit simplement les dimensions de l'image.

---

L'aide

---

La liste des objets

 Les items présents dans la liste sont:

la scène avec ses dimensions

chaque image

chaque commentaire

chaque texte

chaque application

Un doble clic gache sur l'un des items permet d'ouvrir un menu popp permettant des actions sur l'item sélecté

• - un double de l'image courante. Ceci n'est possible que si l'item désigne une image
• le contenu du presse papier si l'image est plus petite que la scène elle sera cadré en bas et á gauche la partie en trop sera remplie par la couleur transparente. Si par contre elle est plus grande cela modifiera la taille de toutes les autres images.
• le contenu du presse papier recadré. L'image créée alignera ses dimensions sur celle de la scène du GIF.
• un fichier: permet d'insérer le contenu d'un fichier graphique

Le format de ce fichier peut être bien entendu du GIF mais aussi du BMP. Mais dans ce dernier cas tous les formats ne seront pas forcément lus.
Les dimensions de la scène s'alignent sur la plus grande image insérée.
• un fichier recadré Même principe mais les images s'alignent sur la dimension de la scène.
• un texte de type GIF.
• un commentaire.
• une application.

L'ajout d'un nouvel objet se fait avec un dialogue identiqe á celui utilisé pour éditer les propriét&eacte;s de l'objet.

• Pour la scène -
 

Il est possible de redéfinir la largeur et la hauteur de la scène. Ceci modifie toutes les images.
Cette modification peut intervenir de 2 manières: .

en déformant l'image: chaque image s'alignera sur le nouveau cadre .
en ne déformant pas l'image: soit l'image est coupée soit des zones de couleur transparente seront créées. -
Le ratio permet de dire au visualiseur quel était l'aspect hauteur/largeur de de chaque pixel de l'image originale.
- si 0: pas de ratio si n ratio est égal á (15+ratio)/64
. Ceci permet donc de définir des ratio variant de 1/4 á 4/1 par pas de 1/64. L'interprétation dépend de l'implantation du format GIF par le visualiseur -
Netscape ne fait pas partie du format GIF. Il s'agit d'une extension souvent gérée: elle permet de définir le nombre de fois que l'animation sera répétée. En particulier la valeur 0 génère une répétition infinie. Cette application n'est pas éditable en tant qu'application. FIGUE l'a entièrement intégrée et par défaut, dés que le GIF comprend plus d'une image, génère toujours cette extension avec le paramètre 0.
 
• Pour une image: -

Il est possible de créer des images interlacées (surtout intéressant pour de grandes images non animées)
 

De dire au visualiseur d'attendre une touche avant de continuer. -
De dire ce que devrait faire le visualiseur après que l'image ait finie d'être affichée:
Rien ou non: le visualiseur n'a pas á prendre de décision : il devrait laisser l'image en place.
Fond: Le visualiseur devrait remplacer l'image par la couleur de fond.
Graphique: le visualiseur devrait restaurer l'image qui était á la place du graphique.
Ces éléments ne modifient pas le comportement de FIGue. De plus Pour les images animées Figue force ce paramètre au moment de la sauvegarde
 

• Pour un commentaire: un panneau permet de modifier le commentaire.

• Pour un texte GIF(plain text). Un dialogue permet de fixer tous les paramètres du texte définis dans le format GIF. Pour ma part je n'ai pas vu de visualiseur affichant le résultat...

• Pour les applications

un panneau permet de saisir le nom de l'application et le contenu du champ correspondant


Remarque pour les 3 derniers cas dans la zone d'édition définissant le texte FIGUE interprète les caractères \ comme une séquence d'échappement:
\\ est interprété comme \
\ \Hh si H et h sont des nombres hexadécimaux est interprété comme le caractère de code ASCII Hh
á l'initialisation ce procédé est appliqué par le logiciel pour tous les caractères de code ASCII 32 sauf le retour chariot et la tabulation

Enfin il faut signaler la possibilité de déposer(drag&drop) directement une ou plusieurs images de type GIF o BMP dans la fenêtre. Elles se rajouteront dans la liste.

---

Les menus

Ne seront ici détaillés que les possibilités particulières des menus.

Menu général: 

Menu d'édition

• Fichier-Sauve : pour sauvegarder l'image en cours d'édition
• Fichier-Sauve sous : pour sauvegarder l'image en cours d'édition en précisant un nom
• Fichier Couleur Sauve la table: permet de sauvegarder la palette actuellement utilisée par le GIF
• Fichier Couleur Charge la table: permet de charger une palette sauvegardée. Ceci se fait en conflit avec la palette courante. Le chargement ne retiendra que les couleurs déjà présentes et les couleurs qui peuvent être ajoutées.
• Fichier Minimisations - sur différences de couleurs

Un dialogue permet de fixer les variations minimums sur chaque composant de couleur pour que 2 indices de couleurs ne soient pas considérés comme identiques.


Le bouton 'test' permet de visualiser dans la fenêtre les remplacements de couleurs que ferait le logiciel

• Fichier Minimisations - sur nombre de pixels

Un dialogue permet de fixer le nombre minimum de pixels que doit représenter une couleur pour ne pas être remplacée par une autre.


Le bouton 'test' permet de visualiser dans la fenêtre les remplacements de couleurs que ferait le logiciel

• Fichier Quitte: Abandon de l'édition du fichier avec demande de sauvetage si il y a eu des modifications.
• Vues: fonctionne comme les options mais ne concerne que la fenêtre d'édition courante Seul l'affichage de l'aide concerne toutes les fenêtres d'édition.
• Édition Offre les mêmes outils que les différents instruments graphiques mais avec 2 possibilités supplémentaires:
• Édition Pinceau: permet de modifier la taille du pinceau.
• Édition Sélectionner tout: permet de sélectionner tout le graphique
• <| permet d'accéder à la première image
• < permet d'accéder à l'image précédente
• * : déclenche (arrête) l'animation
• > permet d'accéder à l'image suivante
• |> permet d'accéder à la dernière image

---

Restrictions de l'implantation du format GIF

Le logiciel se distingue des possibilités offertes par le GIF sur 2 points essentiellement:

• Le nombre de couleurs est limité á 255. Il n'est pas possible d'affecter de nouvelles couleurs á une image. Les couleurs sont vues de manière globale à l'ensemble du GIF
• La couleur transparente est toujours définie même si non utilisée et correspond à la couleur d'indice 0.

D'autre part le logiciel prend, en cas d'animation, entièrement en charge le positionnement interne des images. Il n'est pas possible de préciser la manière dont sont disposées les images.

De même la définition de sous-images n'est pas accessible. Dans tous les cas vous ne voyez que l'image réconstituée le logiciel se chargeant de l'optimisation.