…como hacer un botón en Photoshop…
Vamos a hacer este botón:
Crea un nuevo documento, siguiendo estos parámetros.
En la caja de herramientas,haciendo click sobre los dos colores
aparecerá el cuadro de dialogo de color.
Para cambiar tanto el color frontal (con el que se pinta o se rellena) como el color de fondo, simplemente haz click sobre ellos. Puedes mover el cursor por la gama de colores para elegir colores o poner uno predetreminado. Para nuestro botón, seleccionaremos para color frontal #5cb100 y blanco para color de fondo #000000. Ahora, vamos a hacer un círculo de 300 x 300 píxeles. Seleccióna la herramienta óvalo.
Para hacer un óvalo de proporciones exactas, teniendo la herramienta de óvalo seleccionada, elegiremos en el menu de arriba en Estilo ” “Tamañano Fijo” y le daremos 300 px de Anchura y 300 px de Altura.

Deberíamos ver esto:
Eso nos generará una selección de ese tamaño, que vamos a rellenar con el color frontal. Pulsando la letra G seleccionamos el Bote de pintura,
si no hemos cambiado nada tendríamos que tener el color verde como color frontal. Y rellenamos. Debería quedar así:
Ahora necesitamos trabajar con capas. Para crear una nueva capa nos vamos al menú de arriba y en “Ventana”, desplegamos para seleccionar “Capas” y que nos muestre esa ventana.
Una vez abierta la ventana de capas, para crear una Nueva Capa, sólo tenemos que pulsar en el icono que aparece en la parte de abajo de la ventana de Capas:
Siguiendo los mismos pasos que hemos utilizado para hacer la primera selección del óvalo, crearemos otro en la nueva capa esta vez de 200px x 200px.
Ahora vamos a utilizar la herramienta de DEGRADADO. Utilizaremos el Degradado Lineal. También hay Radial, de Ángulo, Reflejado y de Diamante. Pero nosotros utilizarmeos el Lineal. Si no ves el iconoo de Degradado en la barra de herramientas, pulsa sobre el bote de pintura y manten pulsado un momento, está escondido ahí
Arriba deberá aparecer este menú.
Ten cuidado de tener seleccionado el icono de Degradado Lineal ( es el que está resaltado en amarillo - el más perqueño). Después pulsa sobre la imagen del degradado (también resaltada en amarillo) para abrir el cuadro de diálogo de los degradados.
Selecciona la segunda casilla (la que he marcado con el círculo amarillo). Esa opción nos hace un degradado desde el color frontal que tengamos hacia transparente.Cuando des a OK, pincha en la parte de arriba de la selección que estaba hecha y arrastra hasta aproximadamente 2/3 (como marca la línea de la imagen de abajo y suelta.
Debería quedar así:
Y seguimos trabajando con DEGRADADOS. Creamos una Capa Nueva, siguiendo los mismos pasos que anteriormente hemos visto. Ahora vamos a utilizar un degradado también pero esta vez no será lineal como el anterior sino RADIAL.
Haciendo Ctrl + Click en la capa del círculo verde, seleccionaremos esa superficie, pero trabajearemos sobre la nueva capa creada. Es ahí donde haremos el degradado radial. Pinchamos en la parte de abajo y arrastramos hacia arriba como hasta la mitad del círculo. Cuando soltemos , tiene que quedar así:
¿Vamos bien hasta aquí? Bueno, pues seguimos. Ahora vamos a duplicar la capa del círculo verde para hacer el contorno blanco que lleva alrededor. En la ventana de capas, haciendo click con el botón derecho sobre la capa que queremos duplicar nos aparece este cuadro de diálogo:
Duplicamos la capa del círculo verde y la ponemos debajo de la que ya había, para ello, simplemente pincha en ella y arrástrala hacia abajo hasta que quede debajo de la original.
Tenemos que hacerla un poco más grande, para que se vea alrededor de la verde. Para ello utilizaremos la herramienta de TRANSFORMAR. Ten cuidado de tener seleccionada la Capa 1(te tiene que aparecer en color azul en la capa de ventanas). En el menú de arriba, seleccionamos Edicion/Transformar/Escala.
Ahora mira arriba nuevamente.
Para hacer un círculo perfecto pero más grande, haz click en el icono de las cadenas que resalto en amarillo. Luego escribe el ancho y automáticamente la misma cantidad se pondrá en la casilla de Alto. Tendrás que darle dos veces la tecla Enter para que la transformación se realice. Asi conseguimos que el círculo sea perfecto y en la proporción que nosotros queramos. Ponle 110 píxeles. Nos tiene que quedar algo así:
Ahora la rellenamos de blanco. Con Ctrl + click en la Capa 1 la seleccionamos. Utiliza el bote de pintura para pintarla de blanco. Recuerda que tendrás que tenerlo como color frontal. Si esta en verde simplemente pulsa en la flechita que hay cerca de los dos colores para conmutarlos.
Bueno, ya tenemos el color Blanco como frontal, ahora rellenamos la Capa 1. Y quedaría así:
Y ahora vamos con los EFECTOS. Primero haremos los efectos de la capa del círculo blanco. En la ventana de capas, haciendo doble click sobre esa capa (ojo, si haces doble click justo encima del nombre podrás renombrarla) pero para que salga el cuadro de diálogo de los efectos, dale sobre la imagen de la capa. Te aparecerá el siguiente cuadro. Ve ajustando los valores correspondientes de Sombra Paralela y Bisel y relieve.
SOMBRA PARALELA
BISEL Y RELIEVE
Te tiene que quedar más o menos así:
Ahora vamos con los efectos del círculo verde. Recuerda: Doble click encima de la capa en la ventana capas para abrir el cuadro de diálogo de efectos.
SOMBRA INTERIOR
BISEL Y RELIEVE
SUPERPOSICIÓN DE DEGRADADO
Y quedaría así:
Y ya estamos terminando. Ahora le vamos a cambiar el color al botón. Para ello vamos a utilizar una capa de ajuste. Para crearla, vamos a la ventana de capas y en la parte de abajo pulsamos en el icono de crear nueva capa de relleno o ajuste.
Cuando se despliegue el menú, elegimos Tono/saturación:
Y se abrirá el cuadro de ajustes de Tono/sauración. Presta especial atención a ésto. Debes señalar la casilla de colorear (la que destaco en amarilo). Yo he utilizado estos valores para que tenga ese colorido, pero prueba a mover los diferentes niveles para ver las posibilidades de esta herramienta.
Y queda así:
Ahora sólo nos falta añadir la capa de texto. En el menú de las herramientas, pincha en la herramienta de texto.
Y nuevamente arriba, aparecerá el menú correspondiente al Texto. Tienes varias posibilidades.
Puedes cambiar el Estilo, el Tamaño y varios parámetros. Yo he elegido una Arial Black a 175pt en Bold ( o Black) y en modo Enfocado. A la capa que se genera cuando escribes el texto le he puesto en capa de efectos una sombra, pero eso ya no hace falta que lo ponga porque lo has aprendido más arriba ¿no?
Y queda así:
Y eso es todo!!!
Espero haberme explicado bien. Si teneis alguna duda…. preguntad!!
- Explore the Missions Through Powerpoint
- Leap Into Reading
- Introducing Kindergarten Students To Technology
3 Comments so far
Leave a reply















































Nice post u have here
Added to my RSS reader
Thanks RYErnest
Gracias Hermano… hermosos los botones, ademas que podemos tener cualquier cantidad de ellos gracias a q le cambiamos el color al final!
Saludos desde Colombia!