- Faire vivre les images

L'album de l'image interactive L'album de l'image interactive - Faire vivre les images SI28 Projet Au2004 SunYoung Park

Synopsis L'album de l'image interactive L'album de l'image interactive • Concept : • C’est un album interactif. • Les utilisateurs vont animer des images originales ou créer de nouvelles images.Ces images seront interactives. • Spring Time, ça veut dire : le temps mouvant Spring + Time= Mouvoir, passer le temps amusant Objectifs : L’intérêt et le plaisir avec des images On fait vivre les images. On contrôle les images directement. On voit les images dynamiques, pas les images stables. Image monotone Image vivante Scène vide Scène animé

Cahier des charges L'album de l'image interactive L'album de l'image interactive Times New Roman Baltic Haettenschweiler C’est utilisé au partie de exprimer les recits. C’est une police avec empattement. Elle est utile à lire le texte parce qu’elle a bonne lisibilité. C’est utilisé au partie du titre. C’est une police sans empattement. Elle a bonne visibilité donc elle est propre pour titre. Objets à manipuler : • Les outils utilisés – Photoshop : pour manipuler l’animation des image (JPEG 2D graphique) . • Illustrator : pour manipuler les images graphiques, surtout sur le partie de « The fish bowl ». • Flash MX et ActionScript : pour contôler touts les scènes et realiser l’action interactif. • Ressources médias – Les images célèbres (Starry Night par Vincent van gogh, The Walk par Marc Chagall) • La typologie des informations

Cahier des charges L'album de l'image interactive L'album de l'image interactive Structure Structure supérieur How to use Explication de “The walk Of Chagall” Explication de “Starry night Of Van gogh” Explication de “The fish bowl” Structure inférieur Actions de “The walk Of Chagall” Actions de “Starry night Of Van gogh” Actions de “The fish bowl” Create dynamic photo • How to use : Explications sur les actions de chaque catégorie • ( The walk of chagall, Starry night of van gogh , The fish bowl ) • On peut prévoir chaque scène suivant si on y entre. • Create dynamic photo :Il y a trois écrans que l’on peut manipuler. • The walk of Chagall , Stary night of van gogh, et The fish bowl. • Ce sont le partie pratique où l’utilisateur les controle.

Cahier des charges Navigation L'album de l'image interactive L'album de l'image interactive • Boutons Il nous indique l’état present – la couleur de la lune change toujours doucement à la couleur d’autre Si on est cet page, ce bouton devient Inactivé Ex :SI l’utilisateur est dans l’état de How to use, le bouton de How to use devient inactif (Parce que il est déjà là) Il peut seulement entre dans l’état de Create dynamic photo. aller à l’image précédente Aller à l’image suivante • Icônes étoile pluie lune neige nuage nuage ..... etc

Scénario Récit de chaque catégorie L'album de l'image interactive L'album de l'image interactive The walk Of Chagall Starry night of gogh The fish bowl Changer la scène : il pleut, il neige ou il fait du vent. La femme vole et l’homme bouge son bras. Ajouter des nuages qui se déplacent. • Contôler la force de la lune. • Le nuage se dissipe et • rétrécit. • Les étoiles tournent et sont plus • lumineuses. • L’arbre est agité par le vent. • Simulation du bocal. Décorer le bocal. Insérer ou organiser les poissons, les plantes marines et les bulles dans un bocal vide.

Story-board Première page L'album de l'image interactive L'album de l'image interactive Il nous indique l’état : il est « how to use », maintenant Le titre d’image On puet cliquer ici pour entrer dans les actions de l’image que l’on a choisi. Expliquer l’aperçu si on entre cette catégorie Aller à explication de l’image précédente Aller à explication de l’image suivante

Story-board Page : The walk of chagall L'album de l'image interactive L'album de l'image interactive Sectuer pour l’utilisatuer controle l’action On peut faire bouger le femme avec souris Si on le clique, le nuage se passe dans le ciel de l’image Si on le clique, on écoute le son effectif Et il neige sur l’image Si on le clique, on écoute le son du pluie Et il pluet das l’image.

Story-board Page : Starry night of Van gogh L'album de l'image interactive L'album de l'image interactive Si on le clique, avec son les étoiles commencent à tourner et ils sont plus lumineuses. Si on le clique, on écoute le son effetif Et lumière est sur le souris et elle le suit. Si on le clique, on écoute le son du vent. Et le nuage dans une image devient le tourbillon

Story-board Page : The fish bowl L'album de l'image interactive L'album de l'image interactive On peut mettre ces Icons dans l’écran vide Sauf l’icon de la bulle Si on le clique, il y plusieurs bulles dans l’écrane qui écument de bas.

Conclusion-bilan L'album de l'image interactive L'album de l'image interactive Pendant le cours Si28, J’ai appris beaucoup de choses. D’abord, j’ai utilisé seulesment deux outiles graphiques flashMX et photoshop pour mon projet , mais je suis content de travailler pendant le TD d’autre outile, comme Dreamweaver, HTML, et ImageReady. Et je sais que tout ce que j’ai pris est très utiles pour realiser design graphique interactive à l’avenir. Après avoir pris cette UV, je sais ce qu’on crée le site ,qui a bonne qualité d’interacitvité, il a besoin le plan en détail. Il est nécessaire que l’on considére soyeusement la composition pour utiliser le site facilement, comme simplicité, accès rapide, efficacité, cohérence, prédictibilité etc. Et puis, comme je suis étrangère, ce n’etait pas forcement facile à comprendre touts les contenus du cours. Cela me fait un peu regretter. (Et je suis sûr que j’ai encore tort, le language français sur ce texte. Désolée T.T ) Pour clitiquer mon projet , je ne pense pas j’ai tellement réussi. Je ne suis pas encore capable pour accomplir un multimédia super. Comme c’est difficile de realiser un bon site. Mais j’ai déployé tout mes efforts à ma manière. Enfin je merci mille fois que le professeur m’a aidé avec grande tolérance.

- Faire vivre les images