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

Présentation au sujet: "- Faire vivre les images SI28 Projet Au2004 SunYoung Park L'album de l'image interactive."— Transcription de la présentation:

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

2 Concept : Cest 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 Objectifs : Linté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 monotoneImage vivante Scène videScène animé Synopsis L'album de l'image interactive Spring + Time= Mouvoir, passer le temps amusant

3 Objets à manipuler : Cahier des charges L'album de l'image interactive Les outils utilisés – Photoshop : pour manipuler lanimation 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 laction interactif. Ressources médias – Les images célèbres (Starry Night par Vincent van gogh, The Walk par Marc Chagall) La typologie des informations HaettenschweilerTimes New Roman Baltic Cest utilisé au partie de exprimer les recits. Cest une police avec empattement. Elle est utile à lire le texte parce quelle a bonne lisibilité. Cest utilisé au partie du titre. Cest une police sans empattement. Elle a bonne visibilité donc elle est propre pour titre.

4 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 lon peut manipuler. The walk of Chagall, Stary night of van gogh, et The fish bowl. Ce sont le partie pratique où lutilisateur les controle. Structure How to use Create dynamic photo Explication de The walk Of Chagall Explication de Starry night Of Van gogh Explication de The fish bowl L'album de l'image interactive Cahier des charges Structure supérieur Structure inférieur Actions de The walk Of Chagall Actions de Starry night Of Van gogh Actions de The fish bowl

5 Boutons L'album de l'image interactive Navigation Icônes étoile pluie luneneige nuage nuage..... etc aller à limage précédenteAller à limage suivante Il nous indique létat present – la couleur de la lune change toujours doucement à la couleur dautre Si on est cet page, ce bouton devient Inactivé Ex :SI lutilisateur 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. Cahier des charges

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

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

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

9 L'album de l'image interactive Page : Starry night of Van gogh Story-board 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

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

11 L'album de l'image interactive Conclusion-bilan Pendant le cours Si28, Jai appris beaucoup de choses. Dabord, jai utilisé seulesment deux outiles graphiques flashMX et photoshop pour mon projet, mais je suis content de travailler pendant le TD dautre outile, comme Dreamweaver, HTML, et ImageReady. Et je sais que tout ce que jai pris est très utiles pour realiser design graphique interactive à lavenir. Après avoir pris cette UV, je sais ce quon crée le site,qui a bonne qualité dinteracitvité, il a besoin le plan en détail. Il est nécessaire que lon 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 netait pas forcement facile à comprendre touts les contenus du cours. Cela me fait un peu regretter. (Et je suis sûr que jai encore tort, le language français sur ce texte. Désolée T.T ) Pour clitiquer mon projet, je ne pense pas jai tellement réussi. Je ne suis pas encore capable pour accomplir un multimédia super. Comme cest difficile de realiser un bon site. Mais jai déployé tout mes efforts à ma manière. Enfin je merci mille fois que le professeur ma aidé avec grande tolérance.