tutorial to create an Animation on Virginia's tutorial : Lotus Flower

vous trouverez les explications en français au bas de cette page

this tutorial is an add-in to create the animation « illumination » on this tag
click on Anya’s banner to find the tutorial (non-animated tag) translated into english

tutorial using Ulead Gif Animator (UGA), or Animation Shop (AS)

use the pencil to follow the steps
hold down left click to grab it and move it

 

Animation Shop is a common software that everyone has (in principle)
so I don’t offer it to you
on the opposite, UGA is less « common »
with this software, you can create « low weight » animated tags, with a much better quality
and a best quality too
you can download it here (click on the dragon) (english version)

you will find many tutorials to learn UGA on the web if you want to know more about UGA

Animation using UGA
1
at the end of step 22 in the tutorial, in the layers palette, highlight bottom layer
layers -> duplicate 3 times -> rename these 3 layers « copy 1 »  « copy 2 »   « copy 3 »
your layers palette looks like this

2
highlight « background»
effects -> illumination effects -> sunburst
color

3
highlight and open the eye of  « copy 1 »
close the eye of « background »
effects -> illumination effects -> sunburst

4
highlight and open the eye of  « copy 2 »  -  close the eye of « copy 1 »
effects -> illumination effects -> sunburst

5
highlight and open the eye of  « copy 3 »  -  close the eye of « copy 2 »
effects -> illumination effects -> sunburst

close the eyes of «  copy 1 »  « copy 2 »   « copy 3 »
your layers palette looks like this

save your work as... type .PSD

6
open UGA and open your work
click on « duplicate frames » at the bottom

7
in the object’s column, close the eye of « background »
open the eye of « copy 1 »

duplicate frames à the bottom

8
in the object’s column, close the eye of « copy 1 »
open the eye of « copy 2 »

duplicate frames à the bottom

9
in the object’s column, close the eye of « copy 2 »
open the eye of « copy 3 »

10
select the first frame at the bottom, hold down the Shift key of your keyboard
click on the fourth frame (to select all frames)

right click on any frame -> frame porperties , and choose 80 in the window that opens

11
file -> save as -> type .gif
when closing UGA, answer no to the question

Animation Shop

12
follow the explanations 1 to 5, but don’t save your work (for the moment)
edit -> copy special -> copy merged

13
open AS
edit -> paste as new animation

14
back into PSP
close the eye of « Background » and open the eye of « copy 1  »
edit -> copy special -> copy merged

15
into Animation shop -> edit -> paste after current frame

16
back into PSP
close the eye of « copy 1 » and open the eye of « copy 2 »
edit -> copy special -> copy merged
into Animation shop -> edit -> paste after current frame

17
back into PSP
close the eye of « copy 2 » and open the eye of « copy 3 »
edit -> copy special -> copy merged
into Animation shop -> edit -> paste after current frame

18
animation -> image property : 80
file -> save as... type .GIF
give a name to your work
the animation is done

thank you for following this tutorial
if you have any problem with it, don’t hesitate to write to me


Animation pour le tutoriel de Virginia (non-animé)  : « Fleur de Lotus »

cliquer sur la bannière de Virginia au début de la page pour voir le tutoriel non-animé en français
vous trouverez ci-dessous les explications pour ajouter l’effet « éclairage » à ce tutoriel
les explications ci-dessous sont conçues pour faire cette animation soit avec le logiciel Ulead Gif Animator (UGA)
soit avec Animation Shop (AS)

prenez ce crayon pour suivre les étapes
clic gauche maintenu pour le prendre et le déplacer

 

AS est un logiciel courant que tout le monde possède (en principe)
donc partant de ce principe je ne le fournis pas ici
par contre UGA est moins connu. Pourtant les résultats sont au rendez-vous !
on obtient au final des animations beaucoup moins lourdes et de meilleure qualité
je vous le fournis en français, cliquez sur le dragon (version française)

si vous souhaitez apprendre à bien maîtriser cet outil passionnant
vous pouvez vous inscrire à l’école « A vos Pinceaux »
note : les captures de ce tutoriel sont en anglais, mais cela ne vous gênera pas,
considérant que les emplacements où vous devrez intervenir sont identiques


tutoriel pour animer avec UGA
1
à la fin de l’étape 22 du tutoriel, après avoir ajouté votre signature,
Dans la palette des calques, activez le calque du bas
calques -> dupliquez -> 3 fois
renommez ces 3 copies « copie 1 »   « copie 2 »   « copie 3 »
votre palette de calques ressemble à cela

2
activez le calque du bas
effects -> effects d’éclairage -> halo

3
activez et ouvrez l’oeil de « copie 1 »  -  fermez l’oeil du calque de fond
effects -> effects d’éclairage -> halo

4
activez et ouvrez l’oeil de « copie 2 »  -  fermez l’oeil de « copie 1 »
effects -> effects d’éclairage -> halo

5
activez et ouvrez l’oeil de « copie 3  »  -  fermez l’oeil de « copie 2 »
effects -> effects d’éclairage -> halo

fermez l’oeil des calques « copie 1  2  et 3 »  -  activez le calque du bas
votre palette des calques ressemble à ceci

6
ouvrez UGA, et ouvrez votre travail
cliquez en bas sur « dupliquer des images »

7
dans la colonne des objets à droite, fermez l’oeil du calque de fond
ouvrez l’oeil de « copie 1 »

« dupliquer des images » en bas

8
fermez l’oeil de « copie 1 » et ouvrez l’oeil de « copie 2 »

« dupliquer des images » en bas

9
fermez l’oeil de « copie 2 » et ouvrez l’oeil de « copie 3 »

10
en bas, sélectionnez la première image puis enfoncez la touche majuscule de votre clavier
maintenez-la enfoncée, et cliquez sur la dernière image (la quatrième)
toutes les images s’entourent de bleu, elles sont délectionnées

clic droit sur l’une d’elles, et choisir 80 dans la fenêtre qui s’ouvre

11
fichier -> enregistrer sous... type .gif
en fermant UGA ->
une petite alerte apparaîtra alors, vous demandant si vous voulez modifier votre création
vous répondez NON

avec Animation Shop

12
suivre les étapes de 1 à 5
mais ne sauvegardez pas votre travail (pour le moment)
édition -> copie spéciale -> copier avec fusion

13
ouvrez AS -> coller comme nouvelle animation

14
dans PSP  fermez l’oeil du calque de fond, ouvrez l’oeil du calque « copie 1 »
édition -> copie spéciale -> copier avec fusion

15
retour dans  AS -> coller après l’image active

16
dans PSP, fermez l’oeil de « copie 1 » et ouvrez l’oeil de « copie 2 »
édition -> copie spéciale -> copier avec fusion

17
retour dans  AS -> coller après l’image active

18
dans PSP, fermez l’oeil de « copie 2 » et ouvrez l’oeil de « copie 3 »
édition -> copie spéciale -> copier avec fusion

19
animation -> propriété de l’image -> 80
enregistrez sous ... type .gif
donnez un nom à votre création

merci d’avoir suivi ce petit tutoriel
si vous avez le moindre souci, n’hésitez pas à me contacter

un compteur pour votre site