Sapuru - Aymará Samudio

experiencias & consejos de Aymará Samudio

de entusiasta aficionada a emprendedora profesional

Crea tus propias imagenes para redes sociales usando software libre


La consistencia en las comunicaciones que efectuamos para nuestro emprendimiento es muy importante porque ayuda a crear un concepto en los receptores acerca de lo que hacemos y lo que decimos. Estimulamos sus emociones e intelecto para que nos recuerden.

Para lograr una presencia online en la era de las redes sociales se hace necesario compartir contenido multimedia.

Y allí comienzan los problemas: ¿Compartimos memes firmados por otros? ¿Una fotografía que no dice nada si no lo acompañamos de texto? ¿Qué pasa con esas fotos que comparto si alguien me las copia sin permiso? Lo mejor es evitarles la tentación y hacer de nuestras imagenes algo tan personal que no les sirva de nada copiárnosla.

Una vez que decidimos cómo queremos mostrarnos, vamos a los sitios de recursos gráficos gratuitos y resulta que la mayoría de ellos son para modificar usando Photoshop o Illustrator...

Como usuaria y promotora(??!!) del Software Libre, hoy les voy a compartir un tutorial básico para que puedan hacer sus propias imagenes para compartir en las redes sociales de su emprendimiento usando sofware y recursos 100% libres.

¿Por qué usar sofware libre para nuestro emprendimiento?

La primer razón que esgrimirán muchos: costos. Y es cierto, libre en este caso es también sinónimo de gratuito. No debemos pagar licencias por usar este sofware, ni debemos guardar créditos para el software en el producto terminado.

Mi razón: Somos dueños de lo que creamos con el soft libre, cosa que no ocurre con algunas herramientas de pago en las que quedamos presos de sus estándares y un largo listado de condiciones. Es además una forma LEGAL de hacer las cosas.

A menudo me encuentro con tutoriales donde enseñan a "crackear" sofware para usarlo de forma gratuita luego de haberlo descargado desde un lugar de dudosa reputación. Te expones a malware, a dañar tu computadora, e incluso a demandas por parte de los distribuidores del soft haciendo esta "avivada".

Prefiero ahorrarme todas esas preocupaciones y usar exclusivamente soft libre para mi trabajo.

Éste tutorial lo hice utilizando GIMP, con algunas funciones muy básicas y fáciles de seguir. Existen otros programas para manipulación de gráficos en Linux, cada uno con sus aplicaciones específicas, no me detendré en eso ahora, pero sepan que están a una búsqueda en google de entrar en un mundo MUY interesante.

Instalar GIMP:

Si usan ubuntu-linux, es muy probable que ya lo tengan preinstalado. Sino, en la terminal simplemente hacen:

sudo apt install gimp

Independientemente de la distro linux que usen, seguro encontraran el paquete GIMP en los repositorios de confianza de la distro.

Si usan Windows, pueden descargarlo desde aquí

Tutorial

Descargar las Plantillas pre-hechas

Para facilitar el trabajo, les comparto aquí un archivador con plantillas armadas para las diferentes redes sociales con sus tamaños optimizados listos para usarse.

El archivador contiene:

  • Facebook:
  • Portada perfil
  • Imagen muro
  • Imagen para links

  • Twitter:
  • Portada perfil
  • Imagen para compartir

  • Linkedin:
  • Portada perfil personal
  • Imagen para compartir

Cómo usar las plantillas

Descompriman el archivo en el directorio donde deseen guardar estos recursos.

Para éste tutorial usaremos una imagen de portada de facebook para mostrarles cómo están estructuradas las plantillas.

Busquemos el archivo fb-cover.xcf, lo abrimos con GIMP y lo que veremos es lo siguiente:

En violeta oscuro se marca la sección de la portada que solamente se verá en las versiones para teléfono, en rosa, lo que se verá tanto en el teléfono como en la pc.

Si nos fijamos en el panel que se abre a la derecha "Layers,Channels..." veremos las diferentes capas que conforman la plantilla:

Junto a cada una de esas capas hay un ojo. Si hacen el experimento de tocar esos ojos verán que lo que hace es dejar visible o ocultar una capa en particular, esto nos va a ayudar muchisimo a trabajar con el diseño sin perdernos. Si al abrir el programa ésta barra de herramientas no aparece, simplemente vayan a "Windows"-->"Dockable Dialogs"-->"Layers"

Cambiar el fondo

Vamos a hacer click sobre la capa que dice "background", que en este caso es violeta oscuro (mi favorito). Para cambiar el color de fondo haremos click en la herramienta de selección de colores (los dos rectángulos que aquí se ven uno negro y otro blanco) y se abrirá un diálogo con un selector de colores, donde elegiremos el color que más nos guste:

Le damos a ok y luego seleccionamos la herramienta "rellenar"

Y tocamos cualquier sector donde esté el violeta oscuro...

¡Todo está naranja ahora! Hermoso ah? (!!!??) Mejor probamos con una imagen de fondo...

Para eso vamos a "File"-->"Open". Seleccionaremos la imagen que nos gustaría usar de fondo. Se abrirá en una ventana nueva. Si la imagen es más grande y queremos aprovechar todo el ancho, iremos a "Image"-->"Scale Image" y estableceremos el "width"(ancho) a 1200px.

