des ordinateurs

Créer une animation dans Flash Catalyst

Novembre 2021

Créer une animation dans Flash Catalyst


Dans le dernier tutoriel, nous avons créé notre fichier de conception d'en-tête de site Web dans PhotoshopR. Si vous n'avez pas lu ce tutoriel, il y a un lien en bas. Nous sommes maintenant prêts à importer l'image Photoshop dans FlashR CatalyseurTM et créez l'animation d'introduction.

Ouvrez Adobe Flash Catalyst et mettons-nous au travail.

  1. Pour importer votre fichier de projet Photoshop dans Catalyst, choisissez Créer un nouveau projet à partir du fichier de conception - À partir du fichier PSD Adobe Photoshop. Conservez tous les paramètres par défaut des options d'importation de Photoshop.

    Comme vous pouvez le voir, les calques de Photoshop ont été enregistrés et importés dans Catalyst. Ils ont les mêmes noms et sont dans le même ordre de calque. Une exception est que le style de calque d'ombre portée pour chaque carte est sur un calque sous la carte. Groupons chaque carte avec sa couche d'ombre portée ci-dessous. Cela facilitera leur déplacement simultané.

  2. Sélectionnez à la fois la carte de Noël et le calque d'ombre portée en dessous. Cliquez avec le bouton droit et choisissez Groupe dans le menu. Renommez le groupe en "Noël".

  3. Répétez la dernière étape pour la carte anniversaire et la carte citrouille.

    Nous sommes maintenant prêts à travailler sur notre animation. La création d'une animation dans Catalyst ressemble beaucoup à la création d'une interpolation dans Flash. Il y a un "État" de début et de fin. Nous avons déjà importé notre en-tête dans son état final ou à quoi nous voulons qu'il ressemble à la fin de l'animation.

  4. En haut de l'espace de travail Catalyst, vous verrez le panneau Pages / États. Nous avons jusqu'à présent une page. Cliquez sur le bouton Duplicate State pour copier cette page.

  5. Renommez Page1 en "Début" et Page2 en "Fin".

    Nous sommes prêts à supprimer les éléments de conception de la page de démarrage. N'oubliez pas que nous voulons que ces éléments se glissent pendant l'animation. Par conséquent, nous devons les supprimer au début de l'animation. Pour mieux voir, réglez le zoom à 50%. Vous trouverez le menu déroulant pour cela en haut de l'espace de travail.

  6. Nous voulons que le nom de l'entreprise glisse à partir de la gauche. Faites glisser cet élément hors de la page vers la gauche. Maintenez la touche Maj enfoncée pour garder le texte à la même position horizontale que vous faites glisser.

  7. Nous voulons que la carte d'anniversaire descende du haut de la page. Faites glisser la carte d'anniversaire au-dessus et hors de la page.

  8. La carte de Noël glissera vers la droite. Faites glisser cette carte vers la droite et hors de la page.

  9. La carte citrouille glissera par le bas. Faites glisser cette carte en dessous et hors de la page.

    Votre page d'accueil devrait ressembler à ceci.
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.

Comment créer simplement des Applications Flash robustes et évolutives ? (Novembre 2021)



Tags Article: Créer une animation dans Flash Catalyst, Flash et Animation, créer une animation dans Flash Catalyst, importer un fichier de conception Photoshop dans Catalyst

Messages De Beauté Populaires

Clé de vaillance

Clé de vaillance

livres et musique

L'amour est dans l'air

L'amour est dans l'air

livres et musique

Outils de nettoyage

Outils de nettoyage

Maison & Jardin