Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Initiation au dessin numérique et traitement de l'image

1,244 views

Published on

Atelier d'une demi-journée offert lors du e-Colloque de la CSMB à Montréal le 6 décembre 2014.

Published in: Education
  • Login to see the comments

  • Be the first to like this

Initiation au dessin numérique et traitement de l'image

  1. 1. Qui sommes nous ? Andrée-Caroline Boucher, conseillère pédagogique et animatrice au service national du RÉCIT dans le domaine des arts. Martin Bellemare, conseiller pédagogique et animateur au service national du RÉCIT dans le domaine des arts.
  2. 2. Qui sommes nous ?
  3. 3. Ordre du jour • Intention • Organisation • Panorama des logiciels • Résolutions, définition et dimensions • Formats de sauvegarde • Initiation au dessin numérique - Art Rage • Initiation au dessin numérique - Pixlr.com/editor • Création • Partage • Suivi
  4. 4. Intention Développer la compétence CRÉER par le biais du dessin numérique et du traitement de l’image.
  5. 5. SAMR ou ASPID création Source : Ruben Puentedura.
  6. 6. L’image dans notre société Consommer des images Fabriquer des images Critiquer des images Source : http://bbf.enssib.fr/consulter/bbf-2004-02-0113-008
  7. 7. L’image dans notre société « On ne comprend jamais aussi bien la grammaire de l’image qu’en la faisant. » Consommer de images Fabriquer de images Critiquer de images Philippe Meirieu Source : http://bbf.enssib.fr/consulter/bbf-2004-02-0113-008
  8. 8. Organisation : jumelage 1) Choisir un carton : • vert = débutant • jaune = intermédiaire • rouge = avancé 2) Se jumeler avec une personne qui a un carton d’une couleur différente.
  9. 9. Organisation : ressources http://1drv.ms/1tTNaPe
  10. 10. Organisation : questions 1) Aller à la page suivante : http://1drv.ms/1tTNaPe 2) Choisir le document Questions des participants. 3) Écrire votre question précédant du nombre correspondant à l’ordre chronologique. 3) Inscrire votre prénom, nom et numéro de place à la suite de la question.
  11. 11. Proposition de création Créer un mur d’art urbain où se retrouvera au moins un tag, une oeuvre murale de type pochoir et un message écrit. Le mur devra porter un message social qui interpellera les passants.
  12. 12. Exemple
  13. 13. Exemple
  14. 14. Exemple
  15. 15. Exemple
  16. 16. Exemple
  17. 17. Exemple
  18. 18. Exemple
  19. 19. Exemple
  20. 20. Définitions • TAG : Le « tag » est une signature. Il est soit apposé pour signer un graff soit utilisé seul et pour lui-même. • Art urbain : L'art urbain, ou « street art1 », est un mouvement artistique contemporain. Il regroupe toutes les formes d’art réalisées dans la rue, ou dans des endroits publics, et englobe diverses techniques telles que le graffiti, la réclame, le pochoir, la mosaïque, les stickers, l’affichage, etc. C'est principalement un art éphémère vu par un très grand public. Artistes majeurs : Banksy, Muto… • Pochoir : Le pochoir est une technique d'impression (ou technique picturale) qui permet de reproduire plusieurs fois des caractères ou des motifs sur divers supports. Source : Wikipédia
  21. 21. Panorama des logiciels
  22. 22. Panorama des logiciels
  23. 23. Panorama des logiciels - Dessin numérique • Art Rage : http://www.artrage.com/ • LopArt : http://www.lopart.net/ • LopArt Duo : http:/www.lopartduo.net/ • My Paint : http://mypaint.intilinux.com/ • Painter : http://www.corel.com/
  24. 24. Panorama des logiciels - Traitement de l’image •Adobe Photoshop Element : http://www.adobe.com •Adobe Photoshop CS8 : http://www.adobe.com •PhotoFiltre: http://www.photofiltre-studio.com/ •Gimp : http://www.gimp.org/ •pixlr.com/ editor (en ligne) : http://apps.pixlr.com/editor/ •SumoPaint (en ligne) : http://www.sumopaint.com/home/#app
  25. 25. Image matricielle et vectorielle Image matricielle vectorielle mosaïque de points élémentaires stocké. Plus lourd, lorsqu'on agrandit, on perd de la résolution = image pixellisée. Logiciels matriciels : Art Rage, Painter, etc au lieu de mémoriser une mosaïque de points élémentaires, on stocke la succession d'opérations conduisant au tracé. Moins lourd, facilement transformable, agrandir sans perdre de résolution. Photoshop Logiciels matriciels : Art Rage, Painter, etc. Logiciels vectoriels : Illustrator, Inkscape, etc.
  26. 26. Définition ou dimension La définition d'une image est définie par le nombre de points la composant. En image numérique, cela correspond au nombre de pixels qui composent l'image en hauteur (axe vertical) et en largeur (axe horizontal) : 100 X 75 pixels par exemple, abrégé en « 100 × 75 ». Source : Wikipédia
  27. 27. Résolution Une image numérique est constituée de pixels. Les pixels sont des point lumineux de l’écran de forme rectangulaires ou carrés. La résolution définit le nombre de pixels par pouce. La résolution d'une image numérique à l’écran s'exprime en PPI (Pixel Per Inch) . La résolution d'impression d'une imprimante se détermine en DPI (Dot Per Inch). En général, dans le langage courant, on utilise à tort le terme DPI plutôt que PPI. WEB IMPRESSION IMPRESSION de haute qualité 72 pixels par pouce 150 pixels par pouce 300 pixels par pouce
  28. 28. Formats de sauvegarde Formats propriétaires des différents logiciels graphiques Nom Extension Art Rage .rtg Photoshop .psd Formats de sauvegarde standards qui peuvent être lus par d’autres logiciels Nom Extension Destination Compression Poid Technologie JPEG .jpg Pour tout Compressé Léger PNG .png Pour web et écran Compressé avec transparence Moyen PICT .pct Pour écran Non compressé Moyen TIFF .tif pour impression Compressé ou non Lourd EPS .eps pour impression Non compressé Lourd BITMAP .bmp pour impression Compressé ou non Léger à lourd GIFF .gif Pour web et écran Compressé en 256 couleurs Très léger
  29. 29. Initiation au dessin numérique - Art rage
  30. 30. Initiation au dessin numérique - Art Rage - Capsules vidéo http://goo.gl/bkpzZm
  31. 31. Initiation au dessin numérique - Art Rage - Tutoriel (En) http://goo.gl/FtlPFW
  32. 32. Initiation au traitement de l’image - pixlr.com/editor
  33. 33. Initiation au traitement de l’image - Photoshop E - Capsules vidéo http://goo.gl/OHNanN
  34. 34. Initiation au traitement de l’image - GIMP - Capsules vidéo http://goo.gl/1k6usz
  35. 35. Initiation au traitement de l’image - PIXLR.com editor - Capsules vidéo http://goo.gl/0tz4tk
  36. 36. Initiation au traitement de l’image - PIXLR.com editor - Tutoriel (Fr) http://goo.gl/IcJ0wV
  37. 37. Initiation au traitement de l’image - tutoriel générique
  38. 38. Proposition de création Créer un mur d’art urbain où se retrouvera au moins un tag et une oeuvre murale de type pochoir. Le mur devra porter un message social qui interpellera les passants.
  39. 39. Défis à relever 1) Dans Artrage, créer un tag. 2) Le sauvegarder en jpg dans un dossier Art_Urbain. 3) Dans pixlr.com/editor, ouvrir votre photo. 4) Recadrer votre photo afin de conserver seulement le visage. 5) Rendre votre photo en noir et blanc dans Réglages/.… 6) Utiliser l’outil vectoriel pour découper le contour du visage puis enlever le fond. 7) Enregistrer en png dans le dossier Art_Urbain. 8) Ouvrir la photo du mur de votre choix. 9) Sur une calque supérieur, ajouter votre autoportrait-pochoir, puis ajuster le avec Editer/Transformation libre. 10) Ajouter sur un claque supérieur votre tag 11) À l’aide de l’outil texte, ajouter un message écrit. 12) Amusez-vous à ajouter des éléments créatifs et signifiants sur votre mur!
  40. 40. Capsule vidéo
  41. 41. Partage Pour présenter votre super mur à message social, sauvegarder votre création en jpg et envoyer la à : andree-caroline.boucher@recitarts.ca
  42. 42. Suivi : Artico praTIC
  43. 43. Suivi : Artico praTIC
  44. 44. Inscrivez-vous... maintenant! www.recitarts.ca
  45. 45. « Mieux vaut une réussite solid aire qu’un exploit solitaire. » Albert Jacquard

×