Cómo hacer una imagen de cabecera con Inkscape

Inkscape es un editor de graficos vectoriales de código abierto y libre. ¿Y qué quiere decir esto? Pues bien, su descarga y uso son gratuitos, es decir, no existen licencias al uso como en otros programas del estilo. Además su desarrollo, mantenimiento y soporte lo lleva a cabo una comunidad de usuarios de manera colaborativa. Gracias a esta comunidad es también que existe mucho material online de aprendizaje para empezar a usar el programa o desarrollar proyectos más complejos.

¿Y qué es lo que podemos hacer con Inkscape? Pues desde ilustraciones hasta iconos, logos, diagramas, mapas o gráficos web. Yo lo uso frecuentemente para hacer botones, añadir texto a fotos o  para crear, como os enseño aquí, imágenes de cabecera para post que luego puedo compartir en Twitter o en Pinterest.

El tutorial que os presento no es complicado y, aunque no hayáis trabajado demasiado con programa de edición, creo que no os va a costar conseguir el resultado que buscamos. Pues vamos allá!!

CREAR UNA IMAGEN DE CABECERA PARA UN POST EN INKSCAPE

tutorial cabecera inkscape

PASO 1. Al abrir Inkscape nos creará por defecto un nuevo documento. Yo suelo darle el mismo ancho y alto que la imagen sobre la que voy a trabajar. Aunque no lo hagáis así, siempre se puede modificar el tamaño de nuestro documento antes de guardar/exportar el diseño final. Para modificar las propiedades del documento actual podéis ir a Archivo -> Propiedades del documento.

PASO 2. Una vez tenemos nuestro nuevo archivo, importaremos la imagen sobre la que queramos trabajar. Yo suelo trabajar con imágenes de un tamaño medio (sobre unos 1200px en su lado más ancho), para así poder subirlas directamente al blog sin que ocupen demasiado espacio en el servidor. Para importar una imagen seleccionamos Archivo -> Importar y elegimos la imagen con la que vamos a trabajar.

inkscape import imagen

PASO 3. Como en muchos otros programas de edición, en Inkscape también se trabaja con capas. Al importar nuestra imagen se nos habrá creado automáticamente una primera capa que podemos nombrar como «Fondo Imagen» para distinguirla de las posteriores capas que iremos añadiendo. Para visualizar nuestras capas bastará con ir a Capa -> Capas.

PASO 4. Ahora añadiremos una segunda capa sobre la que iremos añadiendo los elementos de nuestra cabecera (yo la he llamado «Fondo Texto»). Habiendo seleccionado esta capa, y pulsando sobre la herramienta de dibujo de circunferencia , trazaremos un círculo con el color de fondo que hayamos seleccionado en la paleta.

Inkscape tutorial capasPASO 5. Seleccionando el círculo que hemos dibujado, pulsando el botón derecho del ratón y la opción de menú «Relleno y Borde», podremos modificar el fondo, el borde y su opacidad.inkscape tutorial relleno borde objetoPASO 6. Para que nuestro circulo aparezca centrado con respecto a la imagen iremos al menú Objeto -> Alinear y distribuir a allí pulsaremos las siguientes opciones:

PASO 7. A continuación incluiremos el texto sobre la imagen. Para ello crearemos una nueva capa «Texto» sobre la que creamos en el paso 3. Una vez seleccionada esta nueva capa, pulsaremos la herramienta texto, y una vez hayamos elegido la fuente, el tamaño y el color que deseamos, escribiremos el texto de cabecera.

PASO 8. Para centrar el texto con respecto al círculo que nos sirve de fondo, basta con ir de nuevo al menú Objeto -> Alinear y distribuir y seleccionar las siguientes opciones.

PASO 9. Y ahora sólo nos queda guardar la imagen final. Yo os recomiendo que la guardéis en formato SVG para posteriores modificaciones (es el formato por defecto de Inkscape) y que la exportéis a formato PNG. Para exportar en formato PNG seleccionaremos la opción Archivo -> Exportar mapa de bits. Adicionalmente yo guardo las imágenes con GIMP en formato JPG para que me ocupen menos espacio a la hora de incluirlas en un post.

Para los que todavía no tengáis instalado Inkscape os lo podéis descargar en su página oficial, donde también disponéis de tutoriales de iniciación y muchos ejemplos para empezar a hacer vuestros primeros proyectos.

Y vosotr@s, ¿conocíais ya este programa? Si no es así, ¿utilizáis algún otro programa edición que no sea Illustrator o Photoshop?

Encantada de leer tus comentarios. Déjalos aquí..

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close