L’inspecteur des graphismes en image :



Le remplissage :


Le remplissage permet de donner une couleur ou une image d’arrière-plan aux zones de texte et aux figures (hors ligne).

Cinq modes de remplissage : aucun, couleur, dégradé, dégradé avancé, image, image teintée.

Ex.



couleur

dégradé

dégradé
avancé

image

image
teintée





Les traits :


Ils permettent de

  1. personnaliser les lignes (voir page  «figures 2»), modifier leurs extrémités, leur couleur, leur épaisseur et leur aspect.

  2. mettre un cadre autour des figures, des images, des zones de textes et de certains widgets (galerie MobileMe, Youtube, Google Maps).


  1. 1.Personnaliser les lignes


une ligne :


 

inspecteur des graphismes >trait



la même après modification du trait :


inspecteur des graphismes >trait



  1. 2.Ajouter des cadres


ils sont de deux types : les lignes et les cadres d’images




Pour info (anecdotique), sur votre site web, les cadres d’images sont généralement constitués de huit images (une pour chaque angle et une pour chaque côté, un côté pouvant être constitué d’une image unique ou d’une image moins large disposée en mosaïque sur toute sa longueur).
 


On s’en aperçoit par ex. en essayant de prendre un coin du cadre avec le curseur de la souris, on déplace une image en PNG. En pratiquant la même gymnastique pour chaque côté et chaque coin,  on récupère toutes les images du cadre et le reconstituer  (cf ci-dessous, ici les images des côtés sont disposées en mosaïque ).


Par contre, en cas de rotation de l’image, le cadre et l’image forme une image unique comme on peu constater en essayant de glisser l’mage du navigateur vers le Finder



  1. 3. Vous trouvez le nombre de cadres d’images et de lignes trop limité ?


Vous pouvez augmenter le nombre des cadres proposés par iWeb grâce à un petit utilitaire d’Appaper : «Installateur de cadres d’image et de lignes»




Les ombres :


voir la page  «les ombres et leurs problèmes».

Pour les images, le ombres sont dues à un effet JavaScript

Pour les textes, les ombres transforment les zones de textes en images


Les reflets :


il s’agit d’un effet javascript.




Opacité :


Effet de style, rendant une image, une zone de texte ou une figure semi-transparente, permettant de voir l’arrière-plan.





Exemple : une figure, une zone de texte et une image semi-transparentes sur un arrière-plan bicolore (gris moyen - gris foncé)



 

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