Flash : Introduction

Parcours I3L – L3Année 2009 – 2010Auriane FAURE

Plan

Flash ? Pour quoi faire ? Le champ des possibles Notion de base Le logiciel : l’interface Le logiciel : les outils de dessin

1. Pour quoi faire ?

« Hé Manu! Tu descends ? Et pour quoi faire ? Ben, c'est ton destin! »

Les Inconnus – C’est ton destin - 1991

Flash

Logiciel d’animation d’images Mouvements dans le temps

Animation vectorielle Gestion mathématiques des trajets Exemple :

En GIF En vectoriel

Flash (2)

Outil pour le Web : Animations, interfaces de sites Intégration dans les pages HTML

Peut contenir : Vidéo, son, textes, images extérieures

Flash (3)

Avantages Optimisation du poids Lecture en streaming Compatibilité Vectoriel Interactivité Multimédia

Inconvénients

2. Le champ des possibles

« Dans le feu des possibles Au cœur de la cible […]I'm lost but I'm not stranded yet »

Noir Désir – Des visages, des figures - 2001

Le champ des possibles

Quelques exemples Ez3kiel Les sites de festival ou d’asso Les sites de pub

A vous de creuser Et tout ce qu’il vous reste à

imaginer…

3. Notion de base

« Ou le siècle à venir sera celui du refus, ou il ne sera qu’espace carcéral ». Louis Calaferte – Choses dites – 1997

Espace / Temps

Espace : Les OBJETS se succèdent à l’écran Ils sont placés sur la SCENE

Temps La succession se déroule dans le temps Le temps est organisé par le SCENARIO Chaque unité de temps est une IMAGE

Espace / Temps (2)

L’animation a une DUREE Un début Une fin Entre, des Images

4. L’interface du logiciel

Où l’on rentre dans le vif du sujet …

Interface: premier contact

Fonctionnalités à connaître

Les menus contextuels Clic droit pour options spécifiques

Jeux de panneaux A paramétrer selon vos besoins Peuvent s’organiser en blocs, en onglets… Gestion : Menu > Fenêtre F4 : masque/affiche tous les panneaux

Fonctionnalités à connaître (2)

Un panneau particulier : l’historique Gestion du versionning Ctrl + F10

Rechercher-remplacer Pour textes, style de police, couleur, etc. Remplacer par élément du même type

Fonctionnalités à connaître (3)

Affichage et outils de repère Grille Règles et guides Affichage

Menu > Affichage Option « Accrochage » : aimant

5. Les outils de dessin

« Etudiant en architectureDans ton carton à dessinY a l'angoisse de notr'futurY a la société d'demain […]

Maman quand j's'rais grandJ'voudrais pas être étudiantBen alors qu'est-ce que tu veux faire ?Je sais pas moi, gangster ! »

Renaud – Etudiant poil aux dents - 1982

Méthodes de dessin

Quatre méthodes Dessin vectoriel importé Dessin vectoriel dans Flash Dessin papier scanné puis décalqué

dans Flash Dessin papier scanné puis vectorisé

dans Flash

Outils de dessin

La flèche : sélection et prise Blanche : Scénario Noire : Scène

Outil Ligne : tracer une droite Maj : ligne parfaite tous les 45°

Outil Lasso : sélection zone à main levée Déclinaison : baguette magique (px) et

polygone (segments de droite)

Outils de dessin (2)

Outil Plume : segments de droite qu’on transforme

en courbe grâce aux points d’ancrage Outil Ovale : ronds et ovale Outil Rectangle / polygone Outil Transformation libre:

Dimensions Rotation, inclinaison

Gestion des couleurs

Deux panneaux : Nuancier Mélangeur Créer de nouvelles couleurs

On peut agir sur la couleur : De remplissage De trait Permuter les deux

Passer au maximum par l’inspecteur de propriétés !

ET HOP ! Premier TP

Premiers dessins

Pour tester les outils: Reproduire l’abeille de l’image

TD01_abeille.jpg

Fonctions pratiques : Intersection de formes Découpe et segmentation Etendre le remplissage Adoucir les bords du remplissage