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

Slides:



Advertisements
Présentations similaires
Soutenance des cours ingénierie de formation
Advertisements

Ajouter du texte avec Photofiltre
SI28 FLASH MX Partie 1 Jérémy Dufetre - Ludovic Pilache.
Formation Didapages C.A.H.M Avant de débuter un livre Avoir une bonne idée de ce que lon veut créer. Enregistrer mes fichiers selon ce qui.
Créer un diaporama avec Open Office Impress
12 novembre 2012 Grégory Petit
Apprendre à se connaître...pour vivre sa vie...
Commission scolaire des Laurentides
Accès aux Métiers de l’Informatique
POWERPOINT 97 POMazagol Les barres d'outils PowerPoint donne la possibilité douvrir de nombreuses « barres doutils ». Pour ajouter ou enlever une barre.
Titre de votre session Prénom NOM Fonction ORGANISME Votre logo
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Créer une animation simple Gif avec ImageReady.
Powerpoint Expert !.
Tutoriel Wordle Création d’un nuage de mots à l’aide de l’outil en ligne Wordle Séverine Schlernitzauer Académie Nancy-Metz.
POWERPOINT Voici un petit didacticiel sur cet outil de présentation. À la fin de cette lecture vous ne serez pas des spécialistes, mais vous serez capable.
Besoin et fonctionnement
MICROSOFT POWER POINT Fais « Enter » Par Danièle Lippé.
Souriez, vous allez être présents sur Internet Daccord. Et comment ? Ou construire facilement mon site Web avec Easy Web.
TUTO POWER POINT Parole d’école décembre 2010
Interaction 1 COM3562 Communication Multimédia Février 2012.
Créer une présentation Powerpoint
On dit quoi? Cette semaine, on a appris Composez quatre phrases Gloups
Comment réaliser une mise en page ?. Tracer une zone de texte.
Formation – Power Point
EXERCICE D'ANIMATION AVEC POWER POINT
TD11 : Logiciel de présentation PowerPoint
Thème 1 : Se présenter et présenter quelqu’un. Cours 2 : Se présenter.
POWERPOINT.
Principes, usages et conception
Image en jpeg Le format jepg est très utilisé car il ne prend que très peu de place. Ce diaporama va vous expliquer comment placer une image dans les albums.
Créer une présentation Powerpoint
Thème 5 : Formuler une demande et donner un ordre
Comic Life Préparé par: Robert Godwin, Barbara McLaughlin & Teresa Harrison.
MODE D’EMPLOI Sous-titre. Onglet explorer voir toutes les activités crées par les autres professeurs, on peut réutiliser le contenu Dans files d’abonnement.
Thème 4 : Les éléments naturels. Cours 2 : L’eau dans la nature et chez les êtres vivants. Français Guide du Maître Thème 6 : Exprimer ce que l’on ressent.
Cours 3 21 janvier 2010 Quelques principes d’ergonomie de l’écran et du contenu de la page web Cours 3 21 janvier 2010 Quelques principes d’ergonomie de.
Thème 4 : Les éléments naturels. Cours 2 : L’eau dans la nature et chez les êtres vivants. Sciences expérimentales Guide du Maître Thème 1 : Le corps humain.
Conception des pages Web avec
Photomontage (2 de 2).
Formation Didapages Gilles BADUFLE À partir d’un PPT modifié du C.A.H.M.
Cours de portfolio H-EM A2015
Faire déplacer le personnage à l’aide des flèches du clavier Il y a plusieurs façon de procéder selon nos attentes, mais en voici une qui est très simple:
GUIDE D’UTILISATION SITE STE BATHILDE. Sommaire 1.Connexion - La page d’accueil 2.Gérer les articles: - Création - Modification - Suppression 3.Gérer.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
FLASH MX 1ère Séance. Introduction Création d’animation pour le Web, pouvant contenir une forte interactivité. Faible poids des fichiers. Compatible avec.
Guillaume MICHAUD – Yvan LECOMTE
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
Padmanaathan Gaayathrie
SI28 Partie 1 Bruno Binet FLASH MX. Les atouts de Flash Création d’animation pour le Web, pouvant contenir une forte interactivité Faible poids des fichiers.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
** Flash séance 2 Action script. ** Action Script Ajoute de l’interactivité Permet de contrôler les clips  Langage de programmation orienté objet.
Dreamweaver le retour Avec Les Formulaires Les Calques
Flash MX er Séance LIU Xinlei GI02.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Flash 1 Cariou SandraCoffinot Nicolas. Sommaire : I)Généralités II)Interface de Flash III)Grouper et Dissocier IV)Image clé V)Scénario et calques VI)Symboles.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
EXPOSE FLASH 2 SI 28 24/10/2006 Delphine GODREAU Hélène PERRIER.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
Elise Pierrot, GSU04 ImageReady, traitement d’image pour le WEB Présentation SI28.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
AKOONE Farouck LI Li SI 28 A2004. Flash permet de : Créer des animations pour le Web, pouvant contenir une forte interactivité Des fichiers de faible.
Présenté par: François-Xavier LECHEVALIER Fateh BOUGOUFFA
Présentation Courtin maxime – GI05Automne Présentation | Rappel Photoshop | ImageReady | Utils Courtin Maxime – GI05 2 / 17 Automne 2004 Plan :
Pourquoi utiliser le cahier de texte de l’ENT au lieu de PRONOTE ? ENT.
Transcription de la présentation:

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

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

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.

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

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

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

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.

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

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

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

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.