- Faire vivre les images

SI28Projet

Au2004SunYoung Park

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

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é

SynopsisL'album de l'image interactive L'album de l'image interactive

Spring + Time= Mouvoir, passer le temps amusant

Objets à manipuler :

Cahier des chargesL'album de l'image interactive L'album de l'image interactive

• 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

HaettenschweilerTimes New Roman Baltic

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.

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.

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 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”

• Boutons

L'album de l'image interactive L'album de l'image interactive

Navigation

• Icônes

étoile pluie lune neige nuage nuage ..... etc

Create dynamic photo

How to us e

aller à l’image précédente Aller à l’image suivante

Il nous indique l’état present – la couleur de la lune change toujours doucement à la couleur d’autreSi 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.

Cahier des charges

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.

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.

Simulation du bocal. Décorer le bocal. Insérer ou organiser les poissons, les plantes marines et les bulles dans un bocal vide.

ScénarioL'album de l'image interactive L'album de l'image interactive

Récit de chaque catégorie

The walk Of Chagall Starry night of gogh The fish bowl

Story-boardL'album de l'image interactive L'album de l'image interactive

Première page

Le titre d’image

Expliquer l’aperçu si on entre cette catégorie

Aller à explication de l’image suivante

Aller à explication de l’image précédente

Il nous indique l’état : il est « how to use », maintenant

On puet cliquer ici pour entrer dans les actions de l’image que l’on a choisi.

L'album de l'image interactive L'album de l'image interactive

Page : The walk of chagall

Story-board

Sectuer pour l’utilisatuer controle l’action

Si on le clique, le nuagese passe dans le ciel de l’image

Si on le clique, on écoute le son effectifEt il neige sur l’image

Si on le clique, on écoute le son du pluieEt il pluet das l’image.

On peut faire bouger le femmeavec souris

L'album de l'image interactive L'album de l'image interactive

Page : Starry night of Van gogh

Story-board

Si on le clique, avec sonles étoiles commencent à tourneret ils sont plus lumineuses.

Si on le clique, on écoute le son effetifEt 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

L'album de l'image interactive L'album de l'image interactive

Page : The fish bowl

Story-board

Si on le clique, il y plusieursbulles dans l’écranequi écument de bas.

On peut mettre ces

Icons dans l’écran vide

Sauf l’icon de la bulle

L'album de l'image interactive L'album de l'image interactive Conclusion-bilanPendant 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 TDd’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.