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 : , , , , ,


« Accueil  1