JAPNG Editor

JAPNG EDITOR

1

Télécharger JAPNG Editor

Il fonctionne avec JAVA, Nécessite l'installation préalable de JAVA si vous ne l'avez pas ; d’ou son format en .jar .

Vous trouverez JAPNG Editor sur

Ou sur le site  de l’éditeur Reto Hoehener

 

Prenez la version R119

Décompressez le fichier

JAPNG Editor se présente sous la forme d’un exécutable portable

Lancez-le par un double clic

Je n’ai pas encore tout saisi des réglages, mais avec les principaux cela suffit déjà.

2

PRESENTATION

A signaler que je me suis aidée du tutoriel de Bigou sur SHY’COMICS

L’interface

(Cliquez sur l'image pour l'agrandir)

 

En 1/LoadFrames or animation …/Ouvrir les images ou l’animation

Ce bouton vous permet d’aller chercher les images de l’anim dans le dossier de votre PC

En 2/Save Animation/Enregistrer l’animation

Pas besoin d’expliquer je pense

En 3/Animation

Case Skip first Frame(je cite Bigou) « permet d'exclure la frame 0 de l'animation.

Cette frame sera alors simplement une image de remplacement, pour les navigateurs et autres logiciels

incompatibles avec les APNG, et dont aucune partie ne pourra être affiché durant l'animation. »

C’est dans ce champ que vous choisissez aussi que l’anim se répète indéfiniment ou pas,

selon le bouton sélectionné :  infinitely ou time

En 4/Frame/Cadre- Image

Je reprends le tutoriel de Bigou puisqu’il le permet

"Display Time" correspond au temps d'affichage de la frame (en milliseconde)

"Dispose Opération" influe sur l'affichage de la frame une fois l'animation passé aux suivantes.

-      "NONE" fera s'afficher la frame sous toutes les frames suivantes

-      "BACKGROUND" fera afficher la couleur de fond de la frame à sa place, sous la frame suivante

-      "PREVIOUS" permettra d'afficher l'état précédent sous la frame suivante.

En pratique, cette frame disparaitra donc pour faire place à la suivante

"Blend operation" influe sur l'affichage des frames précédentes étant visible sous la frame active.

-      "SOURCE" masquera toute frame passant sous la frame sélectionné

-      "OVER" permettra aux autres frames de s'afficher par transparence sous la frame active.

"Offsets (x/y)" permet de positionner la frame sélectionné où on le souhaite dans une animation

dont la 1ère image est plus grande que la frame. C'est le pixel supérieur gauche de la frame qui sert de repère pour la positionner.

"Apply to selected" applique les propriétés définies aux frames sélectionné

"Apply to all" applique les propriétés définies à l'ensemble des frames.

En 5/Preview/Previsualisation

Ce menu gère la prévisualisation ainsi que l'ajout d'un éventuel fond de couleur

pour les logiciels ne supportant pas la transparence par canal alpha (comme IE6).

"Enable preview" vous affiche l'animation en cour de création:

Si décoché, vous affiche la frame sélectionné seule et comme si aucune propriété ne lui était affecté.

Dans le cas d'une sélection multiple quand la case est décoché, c'est la frame dont le numéro est le plus proche de 0 qui sera affiché.

"Set Background" permet de définir une couleur de fond pour les visionneurs non compatibles

avec la transparence par canal alpha (comme IE)

"Clear background" permet de supprimer la couleur de remplacement

pour les visionneurs non compatible avec la transparence par canal alpha.

En 6/ les images ouvertes dans Japng Editor

Bon voilà pour la théorie !

3

UTILISATION

-1-

Lancez JAPNG Editor

Cliquez sur  le bouton 1/LoadFrames or animation …/Ouvrir les images ou l’animation pour aller chercher les images de l’animation

Vous pouvez les sélectionner toutes d’un coup en appuyant sur Ctrl, après sélection de la 1ère. Elles apparaissent sur la gauche de la fenêtre, sélectionnées en violet

Par défaut vos images dans Japng, sont réglées sur 1000ms, ce qui donne une anim assez lente

-2

Dans le champ En 3/Animation choisissez de cocher « infinitely » ou time ; dans ce cas indiquez par un nombre ce time

-3-

 Le champ 4/Frame/Cadre- Image

-a- Pour la même configuration sur toutes les images

Indiquez en ms dans Display time, le temps d’affichage des images,

Cliquez sur le bouton « Apply to All » Pas besoin de sélectionner manuellement vos images avant 

Vérifiez dans le champ des images à gauche que votre réglage à bien été pris en compte

Vous pouvez pré-visualiser votre anim en 5/Preview

-b-Pour une configuration différente sur chaque image

Sélectionnez votre image à gauche en cliquant dessus

Indiquez en ms dans Display time, le temps d’affichage de cette image

Cliquez sur le bouton « Apply to selected »

Faites de même pour chaque image

Vérifiez dans le champ des images à gauche que votre réglage à bien été pris en compte

Vous pouvez pré-visualiser votre anim en 5/Preview

-4-

Enregistrez votre animation en cliquant sur le bouton 2 « save animation … »

Visualisez-la sur votre PC avec XnView.

-5-

Pour changer l’ordre des images, sélectionnez celle à déplacer, et sans relâcher, placez la au bon endroit.

(c’est comme pour les calques dans la palette calques de PSP)

-6-

Quelques exemples avec mon anim balle toujours

(Hé, oui il faut choisir, soit je rédige le tuto, soit je m’amuse à faire des anims !

Pour vous le meilleur choix est que je garde la même anim tout au long du tuto mais que je le rédige, non !??)

Anims JAPNG en ms

 

Configuration 1

par défaut

1000 ms/image

 

Configuration 2

1 image sur 2 à 200 ms

1 image sur 2 à 500 ms

 
 

Configuration 3

500 ms/image

 

Configuration 4

200 ms/image

 
 

Configuration 6

1 image/ 100 ms

2 images 500 ms

1 image 100 ms

2 images 200 ms

 

Configuration 5

3 images à 100 ms

3 images à 400 ms

 

A noter :

Perso je ne suis pas encore arrivée à mettre une couleur de fond, mais ce n’est pas grave puisque pour cela  il y a le format gif, moins lourd que l’apng !

La encore le format sera en .Png, donc notez bien dans votre titre que c’est une anim.

La recommandation de Bigou :

« Je vous recommande très fortement d'optimiser vos frames AVANT assemblage de votre animation, sous peine de transformation de celle si en simple PNG fixe. »

Voilà l’essentiel pour JAPNG Editor

HAUT de PAGE

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site