Tu privacidad no es un producto: Tutorial de diseño en inkscape (paso a paso)

Tabla de contenidos

1. Introducción: de la frase al diseño
2. Herramientas necesarias (inkscape y fuentes libres)
3. Paso a paso: creando el fondo y la tipografía
4. El secreto de la jerarquía visual (tamaños y alineación)
5. Añadir la licencia CC BY-SA 4.0 y marca de agua
6. Exportación final (SVG y PNG)
7. Descarga de los archivos fuente

Introducción

Ayer, en mi primer directo desde Owncast, tomé la frase ganadora de nuestra encuesta: "Tu privacidad no es un producto" y la convertí en una pieza visual real. Fue un ejercicio práctico de diseño en vivo, con sus fallos y aciertos. Hoy quiero compartir el proceso completo, corregido y explicado con calma, para que cualquiera lo podáis replicar.

El objetivo no era solo hacer una imagen bonita, era también de usar el diseño para comunicar un mensaje claro sobre soberanía digital. Uso software libre (Inkscape) y fuentes libres, licenciando bajo CC BY-SA 4.0 para que el diseño sea tan libre como el mensaje que transmite.

Herramientas y fuentes

• Editor: Inkscape
• Fuentes principales:
  • Anton (Para el titular): Impactante, sin ser agresiva.
  • Bitter (Para el subtexto): Seria, reflexiva, editorial.
  • Roboto (Para la licencia): Limpia y legible en tamaños pequeños.

Paso a paso

Aquí detallo los pasos que hice en el directo, pero mejorados:

1. Configuración del documento: Crear un nuevo lienzo o documento. Yo lo cree rectangular pero podeis crearlo en 1080x1080px.
2. El fondo: Dibujar un rectángulo sobre todo el documento y aplicar un degradado con la herramienta de relleno que aparece en el lateral. El degradado debe ser sutil y lineal, yo he usado un degradado de crema a blanco para dar profundidad sin saturar.
3. Tipografía principal: Escribir la frase. Truco: No uses un solo bloque de texto, mejor divide por palabras ("Tu", "Privacidad", "No", "Es un", "Producto") para controlar el tamaño de cada una y crear ritmo visual. Te sugiero cambiar tamaños de las palabras para crear ritmo visual.
4. Alineación: Activa la rejilla de la página. Alinea visualmente las letras clave (por ejemplo la "N" de "No" con la "P" de "Privacidad"). La precisión es lo que diferencia un cartel amateur de uno profesional.
5. Subtexto: Añade la leyenda "Deja de ser el coste del servicio gratuito" en Bitter, con color gris oscuro y tamaño reducido.
6. Licencia y marca de agua: Añade el bloque de texto con la licencia, en mi caso CC BY-SA 4.0, y tu logo personal con opacidad al 15%. Recuerda: esto protege tu obra y asegura que otros puedan compartirla legalmente.
7. Exportación: Guarda el proyecto como .svg (fuente editable) y exporta a .png de alta calidad.

Descarga y recursos

He preparado una carpeta en mi proton drive donde encontrarás:

• El archivo SVG editable
• El PNG final listo para compartir
• Las fuentes utilizadas (sino las tienes instaladas)

Enlace a la carpeta de Activismo Digital

El vídeo tutorial completo, donde explico cada clic con calma y corrijo las incidencias del directo, estará disponible pronto en mi canal de Peertube aquí: Tu privacidad no es un producto - Tutorial diseño en inkscape

Te animo a ponerte manos a la ora con tu diseño!

Todo este contenido está bajo licencia CC BY-SA 4.0. Puedes reutilizarlo, modificarlo y compartirlo citando a https://tuiter.rocks/@wildperal

VOLVER AL INICIO