Botones de cristal en inkscape

Written By :

Category :

arte

,

guias

,

Linux

Posted On :

Share This :

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 ;)