Partagez | 

[Thème complet] Etape 8 : Les boutons de partenariat

Message Sujet: [Thème complet] Etape 8 : Les boutons de partenariat   Mar 28 Sep - 13:08

Miettes

avatar
Voir le profil de l'utilisateur
Bons Points (BP) : 498
Et bien voilà, nous voici dans la dernière partie de notre série de tutoriels pour réaliser un thème complet. Ici, nous allons voir comment réaliser nos boutons de partenariat. Nous allons ici nous intéresser à 3 formats :
  • 468*60 px
  • 100*35px
  • 88*31px


Vous allez voir, c'est l'étape la plus rapide et la plus simple de toute notre série de tutoriels Wink Allons y !

Etape 8 : Les boutons de partenariat



La mini-bann 468*60



1/ Créez une nouvelle image de dimension 468*60px

2/ Ouvrez en tant que calque votre image "base.png"

3/ Redimensionnez là en 500px * 250px et placez là comme cela vous plait

4/ Ajoutez le nom de votre forum avec le même style que le texte de la bannière de votre forum


5/ Créez un nouveau calque appelé "cadre". Sélectionnez tout (ctrl + A) et choisissez le blanc en couleur de premier plan et faites édition >> tracer la sélection : épaisseur = 2px // couleur pleine

Et voilà, vous avez votre mini-bannière Smile


Le bouton 100*35



1/ Créez une nouvelle image de dimension 100px * 35px

2/ Ouvrez en tant que calque votre image "base.png"

3/ Redimensionnez là en 300px * 150px et placez là comme cela vous plait


4/ Créez un nouveau calque appeler "cadre" et peignez celui-ci en blanc.

5/ Créez un nouveau calque "fenetre". Prenez l'outil de sélection rectangulaire et imposer une taille à votre rectangle


Tracez ensuite la sélection sur votre image et remplissez le de noir


6/ Récupérez la sélection du calque "fenetre" (clic droit >> alpha vers sélection) et appliquer un masque de calque sur le calque "cadre" pour masquer cette sélection. Pour cela faites : calque >> masque >> ajouter un masque de calque et choisissez cette option :


Supprimez ensuite le calque "fenetre"

7/ Grâce à une typo basique (type verdana ou tahoma) écrivez dans le cadre en bas le nom de votre forum

8/ Créez un nouveau calque nommé "contour", sélectionnez la couleur noire en couleur de premier plan. Faites ensuite édition >> tracer la sélection et faites les règlages suivant


Et voilà, un second bouton de fait Smile


Le bouton 88*31



Allons y pour le dernier bouton, que nous allons faire tout simple Smile

1/ Créez une nouvelle image de dimension 88px * 31px

2/ Ouvrez en tant que calque votre image "base.png"

3/ Redimensionnez là en 200px * 100px et placez là comme cela vous plait

4/ Ajouter le nom de votre forum sur plusieurs calques (par exemple ici, 3 calques : "nom", "de mon", "forum") dans une couleur qui se rapproche de la couleur du rendu du texte sur votre bannière


5/ Créez un nouveau calque nommé "cadre" et ajouter un contour blanc de 1 px (tout sélectionner >> édition >> tracer la sélection : 1px // couleur pleine)

6/ Duppliquez ensuite 3 fois le calque "base" et 3 fois le calque "cadre"


7/ Fusionnez les calques de cette façon : Base + un calque texte + cadre // Base + cadre

Vous devez donc avoir 4 calques ensuite.


8/ Faites ensuite Fichier >> enregistrez sous : logo_88_31.gif >> enregistrer en tant qu'animation et faites les réglages suivants :


Et voilà, votre bouton est prêt !





Vous avez donc terminé votre thème complet ainsi que vos boutons de partenariat Smile

N'hésitez pas à nous donner l'adresse de votre forum à la suite de ce tutoriel, qu'on voit les résultats Wink


Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].
Revenir en haut Aller en bas
[Thème complet] Etape 8 : Les boutons de partenariat
Page 1 sur 1
 Sujets similaires
-
» probleme pour faire un lien avec mes boutons
» boutons à la place du dispatcher
» [Resolu] Disparitions de boutons et autres !
» [Résolu] Impossible de mener à terme un scan complet
» Infos pour racoorder mon FR1B avec un E66 à boutons accordéo
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Arts plastiques :: The Gimp+