Site hosted by Angelfire.com: Build your free website today!
Retour au sommaire
Activité précédante :   Le film à partir d'une suite d'images.
Activité suivante :       Différents tracés, le dessin vectoriel.

8. Transparence, image et masque.

MSWLOGO ne gère pas la découpe transparente qui entoure l'image.

Si cette particularité est gênante pour des acivités basées sur des animations, on peut par contre l'utiliser pour expliciter le mécanisme.

Matériel informatique:

Une image .bmp

Notions:

Notions Informatique :
représentation des couleurs, représentation des nombres.

Notions Windows :
boutons.

Notions opératoires :

commandes :
    fmode, findex

outils :
    images, ascenseur mode
 

Objectif élève :

 Afficher une image avec transparence.

Objectif pédagogique :

Expliciter le problème de représentation numérique dans l'ordinateur.
Manipulation d'opérations logiques.
Exercer les opérations logiques pour anticiper les résultats des différents modes.

Consigne :

Superposer deux images de sorte que l'on voie la première au travers des parties transparentes de la seconde.

Réalisation :

Les parties transparentes de l'image doivent être blanches.
Le masque sera noir pour les parties opaques et blanc pour les parties transparentes.
Une couleur est représentée par trois nombres de 0 à 255 représentant l'intensité du rouge, du vert , du bleu.
Les nombres sont représentés en base 2 par une suite de 0 et de 1, les bits.
Le nombre 0 est représenté par huit zéros. Le nombre 255 par huit uns.
Le noir est représenté par toutes les couleurs à 0, donc par 24 zéros (3 fois huit zéros) et le blanc par 24 uns.

Le rouge sera représenté par 8 uns suivi de 16 zéros.
Le vert par 8 zéros, 8 uns, 8 zéros.
Le bleu par 16 zéros suivis de 8 uns.

Rouge :     11111111 00000000 00000000
Vert :      00000000 11111111 00000000
Bleu :      00000000 00000000 11111111
Blanc :     11111111 11111111 11111111
Noir :      00000000 00000000 00000000

Les opérateurs logiques font des opérations entre les bits correspondants de deux nombres.

L'opérateur ET rapporte 1 si et seulement si les deux bits sont 1, sinon il rapporte 0.
L'opérateur OU rapporte 1 si au moins l'un des deux bits est 1, il rapporte 0 seulement si les deux bits sont 0.
L'opérateur OUEX (ou exclusif) rapporte 1 si les deux bits sont différents, 0 s'ils sont semblables.
L'opérateur INV (inverse ) agit sur un seul bit et change 1 en 0 et 0 en 1.
 
 
nb1 nb2 INV nb2 ET OU  OUEX
1 1 0 1 1 0
1 0 1 0 1 1
0 1 0 1 1
0 0 0 0 0

Lorsque l'on colle une image, on peut faire une opération logique pour chaque point de l'image entre la couleur en mémoire et la couleur à l'écran, le résultat constituant la couleur de l'écran. Ces opérations constituent les différents mode de collage.

1.- Mem remplace l'écran par l'image en mémoire sans opération.
2.- Mem ou Ecran remplace l'écran par l'opération OU entre la mémoire et l'écran.
3.- Mem ET Ecran remplace l'écran par l'opération ET entre la mémoire et l'écran.
4.- Mem OUEX Ecran remplace l'écran par l'opération OUEX entre la mémoire et l'écran.
5.- Mem ET INV Ecran remplace l'écran par l'opération ET entre la mémoire et l'inverse de l'écran.
6.- INV Mem remplace l'écran par linverse de la mémoire.
7.- INV (Mem OU Ecran) remplace l'écran par l'inverse de l'opération OU entre la mémoire et l'écran.
8.- (INV Mem ) OU Ecran remplace l'écran par l'opération OU entre l'inverse de la mémoire et l'écran.
9.- INV Ecran remplace l'écran par son inverse.
10.- Ce mode combine l'image en mémoire et un masque en mémoire n + 1 pour obtenir une image avec transparence.
Ce mode suppose que la masque est noir pour les parties opaques de l'image et blanc pour les parties transparentes.
L'image doit avoir ses parties transparentes blanches.

