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

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. Qui sommes nous ?

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 la compé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 notre socié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 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

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. Exemple

14. Exemple

15. Exemple

16. Exemple

17. Exemple

18. Exemple

19. Exemple

20. Exemple

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. Panorama des logiciels

23. Panorama des logiciels

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 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.

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 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

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 dessin numérique - Art rage

31. Initiation au dessin numérique - Art Rage - Capsules vidéo
http://goo.gl/bkpzZm

32. Initiation au dessin numérique - Art Rage - Tutoriel (En)
http://goo.gl/FtlPFW

33. Initiation au traitement de l’image - pixlr.com/editor

34. Initiation au traitement de l’image - Photoshop E - Capsules vidéo
http://goo.gl/OHNanN

35. Initiation au traitement de l’image - GIMP - Capsules vidéo
http://goo.gl/1k6usz

36. Initiation au traitement de l’image - PIXLR.com editor - Capsules vidéo
http://goo.gl/0tz4tk

37. Initiation au traitement de l’image - PIXLR.com editor - Tutoriel (Fr)
http://goo.gl/IcJ0wV

38. Initiation au traitement de 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. Capsule vidéo

42. Partage
Pour présenter votre super mur à message social, sauvegarder
votre création en jpg et envoyer la à :
andree-caroline.boucher@recitarts.ca

43. Suivi : Artico praTIC

44. Suivi : Artico praTIC

45. Inscrivez-vous...
maintenant!
www.recitarts.ca

46. « Mieux vaut une réussite
solid aire qu’un exploit solitaire. »
Albert Jacquard