PDF de programación - rayos de sol con Inkscape

Rayos de Sol
Rayos de Sol

Miguel Angel Marcos 2007

Este es un sencillo tutorial en el que vamos a aprender varias técnicas para trabajar con Inkscape.
Crearemos una sencilla ilustración con un sol y sus rayos y lo acompañaremos de un texto decorativo.
Para ello, además de las técnicas habituales de Inkscape como son la creación de figuras geométricas o
el duplicado de objetos, haremos uso del manejo de capas para organizar mejor el trabajo, las
máscaras de transparencia y las máscaras de recorte.

Empezaremos como es costumbre abriendo Inkscape y seleccionamos en el menú capa > capas, el cual
nos mostrará la ventana con las capas de las que disponemos. De momento sólo disponemos de una,
de nombre capa1. El icono del ojo sirve para mostrar/ocultar la capa y el candado sirve para
bloquear/desbloquear la capa, de manera que no podamos alterar su contenido por error. Pinchando
sobre el nombre podremos cambiárselo a algo más descriptivo y que nos ayude a distinguir mejor lo
que contiene cada capa. En este caso se lo cambiaremos a algo como “fondo” o “base”.

En esta primera capa, que será el fondo de nuestra ilustración, empezaremos dibujando un cuadrado y
lo rellenamos con un degradado lineal de amarillo a rojo, quedándonos algo similar a la imagen.

Lo siguiente que haremos serán los rayos del sol y para ello dedicaremos una capa nueva. Vamos a la
ventana de capas, pulsamos en el candado de la capa de fondo, para no mover el fondo por error y
pulsamos en el icono del símbolo + y le damos nombre a la nueva capa, por ejemplo “rayos”, y
pulsamos añadir. Desde este momento nos encontramos trabajando en esta nueva capa que hemos
creado y si tratamos de seleccionar el cuadrado del fondo no podremos, al estar bloqueada la capa. En
dibujos con pocos objetos el uso de capas y el bloqueo de las mismas no parece demasiado útil, pero
en dibujos complejos se vuelve indispensable. Sigamos con nuestro dibujo.
Para crear los rayos del sol partiremos de un rectángulo, al cual rellenamos de amarillo y transformamos
en trazo mediante el menú trazo > objeto a trazo. Ahora, mediante la herramienta de edición de nodos
modificamos un poco la forma del rectángulo ensanchando la base, dándole forma de trapecio.

Para hacer el resto de los rayos, de forma que parezca que proceden todos del mismo punto,
seleccionamos la figura que acabamos de hacer y hacemos clic sobre ella hasta que veamos la cruz en
su centro que marca su centro geométrico y lo movemos hasta el borde superior. Ahora sólo nos queda
ir haciendo duplicados de este primer rayo con control+D y los vamos girando hasta que tengamos
todos los rayos que queramos. Una vez terminados los seleccionamos todos y los agrupamos con
control+G.

Si observamos el dibujo veremos que el sol irá colocado en la esquina superior izquierda, con lo que los
rayos se nos “salen” del dibujo. Para arreglarlo usaremos una máscara de recorte. Para ello crearemos
un cuadrado exactamente igual al de fondo en cuanto a tamaño y eliminamos el relleno. Una vez hecho,
seleccionamos los rayos y pulsando mayúsculas seleccionamos el recuadro que acabamos de hacer.
Con las dos figuras seleccionadas vamos al menú objeto > clip > aplicar. De esta forma nuestros rayos
estarán contenidos en el cuadrado, desapareciendo todo lo que salga del contorno del cuadrado.

Para terminar el efecto de los rayos vamos a añadir una máscara de transparencia. Para ello haremos
otro cuadrado del mismo tamaño que el fondo y lo rellenamos con un degradado de blanco a negro. Las
partes negras serán transparentes y las blancas opacas. Una vez terminado este cuadrado
seleccionamos todos los objetos de esta capa y vamos al menú objeto > máscara > aplicar y veremos el
efecto que crea la máscara de transparencia. Si no queda a nuestro gusto volveremos atrás con
control+Z y editamos el degradado, moviendo las zonas de comienzo y final de los colores según
queramos. Para acabar, en la ventana de capas bajamos la opacidad global de esta capa y pinchamos
en el candado para bloquearla.

Lo siguiente será el sol, que lo haremos de forma muy sencilla y en una capa nueva, por lo que
pulsamos en el icono + de la ventana de capas y nombramos la nueva capa por ejemplo como “sol”.
Tan sólo utilizaremos un par de círculos y el efecto blur o desenfoque. Podemos hacer este sol tan
complicado como queramos, pero para este tutorial bastará con las formas básicas. Dos círculos, uno de
color naranja y otro de color amarillo más pequeño, difuminamos los dos con el efecto blur/desenfoque
(botón derecho en el objeto > Relleno y borde > desenfocar), los alineamos y centramos si es necesario,
los agrupamos con control+G y los colocamos en su sitio.

Por último nos ocuparemos del texto. Para ello utilizaremos otra capa, para lo cual pulsamos en el
candado de la capa correspondiente al sol, pulsamos en el + y nombramos la nueva capa. Yo he
elegido un tipo de letra muy decorativo, de los que parecen escritos a mano, en concreto este tipo de
letra se llama Mutlu Ornamental y la he descargado de http://www.dafont.com/ ya que se pueden usar
si no es con fines comerciales. En esa web hay infinidad de fuentes, con lo que a buen seguro
encontraremos una a nuestro gusto. Una vez seleccionada la fuente que queremos usar escribimos el
texto a utilizar. Yo he elegido el texto “Sun Rays”. Pulsamos en la herramienta texto y escribimos el texto
que queramos. Lógicamente si lo dejamos así nos quedaría muy soso por lo que vamos a añadir al texto
una sombra y un reflejo. Seleccionamos el texto, lo duplicamos con control+D, lo reflejamos verticalmente
mediante el icono de la barra de herramientas o mediante el menú objeto > reflejo vertical y lo movemos
para que quede debajo del otro. Una vez en su sitio lo transformamos a trazo mediante el menu trazo >
objeto a trazo. Ahora creamos un rectángulo que englobe al texto reflejado y lo rellenamos con un
degradado de blanco a negro para aplicar otra máscara de transparencia. seleccionamos el rectángulo
y el texto reflejado y aplicamos desde el menú objeto > máscara > aplicar.

Ahora aplicaremos una sombra al texto sin reflejar. Para ello lo seleccionamos y duplicamos con
control+D, lo movemos un poco abajo y a la derecha, lo transformamos a trazo mediante el menú trazo
> objeto a trazo, con el botón derecho elegimos Relleno y borde y aplicamos un desenfoque a nuestro
gusto y bajamos la opacidad. Una vez terminada la sombra variamos el orden para que quede debajo
del texto original y la colocamos a nuestro gusto. Una vez que estemos satisfechos seleccionamos todos
los objetos de texto, los agrupamos con control+G y los colocamos en nuestro dibujo. Con esto damos
por finalizado nuestro dibujo.