Slides du cours du soir sur le graphisme donné en mars 2009 chez Valtech. Cette présentation présente la démarche que j'adopte et les outils que j'utilise pour réaliser des illustrations depuis quelques années.

1. G R A P H I S M E eric.lemerdy

2. utiliser images de belles aide à faire passer le message

3. et comment faire quand on a ni le temps en la matière ni forcément le talent ?

4. inspiration

5. parce que nous ne sommes graphistes... pas

6. openclipart.org site communautaire de dessins svg PD (public domain) taxonomie à composer à l'infini qualité (très) inégale

8. dafont.com hébergement de polices de caractère parfois, une police adaptée suffit à faire un beau design

10. colourlovers.com couleurs harmonieuses, patterns parce que le goût, ça ne s'invente pas

12. tutoriaux video inkscape screencasters. heathenx.org très didactique format vidéo

14. stock.xchng requiert une inscription banque de photos bonne qualité

16. flickr.com partage de photos résolution haute /creativecommons quantité

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

19. matriciel vectoriel

20. matriciel vectoriel

21. matriciel vectoriel

22. matriciel vectoriel bmp png gif jpg swf svg

23. vectoriel, ma préférence personnelle est pour le

24. vectoriel,

25. vectoriel !

26. SVG un standard ouvert calar ector raphics du W3C 1999, un peu d'histoire... XML,

27. une carrière sur mobile (Motorolla, Ericson) un format du web encore peu supporté par les navigateurs... natif pour certains par plugin sinon

28. démarrons Inkscape !

29. vectorisation

30. essai avec le badge CITCON

31. demo...

32. la vectorisation fonctionne comme base de travail à retoucher la vectorisation manuelle est toujours possible

33. avec une photo, on peut obtenir une décomposition des couleurs l'effet Marilyn

34. manipulation de formes

35. proportions rotations combinaisons chemins

36. demo...

37. coloriage

38. dégradés style web 2.0 glossy

39. demo...

40. à vous !

41. badge CITCON re-design du ...

42. 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://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/

43. http://openclipart.org/media/people/nicubunu/banana http://www.sxc.hu/photo/478188 http://blogs.msdn.com/ie/archive/2005/08/12/451099.aspx http://citconf.com/badges/ http://www.flickr.com/photos/ chelmsfordpubliclibrary/2210233729/ http://fr.wikipedia.org/wiki/Fichier:Monroe.svg

44. back-up

45. animation SVG avec ecmascript pas de toolkit générique pas d'atelier pour animer il y a le potentiel "flash killer"

46. Gimp les layers... capture d'écran transparence utiliser le bon format