Olivier FAURAX. SVG : le format Inkscape ● Format ouvert du W3C ● Dialecte XML ● Format de dessin vectoriel.

Présentation au sujet: "Olivier FAURAX. SVG : le format Inkscape ● Format ouvert du W3C ● Dialecte XML ● Format de dessin vectoriel."— Transcription de la présentation:

1 Olivier FAURAX

2 SVG : le format Inkscape ● Format ouvert du W3C ● Dialecte XML ● Format de dessin vectoriel

3 Olivier FAURAX Formes (1/3)

4 Olivier FAURAX Formes (2/3)

5 Olivier FAURAX Formes (3/3) ● Droite, courbe ● Bézier, points d'inflexion

6 Olivier FAURAX Formes (4/4) ● Calligraphie

7 Olivier FAURAX Effets (1/4) ● Union, Différence, Intersection, Découpage ● Notion de chemin

8 Olivier FAURAX Effets (2/4) ● Dégradés : linéaire, radial, multi-stops ● Sur contour et remplissage

9 Olivier FAURAX Effets (3/4) C'est chiant à lire, hein.....

10 Olivier FAURAX Effets (4/4) ● Clonage ● Pavage – Déformation – Rotation – Opacité – Couleur

11 Olivier FAURAX Ce qu'on peut déjà faire (1/3) ● Nécessite des bases de design ! ● Combien... – d'objets ? – de dégradés ? – d'effets ?

12 Olivier FAURAX Ce qu'on peut déjà faire (2/3) ● 4 objets ● 3 dégradés ● 2 effets – Bézier – Intersection

13 Olivier FAURAX Ce qu'on peut déjà faire (3/3)

14 Olivier FAURAX Outils disponibles ● Calques ● Groupe d'objets ● Alignement, distribution ● Rotation ● Éditeur XML (édition du SVG)

15 Olivier FAURAX Vectorisation du calisson (1/8) Et maintenant, étape par étape...

16 Olivier FAURAX Vectorisation du calisson (2/8) ● Forme du couvercle : 2 arcles de cercles ● Dimensions... heu... empiriques...

17 Olivier FAURAX Vectorisation du calisson (3/8) ● Intersection = forme du couvercle ● chemin avec 4 points

18 Olivier FAURAX Vectorisation du calisson (4/8) ● Inclinaison, duplication ● Suppression de points ● Réunion de chemin ● Remplissage

19 Olivier FAURAX Vectorisation du calisson (5/8) ● Superposition : couvercle + côté ● Affinement des traits ● Création de la « couche de lumière »

20 Olivier FAURAX Vectorisation du calisson (6/8) ● Contour + « couche de lumière » + fond ● Lumière sur objet arrondi : dégradé radial

21 Olivier FAURAX Vectorisation du calisson (7/8) ● Couleur des contours ● Lumière « par dessous »

22 Olivier FAURAX Vectorisation du calisson (8/8) ● Variante avec dessus blanc

23 Olivier FAURAX Je suis nul...

24 Olivier FAURAX...très nul !

25 Olivier FAURAX Inkscape, Jabber & XML ● Tableau blanc entre utilisateurs Jabber – oui, ça marche avec un compte Gmail ● Vive XML ! ● On teste ?

26 Olivier FAURAX Astuces de design ● Boule = cercle + dégradé radial ● Lumière : depuis le haut gauche ● Lumière réfléchie : depuis le bas droit ● Des règles à suivre et à savoir dépasser ● Le Design, c'est un métier... ● http://tango.freedesktop.org/ http://tango.freedesktop.org/

27 Olivier FAURAX Pour aller plus loin... ● Moteur de vectorisation (image vers SVG) ● Export en PNG mais aussi PS, PDF, XCF, ODG, POV, AI ● http://www.thinkingwithtype.com/ (polices) http://www.thinkingwithtype.com/ ● http://www.colourlovers.com/ (palettes) http://www.colourlovers.com/

28 Olivier FAURAX Merci pour votre attention ! Des questions ?