Présentation de Flash Storybook Phase 2

• Avril 25, 2024

Ce tutoriel commence la deuxième phase de notre Flash^R Série iOS Storybook App. Si vous avez suivi, vous savez que la première phase explique comment créer une scène d'introduction animée pour une application de livre de contes. Cette introduction animée est facultative, mais vous pouvez lire ces didacticiels, car ils expliquent comment créer des animations et des boutons Flash de base.

La raison pour laquelle cette introduction animée est facultative au projet est que la plupart des applications de livre de contes s'ouvrent avec un graphique statique de la couverture du livre et un bouton ou une zone chaude où le lecteur touche ou glisse pour tourner la page.

C'est là que nous entamerons la phase deux de la série. Si vous avez créé l'intro animée dans la phase un, mettez-la de côté pour l'instant. Nous intégrerons les deux ensemble plus tard.

Jetons un coup d'œil au livre de contes. Comme vous pouvez le voir, nous avons plusieurs éléments sur et en dehors de la scène et notre chronologie principale contient 32 images. Sur l'image 1 du scénario principal, la scène contient l'image de couverture statique du livre d'histoires. Outre le graphique de la couverture du livre, la seule chose sur la scène est un bouton à bascule dans la couverture supérieure gauche. Ce bouton fait basculer la page du menu des paramètres.

En dehors de la scène et à gauche se trouve le graphique pageCurl que nous allons animer pour simuler les pages qui tournent lorsqu'elles sont touchées ou glissées.

Au-dessus de la scène se trouve la page de superposition du menu des paramètres. Lorsque vous cliquez sur le bouton bascule sur la scène, la page du menu des paramètres s'ouvre sur ce qui est déjà sur la scène. Cette page de paramètres contient des liens vers les pages d'informations du livre d'histoires, telles que les pages d'index et de crédits. Il contient également un bouton à bascule pour activer / désactiver la musique de fond et un lien vers le site Web de l'auteur.

Pourquoi avons-nous besoin de cette page du menu des paramètres? Parce qu'il contient un lien vers la page d'index, le lecteur a toujours un moyen de revenir au début du livre à partir de la page en cours qu'il consulte. C'est également une bonne idée de donner au lecteur la possibilité de désactiver la musique de fond. Et bien sûr, vous voulez que le lecteur visite votre site Web pour plus d'informations sur vous et vos autres applications de livres.

Examinons maintenant les calques du panneau Montage. Comme vous pouvez le voir, la couche inférieure est la couche de pages. À partir de l'image 3, chaque image contient un clip vidéo pour une page du livre. Nous allons créer un clip différent pour chaque page et placer les clips sur la scène. Au fur et à mesure que nous avançons dans la chronologie, nous «feuilletons» le livre.

De haut en bas, les autres couches sont les suivantes.

• actionsMain - contient le code ActionScript pour la navigation principale et les événements.
  
  
• actionsPages - contient le code ActionScript qui s'exécutera sur certaines pages du livre. Comme vous pouvez le voir, ces pages sont 11 et 31.
  
  
• setTogBtn - contient le bouton bascule du menu des paramètres.
  
  
• Dossier setMenu - ce dossier contient les couches qui affichent le graphique d'arrière-plan du menu des paramètres et les boutons individuels du menu.
  
  
• buttonsMain - contient les boutons de navigation avant et arrière.
  
  
• buttonsPages - contient des boutons qui démarreront le code ActionScript aux pages 11 et 31.
  
  
• pageCurl - contient le clip vidéo pageCurl qui crée la simulation de changement de page.
  
  
• pages - clips vidéo pour chaque page du livre de contes et autres pages d'information.
  
  

IMPORTANT: ces didacticiels de développement d'applications sont écrits en pensant au novice Flash. Vous devrez optimiser votre application au-delà de ce qui est couvert dans ces didacticiels avant de finaliser votre application pour l'App Store.


Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: LEARN E-BOOK DESIGN & ANIMATION IN Microsoft Office PowerPoint PPT (Avril 2024).