Creación de una imagen destacada para Fedora Magazine

Cada artículo de Fedora Magazine debe tener una imagen destacada. La imagen añade atractivo visual al artículo. También aparece en los enlaces de las redes sociales, para atraer a más espectadores.

Estas imágenes se crean como SVG (gráficos vectoriales escalables). Para trabajar con ellas, debe instalar una aplicación compatible con SVG, como Inkscape. También necesitará tener instalada la utilidad Git.

Mire el video del Taller de creación de imágenes destacadas en nuestro canal de YouTube para obtener una demostración visual de las pautas e instrucciones a continuación, además de algunos consejos adicionales de Inkscape.

Pautas importantes

  • Utilice el logotipo de Fedora sólo ocasionalmente, por ejemplo para anuncios importantes o para indicar afinidad con un proyecto.

  • No utilice logotipos de otros proyectos. La mayoría requiere permiso para su uso, y es difícil asignar un destinatario en un proyecto grupal como la Revista.

  • Utilice únicamente imágenes, fotografías o capturas de pantalla con licencia aceptable, o aquellas que haya creado usted mismo y, por lo tanto, pueda contribuir con dicha licencia. (Más sobre esto debajo.)

Obtener el repositorio de imágenes

Abra un Terminal. (Para algunos de los siguientes pasos, deberá escribir instrucciones en ella).

Instala los paquetes git e inkscape si aún no los tienes instalados:

$ sudo dnf install git inkscape

Siga las instrucciones en Git para escritores de documentación para obtener instrucciones sobre cómo bifurcar el repositorio fedoramagazine-images.

Creando una nueva imagen usando la plantilla

Abra Inkscape y seleccione Archivo > Abrir… (o presione Ctrl+O). Vaya a la carpeta del proyecto, luego a fedoramagazine-images y luego a images. Elija el archivo template.svg.

Guarde esto como un archivo nuevo con un nombre diferente.

Puedes usar los recursos de este archivo para empezar con un documento del tamaño adecuado, con fondos preconfigurados. Puedes consultar otros archivos SVG como guía. Si no tienes experiencia con estas imágenes, intenta usar las fuentes y los motivos que ves en banners recientes. ¡Pero también puedes experimentar! Por ejemplo, usa fotografías (con licencia libre, como CC-BY o CC-BY-SA) con una superposición de texto para un aspecto atractivo. Unsplash.com tiene una gran biblioteca de imágenes de dominio público que puedes usar para empezar.

Reutilizando una imagen antigua

Tiene sentido reutilizar una imagen antigua si existe un vínculo temático entre el artículo anterior y el nuevo. Intenta variar algún aspecto de la imagen, como el texto. Si el fondo es abstracto (no una foto), considera reequilibrar el color.

Al reutilizar una imagen antigua, asegúrese de tener instaladas todas las tipografías correctas. Para ver una lista, puede ejecutar esta instrucción:

grep font <NOMBRE_ARCHIVO_IMAGEN> | sed 's/^.*font-family:\([^;]*\).*$/\1/'

Puede ignorar los nombres de fuente "serif" y "sans-serif". Asegúrese de instalar las fuentes que aún no tenga instaladas en su sistema para que la imagen se visualice correctamente tanto en la pantalla como al crear un JPG posteriormente.

Imágenes de fondo

Puedes encontrar imágenes con licencias compatibles en Unsplash o probar otros buscadores de imágenes. Asegúrate de elegir solo imágenes con licencias CC0, CC-BY o CC-BY-SA. (Se permiten usos comerciales y derivados).

Dimensiones

Antes de importar el fondo al SVG, escálelo y recórtelo con GIMP u otro editor de imágenes a un tamaño de 1890×800 y una calidad JPG de aproximadamente el 75-80 %. Esto evita que el SVG sea demasiado grande, ya que lo reducirá de varios MB a solo unos cientos de KB.

La plantilla SVG contiene directrices para indicar qué parte del borde de la imagen de portada podría recortarse al compartir el artículo en redes sociales. La parte que podría recortarse es aproximadamente el 10% de los lados izquierdo y derecho de la imagen y el 13% de los bordes superior e inferior. En la plantilla SVG, las directrices proporcionan márgenes de exactamente 183 píxeles a la izquierda y a la derecha, y 107 píxeles a la derecha y arriba y abajo para una imagen de 1890×800 píxeles. Esto deja un espacio interior de 1524×586 píxeles donde se puede colocar texto sin riesgo de recortes al compartir el artículo en redes sociales.

Tipografías

Hay algunas tipografías que se usan comúnmente en las imágenes destacadas. Le recomendamos usarlas para que se integren con la temática general de las demás. Todas están disponibles gratuitamente en los enlaces proporcionados. A continuación, se listan las tipografías que usamos habitualmente en la revista Fedora.

  1. Open Sans (especialmente la variante “Light”)

  2. Bungee (para una sensación ligeramente técnica pero divertida)

  3. Oswald (para una sensación más técnica)

  4. Josefin Slab (compatible con serifas)

  5. Zilla Slab (amigable con serifs)

  6. Grand Hotel (para una sensación de escritura elegante)

  7. Montserrat (amigables y similar a las Sans)

  8. Roboto Slab (amigable con las serif)

  9. Molot (Tipografía más pesada, se siente técnica)

Para usar estas fuentes en su sistema Fedora, descargue la tipografía y descomprima el archivo OTF o TTF (si es necesario) en la carpeta ~/.fonts. Luego, actualice la caché de tipografías:

$ fc-cache

o, donde la fuente esté empaquetada, instálela usando el administrador de paquetes

$ dnf install open-sans-fonts vernnobile-oswald-fonts mozilla-zilla-slab-fonts astigmatic-grand-hotel-fonts julietaula-montserrat-fonts google-roboto-slab-fonts typetype-molot-fonts

Necesitará cerrar y volver a abrir Inkscape, GIMP u otras aplicaciones para aprovechar las nuevas fuentes.

Cómo hacer que revisen tu trabajo

Si quieres publicar tu trabajo en algún sitio, conviértelo primero a JPG. Normalmente, será un archivo más pequeño. Asegúrate de que tu archivo SVG esté guardado en la carpeta fedoramagazine-images/images/, como se indica arriba. Normalmente, estas deberían tener el nombre del artículo para facilitar su búsqueda posterior. Para este ejemplo, supongamos que tu archivo SVG se llama using-inkscape.svg.

Abra una terminal y vaya a la carpeta fedoramagazine-images/images/:

$ cd projects/fedoramagazine-images/images/

Ahora usa el útil objetivo de creación que te proporcionamos. Esto crea automáticamente el JPG del tamaño correcto (1890×800 píxeles), si proporcionas el mismo nombre que tu archivo SVG:

$ make using-inkscape.jpg

Ahora puede publicar este archivo, using-inkscape.jpg, en línea y luego proporcionar esa URL en la sección de comentarios de la tarjeta Pagure de su artículo para su revisión.

Si se aprueba la imagen, y si se puede reutilizar para artículos posteriores, considere crear una solicitud de extracción contra el repositorio ascendente para archivar su trabajo para su reutilización.

Want to help? Learn how to contribute to Fedora Docs ›