La Bandera Sueca—Un Ejemplo Sencillo

Actualizado para la versión 0.46 (Rejillas nuevas).

Vamos a utilizar Inkscape para dibujar una bandera sencilla, la de Suecia. En este ejemplo explicaremos cómo: personalizar el tamaño de un dibujo, establecer una Rejilla que nos ayude a ubicar con precisión los objetos, usar la Herramienta Rectángulo, cambiar el color de los objetos, y por último guardar un dibujo y exportarlo en un formato adecuado para usarlo en una página web.

La Bandera de Suecia
La Bandera de Suecia.

Los pasos que seguiremos son los siguientes:

Asumimos que usted ya sabe abrir Inkscape, y usar un ratón, un área táctil o una tableta para seleccionar las opciones de los menús y mover las barras de desplazamiento.

Procedimiento 1.1. Dibujar la Bandera Sueca

  1. Abrir Inkscape.

    El programa se abrirá en una única ventana con un tamaño de página predeterminado.

  2. Ajustar el tamaño de la página al tamaño deseado de la bandera.

    La proporción correcta entre la anchura y la altura de la bandera sueca es de 16 a 10. Ajustaremos el tamaño de la página un área de 320 por 200 píxeles. Lo que es importante aquí es mantener la proporción. El tamaño del dibujo se puede cambiar más tarde cuando se imprima o se exporte a mapa de bits (de manera predeterminada, en la exportación un píxel corresponde a un píxel de pantalla).

    1. Abrir el cuadro de diálogo Propiedades del documento.

      Abra el cuadro de diálogo Propiedades del documento seleccionando Archivo icon Propiedades del documento... (Mayús.+Ctrl+D).

    2. Ajustar el tamaño de la página.

      En la nueva ventana abierta, cambie Tamaño personalizado: Unidades a "px" usando el menú desplegable. Después ajuste el tamaño de la bandera cambiando Tamaño personalizado: Ancho a 320, y la Altura a 200. Esto se puede hacer tecleando los números en los recuadros de entrada junto a las etiquetas (se podrían usar las pequeñas flechas hacia arriba y abajo para cambiar el valor de entrada, pero este método no funciona bien cuando el número introducido no es entero). Observe que al introducir nuevos valores, los cambios no tienen efecto hasta que usted pulsa la tecla Intro, hace clic en otro recuadro de entrada diferente, o mueve el cursor desde el cuadro de diálogo Propiedades del documento hasta otra ventana de Inkscape. La Orientación del papel cambiará automáticamente a Horizontal.

      Cuadro de diálogo de Propiedades del documento.
      Cuadro de diálogo de Propiedades del documento.
    3. Ajustar la página dentro del área de dibujo.

      Ahora la página es un pequeño rectángulo al fondo del área de dibujo. Para ajustar la página al área de dibujo, haga clic sobre el icono de Ajustar la página a la ventana icon en la Barra de Comandos, o bien use el atajo de teclado: 5. Así, la ventana de Inkscape debería tener el aspecto siguiente:

      Bandera de Suecia, primer paso.
      La ventana de Inkscape después de haber ajustado el tamaño de la página y el nivel del zoom.
  3. Establecer una Rejilla.

    Mientras el cuadro de diálogo Propiedades del documento está abierto, haremos un cambio más que nos facilitará el dibujo del fondo y la cruz. Una Rejilla es un conjunto de líneas (usualmente) verticales y horizontales que proporcionan una guía para dibujar objetos. Opcionalmente, los objetos se podrán ajustar a la Rejilla cuando los estemos dibujando o moviendo, permitiendo dibujar con precisión. La Rejilla no aparece cuando el dibujo se imprime o se exporta a mapa de bits.

    1. Crear una Rejilla.

      Seleccione la ficha Rejillas en el cuadro de diálogo Propiedades del documento. En la sección Creación, seleccione la opción Rejilla rectangular en el menú desplegable (si es que no estuviera ya seleccionada) y después haga clic sobre el botón Rejilla Nueva. Debería ver una rejilla de líneas azules en la pizarra. Si no es así, asegúrese de que están marcadas las casillas Activado y Visible dentro de la sección Rejillas definidas. Si las casillas ya están marcadas, active la visibilidad global de Rejillas aplicando el comando Ver icon Rejilla (#).

    2. Ajustar el espaciado de la Rejilla.

      Ahora puede graduar la Rejilla para ajustar la cruz. Las leyes suecas establecen las dimensiones y la posición de la cruz. La barra vertical debe colocarse entre los 5/16 y los 7/16 de la anchura de la bandera, mientras que la barra horizontal debe situarse entre los 4/10 y los 6/10 de la altura de la bandera.

      Por defecto, la Rejilla, tiene divisiones menores cada píxel y divisiones mayores cada 5 píxeles. Dependiendo del nivel del zoom, no todas las divisiones son visibles. Una Rejilla más adecuada para dibujar la bandera sería una que tuviese divisiones cada 20 píxeles de manera que las líneas de la Rejilla dividan el ancho de la bandera en 16 partes y la altura de la bandera en 10 partes.

      Para cambiar la escala de la Rejilla, vuelva a la ficha Rejillas de la ventana Propiedades del documento.

      Cuadro de diálogo Propiedades del documento, ficha Rejillas.
      Cuadro de diálogo Propiedades del documento, ficha Rejillas.

      Fije a 20 tanto el Espaciado X como el Espaciado Y.

      Para dibujar la bandera con mayor precisión, activaremos el ajuste de los nodos a las líneas de la rejilla. El ajuste ha experimentado cambios importantes entre las versiones 0.46 y 0.47. La mayoría de las opciones de ajuste se han pasado del cuadro de diálogo Propiedades del documento a la Barra de Controles de Ajuste. En ambas versiones necesitamos asegurarnos de que esté activado el ajuste de nodos (las esquinas de un rectángulo) a las líneas de la rejilla. También nos aseguraremos de que no vamos a ajustar la caja de contorno.[5]

      • Para la versión 0.46: Primero seleccione la ficha Ajustar. Marque la casilla Activar ajuste en la sección Ajuste. En la sección Qué ajustar marque la casilla con la etiqueta Nodos. Esto producirá que las esquinas de los rectángulos que vamos a dibujar se alineen con la rejilla. Desactive la casilla con la etiqueta Esquinas de caja de contorno. A continuación, desactive en la sección Ajustar a rejillas la casilla Ajustar sólo si está más cerca que:. Así se forzará que siempre se produzca el ajuste.

      • Para la versión 0.47: Primero seleccione la ficha Ajustar. Marque la opción Ajustar siempre en la sección Ajustar a rejillas. Así se forzará el ajuste independientemente de la distancia a la que se encuentre el cursor de una de las líneas de la Rejilla. Active el ajuste global resaltando el icono Activar ajuste ( icon ) en la Barra de Controles de Ajuste. Active el ajuste de nodos resaltando el icono Ajustar nodos ( icon ) en la Barra de Controles de Ajuste. A continuación, asegúrese de que el icono Ajustar a rejillas ( icon ) esté resaltado en la Barra de Controles de Ajuste. Por último, compruebe que el icono Ajustar esquinas de cajas de contorno ( icon ) no esté destacado.

      Cuadro de diálogo Propiedades del documento en la versión 0.46, ficha Ajustar.
      Cuadro de diálogo Propiedades del documento en la versión 0.46, ficha Ajustar.
      Cuadro de diálogo Propiedades del documento en la versión 0.47, ficha Ajustar.
      Cuadro de diálogo Propiedades del documento en la versión 0.47, ficha Ajustar.

      Tras realizar estos cambios, puede cerrar la ventana de Propiedades del documento. La ventana de Inkscape debería verse así:

      Bandera sueca, segundo paso.
      Área de dibujo con la Rejilla activada y adaptada. Observe los ajustes en la Barra de Controles de Ajuste.
  4. Dibujar el fondo de la bandera.

    La bandera tiene un fondo azul claro. Hay varias formas de hacerlo, pero usaremos un rectángulo coloreado.

    1. Seleccionar la Herramienta Rectángulo.

      Haga clic sobre el icono Herramienta Rectángulo en la Caja de Herramientas a la izquierda de la ventana de Inkscape (o bien use el atajo de teclado F4) para seleccionar la Herramienta Rectángulo.

      [Sugerencia]Notas Emergentes

      Una característica muy interesante de Inkscape es que trae incorporadas pistas muy útiles. Así, al colocar el puntero del ratón sobre el icono de la Herramienta Rectángulo, aparecerá una nota emergente que explica el uso de la Herramienta Rectángulo. Esta característica está presente en casi todos los iconos y objetos de Inkscape. La nota emergente suele incluir el atajo de teclado del icono, en este caso (F4), para indicar que pulsar la tecla F4 es otra forma de seleccionar la Herramienta Rectángulo.

      Una vez que haya seleccionado la Herramienta Rectángulo, mueva el cursor sobre el área de dibujo. El cursor se convertirá en un rectángulo. Esto significa que ya puede dibujar un rectángulo o cuadrado. La cruz pequeña en la esquina superior izquierda del cursor indica el punto activo.

      [Sugerencia]Región de Información

      En la parte inferior de la ventana hay una Zona de Información (dentro de la Barra de Estado). Ella le indicará qué acciones puede realizar con la herramienta seleccionada. Observe que la región no siempre es lo suficientemente grande para que se puedan ver todas las opciones. Moviendo el ratón sobre la región aparecerá una nota emergente mostrando el contenido completo. También se puede ensanchar la ventana de Inkscape para ver más de la región. Cuando la Herramienta Selector está activada, la Zona de Información también le informará del número y el tipo de objetos que están seleccionados en ese momento.

    2. Dibujar el rectángulo del fondo.

      Para dibujar el rectángulo del fondo, siga las indicaciones de la Zona de Información. Haga clic sostenido arrastrando desde una esquina del área de la página hasta la esquina opuesta.

      Observe cómo las esquinas del rectángulo se ajustan a la Rejilla. Si su rectángulo no coincide con el tamaño de la página, puede usar uno de los tiradores (pequeños cuadrados) de la esquina superior izquierda o inferior derecha del rectángulo para ajustar el tamaño del rectángulo. (El círculo de la esquina superior derecha tiene una función diferente. Se usa para redondear las cuatro esquinas de un rectángulo.) A medida que usted arrastra los pequeños cuadrados, ellos se ajustarán a la Rejilla.

      Si comete algún error, puede hacer clic sobre el icono Deshacer icon de la Barra de Comandos, usar la opción Edición icon Deshacer (Ctrl+Z) de la Barra de Menús, o bien utilizar el atajo de teclado Ctrl+Z para deshacer el error.

      Bandera sueca, tercer paso.
      Rectángulo del fondo.

    Será necesario cambiar el color del fondo. Podemos hacerlo ahora mismo, pero es más fácil esperar y cambiarlo cuando definamos el color de la cruz.

  5. Dibujar la cruz.

    La cruz se compone de una barra horizontal y otra vertical.

    1. Dibujar la barra horizontal.

      Con la Herramienta Rectángulo aún seleccionada, cuente seis celdillas de la rejilla hacia arriba desde la base de la bandera en su lado izquierdo, haga clic y arrastre el cursor hasta la cuarta casilla por encima de la base de la bandera en su lado derecho. Observe que el color de Relleno del nuevo rectángulo es el mismo que el del fondo, pero aún así la nueva barra debería ser visible. Haga las correcciones en el tamaño y la posición del rectángulo que sean necesarias.

      Si no puede ver la barra horizontal ...  ¡No se asuste! Inkscape a menudo usa el Estilo activo (atributos: color, estilo de trazo, etc.) para dibujar los nuevos objetos. El Estilo activo corresponde al del último objeto cuyo estilo haya sido modificado (incluyendo el de una sesión anterior de Inkscape). Si el color del borde coincide con el color del Relleno del rectángulo o si el dibujo del borde está desactivado Y si la transparencia o el Alfa están al 100%, para usted será como tratar de ver a un oso polar en una tormenta de nieve. Hay muchas soluciones, pero la más fácil es cambiar el color de la barra horizontal para que sea diferente del color de fondo. Para ello, haga clic en cualquiera de las muestras de color de la Paleta mientras la barra recién dibujada todavía esté seleccionada (esto está indicado por la línea discontinua que rodea el perímetro). Si se hace clic sobre una muestra de color de la Paleta cuando no hay ningún objeto seleccionado, el Estilo activo cambiará para usar ese color en el Relleno del siguiente Rectángulo dibujado.

    2. Dibujar la barra vertical.

      La barra vertical debe extenderse entre las unidades 5 y 7 desde la izquierda.

      Bandera sueca, cuarto paso.
      La imagen de la bandera después de que se hayan dibujado las barras horizontal y vertical. Las líneas de los bordes muestran cómo un rectángulo de la cruz se superpone al otro.
    3. Unir las barras para formar la cruz.

      Podríamos parar aquí. Así sería suficiente con eliminar los bordes de las barras para obtener la cruz que queremos. Pero sería mejor (o al menos más pedagógico) unir las barras en una cruz, de manera que la cruz sea un único objeto en vez de dos.

      1. Seleccionar ambos rectángulos.

        Hay que seleccionar las dos barras a la vez. Esto se puede hacer con la Herramienta Selector y la tecla Mayús.. Active la Herramienta Selector haciendo clic sobre el icono icon de la Caja de Herramientas o usando uno de los atajos de teclado F1 o s.

        Después de activar la Herramienta Selector (esto queda reflejado en el cursor, que pasa a ser una flecha cuando está sobre la pizarra, o unas flechas cruzadas cuando pasa sobre un objeto), haga clic sobre uno de los rectángulos de la cruz. Luego, manteniendo pulsada la tecla Mayús., haga clic sobre el otro rectángulo de la cruz. Ambos rectángulos quedan seleccionados, como lo indican sus bordes discontinuos. Observe que el rectángulo de fondo no está rodeado por un borde discontinuo y que la Zona de Información informa que se han seleccionado dos objetos.

        Bandera sueca, quinto paso.
        Los dos rectángulos que forman la cruz están seleccionados.
      2. Unir los trazos.

        Los dos rectángulos pueden ser combinados uniendo sus Trazos. (Aquí, el trazo o también llamado Trazo es el borde del rectángulo.) Para unir los dos rectángulos, seleccione la opción Trayecto icon Unión (Ctrl++) en la Barra de Menús. Ahora los rectángulos están fundidos en un único objeto.

        Bandera sueca, sexto paso.
        La cruz después de que los rectángulos han sido unidos.

        La cruz ya no está formada por dos objetos Rectángulo sino que está definida como un solo Trazo o trazo.

  6. Definir los colores del fondo y de la cruz.

    El siguiente paso es cambiar los colores del fondo y de la cruz por los de la bandera de Suecia. Vamos a usar el cuadro de diálogo Relleno y borde para poder definir con precisión los colores correctos.

    1. Abrir el cuadro de diálogo Relleno y borde.

      Puede abrir el cuadro de diálogo Relleno y borde haciendo clic sobre el icono icon Relleno y borde de la Barra de Comandos, o bien haciendo clic en la parte del Relleno del Indicador de Estilo en la Barra de Estado, o también usando el atajo de teclado Mayús.+Ctrl+F.

      Por defecto el cuadro de diálogo aparecerá acoplado a la derecha dentro de la ventana de Inkscape. Si dispone de espacio en la pantalla, desacople el cuadro de diálogo arrastrando de la barra superior del cuadro (la barra gris con Relleno y borde escrito en ella). Suelte el cuadro de diálogo fuera de la ventana de Inkscape. Pulse la tecla 5 para volver a centrar el dibujo dentro de la ventana principal (o use el botón central del ratón para volver a colocar el dibujo en el centro).

      Cuadro de diálogo Relleno y borde.
      Cuadro de diálogo Relleno y borde.

      Compruebe si la pestaña Relleno está resaltada en la parte superior del cuadro de diálogo, si no es así, no haga clic sobre la misma. Los parámetros definidos en el cuadro de diálogo Relleno y borde se aplican al objeto u objetos seleccionados en ese momento.

    2. Definir el color de Relleno del fondo.

      Seleccione el rectángulo del fondo haciendo clic sobre él con la Herramienta Selector. La Zona de Información debe informar que hay un rectángulo seleccionado, y el Indicador de Estilo mostrará los colores de Relleno y de Borde del rectángulo. El icono icon Color uniforme debería estar resaltado, si no es así, haga clic sobre él.

      Hay varios modos de especificar el color de Relleno deseado. Vamos a usar el modo RGB (Red-Green-Blue) (seleccione la ficha RGB si no estuviera ya abierta). En este modo, un color se especifica definiendo las cantidades de cada uno de los tres colores primarios. La escala se extiende desde 0 hasta 255. Se puede cambiar la cantidad de cada color primario deslizando de izquierda a derecha los pequeños triángulos de las barras marcadas R, G, B, o bien cambiando los números de los recuadros situados a la derecha de las barras (tecleando o usando las flechas arriba/abajo). Para la bandera sueca, el color de fondo está definido por el color estándar NIS 4055-R95B, que equivale a los valores: Red: 0, Green: 90, Blue: 173. El cuarto valor es el Alfa (A) o transparencia, que indica el nivel de opacidad que debe tener el objeto. Queremos que nuestra bandera tenga un fondo sólido y no transparente, así que debemos ajustar el Alfa en 255 (el rango es de 0 a 255). Así mismo, el deslizador de la Opacidad Maestra debe estar al 100%.

      Un paso adicional es desactivar el color de Borde. En el cuadro de diálogo Relleno y borde, seleccione la ficha Color de trazo y haga clic sobre el icono icon Sin relleno para eliminar el borde.

    3. Definir el color de Relleno de la cruz.

      Seleccione la cruz y cambie el color de Relleno siguiendo las mismas instrucciones anteriores. Cuando la cruz está seleccionada, la Zona de Información informará que se ha seleccionado un Trazo (trazo) con 12 nodos. Es necesario abrir de nuevo la ficha Relleno. Esta vez defina los colores primarios como R: 255, G: 194, y B: 0. Desactive también el borde como se hizo antes.

  7. Guardar y exportar su trabajo.

    Es hora de guardar su trabajo. Seleccione la opción Archivo icon Guardar como... (Mayús.+Ctrl+S). El cuadro de diálogo que aparezca dependerá de su sistema operativo. Seleccione la carpeta o directorio donde debe guardarse el dibujo y déle un nombre apropiado. Por último, haga clic en el botón Guardar.

    Un último paso es exportar su archivo a un mapa de bits PNG (Portable Network Graphic) que pueda ser usado por otros programas gráficos o en una página web. [6] Abra el cuadro de diálogo Exportar mapa de bits: (Archivo icon Exportar mapa de bits... (Mayús.+Ctrl+E)).

    Cuadro de diálogo Exportar mapa de bits.
    Cuadro de diálogo Exportar mapa de bits.

    Hay cuatro opciones para elegir el área a exportar: Página, Dibujo, Selección, y Personalizado. En nuestro caso, el área de la Página y área del Dibujo coinciden. Seleccione cualquiera de las dos opciones, después escriba o seleccione un nombre de archivo en la parte inferior y haga clic en el botón Exportar para guardar el dibujo en formato PNG. Ahora usted debería tener un archivo PNG con una bandera como la que se muestra al comienzo de esta sección. Observe que el cuadro de diálogo permanece abierto en la pantalla incluso después de haber realizado con éxito la exportación.



[5] Normalmente, la caja de contorno incluye el ancho de cualquier línea de contorno visible. En la bandera ya terminada no se verá ninguna línea de contorno, pero los rectángulos utilizados para dibujar la bandera sí tendrán contornos visibles hasta que los eliminemos en uno de los últimos pasos. Si la colocación de los rectángulos se realiza usando cajas de contorno, al final los rectángulos quedarán ligeramente desplazados de la posición deseada.

[6] Los navegadores de Internet están incorporando mejoras para admitir de forma nativa gráficos SVG. Hasta que sea un formato ampliamente aceptado, se recomienda seguir usando las "anticuadas" imágenes en mapa de bits.