Comment créer une bannière flash avec Adobe Photoshop CS2

Création d'une bannière flash animée est facile avec la combinaison groupée de Adobe Photoshop CS2 et ImageReady CS2. Avec ces programmes puissants, vous ne même pas besoin d'un logiciel Flash pour créer les fichiers multimédias de votre page Web ou blog. Ce tutoriel va vous donner le fondement de base pour créer tout type d'animation Flash, vous pouvez imaginer.


Sommaire

  • Créer et animer
  • Conseils & avertissements
  • Choses que vous devez




    • Adobe Photoshop CS2 avec ImageReady CS2

    Créer et animer

    1. Créez un document de 468 dpi en 60 pixels 72 dans Adobe Photoshop CS2. Ceci est la taille de la bannière Internet standard.

    2. Choisissez une couleur de fond. Allez à la "Sélectionner" menu et choix "Tout Sélectionner," puis aller à la "Éditer" menu et sélectionnez "Remplissez ...". Cliquez "D'ACCORD." Pour utiliser une image de fond, de copier et coller l'image dans votre nouveau document.

    3. Cliquez sur le "Fenêtre" MENU et ouvrir le "Couches" palette. Cliquez sur l'icône en bas de la fenêtre qui affiche le pop-up: "Créez un nouveau calque." Dans la nouvelle couche que vous venez de créer, ajouter les mots que vous voulez sur votre bannière.

    4. Dupliquer le calque autant de fois que vous voulez étapes de votre animation. Dans ce cas, vous allez avoir le mouvement de type à travers la bannière, alors cliquez sur la première couche et positionner le type où vous voulez que votre animation pour commencer. Déplacez le type de chaque couche supplémentaire avant un peu plus loin jusqu'à ce que vous obtenez lorsque vous souhaitez mettre fin sur la couche supérieure. Les couches plus ou étapes que vous créez, le plus lisse l'animation finale sera.

    5. Sélectionner "Modifier dans Image Ready" du "Fichier" menu. Cela ouvre votre document dans ImageReady CS2 où vous pourrez convertir vos calques en images d'animation.

    6. Allez à la "Fenêtre" menu et sélectionnez "Animation" pour faire apparaître la palette Animation. Cliquez sur le bouton flèche droite sur le côté droit, faites défiler et sélectionnez "Assurez-Cadres à partir de couches." Cliquez sur chaque image et tourner sur la couche de fond fond dans le "Couches" palette.

    7. Utilisez le même menu que l'étape précédente et sélectionnez "Sélectionner toutes les images." Choisissez-en un cadre et définir le temps de retard à "0,1 Sec" pour une animation rapide ou "0,2 Sec" pour une animation lisible. Modification d'une image va changer toutes les montures sélectionnées. Frappez le "Jouer" flèche au bas de la palette pour prévisualiser votre animation. L'aperçu joue plus lent dans ImageReady que ce sera en Flash, mais il vous montre comment lisser votre animation est.

    8. Allez à la "Fichier" menu et choisir "Exportation" gt; "Macromedia&# XAE- flash&# X2122- SWF ..." et cliquez sur le "Générer HTML" case. Cliquez "OK" puis cliquez sur "Enregistrer."

    9. Ouvrez le document HTML avec un navigateur web pour voir votre animation Flash.

    Conseils & Avertissements








    • Créer chaque forme élément, le type ou le vecteur, sur sa propre couche de sorte que vous pouvez animer indépendamment.
    • Animations Flash fonctionnent mieux avec le type, formes Adobe Photoshop, ou "Smart Objects" importé de programmes vectorielles.
    • Le taux de trame par défaut pour les fichiers .swf est de 12 images par seconde (12 fps), donc gardez à l'esprit que votre animation jouera plus vite que l'aperçu de ImageReady.
    » » » » Comment créer une bannière flash avec Adobe Photoshop CS2