Insérer une figure :

plusieurs façons d’insérer une figure  sur une page iWeb :

1. via le menu > Insérer > Figure > choix de la figure




  1. 2.via l’icône figure au bas de l’interface d’iWeb

    ------------------------>
  2. 3.un cas particulier : «Masquer avec une figure»


Sélection d’une image sur votre page iWeb puis > menu > Format > «Masquer avec une figure»


Au total on obtient ça :



En sélectionnant les figures, elles apparaissent entourées de neuf poignées (carrés blancs) qui permettent de modifier leur largeur et leur longueur.


Des formes à modifier :


Une fois les figures sélectionnées, voici ce que l’on obtient :


On remarque que certaines figures (rectangle à angles arrondis,  flèches, étoile, bulles) ont des points bleus (commandes circulaires) qui permettent de modifier leurs formes (on a un aperçu de ces modifications de chaque de ces figures sur la ligne inférieure):


Certaines figures (polygone, étoile) ont un petit menu pour changer le nombre de «bords» (polygone) ou de «branches» (étoiles)


Voici quelques-unes des multiples possibilités que l’on obtenir uniquement à partir la figure «flèche»



On voit que l’on peut reproduire le carré , le triangle isocèle, changer l’orientation de la flèche avec l’outil «rotation» et «miroir» de l’inspecteur des mesures.

Astuces :

Pour modifier proportionnellement la largeur et la longueur, vous pouvez, quand vous mobilisez les poignées (carrés blancs),

  1. cocher la case «Conserver les proportions» dans l’inspecteur des mesures

  2. ou plus simplement garder enfoncée la touche majuscule comme dans de nombreux logiciels.

De même en maintenant la touche ALT enfoncée vous pouvez modifier les largeurs et longueurs sans déplacer le centre de la figure.


Le remplissage :

En gris par défaut, comme ça, c’est pas très gai.

Inspecteur > inspecteur des graphismes
> Remplissage (aucun, couleur, dégradé du dégradé avancé, image, image teintée)


Avec l’inspecteur de graphismes, vous pouvez aussi ajouter un trait, une ombre, ou régler l’opacité.


                Avant 


Après 


«Masquer une image avec une figure», est-ce la même chose que  «remplissage image» d’une figure» ? :


Non. Masquer une image avec une figure permet déplacer, zoomer ou dézoomer sur l’image au sein de la figure. C’est impossible à faire avec le «remplissage image».

Prenons une image : un artwork de Luis Lopez, le héros de «GTA, the ballad of Gay Tony» , jeu édité par Rockstar (PC, XBOX 360, PS3)




Masquons cette image avec une figure ( sélection de l’image > menu > Format > Masquer avec une figure), on obtient le résultat ci-dessous : l’image est partiellement transparente laissant apparaître la couleur d’arrière-plan sauf au sein de la figure.
A ce stade la figue est sélectionnée, on peut modifier sa taille sa forme.
Si on sélectionne un autre objet de la page, la figure apparait telle qu’elle apparaitrait sur le site publié (voir images en etoile de droite)

  1. Résultat à droite :
 

  2. J’en profite pour augmenter la taille du masque tant que celui-ci est sélectionné

En cliquant une nouvelle fois sur la figure, on sélectionne l’image :

Résultat à droite :
 

L’image sélectionnée, on peut la déplacer au sein de son masque

Résultat à droite :
 

On peut aussi augmenter ou diminuer la taille de l’image sans modifier la forme de la figure.

Résultat à droite :
 


Avec un remplissage image, on obtient un résultat nettement moins personnalisable : voici les cinq seuls résultats obtenus pour une même taille d’étoile et la même image de remplissage.


de gauche à droite : ajuster - Remplir  - Etirer - Dimension d’origine - mosaïque




Du texte :

Les figures dans iWeb ’09 (contrairement à iWeb ’08) acceptent de recevoir du texte.


 Lorem ipsum dolor sit amet, ligula suspendisse nulla pretium, rhoncus tempor placerat fermentum, enim integer ad vestibulum volutpat. Nisl rhoncus turpis est, vel elit, congue wisi enim nunc ultricies sit, magna tincidunt. Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer, a dolor netus non dui aliquet, sagittis felis sodales, dolor sociis mauris, vel eu libero cras.


L’indicateur de dessin de texte (si vous avez choisi de l’afficher, cf les pages  «préférences» et/ou «des textes en images») vous avertit que que ce texte sera converti en image de texte à la publication .




Pour finir, le petit jeu de la sélection des images masquées par une figure :


Passer de la sélection d’une figure faite par une image masquée à celle de l’image en arrière-plan ou celle du masque est délicat pour certains , voici donc un petit récapitulatif  :

Prenons une figure faite d’une image masquée.

                   


Cliquons sur cette figure pour la sélectionner. Si on modifie sa taille avec les poignées, on modifie la taille du masque et de l’image


Double-cliquez sur la figure et vous verrez apparaître l’image et son masque, l’image sera sélectionnée, vous pouvez la déplacer, changer ses dimensions sans que cela modifie le masque


Maintenant pour sélectionner le masque de nouveau, vous avez deux possibilités

  1. soit vous cliquez sur la périphérie du masque (les pointillés)

  2. soit vous cliquez deux fois sur le bouton «modifier le masque»


Cette fois-ci c’est le contraire vous pouvez sans modifier la taille de «l’image d’arrière-plan»

modifier la taille et les proportions du masque et donc de la figure

déplacer l’image au sein du masque

effectuer une rotation de votre masque avec l’inspecteur des mesures :


 
 
       
En complément, lire les pages suivantes :


Des pages plus légères

Le poids des images masquées

Shapeimage

Le remplissage du dégradé avancé.

 

Commentaires   |   Accueil     Archives     Précédent     Suivant    Forum     Mon Twitter     Débuter sur Mac