Aide - Recherche - Membres - Calendrier
Version complète : Faire du Flash
iClan, le clan Mac > Public > Général
atarxerxes
Petite question aux spécialistes Flash du forum :
Je dois faire une petite animation (quelques secondes, pas d'interaction avec l'utilisateur au moins dans la première version, déroulement en boucle à l'infini) pour le boulot.
Il s'agit juste de faire changer la transparence d'une image de fond, faire défiler du texte, des trucs de base quoi.

Si je voulais le faire avec des outils Adobe, c'est lequel qui est le plus adapté (sachant que je n'ai pas besoin de coder finement de l'ActionScript, il me faut juste un outil dans lequel je peux définir facilement les transitions en spécifiant les durées et les chemins pour les déplacements des objets)?
L'animation serait faite sur PC ou sur Mac, donc la plateforme sur laquelle tourne le logiciel ne serait pas limitante.

Je m'y perds un peu avec les différents logiciels, tous plus ou moins sophistiqués, proposés par Adobe unsure.gif
fre2x3
La réponse est dans le titre biggrin.gif
C'est avec Flash que tu dois bosser (Adobe® Flash® CS4 Professional) rien que ça.
Tu peux prendre une version antérieur ou essayer en téléchargeant la version d'évaluation valable 30 jours.
Je te conseille d'aller chez RueDuCommerce en ce moment, il font des offres pour les collégiens, lycéens et étudiants
(si ton frère est encore sur les bancs ça peut être valable ! )
Flash Pro CS4 Version Etudiants PC à 139€ y'a pas photo !
Sinon pour les bases en animation regarde les tutos sur AdobeTV ou encore je donne des cours sur CS3 biggrin.gif
atarxerxes
Ok, je télécharge la version d'évaluation en ce moment et pendant ce temps je vais aller me pencher sur les tutoriaux. Merci zen.gif
CantKillemAll
Y'a pas photo, Flash c'est le plus universel. Fred a raison.

Et pour faire des animations de base, c'est très facile à prendre en main avec les tutos d'AdobeTV. smile.gif
atarxerxes
Oui, bien sûr je partais sur du Flash (j'ai fait quelques essais en gif animés qui rendent pas trop mal mais la taille des fichiers et la limitation du nombre de couleurs au final sont rédhibitoires) mais Adobe a tellement de suites différentes que j'étais un peu paumé.

Cela dit j'ai une question de débutant : je veux faire une transition d'une image de fond de alpha 0% vers alpha 100% (fondu du blanc, couleur de fond, vers l'image). Donc j'importe mon image dans le projet, je crée une image clé au temps 1 puis une autre plus tard (temps 48, 2 secondes).
Pour la première je règle l'alpha de l'image à 0%, 100% pour l'image dans la frame 48.

Mais après comment je fais pour générer une transition progressive et régulière entre ces deux images? Si je choisis la seule transformation possible (motion transform) je dois ensuite générer une suite d'image pour régler individuellement les aplhas, ce qui marche mais revient à faire du gif animé.
J'ai cru comprendre que je devais passer par un clip mais je n'ai pas compris comment au final sur les exemples que j'ai vus unsure.gif
Heimdal50
J'utilise Motion, ne voulant pas apprendre le script Adobe cependant Flash est imbattable pour ce genre de choses.
CantKillemAll
D'abord, passe à 35 images par seconde dans ton projet, ce sera beaucoup plus fluide (merci Fred dingue.gif)

Combien d'étapes ? De rien à ton image (donc un point de départ, et un point d'arrivée, c'est ça ?)

Conseil qui évite des désagréments :

Image 1 : ton image finale au bon endroit dans ton animation (x,y)

Image 5 : tu convertis l'image simple en image clé.

Tu cliques sur ton image pour la sélectionner (dans la séquence, pas la timeline)
Clic droit > Effet du scenario > Transformation / Transition > Transition

Tu choisis tes réglages dans la fenêtre et tu valides.
Tu as une transition qui part d'alpha 0 vers alpha 100 en 70 images, soit 2 secondes.


Si tu veux que ton image s'arrête, tu te positionnes sur la dernière image de la timeline et tu vas dans l'onglet "actions" (Alt-F9)
et tu mets un joli stop(); pour arrêter ton animation, sinon, elle repart à 0 en boucle dingue.gif


Tu contrôles avec Pomme (Cmd) - Enter pour générer le fichier .swf, et c'est tout

Les quelques images du début me servent à avoir une copie de l'image non modifiée, au bon emplacement si je dois lui faire faire d'autres choses.
Si tu n'en a plus besoin, supprime les images avant le début de ta transition 0 -> 100 (jusqu'à l'image clé 5, non comprise)

Voilou byebye.gif
atarxerxes
Merci, je vais essayer ça de ce pas zen.gif
CantKillemAll
Sorry : ne génère le swf que quand tu auras supprimé ce qui doit l'être wink.gif
Ou regénère-le à la toute fin.

Quand je travaille sur une animation, je la teste à chaque ajout/modif (je peux faire Pomme-Enter plus de 100 fois selon la complexité du bouzin)

EDIT :

Il faut convertir la toute dernière image en image-clé, sinon tu ne peux pas mettre ton "Stop" actionscript 2
atarxerxes
En fait je ne trouve pas ce menu "Effets du scénario" dans le menu contextuel (avec Flash CS4 PC version d'essai, fichier Flash compatible ActionScript 3.0) huh.gif

Je suis en cours de téléchargement de la version Mac pour voir si ça change quelque chose.
fre2x3
Mais c'est plus simple que ça les gars.

Ton image (png de préférence) tu la transformes en symbole (F8)
ensuite sur ta scène première image clé avec tes atribut (alpha, couleur...)
après, quelques images plus loin autre image clé (F6) avec autre couleur, alpha...
entre tes deux images clés, tu fais clique droit (créer une interpolation de mouvement)
sur CS4 je crois que c'est la classique et zou le tour est joué.
atarxerxes
Ah ben oui, c'est tout con, ça marche blush.gif

J'avais essayé cette démarche mais avec l'interpolation de mouvement CS4 et ça marchait pas, je n'avais pas pensé à utiliser l'interpolation classique. Merci zen.gif
atarxerxes
Bon voilà ça donne ça :
anim_fla2.swf
anim_logo.swf

Ca suffira pour la maquette du site sur lequel je bosse happy.gif
Leopal
C'est bien pour un débutant. smile.gif
fre2x3
C'est dommage que tu es ton texte "pixelisé"
tu sais que dans flash il y a un outil texte happy.gif

Tu fais pareil que les images, tu tapes ton texte et aussitôt (F8) "convertir en symbole"
Un texte par calque histoire de pouvoir les animer.
atarxerxes
Oui mais je voulais une bordure noire autour du texte, j'ai préféré la faire dans Gimp (parce que je n'ai pas trouvé dans Flash directement).

Il faut que j'améliore aussi pour la version finale l'effet de lumière sur le logo (là c'est un simple Add mais ça sature avec le dégradé du texte derrière du coup ça rend pas terrible).
fre2x3
Pense aux effets sur les clips (symboles)
Il y en a une multitude comme le "rayonnement" pour faire ton effet de détourage (un peu flou tout de même)
ou encore un effet type éclat de lumière. Sinon il y a ombre portée, flou, biseau... sers toi de l'aide pour les retrouver wink.gif
CantKillemAll
BJ Atar smile.gif
atarxerxes
Voilà, là c'est mieux :
mots animés (utilisation de texte dans Flash + contour créé avec un filtre drop shadow)
logo animé (utilisation d'une interpolation de mouvement puis redéfinition des étapes pour suivre les lettres)

Je crois que ça ira pour la version définitive (si ma collègue chargée du marketing valide ces versions Lundi).

Rigolo à utiliser Flash en tout cas une fois qu'on a passé la barrière du langage. Merci zen.gif
fre2x3
Oui c'est un peu plus propre comme ça, bravo pour tes débuts.
Pour la suite tu peux essayer de copier ce qui existe (bannières pub) c'est comme ça qu'on apprend wink.gif

CITATION(atarxerxes @ 10 Sep 2009, 16:14) *
Rigolo à utiliser Flash en tout cas une fois qu'on a passé la barrière du langage. Merci zen.gif
Tu m'étonnes !
Comme je le disais l'autre soir, depuis près de 8 ans que je fais du flash, je n'ai jamais dépassé le stade des commandes
AS (ActionScript) d'action sur le scénario, les clips et en multi-fichiers. Pour les trucs un peu pousser
la recherche est ton amie et j'en apprend tous les jours.
Pourtant j'ai fait un an de formation au passage à AS3 mais je jette l'éponge, je ne suis pas développeur.
Ce logiciel est une partie caché de l'iceberg pour peu que tu bosses en équipe avec un vrai développeur.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2024 Invision Power Services, Inc.