Réalisation d'une image transparente en utilisant le mode 10


! Appuyer sur le bouton image des outils.
- La fenêtre image s'ouvre.

! Utiliser le bouton ouvrir et charger une image ayant des bordures blanches.

Préparation de l'index 1 avec le nom de l' image.

! Ecrire 1 <espace>  image dans la zone d'édition en haut de la boîte image.

! Cliquer sur OK.
- L'index   1 et le nom image apparaissent.

! Cliquer sur copier.
- L'image est mémorisée dans l'index 1.

Réalisation du masque.

! Appuyer voir/cacher dans la fenêtre image pour montrer la sélection.

! Appuyer le bouton dessin dans la barre d'outils.
! Pointer la souris dans la zone blanche de l'image entre le cadre et l'image.sur le bouton droit de a souris et cliquer avec le bouton droit.
- La tortue se place à cet endroit.
! Appuyer P pour peindre en noir les parties blanches qui deviendront transparentes. (S'assurer que la fenêtre Mswlogo Screen est active).

! Appuyer le bouton voir/cacher pour cacher la selection.
! Ramener la tortue sur la sélection avec le bouton aller.


! Placer l'ascenseur de mode (au bas de la fenêtre image) sur 4 (Mem OUEX Ecran).
! Appuyer coller.
-L'image devient un masque en noir et blanc. Tout ce qui est semblable dans les 2 images est noir. Ce qui est différent est blanc (Zone noircie).

! Préparer l'index 2 , le nommer masque et copier cette image.

! Appuyer N (Nouveau dessin) (S'assurer que la fenêtre Mswlogo Screen est active).ou taper la commande vg.

! Charger un autre dessin ou dessiner en déplaçant la souris avec les deux boutons appuyés.

 

! Placer l'ascenseur de mode sur 10 . (Masque).
! Placer l'ascenseur d'index sur 1. (l'image)
! Appuyer le bouton coller  ou taper la commande image.colle.
- L'image s'affiche avec des transparences.


 

Décomposition manuelle du collage avec transparence.


Il s'agit d'effectuer manuellement les opérations du mode 10.

! Vider l'écran, afficher une image de fond en mode 1 opaque.

! Placer la tortue (outil dessin et bouton droit de la souris).

! Index 2 masque, mode 5 Mem ET INV Ecran, coller

- La région de l'image de fond devient négative (effet de INV écran) et la partie opaque est en noir (résultat du ET avec la mémoire).

! Index 1 , mode 4 OUEX , coller.

- L'image est supperposée. Le blanc de l'image avec l'image négative de l'écran donne l'écran en positif (effet de transparence), le noir de l'écran avec l'image donne l'image (partie opaque de l'image). En effet OUEX avec 1(blanc) inverse la valeur (négatif devient positif) et OUEX avec 0 (noir) laisse l'image inchangée.
 
 

Exemple: avec quelques bits.
 
 

Ecran + partie blanche du masque
 
Ecran inverse    blanc (1)  Inverse et Blanc =  inverse de l'image de  l'écran (négatif)
1 0 1 0
0 1 1 1
1 0 1 0
1 0 1 0

Ecran + partie noire du masque
 
Ecran inverse   noir(0)   Inverse et Noir = Noir
1 0 0 0
0 1 0 0
1 0 0 0
1 0 0 0

blanc de l'image et écran
 
Résultat de la Partie blanche du masque Blanc de l'image OUEX = inverse de l'image
(négatif de négatif) = positif
0 1 1
1 1 0
0 1 1
0 1 1

Image et noir de l'écran
 
Résultat de la partie noire du masque Image OUEX = image
0 1 1
0 0 0
0 1 1
0 1 1

Le noir du masque donne l'image, le blanc du masque donne l'écran.
 

Retour au sommaire
Activité précédante :   Le film à partir d'une suite d'images.
Activité suivante :       Différents tracés, le dessin vectoriel.