Accueil Forum Tutoriaux Contactez nous
Aidoforum.com  •  Forum  •  Chat  •  Annuaire  •  Demander de l'aide  •  Tutoriaux  •  Rechercher  •  Lexique informatique  •  Traducteur SMS


Il y a actuellement 304 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.

Retour aux tutoriaux.

Ajoutez vos propres tutoriaux sur Aidoforum !
Photoshop -> Créer un bouton dans le style de Windows Media Player


Résultat final



Lien du tutorial concernant la création de bouton : Un bouton intéractif

- Bon, la première chose qu'il faut faire, c'est créer un document 100*100px.

- Pour l'étape suivante il nous faudra créer un cercle parfait de couleur vive (en maintenant shift enfoncé), puis le dupliquer 3 fois (à l'aide de CTRL+J), ce qui nous fait 4 cercles en tout.

Etape 1: Bouton de base.

- Passons directement au deuxième calque. Changez la couleur (mettez du blanc). Applatissez ensuite l'image.



- Prenez l'outil gomme avec un tampon de 130px, et effacez le calque à moitié.

- Puis faites une modification d'échelle de 96% Edit => Transformer => Echelle (j'ai une version anglaise alors peut être que ce n'est pas tout à fait le chemin dans la version française)

- Créez un dégradé (du blanc vers la couleur du cercle, ici du bleu), blanc vers le haut.


Etape 2: Bouton en RollOver.

- Attaquons nous maintenant au 3ème cercle.

- Attribuez lui une opacité de couleur de 0% (Fill en anglais je connais pas le mot français désolé ^^)

- Puis attribuez lui les caractéristiques suivantes:


- Maintenant créez un cercle de couleur Bleu turquoise et applatissez l'image comme cela.


- Attribuez un flou gaussien de 20px, puis à l'aide de notre outil de sélection magique ^^, nous allons sélectionner l'extérieur des cercles précédents afin de supprimer le flou qui dépasse de notre bouton.



Etape 3: Bouton enfoncé.

- Prenez votre dernier cercle et attribuez les caractéristiques suivantes.


Etape 4: Pour finir...

- Enregistrez sous les trois étapes du bouton en PNG pour garder la transparence des ombres et tout le tralala...^^.

- Vous devez alors avoir cela, (le triangle en moins)


Par Aknot, le 26 Avril 2007 à 14h51


Commentaire de Mystic le 06 Juillet 2007 à 14h28

C'est la qualité ou le résultat est aliasé et pas net du tout ? (ou mon affichage merdique ? :boulai: )


Commentaire de Aknot le 10 Octobre 2007 à 21h56

Non c'est juste qu'un bouton prend rarement la moitier e l'écran, donc j'ai pa fait un calque de 1024 de coté ça ser a rien ^^.




/!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\
Soutenez Aidoforum
Ordinateur portable - Réduction informatique - Créer son site - Entraide Informatique - The Site Oueb - Photoshop - Pc Dossier - The Gimp - Informatruc - Templarts : kits graphiques - Annuaire photoshop - Voyage en Chine - Tout Pour Le PC - Webmaster - Communauté informatique - Smtechnologie - Sospc-en-ligne - Action-PC - Annuaire - AC-Astuces - Services - PC-Dimension - Portail Php - Astuces Windows - fond ecran et photo - Hotel video - Actualité informatique - Séjours - Forum de Science - Devenir Webmaster - Liens - Plan du site