Le graphisme

GRAPHISME

eric.lemerdy

utiliser

images

debelles

aide à fairepasserle message

et comment faire

quand on a ni le temps

en la matière

ni forcément le talent

?

1inspiration

parce que nousne sommes graphistes...pas

openclipart.orgsite communautaire de dessins svg

PD (public domain)

taxonomieà composer à l'infini

qualité (très) inégale

dafont.comhébergement de polices de caractère

parfois, une police adaptéesuffit à faire un beau design

colourlovers.comcouleurs harmonieuses, patterns

parce que le goût,ça ne s'invente pas

tutoriaux video inkscape

screencasters.heathenx.org

très didactique

format vidéo

stock.xchng

requiert uneinscription

banque de photos

bonne qualité

flickr.compartage de photos

résolution haute

/creativecommons

quantité

attention,des banalités sur le graphisme arrivent...

matriciel

vectoriel

matriciel

vectoriel

matriciel

vectoriel

matriciel

vectoriel

bmppng

gifjpg

swfsvg

vectoriel,

ma préférencepersonnelleest pour le

vectoriel,

vectoriel !

SVG

un standard ouvert

calarector

raphics

du W3C

1999,

un peu d'histoire...

XML,

une carrière sur mobile(Motorolla, Ericson)

un format du webencore peu supporté

par les navigateurs...

natif pour certains

par plugin sinon

démarrons Inkscape !

2vectorisation

essai avec

le badge CITCON

demo...

la vectorisationfonctionne commebase de travailà retoucher

la vectorisation manuelleest toujours possible

avec une photo,on peut obtenir

une décompositiondes couleurs

l'effet Marilyn

3manipulationde formes

proportionsrotations

combinaisons

chemins

demo...

4coloriage

dégradésstyle web 2.0

glossy

demo...

5à vous !

badgeCITCON

re-design du ...

http://openclipart.org/media/files/jturner/9502

http://openclipart.org/media/files/AJ/10637 http://www.sxc.hu/photo/462883

http://openclipart.org/media/people/nicubunu/banana

http://www.flickr.com/photos/kunel/2478762780/

http://www.root2art.co.uk/svg_logo/index.html

http://en.wikipedia.org/wiki/File:Firefox-logo.svg

http://my.opera.com/melnichuck/blog/2007/08/29/opera-vector-logo-eps

http://www.apple.com/support/safari/

http://openclipart.org/media/people/nicubunu/banana

http://www.sxc.hu/photo/478188http://blogs.msdn.com/ie/archive/2005/08/12/451099.aspx

http://citconf.com/badges/http://www.flickr.com/photos/chelmsfordpubliclibrary/2210233

http://fr.wikipedia.org/wiki/Fichier:Monroe.svg

back-up

animation SVGavec ecmascript

pas de toolkit génériquepas d'atelier pour animer

il y a le potentiel"flash killer"

Gimp

les layers...

capture d'écran

transparence

utiliser le bon format