theme-sticky-logo-alt

Botones de cristal en inkscape

4 Comments

Holas de nuevo!!!… en esta oportunidad prepare un pequeño Howto
para aquellos que quieren hacer sus botoncitos tipo cristal en svg…
el indicado es Inkscape, el señor del formato ajustable a cualquier tamaño sin perdida de calidad :D

El Howto consta de 2 versiones… esta que es la de texto y la de video que le puedes acceder por el menú superior o ==> (LINK AQUI AL VIDEO)… empecemos:

1.- Creamos un rectángulo y lo coloreamos con el color que gusten:

2.- Hacemos un degrade con la opcion de “Obtejo – Colores y trazos” que se encuentra en la parte superior:

3.- Ahora, se duplica el rectángulo para sacar de este nuevo elemento lo que será la sombra del cristal en los pasos siguientes.

4.-
Para cortar la primera parte de la sombra, debemos recurrir a la curva,
crearemos un triangulo (o una forma parecida.. como gusten) y para que
aparezca la curva, hacemos un click sostenido sobre uno de los bordes o
aristas y presionamos shift sostenido también. Con este procedimiento,
sale un punto adicional con el cual podemos controlar la intensidad de
la curva que se deriva de los dos puntos que componen la línea recta.
(si no la inclinas hacia el centro y lo haces hacia un lateral, sale
una curvita ladeada cool)

5.- Ahora debemos cortar el rectángulo
duplicado para obtener la forma de la curva que hemos hecho con las
líneas, seleccionamos ambos elementos (la curva y el rectangulo nuevo)
y optamos por “trazo – Intersección”. Obtendremos solo la sección que
colocamos entre la curva que hicimos y el rectángulo

6.- Para que
esta sombra de cristal tenga cierto redondeo en las puntitas que
quedaron rectas, vamos usar algunas rutas del teclado:

a.-
crtl+shift+C : convertimos la sombra que creamos a trazo, para que el
programa _entienda_ que este elemento tiene aristas, para ver estas
aristas hacemos (luego del ctrl+shit+C) doble click sobre la imágen y
veremos los puntos.

b.- ctrl+J : para ir a un solo punto llamado “Desvío dinámico” que hace el efecto de la curva.

Primero
minimizaremos la figura un poco y ya cuando tengamos el punto único,
repetiremos los dos accesos de teclado para agrandarla (es un doble
proceso) y cuando la agrandes, verás como los bordes también crecen con
la forma redondeada. (deja un espacio entre el borde de la sombra con
el boton en sí).

7.- Creamos un degrade con blanco sobre la sombre igual que el proceso sobre el boton, y la alineamos verticalmente.

8.-
Para hacer una sombrita como de flotante, duplicamos por ultima vez el
primer rectangulo, y vamos al mismo apartado de sombras) pero escogemos
el degrade en forma circular, (antes lo coloreamos de negro o blanco
dependiendo como lo necesitemos).

9.- Listo… un botoncito de cristal hecho en svg con Inkscape!!!

 

Sugerencias al tuto??? espero les sirva como me sirve a mi casi que todos los días ;)


Help tatica and donate with paypal!

Previous Post
Mascota de fedora
Next Post
1 añito mas

4 Comments

  • 30 November, -0001 at 0:00

    Excelente tutorial, y muy buen acabado del botón. Ojalá todos los aportes fueran así, concretos y constructivos como este tutorial.
    Gracias!!

    Reply
  • 30 November, -0001 at 0:00

    Pero hablo de GIMP … No se pueden hacer mejores diseños con el? … Nose sorry, yo soy de Photoshop y 3DS Max (Microsoft) ya que me acostumbre a ellos, y tienen una gran potencia … Aunque tambien uso Ubuntu Studio :P

    Reply
  • 30 November, -0001 at 0:00

    tuve oportunidad de pasear por tu blog y me parecio chevere tu arte… pero no se si te diste cuenta que yo no uso nada que venga de la familia Micrsoft… uso Software Libre… salutex y mil grax por la visita

    Reply
  • 30 November, -0001 at 0:00

    Cool… El acabado final es bueno… Pero se pueden hacer mejores con otros programas de diseño… Solo es mi opinion… PD: Buen blog :P pasate por el mio si quieres xD!

    Reply

Leave a Reply

15 49.0138 8.38624 1 0 4000 1 https://tatica.org/en 300 0