Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
G R A P H I S M E eric.lemerdy
utiliser images de belles aide à faire passer le message
et comment faire quand on a ni le temps en la matière ni forcément le talent ?
inspiration
parce que nous ne sommes graphistes... pas
openclipart.org site communautaire de dessins svg PD (public domain) taxonomie à composer à l'infini qualité (très) inégale
 
dafont.com hébergement de polices de caractère parfois, une police adaptée suffit à faire un beau design
 
colourlovers.com couleurs 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 une inscription banque de photos bonne qualité
 
flickr.com partage de photos résolution haute /creativecommons quantité
 
attention , des banalités sur le graphisme arrivent...
matriciel vectoriel
matriciel vectoriel
matriciel vectoriel
matriciel vectoriel bmp png gif jpg swf svg
vectoriel, ma préférence personnelle est pour le
vectoriel,
vectoriel !
SVG  un standard ouvert calar ector raphics du W3C 1999, un peu d'histoire... XML,
une carrière sur mobile (Motorolla, Ericson) un format du web encore peu supporté par les navigateurs... natif pour certai...
démarrons Inkscape !
vectorisation
essai avec le badge CITCON
demo...
la vectorisation fonctionne comme base de travail à retoucher la vectorisation  manuelle est toujours possible
avec une photo, on peut obtenir une décomposition des couleurs l'effet Marilyn
manipulation de formes
proportions rotations combinaisons chemins
demo...
coloriage
dégradés style web 2.0 glossy
demo...
à vous !
badge CITCON re-design du ...
http://openclipart.org/media/files/jturner/9502 http://openclipart.org/media/ files/AJ/10637 http://www.sxc.hu/photo/46288...
http://openclipart.org/media/people/nicubunu/banana http://www.sxc.hu/photo/478188 http://blogs.msdn.com/ie/archive/2005/0...
back-up
animation SVG avec ecmascript pas de toolkit générique pas d'atelier pour animer il y a le potentiel "flash killer&qu...
Gimp les layers... capture d'écran transparence utiliser le bon format
Prochain SlideShare
Chargement dans…5
×

Le graphisme

3 459 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

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

×