Basculer la musique de fond dans Kwik 2

• Mai 2, 2024

Dans ce didacticiel, nous continuerons à travailler sur le bouton bascule pour la musique de fond. Lorsque nous avons créé des boutons dans les didacticiels précédents, nous avons d'abord créé le calque de bouton, puis "attaché" des actions à ce calque de bouton. Par exemple, le bouton Suivant est associé à une action Aller à la page suivante.

Cette fois, nous allons créer les deux actions pour contrôler l'audio avant nous attachons ces actions au bouton. Pourquoi? Parce que nous allons attacher deux actions à un seul bouton. Ensuite, nous dirons au bouton de se souvenir de l'action qu'il a effectuée en dernier et lorsque vous cliquez à nouveau pour effectuer l'autre action. Cela fonctionne comme un interrupteur d'éclairage. Si la lumière est éteinte, vous utilisez l'interrupteur pour allumer la lumière. Si la lumière est allumée, vous utilisez le même interrupteur pour éteindre la lumière. Ceci est communément appelé bouton à bascule.

Avant de pouvoir définir le bouton bascule, nous devons créer les deux actions qui contrôleront la musique.

Remarque: Nous avons déjà configuré l'audio pour qu'il commence à jouer lorsque l'application s'ouvre sur la page de garde.

Mettre l'audio en pause
Reprendre l'audio

1. Sélectionnez le Icône Projet et Pages dans la barre des catégories.
   
   
2. Clique le Outil Actions dans le Toolset (troisième outil de la deuxième ligne)
   
   
3. Dans la boîte de dialogue Ajouter des actions, renommez l'action en "musicBgOFF".
   
   Notez que les contrôles d'état des boutons Par défaut et Plus sont grisés. En effet, nous n'attachons l'action à aucun calque.
   
   
4. Dans le panneau Interactions, ouvrez la liste Audio et choisissez Suspendre l'audio.
   
   
5. Choisissez le fichier audio musicBg dans la boîte pop-up.
   
   
6. Cliquez sur Créer.
   
   

Répétez les étapes ci-dessus pour l'action Reprendre l'audio.

1. Nommez l'action "musicBgON".
   
   
2. Dans la liste Audio, choisissez Reprendre l'audio et sélectionnez le même fichier audio musicBg qu'avant.
   
   

Nous sommes maintenant prêts à configurer le bouton à bascule.

1. Sélectionnez la couche musicbtn.
   
   
2. Sélectionnez le Icône d'interactions dans la barre des catégories.
   
   
3. Clique le Outil Ajouter un bouton dans le jeu d'outils pour ouvrir la boîte de dialogue Ajouter un bouton.
   
   
4. Renommez le bouton en "musicBgTog".
   
   
5. Les états des boutons Par défaut et Plus seront la couche musicbtn.
   
   
6. Dans le panneau Interactions, ouvrez la liste Commun.
   
   
7. Choisissez l'action Lecture aléatoire pour ouvrir la boîte de dialogue Suffle.
   
   
8. Cliquez sur le bouton Plus pour ouvrir la liste des actions.
   
   
9. Sélectionnez l'action musicBgOFF.
   
   
10. Cliquez à nouveau sur le bouton Plus et choisissez l'action musicBgON.
    
    
11. Cliquez sur Créer pour fermer la boîte de dialogue.
    
    Vous remarquerez que les deux actions sont ajoutées au panneau Actions de la boîte de dialogue Ajouter un bouton.
    
    
12. Cliquez sur Créer pour terminer le bouton.
    
    

Avant de passer à une autre page, configurons le bouton Info sur la page de couverture pour amener le lecteur à la page d'informations, qui est la page 29.

1. Sélectionnez la couche infobtn.
   
   
2. Clique le Icône d'interactions dans la barre des catégories.
   
   
3. Clique le Bouton Ajouter un bouton du jeu d'outils.
   
   
4. Dans la boîte de dialogue Ajouter une action, nommez le bouton "info_pg".
   
   
5. Nous voulons utiliser la couche infobtn pour les états des boutons Par défaut et Enregistrer.
   
   
6. Dans la section Interactions, développez la liste Commun.
   
   
7. Sélectionnez l'option Aller à la page et choisissez page29 dans la liste déroulante.
   
   
8. Cliquez sur Créer.
   
   

Cliquez sur Fichier - Enregistrer pour enregistrer les modifications apportées au fichier psd de couverture.

Sélectionnez le Cliquez sur l'icône Exporter la page actuelle uniquement et cliquez sur Publier pour prévisualiser l'animation.

Accédez à votre dossier LearnKwik et faites une copie de sauvegarde du dossier de projet de modèle. Renommez le dossier de sauvegarde en ajoutant la date actuelle à la fin. (TemplateMM-DD-YY).

← Retour

Ces didacticiels sont destinés à l'ancienne version de Kwik 2 et peuvent ne pas être très utiles lors de l'utilisation de Kwik 3 et supérieur. Si vous rencontrez des problèmes, veuillez utiliser le forum Kwik

Le produit Kwik, le logo Kwik et Kwiksher sont des propriétés de Kwiksher.com - Copyright 2011. Captures d'écran utilisées avec permission.
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 [des] marque (s) d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Strange Bedfellows - Critical Role RPG Show: Episode 3 (Mai 2024).