ArtBook - le blog des tutoriaux graphiques -

Un blog rempli de tutoriaux gratuits et complets pour apprendre à utiliser Photoshop, Illustrator, Flash et d'autres applications web. Mise à jour très fréquentes.

31 janvier 2009

Livre qui s'ouvre et se ferme

Livre qui s’ouvre et se ferme

Je vous propose aujourd’hui de réaliser un livre au style ancien, ou vous pourrez présenter vos travaux ou photos, le tout dans un livre qui s’ouvre. Comme vous pouvez le voir sur mon site d’illustration à cette adresse : www.vianney.fr/illustrations

Pour réaliser ce tuto nous aurons besoin, d’une bibliothèque de sons que l’on trouvait exclusivement dans flash 8, vous pourrez la télécharger ici (ensuite installer la dans C:/Programmes (ou program files)/Adobe/Flash CS3/ )
Et il nous faudra ensuite les différentes images de l’animation que j’ai au préalable transformé sous Photoshop (je suis bon avec vous lol), télécharger le ici.

Nous avons maintenant en mains, tous les outils nécessaires. Ouvrez un nouveau, et importer toutes les images de l’archive dans votre bibliothèque.

01

01bis

Ensuite la méthode va être simple, il va juste falloir mettre les différentes toutes les 5 images.
Commençons par la page de gauche et de droite. Faites glisser la page de droite sur la scène. Coller la en bas, à droite.

02

En faisant ceci, nous allons gagner du temps pour la suite, et surtout cette page sera toujours au bon endroit. Maintenant d’un simple clic droit, insérer une image-clé toutes les 5 images. Et cela jusqu’à la 95 images.

03

Maintenant il va juste falloir insérer les différentes images de l’animation toutes les 5 images. Je vous explique pour la première, et vous donnerai juste la liste ensuite. La page de gauche doit être supprimé sur toutes les images jusqu’à l’image 90. Il suffit de faire glisser les images sur la scène.
* image 5 = page_gauche02
* images 10 = page_gauche03
* image 15 = page_gauche04
* image 20 = page_gauche05
* image 25 = 05
* images 30 = 04
* images 35 = 03
* images 40 = 02
* images 45 = 01

Nous voici à la moitié de l’animation, pour le reste c’est la même chose mais à l’envers, on repart de 02 jusqu’à page_gauche01.

Votre livre est terminé mais afin de rendre l’animation plus réaliste nous allons simplement ajouter le bruit des pages qui tournent. Pour cela ajouter un nouveau calque.

04

Ensuite rendez vous dans Fenêtre>Bibliothèque commune>Sons.

05

Maintenant choisissez le son book drops et faites le glisser sur votre scène, ajouter une image clé en 50 et reglissez le son book drops.

06

Il reste une petite touche finale, rendre l’animation un peu plus fluide, pour cela rien de plus simple double cliquez sur la cadence (voir photo), et passez la en 28 images/secondes.

07

J’ai essayé d’être le plus clair possible, mais les tutos pour flash sont les plus compliqués à écrire mais aussi à comprendre, je pensais donc refaire ce tuto mais en vidéo en fonction des demandes, si vous désirez donc avoir ce tuto en vidéo laissez moi un petit commentaire.
De plus je pensais le complété avec un second tuto sur les pages qui tournent avec un simple clic, de même si vous désirez voir ce tuto faites le moi savoir.

Arthelius

Si vous la moindre question, merci de la poser sur le forum (enregistrement obligatoire)

Posté par arthelius à 15:29 - Tutorial Flash - Commentaires [14] - Rétroliens [0] - Permalien [#]
Tags : , , , , ,

Commentaires

Explication

Merci pour ton tuto ,cependant il es un peux compliqué je comprends tes phrases:
"insérer une image-clé toutes les 5 images.
La page de gauche doit être supprimé sur toutes les images jusqu’à l’image 90. Il suffit de faire glisser les images sur la scène.
* image 5 = page_gauche02
* images 10 = page_gauche03
* image 15 = page_gauche04
* image 20 = page_gauche05
* image 25 = 05
* images 30 = 04
* images 35 = 03
* images 40 = 02
* images 45 = 01"

Merci pour ton aide
cordialement

Posté par Zamzam, 04 février 2009 à 13:02

En fait c'est assez compliqué à expliquer toutes les 5 images, là ou a été inséré des images clés il faut mettre les images du livre qui s'ouvre, celle qui étaient dans le dossier téléchargé.
Afin de créer l'animation du livre qui se ferme.

Mais si je ne suis pas clair (je pense que c'est d'ailleurs le cas lol)
Je peux refaire ce tuto en vidéo. ^^

Posté par arthelius, 04 février 2009 à 15:10

VIDEOO

Est ce qu'il y'aurait moyen de faire une vidéo avec le tuto? ce sera très sympa.
Merci d'avance.

Posté par FF, 27 février 2009 à 01:25

J'ai réussi ! je voudrai savoir comment faire pour que les pages tournent quand je clique.

Merci

Posté par FF, 27 février 2009 à 15:38

Ouiiiiii une Vidéo

ça sera sympa une vidéo en attente Mr arthelius.

Posté par zamzam, 11 mars 2009 à 12:42

Petit tuto fort sympa, de quoi piocher de bonnes idées.

Posté par luckobra, 27 mars 2009 à 22:05

+

Salut!
La vidéo ce serait top!

Posté par celineuh, 01 avril 2009 à 20:31

un ptit clic ;)

Super tuto

Effectivement je serait intéressée de savoir comment faire tourner les pages par clic

Merci encore pour ce bon boulot ;)
et bonne continuation ^_^
(au passage c'est un très bon site avec beaucoup de choses intéressantes, bravo!)

Posté par Sasia, 25 mai 2009 à 02:33

bonjour à tous,
ton animation est vraiment génial et j'aimerais faire de même mais je n'arrive pas à ouvrir les différentes images de l'animations transformé sous photoshop... comment faire?
Merci d'avance pour votre aide

marg0tt

Posté par margot, 19 septembre 2009 à 15:05

bravo!

Super tuto ! Je connaissais le script PageFlip, que j'ai moi même customisé et personnalisé, et le tien est vraiment bien expliqué et intéressant.
Encore bravo :)

Posté par ReKieM, 30 septembre 2009 à 15:28

salut j'aimerais en faire un moi aussi mais c'est avec quel logciel que tu fait ca merci

Posté par romain, 15 octobre 2009 à 13:21

salut j'aimerais en faire un moi aussi mais c'est avec quel logciel que tu fait ca merci

Posté par romain, 15 octobre 2009 à 13:21

Salut

salut et bravo pour cette animation !

Par ton tuto n'est pas complet, il manque pas la partie ActionScript ?
Sa serai sympa que tu mettes le fichier .fla en téléchargement aussi !

@ bientot

Posté par polo, 17 octobre 2009 à 09:02

MERCI

Grace à votre tutorat j'ai réussi à faire le livre mais comment faire pour que se soit comment dans votre illustration les pages qui tourne au clic.

merci d'avance

Posté par INGRIS, 20 octobre 2009 à 14:12

Poster un commentaire







Rétroliens

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=327702&pid=12300955

Liens vers des weblogs qui référencent ce message :