Creación botón brillante en InkScape

Hola chicos, os dejo un tutorial para seguir la práctica de hoy. El video está en inglés pero apenas hace falta el audio. No obstante siempre es bueno que os vayáis acostumbrando a ver tutoriales en inglés.

Como veréis se trata del típico botón de enlace web con efecto glossy.

Dibujo Vectorial

!Hola artistas¡ volvemos a dibujar.

En este caso vamos a ver un programa de dibujo vectorial ¿qué es esto? pues que no lo diga la Wikipedia:

Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.

Este formato de imagen es completamente distinto al formato de los gráficos rasterizados, también llamados imágenes matriciales, que están formados por píxeles. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado que sufren los gráficos rasterizados. Asimismo, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.


A la derecha tenemos un ejemplo en el que se pueden comparar los gráficos vectoriales (columna de la izquierda) con los gráficos rasterizados (columna de la derecha) al ampliar las respectivas imágenes.
Como se puede comprobar, a medida que aumenta el zoom los gráficos de la izquierda mantienen su calidad, mientras que los de la derecha van revelando paulatinamente los píxeles que conforman la imagen. Los gráficos vectoriales pueden ser escalados ilimitadamente sin perder su calidad. Los dos ejemplos de ampliación al 300% y al 600% ilustran especialmente bien esta propiedad de los gráficos vectoriales: los contornos de las figuras geométricas (franjas blancas detrás de la letra A) no aumentan proporcionalmente en la figura en el caso del gráfico rasterizado.



Para nuestras prácticas vamos a utilizar Inkscape. Se trata de una herramienta de dibujo libre y multiplataforma para gráficos vectoriales SVG.

Las características de SVG soportadas incluyen formas básicas, trayectorias, texto, canal alfa, transformaciones, gradientes, edición de nodos, exportación de SVG a PNG, agrupación de elementos, etc.

Aquí dejo un tutorial muy elegante que nos servirá de ayuda en nuestras prácticas. Está realizado por Joaclin Istclud. Este es el sobre nombre de Joaquín Herrera, un profesor de dibujo de Bachillerato de Artes que muy trabajosamente ha elaborado este y otros manuales de dibujo. Gracias pues.