Formation Les bases de l’infographie. damien obrier Mon mail :  Mon parcours :  1997 : Bac S – Physique Chimie  2000 :

Présentation au sujet: "Formation Les bases de l’infographie. damien obrier Mon mail :  Mon parcours :  1997 : Bac S – Physique Chimie  2000 :"— Transcription de la présentation:

1 Formation Les bases de l’infographie

2 damien obrier Mon mail : damien.obrier@univ-lyon2.fr  Mon parcours :  1997 : Bac S – Physique Chimie  2000 : Deug de chimie à Lyon 1  2001 : Licence de Science Physique à Lyon 1  Technicien informatique au Lycée E. Branly  2002-2005 : Ducci1, ducci2 & Master 2 CIM  Technicien informatique à L’ICOM  Réalisations Web dans la structure occhio Mon mail : damien.obrier@univ-lyon2.fr  Mon parcours :  1997 : Bac S – Physique Chimie  2000 : Deug de chimie à Lyon 1  2001 : Licence de Science Physique à Lyon 1  Technicien informatique au Lycée E. Branly  2002-2005 : Ducci1, ducci2 & Master 2 CIM  Technicien informatique à L’ICOM  Réalisations Web dans la structure occhio

3 damien obrier  2005 / 2016 IGE à l’université Lumière Lyon 2  05-06-07 : Coordinateur pédagogique de la filière Multimédia  07 – 08 : Directeur des études de la formation Gamagora  08 – 12 : Chargé de Com et de Dvt de l’ICOM  12 – 16 : Responsable Scolarité de l’ICOM  Mes loisirs : Voyage, jeux, bds  2005 / 2016 IGE à l’université Lumière Lyon 2  05-06-07 : Coordinateur pédagogique de la filière Multimédia  07 – 08 : Directeur des études de la formation Gamagora  08 – 12 : Chargé de Com et de Dvt de l’ICOM  12 – 16 : Responsable Scolarité de l’ICOM  Mes loisirs : Voyage, jeux, bds

4 Evolution du Web Web 1.0 : Lui  Le site vitrine, le site institutionnel… Web 2.0 : Nous  Les sites communautaires, les forums, réseaux sociaux, wiki… Web 3.0 : Je  Rédaction d’articles, photos, vidéos…  Construire son identité « virtuel ». Web 1.0 : Lui  Le site vitrine, le site institutionnel… Web 2.0 : Nous  Les sites communautaires, les forums, réseaux sociaux, wiki… Web 3.0 : Je  Rédaction d’articles, photos, vidéos…  Construire son identité « virtuel ».

5 Les objectifs Acquérir les bases logiciel d’Infographie. Vous professionnaliser en vous donnant les moyens de discuter avec un collègue ou un prestataire de service. Acquérir les bases logiciel d’Infographie. Vous professionnaliser en vous donnant les moyens de discuter avec un collègue ou un prestataire de service.

6 L’évaluation Pas d’évaluation

7 Dessinons !!! Et oui, car tout commence par le papier

8 Dessinons !!! Consigne de départ. Une feuille de papier blanc et un crayon. Pas de crayon à papier ni de gomme. Consigne de départ. Une feuille de papier blanc et un crayon. Pas de crayon à papier ni de gomme.

9 Dessinons !!! Dessiner une voiture (5 minutes) Dessiner une fleur (20 secondes) Conclusion : on n’a pas besoin d’être un grand dessinateur pour se faire comprendre et transmettre une idée sur le papier Dessiner une voiture (5 minutes) Dessiner une fleur (20 secondes) Conclusion : on n’a pas besoin d’être un grand dessinateur pour se faire comprendre et transmettre une idée sur le papier

10 Dessinons !!! Un vélo avec une impression de vitesse (2min) Un sourire (10 s) Conclusion :  L’importance de l’iconographie, des références communes, de l’héritage culturel...  Le vert ou le bleu pour l’écologie  Les panneaux de signalisation ... Un vélo avec une impression de vitesse (2min) Un sourire (10 s) Conclusion :  L’importance de l’iconographie, des références communes, de l’héritage culturel...  Le vert ou le bleu pour l’écologie  Les panneaux de signalisation ...

11 Dessinons !!! Réaliser en prenant l’ensemble de la feuille dans le sens que vous le souhaitez une ville et sa campagne vue de dessus. (10 min) Conclusion : L’importance du cadrage L’utilité du hors champs L’utilité du rythme Réaliser en prenant l’ensemble de la feuille dans le sens que vous le souhaitez une ville et sa campagne vue de dessus. (10 min) Conclusion : L’importance du cadrage L’utilité du hors champs L’utilité du rythme

12 Avoir des références Sites de graphistes et graphismes http://www.deviantart.com/ http://www.newwebpick.com/ https://www.behance.net/ Sites de graphistes et graphismes http://www.deviantart.com/ http://www.newwebpick.com/ https://www.behance.net/

13 Avoir les bonnes ressources Logothèque : http://www.lalogotheque.com/ Typographie : http://www.dafont.com/fr/ Images libres de droits : http://www.sxc.hu/ http://www.flickr.com/ Le site de tous les sites : http://www.bluevertigo.com.ar/bluevertigo.htm Logothèque : http://www.lalogotheque.com/ Typographie : http://www.dafont.com/fr/ Images libres de droits : http://www.sxc.hu/ http://www.flickr.com/ Le site de tous les sites : http://www.bluevertigo.com.ar/bluevertigo.htm