Partenaires
- Agence web : création de site Internet Lyon, référencement et graphisme
Créez un nouveau document de 500 x 500 pixels.
Sélectionnez l’outil rectangle arrondi (Barre d’outils), puis, cliquez sur votre plan de travail. La fenêtre rectangle arrondi s’ouvre, entrez les valeurs suivantes :
Largeur : 250px
Hauteur : 60px
Rayon : 12px
Puis cliquez sur Ok.
Choisissez comme couleur de fond la couleur # 445287, et supprimez le contour.

Sélectionnez votre rectangle arrondi en cliquant dessue, puis faites successivement ctrl+c, ctrl +f (copier/coller devant). Vous remarquez qu’un nouveau tracé est crée, il contient le même rectangle arrondi que le premier.

Sélectionnez ce nouveau rectangle en cliquant dessue, et appliquez une couleur de fond blanche.
Faites effet > Tracé > Décalage et mettez la valeur du décalage sur -2px. Vous remarquez que le rectangle blanc s’est rétracté pour laisser apparaître le rectangle bleu (qui est en dessous).

Toujours en laissant le rectangle blanc sélectionné, cliquez sur la petite flèche de la fenêtre « Transparence » et sélectionnez et faites : Créer un masque d’opacité.
Votre objet disparaît et vous voyez apparaître un petit carré noir dans la fenêtre Transparence. C’est votre masque d’opacité.

Cliquez sur la petite fenêtre noire pour sélectionner le masque, puis dessinez un nouveau rectangle qui couvre toute la surface de vos précédents objets.
Ouvrez la fenêtre dégradé et créez un dégradé du noir vers le blanc. À l’aide de l’outil dégradé (Barre d’outils), appliquez-le dégradé linéaire verticalement à votre objet, en faisant en sorte que le blanc soit en haut et le noir en bas. Le résultat n’est peut-être pas celui que vous attendiez, en effet, dans un dégradé dans un masque d’opacité, le blanc laisse apparaître l’objet qui est en dessous (le rectangle arrondi blanc) et le noir le cache. Vous obtenez donc un dégradé d’opacité du blanc vers le transparent.

Enfin, créez un nouveau rectangle de couleur noir (Noir = transparent), qui couvre la moitié de votre rectangle arrondi.

Il vous suffit maintenant de cliquer sur le petit rectangle blanc, dans la fenêtre « Transparence » afin de quitter votre masque d’opacité, et d’écrire à l’aide de l’outil texte, le texte qui vous convient.
Voici le résultat final :