Hecho esto simplemente vamos a "Edit"-->"Copy", volvemos a la ventana donde tenemos nuestra plantilla y nos aseguramos de tener seleccionada la capa de "background" y hacemos "Edit"-->"Paste (Si, los comandos Ctrl+C y Ctrl+V también funcionan).

¡Ahora tenemos una imagen de fondo! Probablemente tengamos que acomodarla un poco para que no se corte justo en una parte importante. Para eso utilizaremos la herramienta "mover":

Con esta herramienta acomodamos la imagen a nuestro gusto. Una vez que está bien posicionada vamos a "Layer"-->"Anchor Layer". De esta manera nuestro fondo quedó listo.

Texto

GIMP hace sencillo que trabajemos con bloques de texto, ya que podemos crear cuantos necesitemos de forma independiente. Se puede usar cualquier tipografía que tengamos instalada en la pc. Si descargaste una nueva, primero la instalas y luego reinicias GIMP para que la puedas usar.

Hay muchas fuentes confiables de tipografías libres, pero para hacerlo más sencillo, tienen un repositorio enorme en google fonts. Hay para todos los gustos...

Para modificar los textos sólo hace falta seleccionar la capa de texto existente y luego seleccionar la herramienta de texto. Puede darse estilo ahí mismo. Es realmente sencillo. Para moverlas de lugar, usen la herramienta "mover".

Transparencias

La siguiente capa es una transparencia con coloreado rosa, que en este caso usé para mostrar los márgenes de visibilidad. Las capas con transparencias son atractivas y fáciles de usar. Les muestro cómo.

Primero van a cerrar el ojito de la transparencia rosada.

Luego van a "Layer"-->"New Layer". Les abrirá el siguiente diálogo:

Elegimos "transparency" y le damos OK. No veremos nada, porque claro, es transparente (cuac!). Yo elegí para mostrar la herramienta que es de selección circular o de óvalo y ocupé todo el centro de la imagen con el óvalo. Luego usaremos nuevamente la herramienta de "relleno" que usamos para cambiar el color del fondo al principio, pero ésta vez prestaremos atención al ítem "opacity":

Si no ven éste diálogo en su caja de herramientas, van a "Windows"-->"Dockable Dialogs"-->"Tool Options". Aquí jugaremos con el porcentaje de opacidad. En mi caso usé un azúl intenso para que se vea bien la diferencia con la toma anterior:

Logotipo

Para éste ejemplo usé un logotipo de stock que tengo guardado entre muchos otros en alguna carpeta perdida en mi pc (algún día ordenaré los archivos, espero). Para reemplazarlo, simplemente "cierren el ojito", o click derecho "eliminar". Luego "File"-->"Open", eligen su logotipo. Se abrirá en una nueva ventana, ahí lo redimensionan como lo hicimos con la imagen de fondo para que se adapte a los tamaños de la imagen que estamos haciendo. "Edit"-->"Copy", van a la ventana de nuestra imagen "Edit"-->"Paste". Luego usamos la herramienta "mover" para posicionar el logo donde luzca mejor. Se recomienda el centro o levemente hacia la derecha.

Guardar

¡Espera! Todavía no guardes nada!! Si lo guardás como está ahora, vas a sobre-escribir la plantilla y no es la idea... Antes de guardar vamos a "cerrar los ojos" de todas las cosas que no queremos que se vean. Una vez hecho esto, haremos "File"-->"Export As", y le pondremos un nombre a la imagen y la extensión en la que queremos exportar. Puede ser .png, .jpg, .pdf y otros tantos. Para facebook y en general para todas las redes sociales donde estemos trabajando con imagenes, transparencias y textos recomiendo guardar en .png.

Éste será el archivo que vamos a subir.

Ahora bien, el archivo donde estuvimos trabajando es una plantilla. ¿No sería bueno que guardemos esta nueva plantilla para ahorrarnos tiempo más adelante? (no tener que volver a trabajar con el logotipo por ejemplo, o la posición de algún elemento en particular).

Para eso simplemente haremos "File"-->"Save As" y eligiremos un nombre representativo, éste archivo se guardará en la extensión .xcf y es lo que nos permitirá poder editar las capas en el futuro.

Recomendaciones Finales

Independientemente que son recursos libres y los podés usar como quieras, es de buena costumbre agradecer a las fuentes que usaste para tu trabajo. La mayoría de quienes estamos por un motivo u otro en los circuitos de la cultura libre, cultivamos el agradecimiento y la colaboración. ¡No cuesta nada y vale mucho!

Ahora te queda seguir explorando las plantillas y las múltiples herramientas que dispone GIMP para la edicion de graficos e imagenes. Hay muchos tutoriales disponibles, pero si tenés alguna pregunta en particular, estoy para ayudarte.

DISCLAIMER:

Éste es un tutorial para aquella persona que ya decidió que quiere dedicar algo de tiempo a aprender a usar éstas herramientas como forma de desafiarse y aprender cosas nuevas.
Si no dispones de tiempo, CONTRATA a un diseñador que lo haga por vos, te asegurarás un mejor resultado y podrás invertir tu precioso tiempo en poner el foco en tu actividad principal.

Blog Comments powered by Disqus.

Date: April 20th at 1:24am