• Masque 1

    Je reviens sur un sujet déjà abordé mais peut-être oublié: les masques.

    Nous avons réalisé des montages avec des zones géométriques, emplies d'une partie d'image; ce genre de montage ne peut se faire qu'avec des formes géométriques; nous aimerions parfois présenter nos images à l'intérieur d'une forme particulière; voici un exemple avec un nuage, chargé sur le net et modifié pour cet usage:

    On peut soit créer ses propres masques, soit en utiliser du net (un conseil: rechercher à dessin à colorier, faciles à transformer en masques).

    Le principe est simple: placer une image en fond et, par dessus, le masque qui ne laisse apparaître qu'une partie de ladite image.

    <div id="mk1">
    <p><img src="http://ekladata.com/gttunDZw-FIF3Xh0d1wlQsii8l4.png" alt="" /></p>
    </div>
    <style><!--
    #mk1{width:800px; height:600px; margin:5px auto; background:url('http://ekladata.com/KI95ZVJrfBj1RwTX5C7rT_KCuxw.jpg');}
    --></style>

     

    Si le fond de votre page est de couleur unie, comme moi, votre montage semblera être indépendant.

    Si votre fond de page est décoré, vous devrez placer votre montage masque, dans un cadre.

    A partie de là, nous pourrons faire des montages avec changement d'image au survol de bouton, idem pour le changement de masque et nous pourrons réaliser des masques animés; ce sera le sujet de pages à venir.