Boton Windows Vista

En este tutorial aprenderemos a hacer un boton con detalles de Window Vista.

Resultado:

Tutoriales Photoshop

Lo primero es crear un nuevo documento, lo haremos de 150 x 50.

Pintamos el fondo de un color plomo, creamos nueva capap y cogemos la herramienta Rectandulo Redondeado, y con un color blanco hacemos la forma del boton, el tamaño es libre de elección.

Ahora vienen los efectos del boton:

PD: Los colores que elijamos desde aquí sera el que se usará para el color del boton.

Tutoriales Photoshop

Tutoriales Photoshop

Tutoriales Photoshop

Tutoriales Photoshop

Tutoriales Photoshop

Ahora vamos a dar el brillo al boton, presionamos CTRL + Click izquierdo en la capa de la forma del boton y ahora cogemos el marco eliptico y restando parte hacemos una forma semicircular arriba, luego con un mapa de degradado le damos el color blanco, quedando asi:

Tutoriales Photoshop

Ahora ponemos el texto con la font "Visitor" y le das las siguientes opciones de capa:

Outer Glow= color blanco opacidad 56
Stroke (Trazo)= Color negro

A continuación haremos las dos linias de la izquierda, de la sigueinte manera:

Cogemos la herramienta Single Column Marque, acercamos el zoom a lo maximo, y hacemos dos linias, lo pintamos de color blanco y lo ponemso en Luz Suave, hacemos otra a lado y lo pintamos de negro y lo ponemos tambien en Luz Suave, todo esto en una nueva capa.

Y luego a lado hacemos una flecha con el lazo poligonal y lo pintamos de color blanco, y ya tendremos listo nuestro boton.

Quitamos la capa del fondo de colro y listo.

Tutoriales Photoshop

Gracias por su atención.

Info

Autor: Tony
Fecha: 29-5-2007
Hits: 6502
Tags: boton estilo vista  windows vista  effecto windows  

Foro de Photoshop


+Tutoriales

Pantalla Digital Boton Gel Glossy UserBar Crear Caretos o Smylies Logo de Windows Glossy Button