Header Ads

Botones Profesionales en Gimp 2.8


Uno de los principales pilares de todo diseñador siempre ha sido el realizar proyectos con un acabado profesional. es por eso que En esta entrada les mostrare lo facil que resulta hacer botones con un acabado profesional y que resultan ser de gran utilidad a la hora de crear por ejemplo un formulario de subscripcion.

 PASO #1

Lo primero que haremos sera crear un nuevo proyecto con las propiedades 500px de ancho y 500px de alto.

Después cambiamos el nombre a la capa que tenemos por defecto y la llamaremos fondo ( esto es necesario para llevar un mejor seguimiento del tutorial. )

PASO #2

seleccionamos la herramienta bote de pintura y aplicamos el color #252a38 con lo cual nuestra capa fondo tendría el siguiente aspecto:

PASO #3

escogemos la herramienta selección rectangular y activamos la casilla borde redondeado

después le cambiamos los parámetros a 10px
Por ultimo trazamos un rectángulo como el que se muestra a continuación

PASO #4

Ahora crearemos una nueva capa llamada Boton, usaremos la herramienta de degradado y aplicaremos un degradado con los siguientes colores
Color 1 : #3a4056
Color 2 : #303548




PASO #5

Creamos una nueva capa llamada Sombra y con nuestro bote de pintura pintamos de color negro la selección y mandamos la capa Sombra debajo de la capa Boton.

Por ultimo nos vamos a Seleccionar>ninguno para quitar la seleccion de nuestras capas.


Estando en nuestra capa Sombra nos vamos a filtros>difuminar>desenfoque gaussiano y aplicaremos un desenfoque de 2px después bajaremos la opacidad de la capa Sombra a 50%

PASO #6

Damos clic derecho a la capa Botón y seleccionamos la opción alfa a selección y crearemos una nueva capa llamada Borde.


Con nuestra herramienta de degradado Aplicaremos un degradado con el valor Blanco frente a transparente


Aplicaremos el degradado de la siguiente manera


Ahora nos vamos a Seleccionar>Encoger en la ventana que nos saldra encogemos la seleccion 1px  borramos el resto de la seleccion y nos vamos a Seleccionar>Ninguno.

asta este punto nuestro boton se deberia ver de la siguiente manera


ya solo nos queda bajar la opacidad de la capa borde a un 50%.

PASO #7

Ahora duplicaremos la capa Boton y la llamaremos Marcado. con la herramienta Marcado a fuego aremos un trazo como el siguiente




Quedando el boton de la siguiente manera

Si es necesario repetimos el paso anterior asta lograr el efecto deseado, yo por ejemplo lo dejare de la siguiente manera


PASO #8

Damos click derecho en la capa Marcado y escogemos la opcion Alfa a Seleccion.

Crearemos una nueva capa llamada Reflejo y la pondremos por encima de todas las capas


Ahora escogeremos nuestra herramienta seleccion eliptica le daremos los siguientes parametros


Despues Realizaremos un trazo con nuestra herramienta de esta manera


Con lo cual la seleccion quedara asi



PASO #9

Estando en nuestra capa Reflejo Aplicaremos un degradado de color blanco y transparente,



Ahora reducimos la opacidad en un 70% y nuestro reflejo se deberia de ver asi




PASO #10

Por ultimo seguiremos los siguientes pasos:

1.- agregamos nuestro texto


2.- en una nueva capa aplicamos un degradado que combine con el resto del Boton


3.- creamos otra capa y agregamos una sombra para nuestro texto



y este seria el diseño final de nuestro boton



FUENTE OFICIAL | PMV TUTORIALES
Publicar un comentario