Articles Commentaires

Artbooktuto » Tuto Flash » Livre qui s’ouvre et se ferme

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.

35347979 500x345 Livre qui souvre et se ferme

35348013 203x500 Livre qui souvre et se ferme

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.

35348027 500x288 Livre qui souvre et se ferme

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.

35348038 500x93 Livre qui souvre et se ferme

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.

35348062 Livre qui souvre et se ferme

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

35348082 500x252 Livre qui souvre et se ferme

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.

35348106 500x91 Livre qui souvre et se ferme

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.

35348124 Livre qui souvre et se ferme

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)

VN:F [1.9.16_1159]
Rating: 6.0/10 (15 votes cast)
Livre qui s'ouvre et se ferme, 6.0 out of 10 based on 15 ratings

Articles en relation :

  1. Livre : 25 pas à pas pour Illustrator – tome 2 -
  2. [critique de livre]Illustrateur Jeunesse
  3. Livre Artbooktuto : 25 Tutoriaux Illustrator
  4. [tuto photoshop] Transformer une photo en dessin
  5. [tuto photoshop] Fusionner 2 images

Classé dans : Tuto Flash · Mots-Clés: , , , , ,

28 Réponses pour "Livre qui s’ouvre et se ferme"

  1. Zamzam dit :

    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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  2. arthelius dit :

    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. ^^

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  3. FF dit :

    VIDEOO

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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  4. FF dit :

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

    Merci

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  5. zamzam dit :

    Ouiiiiii une Vidéo

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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  6. luckobra dit :

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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  7. celineuh dit :

    +

    Salut!
    La vidéo ce serait top!

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  8. Sasia dit :

    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!)

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  9. margot dit :

    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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  10. ReKieM dit :

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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  11. romain dit :

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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  12. polo dit :

    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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  13. INGRIS dit :

    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

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  14. ametrine51 dit :

    bravo

    Bonjour,
    Je vous remercie beaucoup pour ce tuto mais c’est vrai qu’une vidéo serait la bienvenue pour une grand-mère débutante en flash comme moi !
    En tout cas ” Bravo pour tout ce travail” !
    ametrine51

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  15. saka dit :

    J’ai pas encore éssayé, je dois ???

    Ils m’ont refroidi avec leurs commentaires !!!
    Merci en tout cas …. ca aide vraiment beaucoup !!!

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  16. lionel dit :

    J’aime

    Bonjour,

    J’aime beaucoup ton tuto, mais pourrais tu m’envoyer le fichier .fla s’il te plait que je puisse voir ton action script car je pèche un peut.

    Merci beaucoup et bonne journée.

    Cordialement.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  17. magali dit :

    bonjour,
    ce tuto m’interresse beaucoup. Je vais essayer de le réaliser et je verrai après pour faire tourner les pages grâce au clic de la souris… Merci beaucoup pour le partage.

    VA:F [1.9.16_1159]
    Rating: 1.0/5 (1 vote cast)
  18. Aurélie dit :

    Coucou !!
    Je suis complètement nouvelle pour ce genre d’animation et je voudrais savoir s’il est possible de mettre cette animation pour une video et comment faire si c’est possible

    Merci beaucoup par avance

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  19. Vianney Carvalho dit :

    Je ne suis pas un spécialiste de la vidéo donc je ne serais vous dire. Sincèrement désolé.

    VN:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  20. Faustino Rosario dit :

    Bonjour monsieur Carvalho
    Tout d’abord j’aimerais vous remercier de m’avoir accepté sur Artbooktuto
    Je vais ainsi profiter des connaissances que gentiment vous partagez avec nous.
    Si vous permettez je vais vous poser une question en rapport avec le tutoriel Flash “le livre que s’ouvre et se ferme”
    Selon votre indication, le fichier .fla avec les sons, (que vous fournissez), devrai être placé dans C:/Programmes/Adobe/Flash CS3/
    Mais dans Flash CS3, en plus des dll il y a plusieurs dossiers.
    Savez-vous dans quel dossier devrais être installé le fichier avec les sons ?
    Merci de votre collaboration
    L’eternel apprenti.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  21. Vianney Carvalho dit :

    Bonjour
    Appelez moi Vianney ^^
    Une fois votre fichier terminé vous pouvez le publier en cochant les cases désirées. (swf + index.html + les sons) dans el dossier de votre choix.
    Après si vous en faites une application local il suffit de récupérer le dossier en entier le fichier fonctionne comme lorsque vous faites un Ctrl + entrée sous flash.

    Je ne sais pas si j’ai répondu, si besoin n’hésitez pas.

    PS : j’adore votre signature, car c’est vrai nous sommes tous des éternels apprentis.

    VN:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  22. Eva dit :

    Heu… alors quand je commence j’importe les images dans la bibliothèque mais…
    j’ai bien 01.png mais le graphique porte comme nom “symbole 01″. Est-ce qu’il faut les renommer ? Je ne sais pas si je suis claire :)
    Et oui tu es bon avec nous… merci de nous filer les images !

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  23. Eva dit :

    Je démarre dans flash, peut-être que je devais commencer par plus simple !! Mais ce livre qui s’ouvre et se ferme me plait vraiment beaucoup…

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  24. Eva dit :

    Je vais quand même essayer, et je vais chercher (finalement c’est ce que j’aime dans la découverte d’un logiciel quand j’ai quelques bases !). Mais alors il y a des coms qui me sidère : Lionel qui veut le fichier flash !!! Alors ça je ne l’avais jamais vu. Le but ce n’est pas de pomper (enfin, pas complètement :) ) mais de le faire soi même.
    Bises

    J’ai renommer tous mes fichiers dans la biblio (j’ai vu dans l’aide que ça n’avait pas d’incidence, j’espère que c’est vrai !).

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  25. Eva dit :

    J’espère que ce tuto n’est pas trop ancien pour que je puisse avoir une réponse. J’ai réussi à faire l’anim du livre mais je ne vois pas dans quel dossier je dois mettre le fichier son. Je suis sur mac. Merci.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  26. Faustino Rosario dit :

    Bonjour Vianney
    Merci pour les explications concernant le fichier son.
    J’ai ne le pas fait exactement comme vous m’avez expliqué, mais j’ai compris le principe.
    J’ai réussi à mettre les sons dans un dossier indépendant de Flash et maintenant je peux les insérer dans n’importe quel animation comme un son normal.
    Salutations
    L’eternel apprenti

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  27. Patrick dit :

    Merci pour le tuto…une vidéo serait mieux encore

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
  28. moniquev dit :

    Bonjour Vianney
    tout d’abord, je ne parviens pas à télécharger les bibliothèques, snif, ensuite j’ai flash puis-je faire le tuto avec CS2? et une video serait la bienvenue ou le fla (qui s’ouvre avec flash8!!) je suis toute débutante cette animation il y a longtemps que j’ai envie de la faire, merci pour vos infos et votre aide
    Monique, toujours débutante aussi, plus que Faustino

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)

Laisser un commentaire

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>