AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 livre animé

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Lunard
Chef
Chef
avatar

Féminin
Nombre de messages : 642
Age : 28
Date d'inscription : 01/04/2006

MessageSujet: livre animé   Mar 19 Mai 2009, 15:51

Nous allons apprendre à animer les page d'un livre comme ici:


1) trouver une image de livre ouvert vu de dessus
voilà pour moi:
Spoiler:
 
On l'ouvre dans Photoshop et on enlève le contour blanc.

2) On sélectionne la première page avec l'outil sélection rectangulaire et on fait clic droit => calque par copier
Spoiler:
 
on voit qu'un nouveau calque avec uniquement la page de gauche a été crée, on le nomme page gauche


3) On se replace sur le calque livre et on sélectionne l'autre page, puis de la même façon clic droit et "calque par copier", et on nomme le nouveau calque page droite


4) animation de la page droite (on peut commencer par la page qu'on veux mais faut bien en choisir une pour commencer xD). Le principe est le même que pour l'animation des ailes du papillon dans le tuto papillon animé.
On duplique le calque page droite, et avec l'outil transformation manuelle (édition => transformation manuelle ou ctrl+T), on écrase le calque comme ici:
Spoiler:
 

5) On duplique le calque que l'on vient de modifier et on le transforme de la même façon, et ainsi de suite pour créer autant de calques qu'il le faudra jusqu'à ce que la page soit presque à la verticale.
Spoiler:
 

6) On fait la même chose pour la page de gauche.
Spoiler:
 

7) On va pouvoir animer
Passez dans imageready ou ouvrez la palette d'animation de Photoshop (Photoshop CS2 ou plus).
Cachez tous les calques sauf le calque du livre entier, en cliquant sur le petit oeil à côté de chaque calque.

Créer une nouvelle image dans la fenêtre d'animation ( ) , puis faites apparaitre le premier calque de la page de droite que vous avez transformé.
Créer encore une nouvelle image, dans celle ci faites disparaitre le premier calque de la page de droite et faites apparaitre le deuxième.
Et ainsi de suite, jusqu'à la dernière page de droite.
nous en sommes là:


8) Maintenant l'autre page
On continue de la même façon en faisant apparaitre tour à tour la dernière image de la page de gauche créée (celle ou la page est la plus au centre) jusqu'à la première (ou le livre est entièrement ouvert)
ça nous donne:


et voilà, on a fini!

Pour le mettre dans une création, le principe sera le même que pour ajouter un gif animé à sa création (voir tuto), je résume quand même:
- lier tous les calques de l'animation
- avec la petite flèche à droite de la fenêtre d'animation, sélectionner toutes les images, puis copier toutes les images
- dans la création, créer autant d'image qu'il y en a dans le gif du livre
- avec la petite flèche à droite de la fenêtre d'animation, sélectionner toutes les images et coller les images, en cochant bien "coller sur la sélection"
- sélectionner les calques ajoutés et utiliser la transformation manuelle pour les réduire/tourner


_________________
Revenir en haut Aller en bas
http://collegepoudlard.virtuaboard.com
 
livre animé
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Résolu] image gif animé dans un livre
» Affichage sous IE des smileys et gif animés
» un son au passage de souris sur une baniere animée (résolu)
» Livre d'or
» texte animé et roll-over

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le fofo de Lunard :: étagère 3: Tutos et astuces :: ● Tutoriels :: Photoshop :: Imageready-
Sauter vers: