Animer une enveloppe ou une boîte (Gimp tuto)

La majorité de nos courriers sont des courriers virtuels ... Savoir animer une petite enveloppe ou faire s'ouvrir un cadeau pour fêter une occasion spéciale est  indispensable Simple à faire , il faudra vous armer de patience et être minutieux .

Le tuto ci-dessous montre comment animer une enveloppe avec Gimp -> pour animer une boîte , le principe sera exactement le même , seule la taille de l'image change (450x450)

 Afin de ne pas allonger inutilement le tutoriel avec  toute la partie dessin/décoration, vous pouvez trouver , si besoin , le template d'une enveloppe et le template d'une boîte à décorer . Nous partirons du principe que vous avez déjà décoré tous vos éléments .

ddl enveloppe	ddl boîte

Le principe est simple  :

-> pour débuter l'ouverture de l'enveloppe  , on modifie la hauteur du rabat fermé

(= étape 1 à 6 )

-> pour finir l'ouverture de l'enveloppe, on modifie la hauteur du rabat ouvert

(= étape 7 à 11 ) 

-> pour faire sortir la carte , on la déplace vers le haut 

(= étape 12 à 20 )  

 Pour afficher les images à leur taille réelle , cliquez dessus

==> Décorer tous les éléments de votre enveloppe ( fond / devant/rabats/carte)

==> Créer une nouvelle image en 350x360 (Fichier-> Nouvelle Image), importez tous les calques -décorés- sur cette image  (Fichier-> Ouvrir en tant que calques) et placez-les dans l'ordre (du haut vers le bas =>  rabat fermé ->  devanture  -> la carte --> rabat ouvert  -> fond  )

Vous devriez obtenir quelque chose ressemblant à ceci -la carte et le fond sont cachés  par le devant de l'enveloppe- :

---------

==>  Cachez le rabat ouvert en cliquant sur l'oeil : voici l'étape 1 de notre gif !  Sauvegardez l'enveloppe fermée en étape 1.png 

---------

==>  Avant toute chose , placez un guide horizontal pour pouvoir replacer les rabats  toujours à la bonne-et la même- place , à la jointure entre le fond et les rabats ouvert et fermé . C'est le plus important pour un résultat propre , même un seul petit pixel de décalage se verra !

--------- 

==> Préparez l'étape  2 -l'enveloppe commence à s'ouvrir-: sélectionnez le rabat fermé , avec l'outil de mise à l'échelle , appliquez une mise à l'échelle de 350 X310  et replacez  le rabat à sa place => sauvegardez  en étape 2.png (Menu Fichier -> Enregistrer sous -> étape 2.png)

---------

==> pour les étapes  3 , 4 , 5 et 6 ,  reprennez la même opération en modifiant simplement les chiffres de la mise à l'échelle ( étape 3 = 350 X 280 , étape 4 = 350 X250 , étape 5 = 350 x 200 , étape 6 = 350 x 150 ) et en replaçant les rabats à leur place . Pensez à bien sauvegarder chaque étape de l'ouverture de l'enveloppe .

--------- 

==> Supprimez le rabat fermé et rendre visible le rabat ouvert avec l'oeil : voici l'étape 11 de notre gif ( sauvegardez en étape 11.png ) 

 ---------

==> Nous allons  nous occuper des étapes 7 , 8 , 9 et 10 : la manipulation est la même que pour les précédentes étapes (Mise à l'échelle -> remettre le rabat ouvert à sa place-> sauvegardez l'étape en png) = étape 7 : 350 X  150 , étape 8 : 350 X200 , étape 9 : 350 x 250 , étape 10:= 350 x 280 

--------- 

==> Nous pouvons commencer à faire sortir la carte ! Déplacer la carte de 15 pixels vers le haut pour l'étape 12 , sauvegardez en png , puis encore de 15 pixels vers le haut pour l'étape 13 , sauvegardez en png , et ainsi de suite jusqu'à ce que votre carte soit bien visible !

--------

==> Nous avons terminé toutes les étapes de notre gif ! il ne reste plus qu'à effectuer le montage ! 

-------

==> Ouvrir une nouvelle image à fond transparent , toujours en 350 de large et 360 de haut 

--------

==> Sur cette nouvelle image , importez toutes les étapes , de 1.png à 20.png

--------- 

=> Afin que la carte reste sortie quelques temps , dupliquez le calque 20 (étape20.png) de 3 à 5 fois 

---------

=> Il ne reste plus qu'à sauvegarder au format .gif (Menu Fichier -> Enregistrer sous -> -> nom.gif ) . Cochez " animation" et"en boucle" , mettez la vitesse de défilement à 200 . Pour finir , choisissez le mode "Une image  par calque (remplacer)" puis exportez !

Votre gif est terminé ! 

En modifiant les mises à l'échelle des rabats plus graduellement , vous obtiendrez bien plus d'étapes -> l'ouverture de votre enveloppe sera d'autant plus fluide ...

Merci d'avoir suivi ce tuto.

J'espère que ce tuto' vous aura plu ! Bien entendu , il s'agit d'un exemple , vous pouvez décider que votre gif aura moins ou plus d'étapes , il y a aussi plusieurs manières de s'y prendre , ce tuto' est là pour ceux et celles qui voudraient visualiser une marche à suivre  ...  

Amusez-vous bien ! N'hésitez pas à poser vos questions ou à partager vos oeuvres  en commentaires  !