Crear un botón utilizando los estilos de Adobe Photoshop Cs6

Publicado por asktutorial.

Crear un botón utilizando los estilos de Adobe Photoshop Cs6 es más que sencillo. Los botones se utilizan para más de un fin, entre ellos su incrustación dentro de páginas web. Sin embargo, también puedes incorporar textos o imágenes en los botones y crear bonitos pins que luego integrarán alguna pieza gráfica.

Qué quiero decir con “crear un botón utilizando los estilos de Photoshop Cs6“?. Que para llevar adelante este tutorial, utilizaremos prácticamente solo los estilos de layers de Photoshop Cs6… dejando de lado los efectos, la importación de imágenes, etc. De esta forma, crear un botón te resultara más que sencillo y rápido, y luego puedes seguir el mismo proceso para diseñar tus propios botones personalizados.

Sigamos una serie de pasos para diseñar un botón utilizando los estilos de capa de Adobe Photoshop Cs6.

PASO 1: Iniciamos Adobe Photoshop Cs6 y creamos un nuevo documento de 500 x 500 pixeles, fondo transparente y a 100 dpi de resolución. Creamos una nueva capa yendo a Capa >> Nueva >> Capa.

PASO 2: Tomamos la herramienta “Marco elíptico” del panel de herramientas de Adobe Photoshop Cs6 y dibujamos una selección circular sobre el área de trabajo.

Crear un botón utilizando los estilos de Adobe Photoshop Cs6

RECOMENDACIÓN: Recuerda que si mantienes presionada la tecla Mayús al dibujar el círculo, éste resultará de forma perfectamente proporcional y evitarás un óvalo.

PASO 3: Ahora, nos dirigimos a Edición >> Rellenar y en la opción “Usar” de la nueva ventana, nos desplazamos hasta la opción “Blanco”. Aceptamos.

Nuestro círculo nos quedará pintado de color blanco. Presionamos las teclas Ctrl+D para perder la selección que hicimos hasta ahora.

PASO 4: Es en este momento cuando definimos el diseño de un botón utilizando los estilos de capa de Photoshop Cs6. Debemos hacer doble click sobre la capa del botón para ingresar a los Estilos del layer. Una vez que estamos en esta ventana, debemos activar las siguientes opciones:

– Bisel y Relieve —-> contorno

– Trazo

– Sombra interior

– Resplandor interior

– Superposición de colores

Dependiendo de tus gustos, puedes modificar los valores de cada una de estas opciones. Si lo deseas, puedes utilizar los parámetros que yo he utilizado para est tutorial y obtendrás un resultado como la imagen siguiente:

Crear un botón utilizando los estilos de Adobe Photoshop Cs6

Los valores utilizados en este ejemplo para conseguir el diseño de un botón utilizando los estilos de Adobe Photoshop Cs6 son los siguientes:

Crear un botón utilizando los estilos de Adobe Photoshop Cs6

Crear un botón utilizando los estilos de Adobe Photoshop Cs6

Crear un botón utilizando los estilos de Adobe Photoshop Cs6

Crear un botón utilizando los estilos de Adobe Photoshop Cs6

Dejar un comentario

Tenga en cuenta: la moderación de comentarios está habilitada y puede retrasar su comentario. No hay necesidad de volver a enviar su comentario.

¡SUSCRÍBETE GRATIS!

Nosotros

AskTutorial nace en Junio del 2010 en la ciudad de Chicago, IL con el fin de crear Tutoriales Educativos en Español dirigidos a la comunidad de habla hispana en Estados Unidos y alrededor del mundo. Gracias a la excelente respuesta del publico que diariamente ve nuestros videos nos hemos extendido a no solo crear video tutoriales, si no tambien ofrecemos información relevante de acuerdo a sus preguntas.

Archivos / Mes

Contenido Bloqueado Solo Para Seguidores

Para ver el contenido solo sígueme en cualquiera de estas redes sociales. ¡Muchas gracias por todo!