Débuter sur iWeb : figure, image masquée et rotation

•d’avoir vu leur forme se modifier ou d’être générées par une figure.
•d’afficher une zone de transparence sauf les formes rectangles (et linaires) ayant un axe horizontal ou vertical
•des PNG
sauf dans certains cas (comme les lignes horizontales ou verticales (JPEG))
•d’être contrairement à leur apparence rectangulaire à bord droit et à base horizontale comme toutes images .

Par exemple (en turquoise les pixels cachés) :

1.Les images ayant subies une rotation

2.Les images issues de formes

à gauche ce que l’on voit ---- sa forme réelle à droite

3.Les images issues de formes (suite)

à gauche ce que l’on voit ---- sa forme réelle à droite

4. les images modifiées par une forme

à gauche ce que l’on voit ---- sa forme réelle à droite

Les images issues de la rotation :

les images en rotation se font grâce à l’inspecteur des mesures.
On part d’une image droite banale par ex celle-ci :

et on tourne

Les images issues d’une figure :

1. Choisir

Au bas de votre fenêtre d’iWeb, cliquez sur l’icône «Figures» et choisissez votre figure dans le menu.

2. Modification de la forme :

Vous bénéficiez de plusieurs options pour modifier la forme de la figure. Par ex. pour l’étoile :

3. Remplissage de cette forme : Plusieurs options sont disponibles .

le remplissage du dégradé avancé est très sympa

Remarque : on peut ajouter un bon nombre de couleur à ce dégradé. Avec une lueur verte c’est sympa, non?

Les images masquées

Parfois iWeb vous fait utiliser des images masquées par défaut ,
par ex. cette image sur la page de bienvenue, on la reconnaît à son outil «modifier le masque» qui apparaît quand on clique sur la photo :

Pour ajouter un masque (Voir image ci-dessous) :

Barre de menu > Format > «masquer avec une figure» > choisissez votre figure

Exemple de masque :

Là j’ai pris comme forme la bulle: elle est modifiable

grâce à

3 curseurs bleus ronds : de haut en bas

arrondie les angles de la bulle

réduit l’épaisseur de la queue

positionne l'extrémité de la queue

3 curseurs blancs carrés pour modifier la taille et les proportions du corps de la bulle.

figure 1

figure 2

figure 3

Editer :

(Voir figure 2) Vous pouvez

double cliquez sur votre image c’est l’image et non le masque qui doit être sélectionnée.

modifier la position de la photo par exemple(1) au sein du masque.

zoomer sur la photo (2)

Enlever le masque :

(voir figure 3 ci-dessus)
cmd + Maj + M
ou
Barre de de menu > Format > Ne plus masquer

Parfois il suffit de sélectionner le masque (doubleclic sur l’image) et de faire Cmd + X et c’est aussi le meilleur moyen de faire des bêtises.

Shapeimages et liens :

1. Une Shapeimage peut empêcher un lien de fonctionner

La zone de l’image invisible à l’oeil est importante à prendre en considération : si vous positionnez mal votre image, elle peut se trouver au dessus d’un lien (ex. lien 1) et vous empêchez de cliquer dessus.
On voit sur la capture ci-dessous que la partie invisible de la shapesimage rectangulaire recouvre la zone où se trouve le lien 1. Ce lien ne sera pas pas cliquable bien qu’il soit visible.

2. Une bouton fait en Shapeimage peut être «cliqué» sur sa zone invisible :

si vous transformez votre image en un lien vers un site alors la zone invisible sera elle aussi cliquable

vous pouvez essayer sur l’image ci dessous

RSS FEED

ACCUEIL