Graphique de couverture pour l'application Flash Storybook iOS
Dans ce didacticiel, nous allons créer les clips vidéo pour chaque page du livre d'histoires de l'application Flash iOS et les placer sur la chronologie principale en préparation de la construction de la navigation dans les pages.

Pour les lecteurs qui ont créé la première phase des didacticiels pour faire l'intro animée de leur livre de contes, mettez ce fichier fla de côté et démarrez un nouveau fichier de projet.

Nous allons commencer au début avec un nouveau FlashR Fichier de projet d'application iOS d'une largeur de 1024, d'une hauteur de 768 et d'une fréquence d'images de 24 à 30. Ces dimensions sont pour une mise en page paysage. Vous pouvez créer une mise en page portrait en définissant la largeur sur 768 et la hauteur sur 1024. Reportez-vous aux premiers didacticiels de la première phase pour savoir comment démarrer un nouveau projet iOS.

Je suppose que vous avez déjà créé un PhotoshopR fichier psd pour chaque page de votre livre. Ce fichier doit contenir le graphique d'arrière-plan sur le calque inférieur. Les éléments de conception individuels non inclus dans le calque d'arrière-plan doivent être sur leurs propres calques ci-dessus. Reportez-vous aux premiers didacticiels de la première phase pour savoir comment préparer vos fichiers Photoshop.

Si vous ne l'avez pas déjà fait, ouvrez le fichier psd de chaque page dans Photoshop et enregistrez le graphique sur le calque inférieur en tant que fichier png distinct.

  1. Sélectionnez le calque inférieur qui contient le graphique d'arrière-plan de la page.

  2. Dans la barre de menus, cliquez sur Modifier - Copier.

  3. Démarrez une nouvelle fenêtre d'image de résolution 1024 x 768 x 72.

  4. Cliquez sur Edition - Coller.

  5. Enregistrez le nouveau fichier sous cover.png.

  6. Répétez cette opération pour chaque page de votre livre, en nommant les fichiers png de manière séquentielle (par exemple cover.png, page1.png, page2.png etc.).

Nous allons maintenant construire la page de garde du livre dans le nouveau fichier fla.

  1. Sur l'image 1 du scénario principal, renommez le calque 1 en "pages".

  2. Cliquez sur Fichier - Importer - Importer sur la scène et sélectionnez le fichier cover.png.

  3. Cliquez avec le bouton droit sur le png et choisissez Convertir en symbole.

  4. Définissez le type de clip et cochez la case Exporter pour ActionScript.

  5. Nommez le symbole «couverture».

  6. Dans le panneau Propriétés, attribuez-lui un nom d'instance si "couvrir".

Nous utiliserons le fichier cover.png sur deux cadres et commencerons la première page du livre sur le cadre 3.

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: The Story of Stuff (Mars 2024).