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