logotipo

img_google

Botón ovalado

 

1
Crea un documento nuevo. Pinta el fondo con la herramienta 'Bote de pintura' de color 161/161/161. Crea una capa nueva y haz una selección ovalada. Rellenala de color 131/131/131. No deseleccionamos! Si pierdes la selección, haz clic mientras mantienes la tecla CTRL pulsada, sobre la capa que desees usar como selección.

 

 

 

 

 


Crea otra capa nueva y ve a Edición/Contornear. Contornea de color negro, y con la 'Posición' DENTRO marcada. La anchura del trazo depende de tu imagen. En el ejemplo la imagen es de 200x100 píxeles y la anchura de 5. Te debe quedar algo como la imagen de abajo. Aun no deseleccionamos!
2

 

 

 

 

 

 

 

 

 

 

3
Ahora aplica Filtro/Desenfoque/Desenfoque gausiano con un valor de unos 3 píxeles (en el ejemplo). Pon la opacidad de esta capa al 80% en la ventana de capas para que no quede tan intenso. No deselecciones aun!

 

 

 

 


Desplaza la selección (asegurate de tener la herramienta SELECCIÓN y no otra, activa) 10 píxels hacia abajo y otros 10 hacia la derecha. Haz esto usando las teclas de cursosr (las 4 con una felcha entre el teclado numerico y el alfabetico)
Ahora invierte la selección (Selección/Invertir o ctrl+mayus+i) y mientras mantienes pulsada la tecla CTRL haces clic en la capa que tiene el ovalo pintado en gris. Si lo haces bien, te debería quedar la intersección.
Ve ahora a Selección/calar y cala entre 3 y 5 píxels. Ahora deberias tener una selección como la de la imagen inferior. Rellena esa selección de blanco, pulsando la tecla 'd', luego la 'x' y entonces mayus+borrar (la de encima del intro) o con el 'bote de pintura'.
4

 

 

 

 

 

 

 

 

 

5
Crea una capa nueva. Pulsa 'd' y entonces ve a Filtro/Interpretar/Nubes. Ahora, ve a Filtro/interpretar/Nubes de diferencia. Deberia quedar algo así.

 

 

 

 

.
En la ventana de capas, cambia el modo de esta capa de 'Normal' a 'Sobreexponer color'. Carga la selección de la capa del ovalo (ctrl+clic en esa capa) y inviertela (Selección/Invertir o ctrl+mayus+i). Asegurate que tienes activa la capa de las nubes y pulsa SUPR para eliminar lo que no forma parte del botón.
6

 

 

 

 

 

7
Como toque final, en una capa nueva, y con la selección del ovalo cargada, haz Edición/Contornear con un valor de 3 a 5 píxeles en color blanco y (importante!) con la posición 'Fuera' escogida.
Ahora puedes cambiar el color del botón, activando la capa del ovalo y haciendo Imagen/Ajustar/Tono y saturación. Activas la casilla 'Colorear' y buscas los valores que te gusten.

 

 

 

 

 

 

Con un par de efectos faciles de hacer, y ua sombra (en la capa del ovalo, Capa/Estilos de capa/Sombar paralela), se ha conseguido la image que ves a la izquierda. Prueba tus propios efectos y experimenta, hay un sifín de posibilidades.
8

 

 

 

 

Volver a 'TuToRiaLeS PHoToSHoP'

(si tienes alguna duda sobre algún tutorial, mándame un e-m@il a sipeando@hotmail.com o deja un mensaje en el foro e intentaré ayudarte en la medida que me sea posible. Si quieres mandarme algú tutorial para que lo añada en la web, mándamelo, añadiendo el tutorial escrito y las imagenes necesarias para cada apartado. Si creo que las imagenes son insuficientes o excesivas, me reservo el derecho de cambiar el contenido del tutorial. El autor del tutorial (nombre o nick) será expuesto en el menú de tutoriales y al final de el propio documento)