Yvon Lemay (ESLS)

Un autre modèle de barre de navigation

(SOURCE : Photo-Paint tips & tutorials, Book Chris,  http://www.siuya.freeserve.co.uk/pp%208/page2a.htm)

Objectifs : 

  • Utiliser les options de remplissage.

  • Utiliser la réduction des masques.

  • Utiliser des effets de pinceau et l’aérographe.

  • Utiliser l’outil Texte.

  1. Créez une nouvelle image d’une taille de 700 x 80 pixels, d’une résolution de 72 ppp et de couleur blanche.

  2. Sélectionnez le menu «Outils, Configurer la grille et la règle». Réglez l’espacement à 10 pixels tant à l’horizontale qu’à la verticale (comme dans la fiche précédente). Cochez les options «Afficher la grille» et «Grille magnétique», puis cliquez sur le bouton «OK».

  3. Sélectionnez l’outil «Rectangle» et ouvrez la boîte «Paramètres d’outil…» en enfonçant simultanément les touches «CTRL + F8». Réglez les paramètres de la boîte de dialogue comme suit: Largeur: 0,  Transparence: 0, Arrondi: 100, Mode de dessin: Normal, Anticrénelage et Rendu vers objet: cochés.

  4. Enfoncez le quatrième bouton, «Texture». Cliquez sur «Modifier».  Sélectionnez «Turbulence» dans la bibliothèque de textures «Échantillons 8» (voir ci-dessous). Cliquez sur le bouton «Ok». 

  1. Tracez un rectangle de 680 x 60 pixels (laissez la largeur d’une case de chaque côté). Le résultat obtenu est celui ci-dessous.

  1. Pour ajouter un masque à la barre de navigation, enfoncez simultanément les touches «CTRL + M». Cliquez sur «Masque, Forme, Réduire». La boîte de dialogue ci-dessous apparaît. Réglez la largeur à 6 et cliquez sur «OK». 

  1. Enfoncez simultanément les touches «CTRL + I» pour inverser le masque.

  2. Sélectionnez l’«Outil Effets». Enfoncez simultanément les touches «CTRL + F8» pour faire apparaître la boîte des paramètres de l’«Outil Effets» (figure ci-dessous). Sélectionnez le bulbe lumineux (avant-dernier) et réglez les paramètres comme ceci: Type = Person. Luminosité, Peinture = Normal, Quantité = 50, Taille = 30, Transparence = 50, Rotation = 0, Aplatissement = 0, Bords adoucis = 35.

  1. Placez le cercle représentant le pinceau dans le coin supérieur droit et, en maintenant la touche «CTRL» enfoncée, glissez le cercle jusqu’à l’extrémité supérieure gauche de la barre. 

  1. Changez l’option «Quantité» dans la boîte «Paramètres d’outil» pour –50. Glissez le cercle représentant le pinceau du coin inférieur droit vers le coin inférieur gauche toujours en maintenant la touche «CTRL» enfoncée. Vous venez de créer des effets d’ombre et de lumière comme ci-dessous.

  1. Enlevez le masque en enfonçant simultanément les touches «CTRL + MAJ + R».  Sélectionnez votre barre et ajoutez une ombre portée noire d’une largeur de 5 pixels. Choisissez vous-même les autres caractéristiques. Sauvegardez le résultat sous le nom «Navigation.cpt» afin d’en garder un exemplaire qui pourra servir à créer plusieurs barres contenant des options différentes.

  2. Voici venu le temps d’ajouter le texte. Vous utilisez les 5 mêmes options que dans la barre précédente : Présentation, Passe-temps, Photos, Jeux vidéo, Liens. Utilisez cette fois la police «Comic Sans Ms» (ou une autre à votre choix si elle n’est pas disponible) d’une taille de 28 pts. La couleur employée est le jaune. Tapez le premier mot et ajoutez-lui une ombre portée (la même que précédemment conviendra). Ajoutez les quatre autres options de la même façon et alignez-les horizontalement. Répartissez-les également sur votre barre comme dans l’exemple ci-dessous. Enregistrez le résultat final sous le nom «Barre_nav2.gif» en utilisant la couleur de fond comme couleur de transparence.

Communiquer

 

 

Série 4

 Ombre
 Création
 Moi
 Barre navigation
 Barre navigation 2

Série 5

 Interface
 Médaillon
 Bannière animée

Évaluation

 Outil Clone
 Dessin coloré
 Bannière
 Grille

Site ESLS

© Interface réalisé par l'Atelier de Duotang