1. Logotipo Underground

En este ejercicio veremos como usar la alineación vertical y horizontal para colocar los elementos de la imagen perfectamente centrados.


  1. Primero abrimos un nuevo documento con Inkscape.


  2. A continuación copiamos el siguiente logo en formato bitmap dentro de la página de Inkscape para que nos sirva de base.

    ../_images/inkscape-logo-01.jpg


  3. Ahora crearemos un círculo con el botón de herramientas para dibujar círculos y elipses button-ellipse.

    Para asegurarnos de que el círculo es perfecto y no dibujamos una elipse, pulsaremos la tecla control tecla-control mientras arrastramos el ratón.

    ../_images/inkscape-logo-01-a.png ../_images/inkscape-logo-01-b.png

    Ahora vamos a hacer transparente nuestro nuevo círculo para poder ver a través de él y así ajustar su tamaño al tamaño de la imagen de tipo bitmap que hay debajo.

    En el menú escogemos la opción Objeto... Relleno y borde.... a la derecha se abrirá el cuadro de diálogo en el que vamos a cambiar el canal Alfa (opacidad) al nivel 77.

    ../_images/inkscape-logo-01-c.png

    Nuestro círculo se verá así:

    ../_images/inkscape-logo-01-d.png

    El circulo todavía no tiene el mismo tamaño que la imagen que nos sirve de base, por lo que cambiaremos su tamaño moviendo los tiradores (flechas negras) con el ratón mientras pulsamos la tecla control tecla-control para que el círculo no se convierta en una elipse.

    ../_images/inkscape-logo-01-e.png

    Por último pulsamos en la barra inferior de colores, el color rojo para que cambie el color de relleno de nuestro círculo exterior.


  4. Una vez creado un círculo rojo, seguimos el mismo procedimiento para crear un círculo blanco que colocaremos encima del anterior.

    Recuerda pulsar la tecla control tecla-control a la hora de dibujar el círculo y a la hora de ajustar su tamaño.

    ../_images/inkscape-logo-01-f.png


  5. Si en algún momento necesitamos mover alguno de los dibujos, tendremos que pulsar el botón de seleccionar button-selection y luego podremos mover la imagen con el ratón.


  6. Ahora crearemos un rectángulo azul con la herramienta de crear cuadrados y rectángulos button-square.

    ../_images/inkscape-logo-01-g.png

    Cambiamos el color a azul para que coincida con el logotipo inferior.


  7. Con la herramienta texto button-text pinchamos con el ratón sobre el lugar en el que queremos que apareza el texto y escribimos la palabra UNDERGROUND.

    En la barra superior podemos seleccionar para nuestro texto las opciones de tipo de letra (Arial Bold) y tamaño (30 puntos).

    ../_images/inkscape-logo-01-h.png

    Con el ratón movemos el texto para que quede centrado en el rectángulo.

    ../_images/inkscape-logo-01-i.png

    Por último cambiamos el color del texto a blanco.


  8. Hasta ahora hemos colocado los dibujos y el texto en su sitio de manera aproximada, pero en dibujo vectorial esto no es suficiente. Para asegurarnos de que los dibujos están correctamente colocados vamos a seleccionar todos con el ratón y a alinearlos con las herramientas de Inkscape.

    Primero seleccionamos todos los elementos.

    ../_images/inkscape-logo-01-j.png

    Ahora elegimos en el menú Objeto... Alinear y distribuir... y pulsamos en el botón de centrar en el eje vertical.

    ../_images/inkscape-logo-01-k.png

    Después pulsamos en el botón de centrar en el eje horizontal.

    ../_images/inkscape-logo-01-l.png

    Ahora todos los elementos del dibujo han quedado perfectamente centrados.

    Si la herramienta no funciona correctamente, asegurate de que la opción Relativo a: está en Último seleccionado o en Primero seleccionado.


  9. Por último debemos modificar uno a uno la opción de opacidad para quitar la transparencia que pusimos al comienzo.

    Para quitar la transparencia pulsamos la herramienta de selección button-selection y pinchamos uno a uno en los dibujos.

    Con la opción del menú Objeto... Relleno y borde... vamos quitando uno a uno la transparencia cambiando el valor a 100.

    ../_images/inkscape-logo-01-m.png
  10. El resultado final será este.

    ../_images/inkscape-logo-01-n.png

    El logotipo tiene otra tipografía en el texto (la tipografía del logotipo real es de pago) y el color rojo es más saturado, pero en líneas generales se parece bastante al original.