All Articles InDesign
Création d'une galerie d'images. Swf dans InDesign pour ePub
David Smith on Mon, April 2nd 4 comments
ePubs are all the rage and Adobe InDesign CS5.5 supports some intriguing, interactive features for this format. David Smith shows how to create an SWF image gallery for the ePub format.

L'ascension fulgurante de la popularité des ePub a vu Adobe répondre avec certaines applications de grandes nouvelles, ainsi que de grandes nouvelles fonctionnalités pour les applications existantes. Jusque là, près du haut de cette cohorte de frais sont quelques-unes des fonctions interactives dans InDesign. Aucun d'autant plus que la création de galeries interactives dans les fichiers SWF..


Étape 1 - Préparez quelques photos

Ouvrez 4 images dans Photoshop et sélectionnez l'outil de recadrage.

crop tool options

Options de l'outil de récolte.


Définissez la taille outil de recadrage pour 12cm de large et de haute 8cm, et la résolution de 300 ppi. Cela permettra d'assurer toutes les images sont de la même taille, et qu'ils ont déjà s'adapter à la page InDesign.

Des cultures de chaque image jusqu'à ce que vous êtes satisfait de la composition et le contenu de chaque rapport un et appuyez sur pour accepter la modification des cultures.


Étape 2 - Faire de la RGB Images

Allez dans le menu Image et choisissez le mode

RGB mode

Mode RVB.


Enfin sauvegarder chaque image, à son tour comme un jpg et de les nommer "Galerie Photo 1", "Galerie Photo 2», etc Puis près Photoshop.


Étape 3 - Placer les images

Dans votre document InDesign ajouter une nouvelle page, ou sélectionnez un vide. Appuyez sur Commande-D pour commencer à placer des images.

Place options

Placer les options.


Sélectionnez tous les 4 images Pic Galerie vous venez de créer et cliquez sur Ouvrir. Tous les 4 images sont chargées dans votre curseur dans InDesign, en attente d'être placés.

Cliquez 4 fois sur différentes parties de la page afin que chaque image apparaît placé sur la page. Rappelez-vous qu'ils ont été dimensionnés déjà dans Photoshop il n'ya donc aucune nécessité de les redimensionner ici.


Étape 4 - Aligner les images

Sélectionnez tous les 4 blocs graphiques sur la page et utiliser le panneau Aligner pour les aligner à la fois horizontalement et verticalement pour qu'ils partagent tous le même X et Y coordonnées.

The aligned images.

Les images alignées.


Étape 5 - Création d'un objet

Gardez les 4 images sélectionnées et de modifier la disposition des fenêtres à Interactive. Cela permet d'afficher le panneau Objet États.

Object panel

Panneau Objet.


Ouvrez le panneau Objet États et cliquez sur le bouton Convertir la sélection objet multi-état. Cela rend les 4 images un Groupe multi-état, qui est ce que nous devons créer notre galerie. Nommez le groupe "Galerie 1" dans le champ Nom de l'objet et appuyez sur Return.


Étape 6 - Ajouter des boutons

Maintenant, trouver le panneau de l'échantillon Boutons et choisissez un style de bouton que vous souhaitez utiliser. Faites glisser l'une pointant vers la droite sur le côté droit de votre Galerie 1 objet. Redimensionner si vous en avez besoin.

Buttons placed

Les boutons placés.


Faites la même chose sur le côté gauche à l'aide d'une flèche pointant à gauche. Ils deviendront nos boutons précédent et suivant pour la galerie. N'oubliez pas d'être soigné et de les aligner.

Astuce: Tout peut être utilisé comme un bouton, et pas seulement le contenu de la bibliothèque.


Étape 7 - Assurez-Les boutons fonctionnent

Sélectionnez le bouton à côté et ouvrez le panneau appelé Boutons. Ici, nous pouvons ajouter des comportements à la touche et aussi les nommer. Nommez ce bouton Suivant.

Actions

Actions au travail.


L'action Aller à l'URL est déjà ajouté à un bouton sur un événement de presse Le, ce qui signifie que quand un bouton est cliqué et relâché l'URL serait ouvrir. Pour supprimer cette action cliquez sur le bouton moins à côté des actions. Puis cliquez sur le bouton Plus pour ajouter une nouvelle action en choisissant dans la liste. Modifiez l'action de passer à l'état suivant.

Assurez-vous que l'action est orientée vers Galerie 1 dans l'objet dans le menu déroulant.

Cette action signifie que lorsque le bouton est cliqué suivante la Galerie 1 objet va changer à l'état suivant (photo) dans le groupe multi-état.


Étape 8 - Ajout d'un bouton Précédent

Répétez l'étape 7 pour le bouton précédent, que de choisir l'action que sur la libération Aller à l'état précédent, et le nom de ce bouton Précédent.


Étape 9 - Exporter au format SWF

Enregistrer le document en choisissant

Flash Export Menu

Exportation au format Flash Menu.


Enregistrez le fichier SWF, puis à l'ouvrir en utilisant Flash Player ou un navigateur Web.

Cliquez sur les boutons Suivant et Précédent pour voir la galerie.

Final Gallery

Galerie final.


Maintenant cela devrait être suffisant pour vous tenir occupé ajoutant un peu de punch à vos documents interactifs. Si vous voulez vraiment ajouter de l'éclat supplémentaire n'oubliez pas d'inclure des boucles de page interactives dans vos options d'exportation swf pour que l'expérience vraiment immersive utilisateur.


Related Videos
Comments (4)

You must be logged in to comment.

  • Jasmine
    Hi David How does this tie in with epub?
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    It's not specifically a technique for ePub. Interactive .swf is a more likely use, perhaps I should re-name it. However if you do intend to add a swf gallery to an ePub file (granted ignoring iOS users) this is how you'd create the swf.
    • 8 years ago
    • By: David Smith
    Reply
  • Jasmine
    Hi David Thanks for getting back to me so fast. How do you add a swf file to an ePub file? Could you recommend an ebook reader/tablet device that supports swf animation? Jazzy
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    Bookworm supports Flash, you need to use some ActionScript to embed the .swf. You also need a fallback (usually a .jpg) for all the readers that don't support Flash.
    • 8 years ago
    • By: David Smith
    Reply
OBS 101 - The OBS Video Manual
OBS 101
Dream It. Do It.
Do you want to learn OBS 101 - The OBS Video Manual?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: