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.
Qui sommes nous ?
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
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/consulter/bbf-2004-02-0113-008
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
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.
Organisation : ressources 
http://1drv.ms/1tTNaPe
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.
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.
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-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
Panorama des logiciels
Panorama des logiciels
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/
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
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.
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
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
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
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. Le mur 
devra porter un message social qui interpellera les 
passants.
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!
Capsule vidéo
Partage 
Pour présenter votre super mur à message social, sauvegarder 
votre création en jpg et envoyer la à : 
andree-caroline.boucher@recitarts.ca
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

  • 2.
    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.
  • 3.
  • 4.
    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
  • 5.
    Intention Développer lacompétence CRÉER par le biais du dessin numérique et du traitement de l’image.
  • 6.
    SAMR ou ASPID création Source : Ruben Puentedura.
  • 7.
    L’image dans notresociété Consommer des images Fabriquer des images Critiquer des images Source : http://bbf.enssib.fr/consulter/bbf-2004-02-0113-008
  • 8.
    L’image dans notresocié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
  • 9.
    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.
  • 10.
    Organisation : ressources http://1drv.ms/1tTNaPe
  • 11.
    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.
  • 12.
    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.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
    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
  • 22.
  • 23.
  • 24.
    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/
  • 25.
    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
  • 26.
    Image matricielle etvectorielle 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.
  • 27.
    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
  • 28.
    Résolution Une imagenumé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
  • 29.
    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
  • 30.
    Initiation au dessinnumérique - Art rage
  • 31.
    Initiation au dessinnumérique - Art Rage - Capsules vidéo http://goo.gl/bkpzZm
  • 32.
    Initiation au dessinnumérique - Art Rage - Tutoriel (En) http://goo.gl/FtlPFW
  • 33.
    Initiation au traitementde l’image - pixlr.com/editor
  • 34.
    Initiation au traitementde l’image - Photoshop E - Capsules vidéo http://goo.gl/OHNanN
  • 35.
    Initiation au traitementde l’image - GIMP - Capsules vidéo http://goo.gl/1k6usz
  • 36.
    Initiation au traitementde l’image - PIXLR.com editor - Capsules vidéo http://goo.gl/0tz4tk
  • 37.
    Initiation au traitementde l’image - PIXLR.com editor - Tutoriel (Fr) http://goo.gl/IcJ0wV
  • 38.
    Initiation au traitementde l’image - tutoriel générique
  • 39.
    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.
  • 40.
    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!
  • 41.
  • 42.
    Partage Pour présentervotre super mur à message social, sauvegarder votre création en jpg et envoyer la à : andree-caroline.boucher@recitarts.ca
  • 43.
  • 44.
  • 45.
  • 46.
    « Mieux vautune réussite solid aire qu’un exploit solitaire. » Albert Jacquard