Qui sommes nous ? 
Andrée-Caroline Boucher, conseillère pédagogique et animatrice au service national du 
RÉCIT dans le do...
Qui sommes nous ?
Ordre du jour 
• Intention 
• Organisation 
• Panorama des logiciels 
• Résolutions, définition et dimensions 
• Formats d...
Intention 
Développer la compétence CRÉER par le biais du 
dessin numérique et du traitement de l’image.
SAMR ou ASPID 
création 
Source : Ruben Puentedura.
L’image dans notre société 
Consommer des images Fabriquer des images Critiquer des images 
Source : http://bbf.enssib.fr/...
L’image dans notre société 
« On ne comprend jamais 
aussi bien la grammaire de 
l’image qu’en la faisant. » 
Consommer de...
Organisation : jumelage 
1) Choisir un carton : 
• vert = débutant 
• jaune = intermédiaire 
• rouge = avancé 
2) Se jumel...
Organisation : ressources 
http://1drv.ms/1tTNaPe
Organisation : questions 
1) Aller à la page suivante : 
http://1drv.ms/1tTNaPe 
2) Choisir le document Questions des part...
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...
Exemple
Exemple
Exemple
Exemple
Exemple
Exemple
Exemple
Exemple
Définitions 
• TAG : Le « tag » est une signature. Il est soit apposé pour signer un 
graff soit utilisé seul et pour lui-...
Panorama des logiciels
Panorama des logiciels
Panorama des logiciels - Dessin numérique 
• Art Rage : http://www.artrage.com/ 
• LopArt : http://www.lopart.net/ 
• LopA...
Panorama des logiciels - Traitement de l’image 
•Adobe Photoshop Element : http://www.adobe.com 
•Adobe Photoshop CS8 : ht...
Image matricielle et vectorielle 
Image 
matricielle vectorielle 
mosaïque de points élémentaires stocké. Plus 
lourd, lor...
Définition ou dimension 
La définition d'une image est définie par le nombre de points la 
composant. En image numérique, ...
Résolution 
Une image numérique est constituée de pixels. Les pixels sont des point 
lumineux de l’écran de forme rectangu...
Formats de sauvegarde 
Formats propriétaires 
des différents logiciels graphiques 
Nom Extension 
Art Rage .rtg 
Photoshop...
Initiation au dessin numérique - Art rage
Initiation au dessin numérique - Art Rage - Capsules vidéo 
http://goo.gl/bkpzZm
Initiation au dessin numérique - Art Rage - Tutoriel (En) 
http://goo.gl/FtlPFW
Initiation au traitement de l’image - pixlr.com/editor
Initiation au traitement de l’image - Photoshop E - Capsules vidéo 
http://goo.gl/OHNanN
Initiation au traitement de l’image - GIMP - Capsules vidéo 
http://goo.gl/1k6usz
Initiation au traitement de l’image - PIXLR.com editor - Capsules vidéo 
http://goo.gl/0tz4tk
Initiation au traitement de l’image - PIXLR.com editor - Tutoriel (Fr) 
http://goo.gl/IcJ0wV
Initiation au traitement de l’image - tutoriel générique
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....
Défis à relever 
1) Dans Artrage, créer un tag. 
2) Le sauvegarder en jpg dans un dossier Art_Urbain. 
3) Dans pixlr.com/e...
Capsule vidéo
Partage 
Pour présenter votre super mur à message social, sauvegarder 
votre création en jpg et envoyer la à : 
andree-car...
Suivi : Artico praTIC
Suivi : Artico praTIC
Inscrivez-vous... 
maintenant! 
www.recitarts.ca
« Mieux vaut une réussite 
solid aire qu’un exploit solitaire. » 
Albert Jacquard
Initiation au dessin numérique et traitement de l'image
Prochain SlideShare
Chargement dans…5
×

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

717 vues

Publié le

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

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
717
Sur SlideShare
0
Issues des intégrations
0
Intégrations
11
Actions
Partages
0
Téléchargements
27
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×