SlideShare une entreprise Scribd logo
1  sur  46
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 certains par plugin sinon
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/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/
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
back-up
animation SVG avec ecmascript pas de toolkit générique pas d'atelier pour animer il y a le potentiel "flash killer"
Gimp les layers... capture d'écran transparence utiliser le bon format

Contenu connexe

Similaire à Le graphisme

Présentation webmaker
Présentation webmakerPrésentation webmaker
Présentation webmakerflore_mozfr
 
Les interfaces web de demain
Les interfaces web de demainLes interfaces web de demain
Les interfaces web de demainLaurent Leborgne
 
OpenCR__Rapport_soutenance_Finale
OpenCR__Rapport_soutenance_FinaleOpenCR__Rapport_soutenance_Finale
OpenCR__Rapport_soutenance_FinaleChady Dimachkie
 
HTML5mtl - 2012-02-22 - Responsive Web Design
HTML5mtl - 2012-02-22 - Responsive Web DesignHTML5mtl - 2012-02-22 - Responsive Web Design
HTML5mtl - 2012-02-22 - Responsive Web DesignFrédéric Harper
 
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Raphaël Goetter
 
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova sas & cMo conseils
 
Domain Driven Design - Agile France 2010
Domain Driven Design - Agile France 2010Domain Driven Design - Agile France 2010
Domain Driven Design - Agile France 2010François Wauquier
 
Utiliser des dessins vectoriels à la place d'images
Utiliser des dessins vectoriels à la place d'imagesUtiliser des dessins vectoriels à la place d'images
Utiliser des dessins vectoriels à la place d'imagespprem
 
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveauxMobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveauxFrédéric Harper
 
Presentation sketch App
Presentation sketch AppPresentation sketch App
Presentation sketch AppChloe Pellen
 
Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015Olivier Dommange
 
Utiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateformeUtiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateformepprem
 
Pratique D Action Script 3 Version 0.1
Pratique D Action Script 3   Version 0.1Pratique D Action Script 3   Version 0.1
Pratique D Action Script 3 Version 0.1guest5cdd799
 
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshopConfoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshopFrédéric Harper
 
Responsive design, Canvas et SVG
Responsive design, Canvas et SVGResponsive design, Canvas et SVG
Responsive design, Canvas et SVGChristian SUMBANG
 
2 tid conception-projet-cours5-briefing-tlt-publication
2 tid conception-projet-cours5-briefing-tlt-publication2 tid conception-projet-cours5-briefing-tlt-publication
2 tid conception-projet-cours5-briefing-tlt-publicationAlexandre Plennevaux
 
Dessin de pages web 536
Dessin de pages web 536Dessin de pages web 536
Dessin de pages web 536quickredfox
 

Similaire à Le graphisme (20)

Php 100k
Php 100kPhp 100k
Php 100k
 
Webdesign
WebdesignWebdesign
Webdesign
 
Présentation webmaker
Présentation webmakerPrésentation webmaker
Présentation webmaker
 
Les interfaces web de demain
Les interfaces web de demainLes interfaces web de demain
Les interfaces web de demain
 
OpenCR__Rapport_soutenance_Finale
OpenCR__Rapport_soutenance_FinaleOpenCR__Rapport_soutenance_Finale
OpenCR__Rapport_soutenance_Finale
 
Formation ps
Formation psFormation ps
Formation ps
 
HTML5mtl - 2012-02-22 - Responsive Web Design
HTML5mtl - 2012-02-22 - Responsive Web DesignHTML5mtl - 2012-02-22 - Responsive Web Design
HTML5mtl - 2012-02-22 - Responsive Web Design
 
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
 
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
 
Domain Driven Design - Agile France 2010
Domain Driven Design - Agile France 2010Domain Driven Design - Agile France 2010
Domain Driven Design - Agile France 2010
 
Utiliser des dessins vectoriels à la place d'images
Utiliser des dessins vectoriels à la place d'imagesUtiliser des dessins vectoriels à la place d'images
Utiliser des dessins vectoriels à la place d'images
 
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveauxMobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
Mobiz - 2012-11-15 - HTML5, une révolution à plusieurs niveaux
 
Presentation sketch App
Presentation sketch AppPresentation sketch App
Presentation sketch App
 
Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015
 
Utiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateformeUtiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateforme
 
Pratique D Action Script 3 Version 0.1
Pratique D Action Script 3   Version 0.1Pratique D Action Script 3   Version 0.1
Pratique D Action Script 3 Version 0.1
 
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshopConfoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
Confoo - 2012-02-27 au 2012-02-28 - HTML5 workshop
 
Responsive design, Canvas et SVG
Responsive design, Canvas et SVGResponsive design, Canvas et SVG
Responsive design, Canvas et SVG
 
2 tid conception-projet-cours5-briefing-tlt-publication
2 tid conception-projet-cours5-briefing-tlt-publication2 tid conception-projet-cours5-briefing-tlt-publication
2 tid conception-projet-cours5-briefing-tlt-publication
 
Dessin de pages web 536
Dessin de pages web 536Dessin de pages web 536
Dessin de pages web 536
 

Plus de Eric Le Merdy

Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?Eric Le Merdy
 
Lumiere tdd agilefrance2013
Lumiere tdd agilefrance2013Lumiere tdd agilefrance2013
Lumiere tdd agilefrance2013Eric Le Merdy
 
Lean Software Development et pratiques Agiles
Lean Software Development et pratiques AgilesLean Software Development et pratiques Agiles
Lean Software Development et pratiques AgilesEric Le Merdy
 
Tests Dinterface SWT
Tests Dinterface SWTTests Dinterface SWT
Tests Dinterface SWTEric Le Merdy
 

Plus de Eric Le Merdy (6)

Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?
 
Lumiere tdd agilefrance2013
Lumiere tdd agilefrance2013Lumiere tdd agilefrance2013
Lumiere tdd agilefrance2013
 
Buildix
BuildixBuildix
Buildix
 
Lean Software Development et pratiques Agiles
Lean Software Development et pratiques AgilesLean Software Development et pratiques Agiles
Lean Software Development et pratiques Agiles
 
Tests Dinterface SWT
Tests Dinterface SWTTests Dinterface SWT
Tests Dinterface SWT
 
JavaCamp Paris 3
JavaCamp Paris 3JavaCamp Paris 3
JavaCamp Paris 3
 

Le graphisme