Upload
gregoire-pierron
View
107
Download
0
Embed Size (px)
Citation preview
- 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.