Le graphisme

download Le graphisme

of 46

  • date post

    07-Jul-2015
  • Category

    Design

  • view

    2.278
  • download

    1

Embed Size (px)

description

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.

Transcript of Le graphisme

  • 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 matire ni forcment 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 (trs) ingale 7. 8. dafont.com hbergement de polices de caractre parfois, une police adapte suffit faire un beau design 9. 10. colourlovers.com couleurs harmonieuses, patterns parce que le got, a ne s'invente pas 11. 12. tutoriaux video inkscape screencasters. heathenx.org trs didactique format vido 13. 14. stock.xchng requiert une inscription banque de photos bonne qualit 15. 16. flickr.com partage de photos rsolution haute /creativecommons quantit 17. 18. attention , des banalits 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 prfrence personnelle est pour le 24. vectoriel, 25. vectoriel ! 26. SVGun standard ouvert calar ector raphics du W3C 1999, un peu d'histoire... XML, 27. une carrire sur mobile (Motorolla, Ericson) un format du web encore peu support par les navigateurs... natif pour certains par plugin sinon 28. dmarrons Inkscape ! 29. vectorisation 30. essai avec le badge CITCON 31. demo... 32. la vectorisation fonctionne comme base de travail retoucher la vectorisationmanuelle est toujours possible 33. avec une photo, on peut obtenir une dcomposition des couleurs l'effet Marilyn 34. manipulation de formes 35. proportions rotations combinaisons chemins 36. demo... 37. coloriage 38. dgrads 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 gnrique pas d'atelier pour animer il y a le potentiel "flash killer" 46. Gimp les layers... capture d'cran transparence utiliser le bon format