Olivier FAURAX

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

Olivier FAURAX Formes (1/3)

Olivier FAURAX Formes (2/3)

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

Olivier FAURAX Formes (4/4) ● Calligraphie

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

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

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

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

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 ?

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

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

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

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

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

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

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

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

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

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

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

Olivier FAURAX Je suis nul...

Olivier FAURAX...très nul !

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

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... ●

Olivier FAURAX Pour aller plus loin... ● Moteur de vectorisation (image vers SVG) ● Export en PNG mais aussi PS, PDF, XCF, ODG, POV, AI ● (polices) ● (palettes)

Olivier FAURAX Merci pour votre attention ! Des questions ?