Utilisateur:Damien Gauthier
Aller à la navigation
Aller à la recherche
Présentation
Docteur en mathématiques spécialisé en probabilité et statistiques, j'ai bifurqué de la carrière académique pour m'engager dans la pratique artistique du théâtre en devant comédien et metteur en scène professionnel. Aujourd'hui je cherches à combiner ces deux pratiques dans l'univers du design centré utilisateur au sens large.
Ressources
Syntaxe wiki
HTML et CSS
(Cette section est inspirée de STIC:STIC_I_-_exercice_1)
- en:HTML and XHTML elements and attributes
- Tutoriel CSS
- HTML5
- HTML5 et CSS3 par le site du zero (fr.openclassrooms.com)
- HTML5 et CSS3 W3C Validator
HTML Validators
Flash
(cette section est largement inspirée de STIC I - Exercice 2)
Le dessin
- Flash CS4 - Créer des dessins avec les outils de dessin - (Flash drawing tutorial)
- Modes de dessin (object vs. merge). Sans raisons contraires, dessinez toujours en mode objet
- Palette des outils de dessin
- Couleurs et textures
- Flash CS3 - Créer et modifier les calques et les images - (Flash layers tutorial)
- Savoir s'organiser: layers, layer folders, la librairie, les scènes
- Flash CS4 - Arranger des dessins - (Flash arranging objects tutorial)
- Différence entre shapes, simple graphics, composite graphics, symbols, etc.
- Transformations vers différents types de "display elements"
- Alignement et snapping
- Flash CS4 - Transformer des dessins - (Flash object transform tutorial)
- Select tool
- Free Transform Tool (y compris ses différents modes)
- Flash CS4 - Couleurs et gradients - (Flash colors tutorial)
- Types de couleurs
- Color Gradient Transform Tool
- Resource: Clipart and texture
- Importation de graphismes vectoriels (Note: SVG via Illustrator or WMF).
Animations
- Introduction
- Tutoriel: Flash CS4 - Principes de l'animation
- Tutoriel: Flash CS4 - Symboles et clips - (en:Flash embedded movie clip tutorial / en:Flash using embedded movie clips tutorial).
- Image par image
- Interpolation du mouvement
- Animations "classiques" Tween
- Morphing Shape Tween
- Résumés animation
Le composant vidéo
- Utilisation simple du composant vidéo avec un format standard (mp4)
- Previews:
- Tutoriel: Flash CS4 - Composants videos (fr) (Flash video component tutorial (en)
- Répertoire avec exemples et qqs. vidéos pour jouer: http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/ (utilisez une vidéo de type *mp4, ce sera plus facile).
Son
- Tutoriel: Flash CS4 - Son - (Flash sound tutorial)
Boutons et premier contact avec ActionScript (à option)
Attention: On classe, on a montré Le composant bouton et ActionScript (ci-dessous). Autrement dit, pour le moment, vous pouvez ignorer cette section....
- Previews
- Tutoriel: Flash CS4 - Boutons - (Flash button tutorial)
- Boutons de la librairie
- Faire soi-même des boutons (y compris à partir de bitmaps)
- Définir un event-handler simple et enregistrer avec le bouton
- Flash CS4 - Symboles et clips (pour la définition de "symbol" et "clip").
Les composants
(petite sensibilisation)
- Tutoriel: flash-cs4-components-overview.swf
Pour l'exercice à rendre, je vous conseille d'utiliser ce type de boutons.
- Previews
- Tutoriel: Flash CS5 - Composant bouton (en:Flash component button tutorial)
- Exemples pour commencer (à vous de décider si vous voulez travailler en modifiant le code):
- http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu.fla (CS6, joli code)
- http://tecfa.unige.ch/guides/flash/ex5/components-intro/flash-cs5-simple-slide-show-menu.fla (CS5, joli code)
- http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu-fewcode.fla (CS6, code simple)
- http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.fla (CS4, code simple)
Les fragments de code
Ressources diverses
Impress.js
- Tutoriel impress.js
- exemple disponible sur http://tecfa.unige.ch/guides/impress.js/impress-demo-1/