S'inscrire |

 
Avatar de ScorePedro
ScorePedro est déconnecté Sexe Non renseigné 11/02
XP de ScorePedro 351 Nombre total de messages de ScorePedro
Master pro
  #1 (permalink)  
Vieux 07/07/2003, 14h04
[Trad] Bouton métallique

Adresse originale:
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤
http://www.phong.com/tutorials/metal/


Voici un tuto pour faire un bouton métallique


.:° Etape 1 °:.

Fichier > Nouveau
Dimensions: 165 x 165
Mode: Couleur RVB
Remplir de blanc

Fixer la couleur de premier plan le gris métal #737373. Puis faire Calque > Nouveau > Calque et Filtre > Bruit > Ajout de bruit
Facteur: 35%
Répartition: Gaussienne
Monochromatique




.:° Etape 2 °:.

Filtre > Atténuation > Flou directionnel
Angle: 0°
Distance: 75 pixels

Ensuite faire Image > Réglages > Luminosité/Contraste
Luminosité: -10
Contraste: 35



Appeler ce calque " Full metal texture "


.:° Etape 3 °:.

Créer une nouvelle couche appellée " Rounded box " et dessiner la forme du bouton voulue ( avec l'outil rectangle arrondi par exemple, ça va plus vite.. ), faire une copie de cette couche cliquant/restant appuyé sur la couche Alpha 1 et en l'amenant sur ce bouton dans la fenêtre des couches




.:° Etape 4 °:.

Maintenant récupérer la couche comme sélection en faisant le même déplacement que précédemment mais sur ce bouton désormais
Filtre > Atténuation > Flou gaussien
Rayon: 18 ensuite 9 puis 6 et enfin 3pixels

Maintenant inverser la sélection Ctrl + Shift + i, sélectionner la couleur de premier plan le noir en appuyer sur d pour remettre les couleurs par défaut puis remplir la sélection.




.:° Etape 5 °:.

Sélection > Modifier > Contracter
Contracter de 16 pixels à répéter 2 fois de suite

Ctrl + Alt + d Contour progressif 25 pixels puis remplir avec le gris de notre choix




.:° Etape 6 °:.

Sélectionner la première couche ( celle avec la forme mais sans le flou ) et appuyer sur Maintenant revenir dans la fenêtre des calques et faire clic droit sur le calque " Full metal texture " et cliquer sur Calque par copier. Appeller ce nouveau calque " Metal texture "
Sélectionner " Full metal texture " et remplir avec un gris foncé genre #404040




.:° Etape 7 °:.

Récupérer " Rounded box " comme sélection. Revenir à la fenêtre des calques et créer un nouveau calque et le placer en dessous de " Metal texture ". Remplir la sélection avec un gris moyen-clair puis masquer " Metal texture "




.:° Etape 8 °:.

Sélectionner le calque avec la forme et faire Filtre > Rendu > Eclairage
Fixer la texture avec la couche comportant la boite blanche avec le flou et la partie grise au centre
Créer 2 éclairages, un projecteur venant d'en haut à gauche et un bleu omnidirectionnel venant d'en bas à droite. Pour changer la couleur, il suffit de cliquer sur les gros carrés sur le côté du menu Eclairage.

Brillance: 0
Matière: 69
Exposition: 0
Ambiance: 8
Relief: 100

Nommer ce calque " Lightning effects "




.:° Etape 9 °:.

Verouiller les pixels transparents. Se placer sur " Lightning effects " Filtre > Atténuation > Flou gaussien
Rayon: 6 pixels
Démasquer " Metal texture "
Sélectionner ce calque et fixer son mode en Incrustation





.:° Etape 10 °:.

Faire une copie toujours en suivant la même technique pour " Lightning effects " et mettre le nouveau calque au-dessus de " Metal texture " avec une opacité de 30% en plaçant le mode Densité couleur -




Sélectionner " Metal texture " et faire Image > Réglages > Luminosité/Contraste en jouant avec les 2 paramètres, pour se rapprocher le plus possible d'un truc qui donne pas mal. On peut rajouter une petite ombre.
Enfin sélectionner le calque d'arrière plan avec le gris Filtre > Rendu > Eclairage
Texture: sans




Et voici en retravaillant un peu ce que l'on pourrait obtenir





€nj0Y
Réponse avec citation
Avatar de Filouxa
Filouxa est déconnecté Sexe Non renseigné 04/03
XP de Filouxa 141 Nombre total de messages de Filouxa
Membre Senior
  #2 (permalink)  
Vieux 07/07/2003, 14h17
merci pour cette trad' ScorePedro c sympa !
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 419 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #3 (permalink)  
Vieux 07/07/2003, 14h25
Sympa ce tuto, Merci SP !
Réponse avec citation
Avatar de Esiliato
Esiliato est déconnecté Sexe Non renseigné 06/02
XP de Esiliato 425 Nombre total de messages de Esiliato
Master pro
  #4 (permalink)  
Vieux 07/07/2003, 14h47
Nikel merci pour ce tuto bien sympa !
Réponse avec citation
Avatar de stoopx
stoopx est déconnecté Sexe Non renseigné 06/03
XP de stoopx 285 Nombre total de messages de stoopx
Master
  #5 (permalink)  
Vieux 07/07/2003, 15h20
merci, ca tue bien comme tuto.
Réponse avec citation
Avatar de Kyotenks
Kyotenks est déconnecté Sexe Non renseigné 04/03
XP de Kyotenks 297 Nombre total de messages de Kyotenks
' gfx-er '
  #6 (permalink)  
Vieux 08/07/2003, 04h30
huhu =) super cool ce tuto, jaime bcp le final... jador les tuto pour faire des bouton !!!
merci bien SP !

et sinon jaime bocoup ta ptite touche perso sur la fin, c craklures st genial :clap:
Réponse avec citation
Avatar de #©rYpTon
#©rYpTon est déconnecté Sexe Non renseigné 05/03
XP de #©rYpTon 879 Nombre total de messages de #©rYpTon
IK's addict
  #7 (permalink)  
Vieux 08/07/2003, 14h48
oki merci man

le rendu final est vraimant bien je v essayer de suite
Réponse avec citation
Avatar de Slayn
Slayn est déconnecté Sexe Non renseigné 08/03
XP de Slayn 79 Nombre total de messages de Slayn
Yabadabadou™ !!
  #8 (permalink)  
Vieux 02/09/2003, 09h45
Waw trés trés bô !!!!

Surtout le rendu des craquelures et de la rouille qui coule !!!
(comment y fait ???? O_o)

Bon ben j'ai encore du boulot moi !!!
Réponse avec citation
Avatar de SEB54
SEB54 est déconnecté Sexe Non renseigné 07/04
XP de SEB54 11 Nombre total de messages de SEB54
Petit-posteur
  #9 (permalink)  
Vieux 28/07/2004, 17h15
je me pose la meme question... t'as pas un tuto de prévu sur ca justement ? :yep:
Réponse avec citation
Réponse

Outils de la discussion

Config des règles de ce forum
Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : oui
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


A propos d'IK

Infographik alias IK est un forum d'entre-aide dans le domaine de l'infographie numerique
Depuis plus de 10 ans ce forum propose des tutoriaux un espace communautaire francophone.

We need You !

Faire un don permet de régler les frais de fonctionnement du site tel que l'hebergement, le ndd etc...
Faire un don

Fuseau horaire GMT +2. Il est actuellement 06h24.