Remplacement du clip vidéo Kwik

• Avril 29, 2024

Dans le dernier tutoriel, nous avons créé les trois images png que nous utiliserons pour notre couche de remplacement de clip.

Nous sommes maintenant prêts à ajouter le clip vidéo à un calque sur la page. Nous allons d'abord ajouter un nouveau calque à la page pour notre animation de vol. Ensuite, nous ajouterons une copie de la mouche fly_1.png à cette couche. Cette copie de la mouche agira comme un espace réservé pour le clip. Lorsque Kwik crée votre application, elle remplace l'image de la mouche par le clip.

Ouvrez votre projet dans Photoshop.

1. Sélectionnez la page 8 dans la liste des pages du panneau Kwik. Dans la section Page / Composants du panneau Kwik, vous devriez voir "@ page8" en haut de la section.
   
   
2. Ajoutez un nouveau calque au-dessus du calque inférieur et nommez-le fly_pg8.
   
   Ce calque n'a pas d'objet partagé et ne sera pas exporté en tant qu'image jpg. Par conséquent, nous n'avons pas besoin de définir de propriétés de calque.
   
   
3. À partir du fichier de maquette, copiez la mouche (qui est une copie de l'image png fly_1).
   
   
4. Collez la mouche sur le calque fly_pg8 pour être l'espace réservé pour le clip.
   
   
5. Sélectionnez le Icône Calques et remplacements dans la barre des catégories.
   
   
6. Clique sur le Outil de remplacement de clip vidéo pour ouvrir la boîte de dialogue Remplacement de clip vidéo.
   
   
7. Utilisez le bouton Parcourir pour localiser le premier clip vidéo pngs - fly_1.png.
   
   
8. Kwik insérera automatiquement la largeur et la hauteur en pixels pour le png.
   
   
9. Nr. Images: Nous avons trois pngs dans notre séquence de clips vidéo. Ajoutez le chiffre 3 dans cette case.
   
   Nous voulons que cette animation se répète tant que la page est affichée.
   
   
10. Boucle: sélectionnez le bouton radio pour le paramètre Forever.
    
    Nous voulons que l'animation démarre dès le chargement de la page. Nous ne suspendrons donc pas l'animation sur l'image 1.
    
    
11. Laissez la pause à l'image 1 décochée.
    
    
12. Cliquez sur Créer.
    
    

Clique sur le Icône Exporter la page actuelle uniquement et le bouton Publier pour tester votre animation à la page 8.

À ce stade, notre mouche reste au même endroit et bouge ses ailes. Ensuite, nous ajouterons une animation à la couche fly_pg8 qui déplacera notre mouche à travers la page.

Enregistrez les modifications que vous avez apportées à page8.psd.

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).

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.
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.

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.

Instructions Vidéo: Systèmes de changement rapides pour carpistes (Avril 2024).