46

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

Embed Size (px)

Citation preview

Page 1: Initiation au dessin numérique et traitement de l'image
Page 2: Initiation au dessin numérique et traitement de l'image

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.

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

Qui sommes nous ?

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

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

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

Intention

Développer la compétence CRÉER par le biais du

dessin numérique et du traitement de l’image.

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

SAMR ou ASPID

création

Source : Ruben Puentedura.

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

L’image dans notre société

Source : http://bbf.enssib.fr/consulter/bbf-2004-02-0113-008

Consommer des images Fabriquer des images Critiquer des images

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

L’image dans notre société

Source : http://bbf.enssib.fr/consulter/bbf-2004-02-0113-008

Consommer de images Fabriquer de images Critiquer de images

« On ne comprend jamais aussi bien la grammaire de l’image qu’en la faisant. »

Philippe Meirieu

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

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.

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

Organisation : ressources

http://1drv.ms/1tTNaPe

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

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.

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

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.

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

Exemple

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

Exemple

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

Exemple

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

Exemple

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

Exemple

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

Exemple

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

Exemple

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

Exemple

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

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

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

Panorama des logiciels

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

Panorama des logiciels

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

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/

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

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

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

Image matricielle et vectorielle Image

matricielle vectoriellemosaï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.

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

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

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

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

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

Formats de sauvegarde

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

Formats propriétaires des différents logiciels graphiques

Nom Extension

Art Rage .rtg

Photoshop .psd

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

Initiation au dessin numérique - Art rage

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

Initiation au dessin numérique - Art Rage - Capsules vidéo

http://goo.gl/bkpzZm

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

Initiation au dessin numérique - Art Rage - Tutoriel (En)

http://goo.gl/FtlPFW

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

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

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

Initiation au traitement de l’image - Photoshop E - Capsules vidéo

http://goo.gl/OHNanN

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

Initiation au traitement de l’image - GIMP - Capsules vidéo

http://goo.gl/1k6usz

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

Initiation au traitement de l’image - PIXLR.com editor - Capsules vidéo

http://goo.gl/0tz4tk

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

Initiation au traitement de l’image - PIXLR.com editor - Tutoriel (Fr)

http://goo.gl/IcJ0wV

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

Initiation au traitement de l’image - tutoriel générique

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

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.

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

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!

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

Capsule vidéo

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

Partage

Pour présenter votre super mur à message social, sauvegarder

votre création en jpg et envoyer la à :

[email protected]

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

Suivi : Artico praTIC

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

Suivi : Artico praTIC

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

Inscrivez-vous...

maintenant!www.recitarts.cawww.recitarts.ca

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

« Mieux vaut une réussite

solidaire qu’un exploit solitaire. » Albert Jacquard