Réaliser un header

Le but de ce tuto est de réaliser un header très simple en respectant les démarches préconisées lors de l'utilisation du logiciel "The Gimp".

Résultat à obtenir :


Démarrage :

- Double cliquer sur l'icône du logiciel "The Gimp"
- Cliquer sur le menu "Fichier" puis sur la commande "Nouveau".

Définir la surface de travail :

- Entrer les dimensions de l'image : Largeur : 1200 Hauteur : 400 Résolution : 72 Espace de couleurs : RVB Remplir avec : Couleur d'arrière-plan

Placer les  guides :

Il faut d'abord définir la surface utile pour réaliser le header, pour cela nous allons placer 4 guides afin de délimiter cette surface.


Le guide horizontal A sera situé à 100px du bord supérieur.
Le guide horizontal B sera situé à 270px du bord supérieur.
Le guide vertical C sera situé à 100px du bord gauche.
Le guide vertical D sera situé à 1099px du bord gauche.

Un tuto est à disposition ici pour savoir comment disposer les guides.

Réaliser le dégradé :
- Créer un nouveau calque transparent et  le nommer fond :  menu "Calques" puis "Nouveau"
- En utilisation l'outil "sélection rectangulaire", tracer un rectangle en suivant les 4 guides ABCD



- Sélectionner les couleurs désirées.

Bleu foncé (PP)	101066
Bleu clair 'AP)	413A99

- Sélectionner dans la "boite à outils" l'outil "dégradé"
- Tracer le dégradé de haut en bas



- Positionner la souris sur le guide A, maintenir le bouton de gauche enfoncé et déplacer celle-ci tout en maintenant la touche Ctrl du clavier enfoncée afin de réaliser un tracé rectiligne.


Réaliser le reflet en ellipse :
- Créer un nouveau calque en le nommant "ellipse dégradé"
- Choisir l'outil "sélection circulaire" de la boîte à outils et cocher l'option "Sélection par intersection" de la boîte de dialogues.

Commentaires : A l'étape précédente la sélection était rectangulaire et il faut placer maintenant à l'intérieur de celle-ci un reflet ayant pour forme une partie d'ellipse. Tracer une ellipse sur la sélection rectangulaire reviendrait à ajouter cette forme à la précédente (par juxtaposition), alors que pour obtenir le résultat souhaité, ce morceau d'ellipse doit se trouver dans le rectangle sans le dépasser. C'est pour cette raison qu'il faudra cocher cette option "Intersection" dans cette boîte, nous obtiendrons ainsi une sélection commune au rectangle et à l'ellipse.

- tracer la sélection circulaire.


- Cliquer dans "la boîte à outil" sur l'outil "dégradé" et dans la boîte "Options des outils", cliquer sur la pastille en face du mot "Dégradé" afin de pouvoir choisir le type de dégradé souhaité (ici, dans cet exemple "PP vers transparent"

Si les boîtes de dialogues contenant les "Options de l'outil" dégradé n'est pas active, il suffit de double-cliquer sur le bouton "Dégradé" de la la "Boîte à outils". Pour obtenir cet effet "reflet", il faut choisir dans les propositions un dégradé du premier plan (blanc) vers Transparent.

- Régler l'opacité du calque :

En restant sur le calque "dégradé ellipse" il est possible de modifier l'effet obtenu en faisant varier l'opacité du calque. Pour cela, il suffit de faire coulisser le curseur situé dans la fenêtre des calques.

Découper le header :
Il faut maintenant découper l'image réalisée afin de supprimer le surplus qui l'entoure.
- Faire une sélection rectangulaire en suivant les 4 guides, puis ouvrir le menu "Images" et cliquer sur la commande "Découper la sélection".

Enregistrer l'image :
Pour pouvoir l'intégrer sans problème à un site, une image peut être enregistrée aux formats jpg ou png, voire gif lorsque cela est nécessaire.

CONSEIL :
D'autres variantes :