La première étape consiste bien entendu à créer un nouveau fichier. Accédez à Fichier > Nouveau ou appuyez simplement sur Ctrl + N. Choisissez votre taille selon vos préférences et cliquez sur OK. Ici, nous utilisons une taille de 600×147 pixels.
Pensez maintenant à l’arrière-plan que vous souhaitez utiliser et choisissez deux couleurs à utiliser dans votre arrière-plan. Deux nuances de bleu sont utilisées ici. Notre couleur de premier plan est définie sur #10365a et la couleur d'arrière-plan est #2070bf. Sélectionnez ensuite l'outil Dégradé et choisissez les couleurs de premier plan et d'arrière-plan, ainsi que les dégradés linéaires.
Maintenant, faites simplement glisser le dégradé de haut en bas sur le calque.
Ajoutez un nouveau calque où vous souhaitez placer les liens de navigation. Utilisez un outil de sélection rectangulaire ( ) et sélectionnez un remplissage blanc.
Changez le mode de fusion de ce calque en Lumière douce et réduisez le remplissage à 25%.
Ajoutez maintenant un séparateur au milieu du lien. Créez un nouveau calque, utilisez à nouveau l'outil de sélection rectangulaire et utilisez un pixel sur ce calque. Vous vous souvenez de la couleur de fond que nous avons utilisée ? Nous utiliserons les mêmes, mais dans l'ordre inverse. Donc, à ce moment-là, veuillez définir votre couleur de premier plan sur #2070bf et votre couleur d'arrière-plan sur #10365a. Utilisez ensuite la couleur de premier plan sous la couleur d'arrière-plan dans le dégradé, sélectionnez à nouveau le dégradé linéaire et faites glisser le dégradé de haut en bas. Ce sera votre délimiteur.
Changez le mode de fusion de ce calque en Lumière douce pour qu'il se mélange mieux.
Appuyez sur Ctrl+J pour dupliquer ce calque. Décidez en fonction du nombre de liens de navigation souhaités. Ensuite, déplacez-le simplement en position.
Pour ajouter quelques détails à la barre de navigation. Créez un nouveau calque et utilisez l'outil de sélection rectangulaire pour créer une sélection entre les deux séparateurs. La sélection sera alors remplie de couleur. La première couleur utilisée ici est le #60c100.
Maintenant, dans chaque espace séparateur, nous devons répéter cette étape. Pour vous assurer d'avoir la même taille, répétez simplement ce calque à chaque fois et passez à l'espace suivant. Ensuite, Ctrl+clic sur la petite image devant la palette dans la fenêtre des calques. Cela sélectionnera une sélection rectangulaire. Ensuite, utilisez simplement l’outil Pot de peinture ( ) pour le remplir avec d’autres couleurs. La couleur utilisée cette fois est #f80000.
