Conception d'un epub interactif avec Adobe InDesign

1. Introduction à la création d'un epub avec Adobe InDesign: Bonjour, je m'appelle Cam Davis. je veux vous montrer comment transformer vos conceptions éditoriales en publications électroniques cours, je veux vous montrer comment transformer vos conceptions éditoriales en publications électroniques ou en EPUB Certaines choses que vous allez apprendre sont comment créer un menu coulissant. Je souhaite également vous montrer comment passer d'une page à l'autre avec une navigation simple. Vous apprendrez également à connecter des pages à partir de la table des matières. De plus, vous allez apprendre à créer un diaporama et animer des éléments sur et hors de la page Il y en a bien d'autres également. Je suis designer, illustratrice, éducatrice depuis plus de 20 ans, et ce cours s'adresse à tout le monde, mais avoir une connaissance pratique du design final sera très utile Je suis donc vraiment contente que tu sois là. Allons-y et commençons. 2. Démarrage du projet Epub: Bonjour, c'est Cam. Je voudrais vous parler de certaines choses nécessaires pour ce cours. Tout d'abord, vous aurez besoin d'Adobe et de Design. Nous effectuerons la plupart de nos exercices dans cette application. Deuxièmement, vous aurez besoin d' Adobe Photoshop. Nous allons faire l'un de nos exercices en utilisant cela. En outre , vous aurez besoin de certaines applications , comme une liseuse électronique, comme Adobe Digital Editions ou Apple Books. Vous pouvez les installer sur les différents appareils que vous possédez. Maintenant, la dernière chose est que vous devrez télécharger le dossier qu'ils ont pour vous. J'ai une mise en page complète pour vous, mais vous allez créer les éléments interactifs. 3. Créer une navigation simple: Bonjour, c'est Cam. Je veux vous montrer comment créer un système de navigation simple. Vous voulez pouvoir vous déplacer en arrière ou en avant entre vos pages. La technique que nous allons utiliser consiste à créer des boutons interactifs. Cela déclencherait ce mouvement entre ces pages. Nous allons commencer par ouvrir le fichier de conception de Take a Hike. Une fois que vous l'aurez ouvert, nous irons dans le panneau des pages ici afin de pouvoir travailler sur ces boutons. Ils se trouvent sur la page parent. Allez-y et cliquez dessus. Nous allons les ouvrir, puis double-cliquer ici sur la page principale ou la page parent. Appuyez sur la touche W pour que nous puissions voir nos directives comme ceci. Nous voulons être en mesure de bien aligner les choses . C'est bien de les porter. Vous pouvez prévisualiser votre travail de temps à autre en activant ou en désactivant ces directives en appuyant sur la touche W. Maintenant que vous êtes ici, vous pouvez voir que certains boutons sont déjà conçus pour revenir en arrière et en avant. Nous avons également mis en place un système de numérotation des pages ici. Mais je tiens à vous faire remarquer quelque chose avant faire notre partie interactive. Passons au panneau des calques. Cliquez dessus et remarquez qu' il y a une couche de boutons ici, et j'ai évidemment mis les boutons dessus. La raison en est qu'ils sont conçus de telle sorte que vous voulez qu'ils restent au fait des autres éléments tels que les photographies et autres éléments de ce genre. Si vous les placez sur cette couche supérieure, ils seront correctement placés au-dessus de ces éléments. Maintenant, ce que nous allons faire, c'est les transformer en boutons interactifs. Maintenant, pour commencer, vous pouvez les transformer en boutons eux-mêmes si vous le souhaitez, mais j'aime vraiment avoir une zone cliquable ou tapotable un peu plus grande avec laquelle travailler C'est un peu plus facile pour l'utilisateur de le faire. Ce que j'aimerais faire, c'est obtenir mon outil rectangulaire comme celui-ci et m'assurer qu'il n'y a ni fond ni trait ici. Ensuite, j'aimerais dessiner un rectangle juste autour de ces boutons, juste comme ça. Ensuite, je vais me procurer mon outil de sélection. Option, cliquez. Vous remarquez le pointeur à double tête. Cela signifie que je veux dupliquer, je vais passer à droite. Je veux maintenir ma touche Shift enfoncée pour qu'elle puisse passer en ligne droite, afin qu'elles soient bien alignées. Je vais me positionner sur ce bouton, comme ça. Cliquez sur le côté. Nous avons déjà créé nos boutons interactifs. Nous ne les avons pas encore connectés, mais nous avons créé cette zone tactile que nos utilisateurs peuvent utiliser pour avancer et Maintenant, ce que nous devons faire, c'est accéder à notre panneau de boutons comme celui-ci, boutons et formulaires, et nous allons les transformer en boutons interactifs. Cliquons sur celui-ci. Nous allons aller ici, cliquer sur le type et accéder à la liste déroulante. Vous remarquerez qu'il existe d'autres options pour cela, case à cocher, une zone de liste déroulante, etc. Mais pour nos besoins, nous voulons en faire un bouton. L'événement que nous allons rendre interactif est le tap ou le release. L'action que nous voulons est d'aller à la page précédente comme ça. C'est tout ce qu'il y a dans celui-ci. Nous allons cliquer sur ce bouton, puis nous dirons que nous voulons que ce soit également un bouton. Lorsque vous appuyez ou relâchez, relâchez ou touchez. L'action. Celui-ci doit passer à la page suivante comme ça. Ensuite, nous allons procéder à la clôture. Cliquez sur le côté pour désélectionner. Nous voulons maintenant tester cela. C'est une étape très importante ici. Chaque fois que vous effectuez un travail, ne partez pas du principe qu'il fonctionne automatiquement parfaitement. Allez-y et testez-le avant de passer à une nouvelle technique. Nous devrons accéder à notre panneau de pages et descendre à notre page normale comme ceci, comme notre couverture. Vous ne pouvez pas effectuer l'aperçu sur la page principale ou sur la page parent. Nous devons aller sur une page normale comme celle-ci. Maintenant, si vous ne voyez pas tous ces panneaux de cette façon, assurez-vous que vous êtes dans l'espace de travail de publication numérique. Parfois, ce sera ou sera généralement le cas par défaut, mais nous voulons l'ouvrir à la publication numérique. Nous allons ouvrir la fenêtre d' interactivité d'ePub. Vous devez vous assurer que cette option est sélectionnée sur plusieurs pages, car il est évident que nous allons en arrière et en avant entre les pages. Nous allons passer à l' aperçu du jeu juste pour nous assurer qu' il est actualisé, comme ça J'écrirai le code HTML, comme vous pouvez le voir ici. Allons-y et cliquons sur notre bouton. Voyons voir si cela fonctionne. Nous y voilà. Avancez de quelques cadres ou de quelques pages, puis nous reviendrons également en arrière. Pas trop dur. Nous avons créé avec succès des boutons interactifs pour avancer et reculer dans nos pages. Ensuite, nous allons créer une navigation à partir de la table des matières. 4. Créer la navigation à partir de la TOC: Bonjour, c'est une caméra. Je vais vous montrer comment créer une navigation sur la page de table des matières. Vous souhaitez apprendre à créer des boutons interactifs pour accéder à des pages spécifiques de votre document. Commençons par ouvrir notre document à la page numéro deux. Si vous n'êtes pas encore passé de votre espace de travail à publication numérique, allez-y. Ensuite, nous cliquerons dessus dans le panneau de nos pages ici. Nous allons passer à la page numéro deux afin de travailler sur cette table des matières. OK. Nous voulons maintenant créer des boutons représentant les zones sur lesquelles vous pouvez appuyer sur nos pages et les numéros de page ici Mais bien sûr, au lieu de passer à la page suivante et de revenir à une page précédente, comme nous l'avons fait avec nos boutons dans la dernière vidéo, nous voulons les faire pour accéder à une page spécifique. Nous devons créer nos boutons en haut ici. Allons-y et créons un rectangle avec notre outil de création de rectangles. Je veux les fabriquer à une taille précise. OK, faisons-le. Si nous l'avons fait, remontons à notre barre d' options en haut. Faites en sorte que notre largeur soit de 150 pixels. Ensuite, nous allons faire en sorte que la hauteur soit de 28 pixels. Procurez-vous notre outil de sélection, et nous voulons nous assurer qu' il se trouve juste en haut de notre page. Maintenant, vous devez vous assurer qu'il figure de manière à ce qu'il recouvre notre nom plus long ici, Mountains, numéro neuf, page numéro neuf. Ça a l'air plutôt bien là. Nous voulons nous asseoir en plein milieu. Maintenant, ce que nous allons faire, c'est monter dans notre menu d' édition, puis descendre à l'étape et répéter. Maintenant, voyons voir, le vôtre sera configuré comme ceci avec des zéros Très probablement, lorsqu'il apparaît par défaut, et que vous souhaitez le faire. C'est probablement ce que vous utiliserez par défaut par défaut. Ce que nous voulons faire, c'est configurer le décalage pour commencer. Nous voulons que l'horizontale soit nulle. Nous voulons que la verticale soit configurée de telle sorte qu'il y ait environ quatre pixels entre ces cases. Maintenant, notre boîte d'origine fait 28 pixels. Ce que nous allons faire, c'est en taper deux, comme ça, nous allons appuyer sur ma touche de tabulation pour le saisir. Assurez-vous que votre sélection d'aperçu est cochée ici. Ensuite, nous allons cliquer sur la flèche vers le haut comme ceci, et nous pourrons la prévisualiser en créant nos cases pour nous. Maintenant, le fait que ces boîtes soient fabriquées au-dessus des zones intermédiaires ne nous inquiète pas . Nous allons dire : OK, comme ça. Nous allons simplement revenir en arrière, cliquer sur le côté, puis supprimer ceux dont nous n'avons pas besoin. Donc. Maintenant, cela les a parfaitement espacés Nous n'avons pas eu à le regarder et à voir s'il était exactement correct ou quoi que ce soit d'autre, mettre là, juste comme il se doit Enfilez des calmars et portez-les à l'aide de notre panneau de boutons. Nous allons cliquer sur la première case. Nous allons en faire un bouton, comme nous l'avons fait dans notre dernière vidéo. Nous voulons que ce soit l'action ici, je serai sur le pouce ou je le relâcherai. L'action sera d'aller à la page. Nous allons spécifier la page à laquelle aller, qui sera la page numéro trois. Passons maintenant au suivant. Même chose pour chacun d'entre eux. Créez un bouton, relâchez ou appuyez, l'action à effectuer pour accéder à une page spécifique, et voici la page numéro quatre. Quatrièmement, j'aimerais appuyer sur la touche Tab pour saisir ces informations. Cliquez sur le suivant . Pareil ici. Passons en revue chacun d'entre eux. En ajoutant l'action, passez à la page. C'est la page numéro six, comme ça. Il s'agit de la page numéro 9. Nous allons créer un bouton. L'action consiste à accéder à la page. Page numéro neuf. Notre prochaine page est donc le numéro 11, page 11. Bouton, action, passez à la page numéro 11. Enfin, notre dernier bouton sera « Voyons voir », passez à la page numéro 12. Page numéro 12. Je vais cliquer sur le côté pour désélectionner, puis fermer cette sauvegarde. Maintenant, installons plutôt notre page d'aperçu ici, le panneau de prévisualisation. Vérifions-nous que le mode pages multiples est sélectionné. Ensuite, nous voulons réellement effacer l'aperçu, afin de nous assurer qu'il met à jour le travail que nous venons de faire. Cliquez sur l'aperçu ici, plusieurs pages. Je vais l'écrire pour nous. Maintenant, allons-y et commençons par cette page. Nous allons les tester. Cliquez sur celui-ci. Cela fonctionne. Nous allons revenir à la dernière page ici. Montana. Allons-y. Et puis le Brésil, page 6, nous voyons que cela fonctionne. De retour ici. J'aimerais passer en revue chacun d'entre eux pour m' assurer que je les ai tous bien compris. Voyons voir. Froid. Allons-y. Revenons en arrière. Enfin, la randonnée. Allons-y. Nous l'avons là. Nous avons créé des boutons qui mènent à une page spécifique. Ensuite, nous allons créer un menu coulissant. 5. Diapositive dans le menu: Bonjour, c'est Sam. Nous allons créer un menu à diapositives dans cette vidéo. Maintenant, c'est un peu plus complexe. Vous allez travailler avec la fonction d'animation, et vous allez créer les boutons pour déclencher l'animation. Maintenant, ces boutons sont communément appelés hamburgers dans une publication numérique ou un site Web On les appelle ainsi parce qu'en général, vous verrez ces icônes comportant trois lignes, et elles ressemblent simplement à des hamburgers, d'où leur nom Commençons par ouvrir votre document. Passons ensuite à la page parent ou à la page principale. Nous allons double-cliquer ici pour l'afficher. Maintenant, allons-y et mettons cela de côté en cliquant sur les doubles flèches ici ou nous aurions pu également cliquer sur l'icône Passons ensuite au panneau Calques en bas. Cliquez dessus. Je veux que vous rendiez ces deux sous-couches visibles. Celui qui s'appelle Hamburger, et celui qui commence Hiking l'est Nous allons cliquer juste à gauche ici comme ça dans ce champ extérieur. C'est là que ça le rend visible. Maintenant, arrêtons et mettons ça de côté. Nous avons ici un hamburger et un document d' information sur la droite Ce bouton ici, ce symbole est devenu aussi universellement connu que ce bouton où, si vous cliquez dessus ou appuyez dessus, certaines informations actuellement masquées apparaîtront sur votre écran ou sur la composition ici d'une manière ou d'une autre. Il peut s'animer ou simplement apparaître. Mais le hamburger est désormais connu sous le nom de bouton. Ce que nous allons faire, c'est créer notre bouton habituel ici, où nous avons un bouton clair au-dessus de celui-ci. Ensuite, lorsque nous cliquons dessus, ce panneau apparaîtra sur notre écran. Lorsque nous voudrons partir, nous cliquerons sur ce bouton ici. Nous allons en faire un bouton et le faire disparaître. En fin de compte, nous voulons que cela s'anime à l'écran et en dehors de l'écran Voici comment nous allons procéder. Nous allons en faire un objet à états multiples. Au fur et à mesure que vous avancerez ici, au fur et à mesure que nous le développons, vous comprendrez ici, au fur et à mesure que nous le développons, pourquoi vous avez besoin de plusieurs états. Un objet à états multiples est exactement ce qu'il paraît, un objet particulier que vous multipliez puis vous le déplacez vers différentes positions ou des objets du genre, et ils apparaissent lorsque nous cliquons sur les boutons pour les déclencher. Passons à autre chose et vous verrez cela au fur et à mesure de son évolution. Créons maintenant quelques-unes de nos régions que vous pouvez toucher à l'aide de notre outil rectangulaire. Cliquons dessus. Nous allons monter ici et faire un rectangle autour de notre hamburger comme ça Ensuite, nous allons en créer une ici autour de ce bouton, de cette petite icône. Je vais me procurer mon outil de sélection. Maintenant, vous devez cliquer sur la case d'information ici, ce bloc de texte en fait, puis cliquer sur la touche Maj pour le sélectionner également. Ensuite, nous allons passer au Command G pour le groupe. Nous voulons regrouper tout cela. Maintenant, je vais revenir en arrière et sélectionner ceci. Tout cela devrait être regroupé maintenant. Nous allons modifier et copier, puis nous allons modifier et coller sur place. Cela permet d'en faire une copie et de coller un droit exactement au-dessus de l'original. Ensuite, nous allons le faire une fois de plus, en le collant sur place. Nous devrions maintenant en avoir trois versions, l'originale et les deux que nous avons placées juste au-dessus. Nous allons maintenant passer au panneau des états des objets, comme ça, et laissez-moi réessayer. Revenons ici et cliquons dessus et faisons glisser le pointeur. Assurez-vous de ne pas appuyer sur ce bouton comme ça. Maintenant, nous devrions les sélectionner tous les trois puisque nous utilisons des médicaments dans cette zone particulière. Tout ce qu'il faut toucher, il saisira tout ça. Maintenant, si nous passons aux états des objets, notez qu'il reconnaît qu'il y a plusieurs objets ici. Nous allons cliquer sur le symbole plus, et maintenant nous avons créé un objet à trois états , plusieurs états avec trois états différents. Allons-y et nommons-le. Nous voulons être très organisés dans ce domaine. Nous allons simplement appeler ce menu. Ensuite, nous voulons nommer ces trois états différents. Je vais aller ici et souligner celui-ci, je vais l'appeler d'abord. Ensuite, le suivant, voyons voir. Cliquez dessus. Nous allons l'appeler MD. Puis le suivant ici. Cliquons dessus, surlignons-le, puis terminons. Nous allons cliquer ici pour le désélectionner et le fermer. En fait, nous devons laisser cette question ouverte juste un instant car nous devons repositionner l'un de ces états Cliquons sur le milieu comme ceci. Ensuite, nous allons obtenir notre outil de sélection. Nous l'avons déjà. Je vais maintenir la touche Shift enfoncée, et je vais appuyer sur la flèche gauche comme ceci. Je préfère généralement utiliser les flèches pour faire bouger les choses sur la page Je peux le faire avec beaucoup plus de précision que de simplement essayer de le faire glisser. À un moment donné, je vais retirer ma main de la touche Shift. Appuyez simplement sur la flèche gauche jusqu'à ce qu'elle soit alignée avec le bord de la page. Voyons voir, à peu près là. Maintenant, nous pouvons voir ces différents états si je clique sur le premier, le milieu et le dernier, juste comme ça. Maintenant, voyons voir ici. Allons-y. Cliquez sur l'état de nos objets, puis cliquons sur le milieu pour commencer et fermer. Maintenant, ce que nous voulons faire, c'est connecter ce bouton ici et ce bouton ici même. Commençons par notre région idéale pour les hamburgers. Cliquez dessus. Passons aux boutons et aux formulaires. Nous savons comment créer des boutons à ce stade. Voyons voir. Sur celui-ci, passons au bouton. À la sortie de Taper, nous voulons ajouter une action. Maintenant, c'est un peu différent que nous avons fait auparavant. Nous voulons dire «   aller dans un État » et nous voulons préciser dans quel État. L'objet que nous recherchons est le menu. À ce stade, nous n'avons créé qu'un seul objet à états multiples. Mais nous voulons dire que lorsque vous cliquez dessus, nous voulons accéder au Maryland. Nous voulons que cette version intermédiaire apparaisse. Nous allons cliquer sur le côté ici. Ensuite, nous devons maintenant faire en sorte que ce bouton apparaisse. Voyons voir ici. Laisse-moi voir. Venons ici comme ça. Je vais double-cliquer pour accéder à ce bouton que nous avons créé ici, et câblons celui-ci. Nous allons dire qu'il s'agit d'un bouton, et nous voulons que l'action soit Passer à l'état. Ce sera un menu ou un objet, bien sûr, puis nous passerons au dernier état comme ça. Allons-y et fermons ça. Maintenant, revenons à l' état de l'objet comme ceci. Cliquez ici sur l'objet principal, l'objet à états multiples. Cliquons d'abord sur. C'est un point de départ. Nous allons le fermer et cliquer sur le côté comme suit. Maintenant, testons notre travail. Voyons voir, remontons sur notre page parent comme ceci, cliquez dessus, et nous voulons revenir à notre première page de couverture, comme ça. Fermez ça pendant un moment. Nous allons le tester. Faisons apparaître notre page d'aperçu ici. Je vais aller de l'avant et le mettre de côté pour que nous puissions le voir un peu mieux. Maintenant, gardez simplement à l'esprit que cela ne s' affichera pas lorsque vous l'enregistrez sous forme de e, mais c'est le cas ici dans le design. Allons ici et passons à l'aperçu, puis nous cliquerons dessus ici. Nous allons passer à celui ci-dessous et cliquer. Essayons encore une fois. Nous y voilà. Ça a l'air bien. fonctionne, mais à ce stade, il ne fait qu' apparaître à l'écran, ce qui est bien, mais ce serait vraiment cool de simplement animer et de le glisser sur la page comme ça Ensuite, nous cliquons sur ce bouton, nous revenons en arrière. C'est ce dont nous allons parler dans notre prochaine vidéo. Nous allons parler de l'animation de ce menu à l'écran et en dehors de celui-ci 6. Diapositive dans le menu avec animation: Bonjour, c'est une caméra. Nous allons maintenant apprendre à utiliser le menu que nous venons de créer dans la vidéo précédente et à le faire s' animer facilement sur et hors de la page Dans la dernière vidéo, nous l'avons fait apparaître, puis disparaître lorsque nous cliquons sur le bouton. Mais nous voulons faire cette animation pour cette vidéo. Passons ici à nos états d'objet comme celui-ci. Nous allons cliquer sur l'état de l'objet principal. Nous voulons commencer par le milieu, comme ça. Ensuite, nous allons fermer cela pendant un moment. Maintenant, lorsque vous faites de l'animation, vous ne voulez pas simplement animer l'état Vous devez en fait animer les objets qui sont dans cet état Cela ne se passera pas vraiment comme prévu si vous essayez simplement d'animer l'état Passons à notre panneau de couches. C'est le meilleur moyen de les sélectionner. Passons au menu, puis à l'état intermédiaire, puis nous allons cliquer sur les deux pour sélectionner les deux. Pliez-le vers le haut. Nous allons maintenant passer au panneau d'animation. Nous allons choisir d'arriver par la droite, comme ça. Interoptions, vous voyez que vous pouvez modifier certaines choses, comme la durée, jouer plus d'une fois Rien de tout cela, nous voulons vraiment passer du préréglage à l'opacité Cela nous indique qu'il peut passer de la transparence à l'opacité totale, mais ce n'est vraiment pas ce que nous voulons Nous voulons en dire aucun, car nous voulons une opacité totale lorsqu' elle glisse sur la page Maintenant, nous devons dire quel moment nous voulons avoir. Voulons-nous que ces deux éléments apparaissent sur la page à des moments différents, et bien sûr ce n'est pas le cas. Nous allons le dire ici, pour les faire en même temps, sur un panneau de chronométrage. Nous allons cliquer ici, déplacer, cliquer. Puis, en bas, il y a un petit lien qui dit « jouez ensemble ». Nous allons cliquer dessus, et nous verrons qu'il les relie entre eux, puis nous fermerons le panneau de chronométrage. OK. Maintenant, nous devons faire une autre animation. Passons à des états d'objets comme celui-ci. Cliquez sur le côté, puis sur l'état principal de plusieurs objets. Nous allons animer le dernier ici. Nous allons sélectionner les objets comme précédemment. Panneau des couches, passez en dernier, puis nous allons cliquer ici et ici pour vous assurer que les deux sont sélectionnés. Plions-le. Nous allons maintenant revenir à une animation comme celle-ci. Nous allons choisir un préréglage, qui est « fly in » depuis la gauche. Pareil, nous ne voulons modifier aucune de ces options à l' exception de l'opacité, et nous allons en dire aucune, comme nous l'avons fait auparavant Ensuite, nous passerons au timing, comme ça. Nous voyons que nos deux objets apparaissent ici. Nous allons donc cliquer sur les deux, puis les lier ensemble comme nous l'avons fait auparavant. Maintenant, il y a encore une chose que nous devons faire. Je vais vous le montrer en vous expliquant ce que nous allons faire dans le panneau des couches. Je vais cliquer sur cette sous-couche de randonnée. Nous allons voir que maintenant il n'y a plus que le rectangle sélectionné. Remarquez cette ligne verte ici. Il s'agit du chemin de l'animation. Cela va commencer ici et se déplacer jusqu'ici. Il s'agit d' un chemin d'animation par défaut, mais nous ne voulons vraiment pas recommencer ici. Nous voulons commencer dès maintenant par cette directive. C'est pourquoi j'ai déjà dessiné cette directive. Ce que nous allons faire, c'est d'abord cliquer pour sélectionner ce point. Cliquez ensuite et faites glisser le pointeur vers la droite. Nous suivons directement cette directive, et c'est ici ou c'est là que nous voulions rester ici. Maintenant, nous allons revenir ici et nous voulons cliquer sur celui-ci. Nous allons faire la même chose. Nous allons venir ici et cliquer. Voyons voir, cliquez d'abord, puis faites-le glisser vers la droite. Des snaps juste là. Bon état OK. Voyons voir ici. Cliquons vers le bas. Ici, nous allons de nouveau accéder au panneau des pages. Passons à la page numéro un, double-cliquez, et nous allons la plier pendant un moment. Nous allons ouvrir ou prévisualiser comme ça. Effacons l' aperçu pour nous assurer que notre travail actuel apparaîtra ici. Nous allons appuyer sur le bouton Play. Voyons maintenant si cela fonctionne. Cliquez, glisse très bien. Cliquez, glisse à nouveau. Essayons encore une fois. Des trucs plutôt sympas. OK. Oui, ça fonctionnait, très bien. Nous avons maintenant créé ce menu manière à ce qu'un bouton de zone cliquable, O hamburger, le fasse apparaître sur la page, glisse dessus, glisse C'est bon. Dans notre prochaine vidéo, nous allons créer un diaporama. 7. Créer un diaporama: Davis Davis. Bonjour, c'est une caméra. Je veux vous montrer comment créer un diaporama. Cela implique une technique appelée objets à états multiples. Ouvrons notre fichier à la page numéro deux, où se trouve la table des matières. Nous voulons en faire un diaporama ici, et nous l'avons déjà configuré de telle sorte que nous ayons trois photos différentes empilées les unes sur les autres Nous allons passer au panneau des calques ainsi, et nous remarquerons qu'il y a trois images différentes. Vous pouvez cliquer sur l'icône de visibilité ici pour voir par vous-même que ces trois éléments sont empilés Maintenant, nous allons continuer et cliquer sur les trois pour les sélectionner. Nous allons fermer notre panneau de couches. Nous devons maintenant créer un objet à états multiples à partir de ces arbres. Allons-y et cliquons sur ce panneau. Nous allons dire le signe plus pour créer une chaîne d'État. Nommons ce diaporama. Comme ça. Nous allons le refermer et cliquer sur le côté. Maintenant, ce que nous voulons faire, c'est faire en sorte que ces boutons soient les déclencheurs qui feront avancer et reculer le diaporama. Créons un bouton à partir de ceux-ci en cliquant sur un outil rectangulaire. Nous allons dessiner autour d' eux comme ça, obtenir l'outil de sélection. Cliquez et faites glisser le pointeur sur place ici. Je vais l'augmenter un peu. Maintenant, nous allons commencer par celui de gauche. Connectons ce bouton en accédant au panneau Boutons. Voyons voir, nous voulons que ce soit un bouton et que, sur le déclencheur, nous allons ajouter une action, qui consiste à revenir à l'état précédent Choisissons le bon objet ici, qui sera un objet multi-états 20, celui que nous venons de créer. Ensuite, nous passerons au bouton suivant ici. Et nous appellerons ce bouton. Nous voulons être un bouton dans l' onglet Releaser. L'action serait alors de passer à l'état suivant. Je choisis également cet État juste là. Essayons ça. Nous allons passer à notre panneau de prévisualisation comme suit. Supprimons l' aperçu pour nous assurer que nous voyons bien nos travaux les plus récents. Nous avons le bouton Play, laissez-le écrire les informations pour nous. Vous n' avez pas nécessairement besoin d' activer ce mode multi-pages ici. Nous resterons sur la même longueur d'onde. Mais nous voulons passer ainsi à cette page. Allons-y et cliquons sur celui-ci. Nous allons simplement avancer comme ça. Il sait qu'il passe à l' état suivant, comme nous l'avons dit. Ensuite, nous allons essayer notre bouton de retour, notre bouton d'état précédent comme ça. Voilà, nous l'avons. Dans notre prochaine vidéo, je vais vous montrer comment animer du texte et des images 8. Animer le texte et l'image: Bonjour, c'est Cam. Je veux vous montrer comment animer à la fois du texte et une image sur une page Nous allons examiner certains des différents types d'animation et leur utilisation. Passons à la page numéro neuf de notre dossier. Nous voulons travailler sur deux animations différentes ici. Nous allons placer ce titre en haut de l' histoire pour qu'il apparaisse d'en haut comme ça depuis le début. Ensuite, ce que nous voulons faire avec notre photo ici, c'est simplement la faire disparaître sur la page. Allons-y et cliquons sur notre titre pour commencer. Nous allons passer au panneau d'animation. Nous allons choisir le préréglage ici. Voyons voler par le haut, comme ça. Vous pouvez voir le parcours d'animation ici, la ligne verte. Ensuite, nous allons cliquer sur, eh bien, avant de le faire, passons ici à l'opacité Nous voulons simplement qu'il n' y en ait aucune pour l'opacité, ce qui signifie que nous ne voulons pas disparaître ou disparaître. Nous voulons une opacité totale lorsqu' elle s'anime sur la page Maintenant, cliquons sur notre photo ici. Nous allons choisir un préréglage sur celui-ci, simplement pour l'intégrer. Nous voulons arriver sur une page, simplement nous positionner là où elle se trouve, mais simplement faire en sorte que l' opacité soit un fondu Le reste de ces paramètres ici fonctionnera très bien. Maintenant, nous voulons nous assurer qu'ils s' animent l'un après l'autre Passons à notre panneau de chronométrage. Vous verrez que les deux sont maintenant listés car ils se trouvent sur la même page. Au chargement de la page, ces deux animations se produiront, mais c'est dans cet ordre qu'elles se produiront. Nous ne voulons pas vraiment qu'ils se produisent en même temps. Nous ne les verrouillerons pas ou ne les lierons pas entre eux, W les laissera s'animer l' un après l'autre Allons-y et fermons-le. Nous allons ouvrir notre panneau de prévisualisation comme suit. Effacons l'aperçu. Pour m'assurer que notre travail le plus récent est moi, notre travail le plus récent sera présenté. Nous allons aller de l'avant, nous assurer que cette option est sélectionnée ici afin que nous puissions parcourir les différentes pages pour arriver là où nous voulons aller. Lorsque nous arrivons sur cette page, vous voyez ici, celle-ci glisse depuis le haut, et elle apparaît. Essayons encore une fois pour vérifier. Nous allons revenir en arrière d'une page, puis au fur et à mesure que nous avançons, celle-ci apparaît et s' estompe. Voilà, nous l'avons. La prochaine étape de notre étude est de savoir comment mettre une page sur une page, et je vais vous montrer comment préparer cette vidéo qu'elle s'adapte correctement à la page. 9. Préparer et placer une vidéo: Davis. C'est une caméra. Dans cette vidéo, nous allons utiliser une autre de nos ressources. Adobe Photoshop sera utilisé pour préparer une vidéo en vue de son placement. Nous examinerons ensuite différentes options pour visionner la vidéo après le placement. Nous allons commencer par ouvrir notre document à la page 5. Comme vous pouvez le voir au milieu de notre page, nous avons mis en place un cadre. C'est sur cette page que nous voulons mettre notre vidéo. Jetons un coup d'œil ici. Après avoir cliqué sur ce cadre, jetons un coup d'œil en haut jusqu'à la barre d'options. Vous voyez ici que la largeur et la hauteur sont de 535 x 300 pixels. C'est important car nous devons préparer la vidéo que nous avons manière à ce qu'elle s'intègre parfaitement à notre cadre et qu'elle ait la bonne résolution. Je vais cliquer sur le côté ici juste pour un moment. Maintenant, ce que nous voulons faire, c'est préparer cette vidéo, et nous allons le faire un peu différemment. Nous allons préparer cette vidéo dans un Photoshop. Je veux que tu continues et que tu lances Photoshop comme ça. Ensuite, vous pouvez accéder à File Open, comme ça, puis accéder au dossier fourni pour ce cours le dossier images et trouver un fichier appelé Hiking point MP four, et simplement l'ouvrir directement. Cette vidéo s'ouvrira dans Photoshop car nous avons un composant de mouvement ici sous Windows Workspace. Allons-y et configurons cet espace de travail en mouvement, et nous avons une chronologie intégrée à Photoshop qui nous permet de faire ce genre de choses. La seule chose que nous voulons vraiment faire ici est de dimensionner correctement et de lui donner la bonne résolution, comme je l'ai déjà mentionné. Ce que nous allons faire, c'est faire venir notre outil de recadrage ici. Ensuite, dans la barre d'options en haut, je veux que vous cliquiez sur ce menu Drop town ici et montiez là où il est écrit W fois H h fois résolution, ce qui signifie bien sûr largeur par hauteur par résolution. Nous voulons maintenant saisir nos données à partir du fichier de conception final, la taille de ce fichier. C'est 535, allez-y et entrez ici. Maintenant, assurez-vous que cela indique pixels, Px. Si cela s' affiche en pouces ou quelque chose comme ça, assurez-vous qu'il s'agit de pixels. Nous allons faire 535, puis espacer pixels par pixels, appuyer sur la touche de tabulation, puis taper 300 barre d'espace, Px, tabulation à nouveau pour arriver ici et nous voulons que la résolution soit de 72. Allons-y maintenant et cliquons sur la coche comme ceci. Je vais nous demander de le convertir en objet intelligent, et oui, nous voulons le faire. Cela le fera paraître beaucoup plus petit ici. Mais maintenant, passons à la commande zéro pour l' afficher dans notre cadre. Ensuite, exécutons la commande moins plusieurs fois, car c'est la taille qui apparaîtra réellement. Dans notre vidéo, à peu près de cette taille. À ce stade, nous avons la bonne taille, nous avons la bonne résolution. Nous devons maintenant le rendre sous forme de vidéo. Allons jusqu'ici pour déposer un dossier. Nous allons passer à Exporter. Nous allons faire le rendu de la vidéo. Examinons simplement certaines des options proposées ici. Nous allons aller de l'avant et nommer cette randonnée MP 4. Mais allons-y et publions-le sur le bureau afin que nous puissions accéder facilement à la vidéo rendue que nous avons. Nous pouvons choisir entre certains encodeurs ici. Laissons cela sur Adobe Media Encoder. Le format sera 264, ou un autre format ici, mais c'est celui que nous voulons utiliser. Sous un préréglage, il y a un tas de choses là-dessous. Nous n'avons pas vraiment besoin d'entrer dans toutes les autres choses de cette façon, mais pour nos besoins, nous pouvons choisir une qualité faible, moyenne ou élevée. Je vais continuer et laisser cela sur le support, car l'une des choses que vous devez prendre en compte est de comparer la qualité, la résolution, la qualité, puis la taille de vos fichiers Je pense que la qualité moyenne est un bon compromis entre les deux. Nous laisserons le reste de ces options telles qu'elles sont. Allons-y et disons render. Maintenant, cela va prendre un peu plus de temps ici. Je vais continuer et dire remplacer à ce sujet parce que j' y avais déjà configuré ce fichier de rendu. Le traitement prendra un moment ou deux, mais cela ne devrait pas prendre trop de temps. Si vous avez un processeur vraiment puissant, le vôtre fonctionnera très rapidement. Sinon, cela prendra juste un peu plus de temps, mais cela ne devrait pas prendre tant de temps . Allons-y. Maintenant, je vais aller de l'avant et clore ça. Je vais quitter Photoshop, et je ne vais pas enregistrer l'original. Je vais le laisser tranquille. Comme ça. Cela nous ramènera à notre dossier de conception final. Maintenant, nous allons simplement le placer comme nous le ferions pour simplement le placer comme nous le ferions un autre graphique, une image ou une photographie ou quoi que ce soit d'autre. Nous allons cliquer sur notre case ici. Passons au dossier. Voyons voir où se trouve le dossier. Nous montons ici sur notre bureau, là où nous le mettons. Nous allons dire « ouvrez », et nous l'afficherons sur notre page comme ceci. n'est pas vraiment ce que nous voulons voir lorsque nous ouvrons la page, ces séries de lignes diagonales, mais nous pouvons corriger cela et avoir une belle image ici à partir de la vidéo elle-même. Passons ici à Media et jetons un coup d'œil. L'une des choses que nous pouvons faire avec cela est créer un décor où il est censé être joué, et aussi ce que l'on appelle un cadre pour affiche. Nous allons simplement choisir l'une des images à partir de l'image elle-même à partir de la vidéo. Si je le passe en revue comme ça, je peux choisir l'un de ces cadres à partir d'ici, si je le souhaite Mais je pense que je vais juste m'en remettre à la toute première image comme celle-ci. Ensuite, je vais passer sous le cadre de l' affiche et dire, à partir du cadre actuel, comme ça. Vous verrez qu'il apparaît ici, il nous en donne un aperçu. Je veux jouer celui-ci à partir de la vidéo elle-même plutôt que de simplement le lire lorsque la page se charge. Je ne vais pas vérifier celui-ci ici. Je ne veux pas qu'il fasse une boucle, je veux juste jouer une fois, puis je vais masquer le panneau multimédia comme ça. Maintenant, allons-y et vérifions notre travail. Mettons en place notre panneau de prévisualisation, comme ça. Voyons voir. Voici, nous allons apparaître à peu près comme ça. » est rapide et effacez l'aperçu pour vous assurer que notre travail le plus récent sera affiché. Nous n'avons pas besoin de faire les pages multiples. Nous allons simplement cliquer sur l'aperçu comme celui-ci et l'écrire pour nous. Maintenant, vous pouvez voir quand cela se produira. Cela nous donne un peu de contrôle. Un bouton de lecture ici. Si je peux cliquer sur jouer, nous verrons que cela fonctionne correctement. Si je passe la souris dessus comme ça, je peux faire une pause si je le souhaite ou appuyer à nouveau sur Play, comme ça Je peux également l'étendre en plein écran et le jouer comme ça. Ou mettez-le en pause comme ça, et je pourrais le réduire à sa taille d'origine. Nous avons réussi à préparer et à diffuser notre vidéo. Maintenant, dans notre prochaine vidéo, nous allons travailler sur le placement d'une vidéo là où elle ne s'affiche pas lorsque vous avez initialement chargé la page, puis nous aurons un bouton déclenchera l'affichage de la vidéo sur notre écran afin que nous puissions la visionner à ce moment-là. 10. Montrer une vidéo cachée: Bonjour, c'est Cam. Maintenant, que se passe-t-il si vous avez une vidéo que vous aimeriez afficher sur une page en particulier. Le problème est que la vidéo encombrera ou couvrira la mise en page existante. Ce que je vais vous montrer, c'est comment faire apparaître une vidéo. Vous pourrez la jouer puis la faire disparaître lorsque vous aurez fini de visionner cette vidéo. Commençons par ouvrir la page numéro 11 de notre dossier. Je vais faire défiler la page vers la gauche un petit peu. Vous pouvez voir maintenant que la vidéo est déjà configurée pour nous. Nous avons ici une vidéo et un arrière-plan ainsi que quelques boutons déjà conçus. Un, bien sûr, pour regarder la vidéo, puis un autre ici pour fermer la vidéo. Commençons par créer quelques boutons qui constitueront la zone tactile qui entourera ces boutons de design Nous allons télécharger notre outil pour les rectangles ici. Nous allons cliquer et faire glisser le pointeur sur celui-ci. Ensuite, nous allons également cliquer et faire glisser le pointeur ici. R Maintenant, allons-y et maintenant que celui-ci est sélectionné, touche Shift et cliquez. Nous allons sélectionner tout cela. Nous allons exécuter une commande G pour le groupe. Ensuite, nous allons en faire une copie et la placer juste au-dessus, puis nous allons déplacer l'une d'entre elles ici. Nous en avons un hors écran, puis un autre à l'écran pour créer notre objet à états multiples. Nous allons modifier et copier. Ensuite, nous allons modifier et coller sur place. Cela en place une autre copie juste au-dessus. Allons-y et créons notre objet à états multiples ici. Voyons voir, cliquez et faites glisser d'abord pour saisir les deux, puis cliquez sur le signe plus, et cela créera notre objet. Allez-y, appelez cette vidéo cachée, puis nous commencerons par. Allons-y et nommons celui-ci. Nous dirons caché. Ensuite, appelons-le simplement «   écran » ou « révélé » ou quelque chose comme ça. Une terminologie dont vous vous souviendrez qui est appropriée pour savoir lequel est lequel. Maintenant, celui de l'écran, assurez-vous que nous l'avons sélectionné, descendez ici et voyons voir, il se trouve sur cette couche ici. Ça va marcher là-bas. C'est déjà sélectionné. Déplaçons-le maintenant sur notre écran. Je vais maintenir la touche Shift enfoncée, cliquer et faire glisser comme ceci qui arrive ici se trouve juste à côté du bord gauche et s'étend sur l'écran. Nous avons maintenant le caché et l'écran. Ça va. Maintenant, nous allons commencer par cliquer sur notre bouton ici au-dessus de notre vidéo de lecture. Allons-y, passons à nos boutons et à notre panneau Formulaires. Nous voulons en faire un bouton. Ensuite, en appuyant ou en relâchant ici, nous dirons que nous voulons une nouvelle action. Celui-ci doit être envoyé en État. Nous voulons un État en particulier. Nous voulons que ce soit la vidéo d'écran de ce bouton. Ensuite, nous allons cliquer sur celui-ci ici. Cliquez plusieurs fois jusqu'à ce que vous arriviez à ce bouton. Disons qu'il s'agit d'un bouton lorsque vous le relâchez ou que vous appuyez dessus. L'action que nous allons effectuer est de passer à un autre état pour la vidéo cachée. Ensuite, nous voulons que cela passe dans la vidéo cachée. Maintenant, allons-y et commençons. Cliquez ici pour commencer. Cliquons dessus. Commençons donc par le cacher. Maintenant, nous avons cette configuration. Mettons notre travail à l'épreuve. Nous allons cliquer sur ePub ici. Et clarifions-le. Ce n'est certainement pas ce à quoi nous nous intéressons ici. Cliquez sur l'aperçu du jeu et laissez-le se charger. Maintenant, testons notre travail. Nous allons monter ici. Vous remarquez que lorsque le curseur se transforme en main, cela signifie qu'il contient un élément interactif . Nous allons cliquer dessus. Cela apparaît, et nos contrôles existent déjà ici. Nous allons cliquer sur le bouton Play. Celui-ci a du son. Ensuite, nous pouvons le mettre en pause et le temps de jeu ou deux. Notez maintenant que nous avons également un moyen de l' étendre en plein écran. On peut dire « joue ». Comme ça, puis réduis-le. Essayons maintenant le bouton vidéo fermé et il disparaîtra de notre écran. Voilà. Nous avons trouvé un moyen de faire apparaître une vidéo sur notre écran, de la visionner , puis de la masquer à nouveau. C'est très utile lorsque vous souhaitez associer quelque chose à une page en particulier, mais que vous n'avez pas vraiment l' espace d'écran nécessaire pour le mettre. Ensuite, je vais vous montrer comment créer un hyperlien. 11. Créer un hyperlien: Bonjour, c'est Cam. L'un des avantages d' un document et d'une publication numériques est que vous pouvez facilement fournir un lien vers une page Web contenant d'autres informations sur un site externe. Je vais vous montrer comment créer facilement ce type de lien. Ouvrons notre document jusqu'à la dernière page. Ce serait la page numéro 12. Comme vous pouvez le voir en bas de page, nous avons une zone de connexion et une adresse de site Web. Nous devons maintenant le câbler pour que lorsque nous cliquons sur cette zone, cela nous amène à un site Web. Maintenant, juste une divulgation complète, ce n'est pas une vraie adresse. ai juste inventé intentionnellement pour qu'il n'aille pas à un endroit en particulier. Mais je tiens à montrer que lorsque vous cliquez dessus, tel que nous l'avons configuré, il cherche à ouvrir un navigateur par défaut et à essayer de trouver cette adresse. Nous allons donc obtenir notre outil rectangulaire. Créons une région sur laquelle il est possible de toucher autour de cette zone. Pour celui-ci, nous allons cliquer sur le panneau Hyperliens ici Vous pouvez le créer de deux manières différentes. Vous pouvez aller ici et créer un nouvel hyperlien, ou vous pouvez aller sur le hamburger là-haut et dire nouvel Cela fera apparaître cette fenêtre juste ici. Lien deux. Nous voulons simplement créer un lien vers une URL. Vous pouvez voir ici d'autres éléments que vous pouvez créer dans votre document, mais nous allons créer une URL. Nous allons simplement saisir l' adresse Hiking place.com. Nous laisserons cette destination de lien hypertexte partagée cochée. Il s'agit d'un hyperlien et nous voulons rester un rectangle invisible Bien que cette adresse PDF ne nous préoccupe pas vraiment nous préoccupe , car nous ne créons pas de PDF. Nous allons juste dire, à ce sujet. Refermez cette sauvegarde et, comme toujours, nous voulons vérifier notre travail. Allons-y, effaçons l'aperçu, puis cliquez sur Play. Nous allons le laisser écrire le code HTML pour nous. Ensuite, nous allons accéder à la dernière page, cliquer dessus très rapidement. Voyons voir ici. Allons-y. Nous en sommes maintenant à la page 12. Cliquons sur cette zone. Nous pouvons voir la main se lever, il y a donc quelque chose d'interactif là-dessous. Nous allons cliquer dessus . Ensuite, je vais ouvrir mon navigateur. Dans notre région, nous pouvons le voir et nous pouvons le voir ici même. Notre connexion a essayé d' ouvrir cette page, mais elle n'a pas réussi à la trouver car, encore une fois, il s'agit d'un site Web fictif. Voilà, très simple et facile à faire pour créer un bouton qui se connectera à une URL. Ensuite, nous voulons créer un bouton pour ouvrir un client de messagerie Si vous souhaitez envoyer un e-mail, vous pouvez envoyer un e-mail d'information à ce site Web. 12. Créer un e-mail Button: Bonjour, c'est Cam. Vous voulez permettre à une personne lisant votre publication communiquer facilement avec vous. Cette vidéo vous montre comment créer un bouton qui renvoie directement au client de messagerie par défaut pour envoyer son message. Si votre fichier n'est pas ouvert, accédez à la page 12 de la dernière page de la vidéo précédente. Allez-y et faites-le. Maintenant, ce que nous voulons faire, c'est créer un bouton qui enverra un e-mail à cette entreprise ici même. Encore une fois, comme je l'ai déjà mentionné dans la dernière vidéo, s' agit d'une URL inventée, mais nous voulons la connecter comme s'il s'agissait d'une véritable entreprise. Nous utiliserons à nouveau notre outil de rectangle pour créer cette zone de pression ou le bouton. Comme ça. Pour celui-ci, nous allons revenir au panneau des hyperliens. Nous allons dire que nous en voulons un nouveau en cliquant sur le symbole plus en bas. Nous voulons créer ici un lien vers l'e-mail comme celui-ci. Vous pouvez voir les autres éléments ou les autres éléments que nous pouvons créer à partir de ce panneau. Mais nous voulons créer un e-mail, etc. L'adresse, alors, nous allons la configurer comme ceci. Nous dirons des informations. Sur hiking.com Ensuite, nous allons simplement mettre une information Ensuite, lorsqu'une personne clique dessus, ce sera évidemment après une information. C'est bon. Destination Hyper Link partagée, et tout fonctionne ici Allons-y et disons «   OK » et cachons ça. Maintenant, ce que nous voulons, c'est voir cela lorsque nous le testons, nous voulons nous assurer que cela ouvrira un client de messagerie et essaiera d'envoyer un e-mail. Ou bien, cela vous donnera également l' occasion de rédiger votre message. Alors, clarifions-le et allons-y, cliquez sur Lire l'aperçu pour charger le travail le plus récent. Nous devons maintenant accéder à la dernière page. Je vais rapidement cliquer ici jusqu'à ce que nous arrivions à la page 12. Allons-y. Passons au-dessus de notre zone. Nous voyons que c'est interactif. Allons-y et cliquons dessus. Vous voyez ici qu'il a ouvert notre application client de messagerie sur notre ordinateur, et vous voyez qu'il a mis l'adresse ici et la ligne d'objet, qui est une information. Maintenant, vous pouvez simplement saisir le message que vous voulez, l'utilisateur de ce bien et l'envoyer à cette entreprise. Dans notre prochaine vidéo, nous allons créer une page où nous allons afficher des panneaux d' information, qui seront masqués, puis lorsque nous survolons une zone particulière et cliquons dessus, ces informations apparaîtront pour le spectateur. 13. Afficher les panneaux d'informations: Bonjour, c'est Sam. Comme je l'ai mentionné dans une vidéo précédente. L'avantage des documents numériques est que vous pouvez avoir d'autres informations qui ne figurent pas dans la mise en page. En fournissant un bouton à appuyer, nous pouvons faire apparaître puis disparaître ces informations. Commençons par ouvrir la page 12. Maintenant, comme vous pouvez le voir sur cette page, nous avons une mise en page où nous avons une image avec divers équipements que l'on voudrait avoir lors d'une randonnée. Supposons que nous voulions créer une page où un spectateur ou un lecteur pourrait obtenir des informations sur chacune de ces choses. Cependant, il se peut que vous ne souhaitiez pas avoir toutes ces informations sur votre mise en page d'origine. Il se peut que vous vouliez le cacher. Ensuite, chaque fois que le spectateur ou le lecteur se retournait et cliquait sur l'un de ces équipements, les informations apparaissaient. Allons-y et configurons-le. Commençons par créer une information ici pour faire savoir au lecteur que s'il clique sur le vêtement, les bottes ou autre, il peut voir plus d'informations. Nous allons utiliser cette zone de texte juste ici. Téléchargez votre outil de sélection, cliquez sur comme ceci. Maintenez ensuite la touche option enfoncée pour dupliquer, cliquez et faites glisser le pointeur vers la droite. Nous le faisons simplement parce que cette zone de saisie est déjà formatée. Nous voulons simplement nous en servir. Maintenant, étendons-le ici. Maintenant, appuyez sur t pour taper et accédez à votre outil de saisie, et nous allons cliquer et faire glisser le curseur sur tout cela. Appuyez ensuite sur la touche Supprimer et appuyez une autre fois pour l'afficher ici. Ensuite, nous allons cliquer et faire glisser le pointeur ici pour le mettre en évidence. Nous allons taper Cliquez sur l'équipement pour obtenir de telles informations. Maintenant, reprenons notre outil de sélection et élargissons-le un peu pour l' adapter au type. Ajustez-le simplement pour qu'il soit bien ajusté. Je vais le déplacer, tellement espacé. C'est bon. Cela devrait très bien faire l'affaire. Cela informera notre lecteur. Maintenant, ce que nous voulons faire, c'est créer un bouton ici. Après cette information, ce panneau apparaît sur la page. Ils verront une croix rouge juste ici, qui indiquera qu'ils peuvent cliquer dessus pour fermer ce panneau. Pour ce faire, nous allons simplement obtenir notre outil de saisie. Cliquez à la fin du r ici. Appuyez plusieurs fois sur la barre d'espace. Ensuite, faites un Let's see, Let's see. Nous y voilà. Cliquons et glissons pour le mettre en évidence. Nous allons accéder à notre barre d'options et choisir le rouge comme couleur Cliquez sur le côté. Maintenant, cliquons et glissons comme ceci pour le mettre en évidence. Commande C pour la copie. Cliquez ensuite ici. Exécutez la commande V pour coller. Même chose ici. Commande V pour coller. C'est bon. Nous y voilà. Allons-y, cliquons dessus et faisons-le glisser sur le côté pendant un moment. Nous voulons dessiner une zone claire sur laquelle vous pouvez appuyer sur notre bouton au-dessus de celle-ci Nous allons obtenir notre outil rectangulaire. Nous allons cliquer dessus et faire glisser pointeur autour de notre X rouge Maintenant, nous voulons regrouper celui-ci. Ceci est surligné ou sélectionné plutôt. Appuyez sur la touche Shift et cliquez comme ça pour les sélectionner tous les deux. Nous allons utiliser une commande G pour le groupe, très importante. D'ailleurs, si vous ne l' avez pas encore comprise, pour apprendre certains raccourcis clavier, si vous ne les connaissez pas, procurez-vous certains de ces raccourcis clavier de base qui vous aideront vraiment beaucoup. Nous allons voir. Nous allons créer un état d'objet ici, un objet à états multiples. Nous allons cliquer ici comme ça. Et puis cliquez ici sur celui-ci. En fait, étudions-le avant de créer l'objet Cliquez et faites glisser le pointeur à l' endroit où vous voulez qu'il apparaisse à l'écran. Maintenant, cliquez avec le bouton Maj pour vous assurer que vous avez les deux. Nous allons créer notre objet à états multiples ici. Nous allons cliquer sur le signe plus pour créer notre objet à états multiples. Allons ici et nommons-le. Nous l'appellerons coat info, comme ça. Nous avons maintenant deux États ici. C'est celui où les informations sont masquées. C'est là que l'information est visible. En fait, allons-y. Nommez ceci. Appelons cette scène scène scène parce que les informations y sont visibles. Cliquons sur celui-ci et appelons-le Caché. Caché. Maintenant, il est très important que vous vouliez que la page masquée, l' état où cela se produira lorsque la page se chargera pour la première fois, soit en haut. Nous voulons que notre cache soit en haut, ici vu en bas. Maintenant, nous allons cliquer ici. Voyons voir. Nous y voilà. Connectons ces boutons. Allons par ici. Cliquons dessus pour sélectionner notre objet à états multiples. Nous allons cliquer plusieurs fois pour accéder à ce bouton, et nous allons maintenant passer à des boutons comme celui-ci. Disons si nous voulons créer un bouton. En relâchant ou en appuyant, nous allons ajouter une action, qui consiste à passer à l'état suivant de cette manière, et nous devons nous assurer que le bon objet, à informations sur le manteau, s'affiche. Ensuite, nous allons continuer et cliquer sur. L'autre ici, cliquez sur le côté. Cliquons sur le principal comme celui-ci. Revenons-en aux objets. Passons à la partie cachée. Nous voulons juste nous assurer que celui-ci est sélectionné. Nous y voilà. Créons un bouton à partir de celui-ci. Voyons voir. Il va falloir cliquer plusieurs fois dessus . Nous y voilà. Nous avons maintenant sélectionné le rectangle réel. Nous voulons en faire un bouton. Relâchez le robinet. L'action consiste alors à passer à l'état suivant. L'objet est une information. Et cela devrait fonctionner pour nous. Maintenant, allons-y, désélectionnez ici, et examinons notre travail. Nous allons passer à l'aperçu. Il ne s'affiche pas pour le moment. Nous passerons à la fenêtre interactive, puis nous trouverons l'aperçu interactif d' E p. C'est un peu grand juste là. Réduisons-le un peu. Nous allons simplement l'ancrer ici. Voyons voir, comme ça. Nous y voilà. Maintenant, on peut cliquer dessus, le sortir de là. Jouons l'aperçu comme ça. Maintenant, nous devrions pouvoir passer dessus et cliquer pour que cela apparaisse comme ça pour nous. Nous passerons au-dessus du x, cliquerons et il disparaîtra. Très bien Maintenant, notre méthode fonctionne à partir de là, vous pouvez continuer et faire exactement la même chose avec chacune d'entre elles. Assurez-vous de placer un bouton sur le X, puis sur l'engrenage en question. Je vais vous laisser poursuivre et travailler là-dessus. Dans notre prochaine vidéo, je vais vous montrer comment exporter votre fichier au format EPUB. 14. Exporter au format Epub: Bonjour, c'est Kam. Une fois le projet terminé, comment le mettre dans un format lisible par un lecteur EPO Je vais vous montrer comment procéder dans cette dernière vidéo. Pour notre dernière vidéo, je veux que vous ouvriez la page de couverture ici, et nous allons travailler à exporter au format ePub. Vous allez pouvoir l' enregistrer sous cette forme, puis vous pourrez l' ouvrir dans des fichiers tels que des livres Apple ou des éditions numériques d'Adobe. Maintenant, juste un mot à ce sujet, le support pour les ordinateurs de bureau ou portables tels Mac OS n'est pas aussi robuste qu'un appareil mobile tel qu' un téléphone ou un iPad. Il peut y avoir une fonctionnalité ici et là qui ne fonctionne pas aussi bien sur un Mac OS. Allons-y et exportons-le. Il vous suffit de monter ici pour déposer le fichier vers le bas exporter et je vais le mettre dans ce dossier ici. Le format est la mise en page fixe ePub. Nous allons laisser cela vérifier. Allons-y et économisons. Je vais remplacer celui que j'ai testé là-bas. Je veux que toutes les pages soient exportées, je vais laisser le reste de ces paramètres par défaut inchangés Ils fonctionneront très bien. Allons-y et disons : « D'accord, cela ne devrait prendre qu'un moment ou deux pour traiter cela ». Lorsque vous rencontrez ce genre de choses, allez-y et dites : « D'accord, tout devrait bien se passer comme ça. Maintenant, il trouvera le lecteur EPA que vous avez installé sur votre ordinateur, comme Apple Books, et il l'ouvrira sur votre écran ici. Je vais aller de l'avant et minimiser le fichier de conception final. Allons-y, cliquons dessus, déplacons-le un peu. Tu peux mieux le voir. J'aimerais l'étirer un peu. Maintenant, allons-y et testons certaines de nos choses. Cliquons sur notre menu. Nous avons intégré notre tiroir d'informations, et nous allons l'emporter ici. Maintenant, dans Apple Books, remarquez que si vous descendez en bas, il y a des vignettes des différentes pages Vous pouvez cliquer dessus si vous le souhaitez, mais nous avons notre système de navigation ici. Ensuite, nous passerons à notre table des matières. Vous voyez que cela fonctionne très bien. Nous allons faire défiler la page ici. Maintenant, nous avons un des éléments qui n'est pas également pris en charge. Une version de bureau permet de lire des vidéos. Cela devrait très bien fonctionner sur un téléphone ou une tablette, mais je tiens à vous montrer ici que si je clique dessus, cela ne fonctionne pas vraiment en ce moment sur OS sur le bureau. Mais encore une fois, cela devrait très bien fonctionner sur votre tablette ou votre téléphone. Je vais aller de l' avant comme ça. Nous passerons à notre prochain. Nous avons notre animation ici. Passons à autre chose. C'est ici que nous pouvons faire apparaître la vidéo ici, et nous pouvons la fermer. Mais ce serait le même résultat ici si je clique sur le bouton Play. Et nous allons le fermer comme ça. Passons à la dernière page où, si je retourne cette pièce d'équipement, elle s'ouvre et je peux la fermer. Cliquez ici, ouvrez et fermez. Dans ce domaine général, je suis fait pour l'essentiel, et je vais le fermer, comme ça. Vous venez de créer un ePub interactif complet. J'ai encore une vidéo dans laquelle je vais partager quelques réflexions d'adieu avec vous 15. Quelques réflexions de séparation: Bonjour, c'est Cam. Je voudrais terminer par quelques pensées à l'intention de ceux d'entre vous qui ont travaillé avec moi tout au long de ce cours. Je tiens tout d'abord à vous remercier d' avoir suivi ce cours et de l'avoir suivi jusqu'au bout. Je voulais vous rappeler de publier votre e p. complété. J'ai hâte de voir ce travail, voir ce que vous avez fait et j'ai l' intention de vous laisser quelques commentaires. Nous avons maintenant beaucoup abordé au cours de ce cours. Nous avons expliqué comment créer une navigation de page en page, ainsi qu'à partir d'une table des matières. Nous avons travaillé avec des objets à états multiples pour créer des éléments tels que des diaporamas et des panneaux coulissants. Nous avons également appris à créer des hyperliens vers des sites tels que des pages Internet, ainsi qu'à envoyer un courrier électronique Le principal point à retenir de ce cours, j'espère , est que vous pouvez utiliser le design final non seulement pour créer de belles publications destinées à l'impression, mais que vous disposez également des outils nécessaires pour prendre cette publication et la mettre en ligne sous la forme d'un OEB Vous avez maintenant les compétences nécessaires pour vos propres mises en page et appliquer ces compétences pour créer éléments interactifs sur vos pages, comme nous l'avons fait avec la mise en page de démonstration que j'ai fournie Maintenant, si vous avez apprécié ce cours, n' hésitez pas à laisser un commentaire. Je te verrai la prochaine fois.