tuto 1 princesse Javel

Faire de jolis boutons de partenariat

Pour se faire, enregistrez la base du bouton:


ouvrez la sur photoshop
image>mode>couleurs rvb
Ouvrez ensuite votre image perso

Spoiler:

On est pret à commencer!


>Faites glisser l'image sur la base du bouton en utilisant l'outil déplacement (V)
>fermez la fenetre image on en a plus besoin.
On a donc nos deux calques , base et image:

Spoiler:

Dans la fenetre des calques , placez le calque image sous le calque base du bouton (donc inverssez les positions des calques)

Spoiler:

>Selectionnez le calque base du bouton.
>agrandissez à la loupe, nous allons faire les pointillés assortis à l'image.
>Selectionnez l'outil crayon (B) en taille 1 pix.
>Prenez une couleur assortie, faites vos pointillés point par point.Nous en somme là:

Spoiler:

On va s'attaquer au texte.
Plusieurs polices ont de jolis résultats sur les boutons:
- 04b03
- Borgnine
- Ernest
- Visitor ...
Pour ma part je vous conseille Ernest ( dispo ici: [Vous devez être inscrit et connecté pour voir ce lien] )
A regler en taille 10pix et avec comme lissage " sans "

Spoiler:

Calque>nouveau calque
> on tape son texte
> on le déplace ou l'on veut.

Spoiler:

Ensuite on va creer un petit fond blanc sous le texte.
> on va sur le calque base du bouton ( dans la fenetre des calques)
>on sélectionne la couleur " blanc" FFFFFF
> On prend l'outil rectangle de sélection (M) (contour progressif 0px)
> On trace son rectangle en dépassant d'un pixel de bordure par rapport au texte mais pas de depassement au niveau du cadre du bouton.
> On le remplit de blanc (avec le pinceau, le pot de peinture...comme vous voulez)
>selection>Déselectionner (CTRL+D)
Le bouton est fini on enregistre en gif , png..comme on veut.



+bonus un texte dégradé, plus sympa
> on va sur le calque texte
>clic droit >pixélliser le calque
>On reprend l'outil crayon (toujours en taille 1 pix ) et on choisit une couleur.
A la moitié de la lettre en hauteur on applique la seconde couleur ( pixel par pixel)
Voilà c'est fini on enregsitre.

exemples:


Ne faites pas circuler ce tuto, merci ou alors citez en l'auteur.
Si vous rencontrez des problemes dites le moi.

Merci pour le tuto !
C'est très bien expliqué !

Merci énormement Laure,je peux t'apeller comme sa? (L)

mary plutot ^^
par contre j'y pensais ma technique pour les pointillés est la plus longue apres il y a des astuces pour se raccourcir la tache.

merci pout le tuto il est génial =)

C'est super comme tuto et c'est très bien expliqué.
Merci

Ha thanks c'est super ! =D

Merci beaucoup!! C'est mon tout premier bouton de partenariat avec toshop ^^

Moi je n'arrive pas a mettre mon texte en degradé enfin je veut dirt que j'arrive pas a pixeliser mon texte
Quelqu'un peut m'expliqué ?

Capus` a écrit:

Moi je n'arrive pas a mettre mon texte en degradé enfin je veut dirt que j'arrive pas a pixeliser mon texte
Quelqu'un peut m'expliqué ?

OUI MOI AUSSI; la case est grise; on peut pas cliquer; help please

désolé du DP; Enfaite pour le degrédé, j'ai fait avec photofiltre; comme jai pas réussi avec photoshop
donc avec photofiltre; je selctionne; la partie qui coupe le texte en deux ( je zoom pr mieux voir)
ensuite je reste selectionnr et je vais dans ; reglage: teinte/saturation: et la je choisi la donne de teinte ^^
ok; et c'est bon;

voila mon resultat, au final, avec le degradé tofiltre
je l'adore ce bouton; il est déja sur mn forum