Botón a base de degradados
|
1
|
Crea
un documento nuevo. Rellena la primera capa con la herramienta 'Bote de
pintura' con el color que tu quieras y crea una capa nueva usando el icono
de la parte inferior de la ventana de capas. Haz clic prolongado en la
herramienta selección para escoger la selección elíptica
en lugar de la cuadrada. Pulsando las teclas ctrl+shift haz clic en la
imagen y arrastra el ratón para crear una selección redonda
partiendo del centro.
|
 |
 |
Haz un clic prolongado en la herramienta degradado (si
tienes photoshop5 o inferior) o haz un clic simple en degradado y escoge
en la barra de propiedades el degradado radial (si tienes photoshop6)
Crea un degradado partiendo de un lugar que no sea el centro de la selección
para que te quede algo parecido a la imagen de la derecha (puedes cambiar
los colores si quieres)
|
2
|
|
3
|
Ve
a selección/modificar/contraer y contrae la selección
unos cuantos píxels (con 5 fue suficiente para el ejemplo)
|
 |
 |
Usando el mismo degradado que antes y con los mismos colores,
crae otro degradado en sentido contrario (empezando por el lado por el
que antes has acabado) de modo que te quede algo parecido a la imagen
de la derecha.
|
4
|
|
5
|
Contrae
la selección con selección/modificar/contraer algo menos
de la mitad de los píxeles usados antes (en este caso 2) y cambiando
de colores crea un degradado igual que el primero, pero dentro de la selección
actual (evidentemente). Ya tienes un botón fácil de hacer
y atractivo.
|
 |
 
|
Aquí tienes un par de ejemplos de lo que puedes
hacer con esta técnica.
El primero simplemente se ha hecho creando otro degradado más después de contraer otra vez la selección un par de píxels o así. Como ves, el botón parece estar hundido hacia dentro, mientras el anteriro parecía estar sobresaliendo. El segundo botón se ha creado igual que el del tutorial, pero con una selección elíptica en lugar de redonda y aplicando los filtros 'ruido' y 'desenfoque de movimiento' tras los degradados correspondientes. Puedes crear muchísimos botones distintos que te serán muy útiles para tu web o animación. Te recomiendo que crees dos botones iguales con colores distintos, y así podrás crear rollovers en tu web (esas imagenes que cambian al pasar el ratón por encima). También puedes hacer que se hunda, tan solo haciendo una imagen del botón con el degradado del ejemplo y otra igual pero con el degradado al contrario... Hay muchas opciones, juega con ellas! |
6
|
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)
