Le graphisme

3 267 vues

Publié le

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.

Publié dans : Design
2 commentaires
3 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
3 267
Sur SlideShare
0
Issues des intégrations
0
Intégrations
187
Actions
Partages
0
Téléchargements
77
Commentaires
2
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le graphisme

  1. 1. G R A P H I S M E eric.lemerdy
  2. 2. utiliser images de belles aide à faire passer le message
  3. 3. et comment faire quand on a ni le temps en la matière ni forcément le talent ?
  4. 4. inspiration
  5. 5. parce que nous ne sommes graphistes... pas
  6. 6. openclipart.org site communautaire de dessins svg PD (public domain) taxonomie à composer à l'infini qualité (très) inégale
  7. 8. dafont.com hébergement de polices de caractère parfois, une police adaptée suffit à faire un beau design
  8. 10. colourlovers.com couleurs harmonieuses, patterns parce que le goût, ça ne s'invente pas
  9. 12. tutoriaux video inkscape screencasters. heathenx.org très didactique format vidéo
  10. 14. stock.xchng requiert une inscription banque de photos bonne qualité
  11. 16. flickr.com partage de photos résolution haute /creativecommons quantité
  12. 18. attention , des banalités sur le graphisme arrivent...
  13. 19. matriciel vectoriel
  14. 20. matriciel vectoriel
  15. 21. matriciel vectoriel
  16. 22. matriciel vectoriel bmp png gif jpg swf svg
  17. 23. vectoriel, ma préférence personnelle est pour le
  18. 24. vectoriel,
  19. 25. vectoriel !
  20. 26. SVG un standard ouvert calar ector raphics du W3C 1999, un peu d'histoire... XML,
  21. 27. une carrière sur mobile (Motorolla, Ericson) un format du web encore peu supporté par les navigateurs... natif pour certains par plugin sinon
  22. 28. démarrons Inkscape !
  23. 29. vectorisation
  24. 30. essai avec le badge CITCON
  25. 31. demo...
  26. 32. la vectorisation fonctionne comme base de travail à retoucher la vectorisation manuelle est toujours possible
  27. 33. avec une photo, on peut obtenir une décomposition des couleurs l'effet Marilyn
  28. 34. manipulation de formes
  29. 35. proportions rotations combinaisons chemins
  30. 36. demo...
  31. 37. coloriage
  32. 38. dégradés style web 2.0 glossy
  33. 39. demo...
  34. 40. à vous !
  35. 41. badge CITCON re-design du ...
  36. 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/
  37. 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
  38. 44. back-up
  39. 45. animation SVG avec ecmascript pas de toolkit générique pas d'atelier pour animer il y a le potentiel "flash killer"
  40. 46. Gimp les layers... capture d'écran transparence utiliser le bon format

×