Botón metálico
Bueno aqui os presento mi 3º tuto. Se trata de la creación de un botón metálico q es generalmente utilizado para barras de webs. Aqui está..
1. Comenzemos por el primer paso. Hagamos un nuevo dibujo con el tamaño aproximado de 240*70 pix., y luego creamos una nueva capa. Con Restangular Marquee Tool hagamos un rectangulo. Con la ayuda de Reflected Gradient pintemos asi como se muestra en el dibujo de la derecha. Despues saquemos la seleccion (Ctrl+D).
2. Ahora hagamos otro rectangulo, pero mas pequeño.
3. Vamos a Channels y hagamos un nuevo channel Alpha 1. Pintemos la seleccion con color blanco. Despues Deselect (Select > Deselect). Y ahora Filter > Blur > Gaussian Blur > Radius (5 pix., el radius depende del tamaño del boton).
4. Ctrl+L con los parametros de acuerdo al dibujo de la derecha.
5. Apretando Ctrl hagamos un click en el channel y vaya al menu de capas. Haga una nueva capa (Ctrl+Shift+N) y pintela con gradient de color negro-blanco, como lo muestra la imagen.
6. Haga una nueva capa (Ctrl+Shift+N). Luego Select > Modify > Contract=2 pix. Haga Set Foreground de color que quiera, pero Set Background tiene que ser blanco (R:255 G:255 B:255). Luego tome Linear Gradient Tool y pinte la seleccion de arriba por abajo. Ahora haga Edit > Stroke con los siguintes parametros :
Width: 1 px
Color: Negro
Location: Inside
Mode: Normal
Opacity: 100 %
7. Hagamos una nueva capa (Ctrl+Shift+N). Con Restangular Marquee Tool y apretando ALT eliminemos la parte de abajo de la seleccion, luego Select > Modify > Contract : 2px. Con Linear Gradient Tool pintemos la seleccion de arriba por abajo. Set Foreground R:255 G:255 B:255 y Set Background del color que queramos. Ahora hagamos Duplicate de la capa donde tiene la seleccion. Edit > Transform > Rotate=180°. Esto hicimos para poner la parte de arriba por abajo. Hay muchos metodos para hacer un boton de plastico, pero yo les digo el metodo mas facil.
Y despues del trabajo, nos quedaría de las siguientes formas:
Como os dije al principio del tuto, generalmente, este tipo de botones es utilizado en barras de webs, ejemplo la siguiente:
Y ese fue mi 3º tuto para Elitefirmas. Todas las imagenes y el tuto en general, By |Jiraiya|.
Leave a Reply