Creación de gráficos con Gimp - Tutorial martes

¡Bienvenido a otro tutorial de martes! Hoy les voy a mostrar cómo hacer una imagen de blog usando Gimp .

Gimp es un programa de diseño similar a PhotoShop pero un poco menos fácil de usar y mucho más gratuito (como completamente gratis). Gimp es un poco menos intuitivo de usar en comparación con opciones como Canva simplemente porque en realidad tiene una amplia gama de funciones para la mayoría de los tipos de diseño gráfico; solo se necesita un poco más de conocimiento para moverse que algunos programas freemium.

Si te esfuerzas por aprender Gimp, tendrás más control sobre las imágenes que crees.

Puede descargar una copia de Gimp aquí: http://www.gimp.org/downloads/

Como nota rápida, no hay autoguardado en Gimp, así que guarde su imagen a través de la barra de herramientas o "ctrl + s" con frecuencia. Si hay una subida de tensión o algo así y tienes que volver a hacer todo tu trabajo, estarás MUY triste.

¡Empecemos!

Paso 1: abre Gimp

Cuando abres Gimp, debería verse así:

Tenga en cuenta que tiene tres ventanas aquí:

1. Caja de herramientas : aquí es donde se puede acceder fácilmente a las herramientas más utilizadas. Esta ventana es tu amiga.
2. Lienzo : aquí es donde se abrirá la imagen. Todo el trabajo que realices se realizará en esta ventana.
3. Capas : aquí es donde puede realizar un seguimiento de los elementos y capas que tiene activos en su lienzo. No usaremos mucho esta ventana para este tutorial, pero es muy útil para proyectos más complicados.

Paso 2: abre tu capa de fondo

Primero necesitas tu imagen de fondo. Es más fácil guardar una imagen en su computadora para que pueda abrirla seleccionando "Archivo" en la barra de herramientas y luego "Abrir":

Desde aquí deberías poder elegir tu imagen desde donde la hayas guardado y presionar "Abrir". Llamé a mi imagen "pájaros" a causa de los pájaros:

Su imagen de fondo debe abrirse en su propio lienzo, ajustarse al tamaño:

Paso 3: agrega texto

Para agregar texto, deberá acceder a su "Herramienta de texto". Puede encontrar su herramienta de texto en la ventana de su caja de herramientas:

Selecciónelo de la ventana de su Caja de herramientas así:

Con la Herramienta de texto seleccionada, haga clic en prácticamente cualquier lugar de su lienzo para colocar una capa de texto. Tal vez sea solo yo, pero el mío siempre aparece muy pequeño en mi lienzo. ¡No importa! Continúe y escriba su texto, aunque sea texto para hormigas. No se preocupe por los errores tipográficos, puede corregirlos más tarde.

Todavía no puede verlo correctamente, pero elegí una cita de Han Solo para este tutorial porque me dejan sin supervisión durante largos períodos:

Nota: Es posible que observe una útil barra de herramientas flotante que aparece sobre su cuadro de texto en este punto:

Sería demasiado dramático decir que es una trampa y no ayuda en absoluto. Pero diré que, en el mejor de los casos, he tenido un éxito variable con los cambios realizados en esta barra de herramientas que tienen un efecto constante en el lienzo.

Con eso en mente, sugeriría trabajar desde la ventana de su Caja de herramientas, como lo hice en este tutorial. O pruébalo y dime qué he estado haciendo mal. Tú lo haces tú.

Crear imágenes geniales es solo la mitad de la ecuación del marketing de contenidos. También debe promover ese contenido para asegurarse de que aparezca en la búsqueda. Descargue nuestra lista de verificación gratuita para aprender cómo hacerlo.

Paso 4: ajusta el texto

Mire de nuevo a la ventana de su Caja de herramientas. Dado que su capa de texto está actualmente seleccionada, su Caja de herramientas ahora tendrá opciones para su Herramienta de texto en la sección "Opciones de herramientas". Aquí es donde puede hacer ajustes a su texto:

Solo hay tres ajustes con los que nos meteremos en este momento para su texto.

Tamaño:

Color:

Fuente:

Paso 4a: ajustar el tamaño del texto

Primero juega con el tamaño de tu texto (para que podamos ver la maldita cosa). En su Caja de herramientas, haga doble clic en el cuadro junto a "Tamaño" para poder ingresar un nuevo valor de tamaño:

Ingrese un valor y presione enter para finalmente ver bien su texto. Tomé una foto en la oscuridad y puse 200, que terminó luciendo bien, pero es posible que deba manipular un poco para obtener el tamaño del texto que desea.

Paso 4b: ajustar el color del texto

Una vez que su texto tenga un tamaño adecuado, puede centrar su atención en su color. De nuevo, en la ventana de la Caja de herramientas, haga clic en el cuadro junto a "Color":

Aparecerá una nueva mini ventana con una gran variedad de cosas para jugar:

Puede jugar hasta encontrar un color que le guste o buscar el número de notación HTML para un tono específico que desee e ingresarlo:

Opté por la notación en blanco o HTML #FFFFFF para los niños geniales. Una vez que esté satisfecho con su color, presione "Aceptar".

Paso 4c: ajustar la fuente del texto

Finalmente, elija su fuente. En la ventana de su Caja de herramientas, encontrará un cuadro de texto con el nombre del texto predeterminado, en este caso "Sans". Si conoce el nombre de la fuente que desea, puede escribirlo en ese cuadro de texto:

Si desea jugar un poco con las fuentes, haga clic en la gráfica "Aa" y desplácese por la lista desplegable de tipos de fuentes:

Tenga en cuenta que Gimp no tiene todos los textos del mundo precargados. Hay formas de cargar una fuente en Gimp, pero estoy seguro de que no estoy cubriendo ese proceso aquí. Pruebe este tutorial en video: https://www.youtube.com/watch?v=MHlCn9vYZXU

Elegí "Segoe Script Bold" como mi fuente porque me recordó a un póster motivacional:

Paso 5: mueve la capa de texto

Para obtener el texto donde lo desee, seleccione su "Herramienta Mover" en la ventana de su Caja de herramientas. Parece un pequeño plano cartesiano de coordenadas:

Con la herramienta Mover seleccionada, agarre su cuadro de texto y arrástrelo a donde desee que vaya. Puede ser un poco meticuloso, así que asegúrese de que el borde punteado alrededor de su cuadro de texto sea sólido antes de arrastrar o probablemente arrastre su fondo directamente fuera del lienzo:

Si tiene problemas con esto, puede seleccionar la capa de su cuadro de texto en la ventana Capas antes de hacer clic en ella en su lienzo:

A veces eso ayuda.

Paso 6: agregar una imagen

Ahora hablemos de si desea agregar un gráfico, digamos el logotipo de Linkarati. Nuevamente, es más fácil si guarda el gráfico deseado en su computadora.

Para abrirlo en su lienzo, vaya a la barra de herramientas y seleccione "Archivo" y luego "Abrir como capas":

Al igual que cuando abrió su fondo, elija su imagen desde donde la guardó en su computadora y luego presione "Abrir":

Y al igual que su cuadro de texto cuando lo hizo por primera vez, su imagen probablemente se abrirá realmente, realmente ridículamente pequeña:

Paso 7: ajusta la imagen

Para hacer que esta imagen sea visible para personas más grandes que Tom Thumb, seleccione su "Herramienta de escala" en la ventana de su Caja de herramientas:

Luego haga clic en su pequeña imagen, que abrirá una ventana emergente:

Antes de empezar a jugar con las dimensiones, asegúrese de hacer clic en este objeto aquí ...

... para que se vea así:

Esto bloqueará sus dimensiones para que no distorsione su imagen a una sombra grotesca de su yo original.

Para ajustar la escala, lleve el cursor a una de las esquinas de la imagen y tire hasta que tenga el tamaño que desea y luego haga clic en "Escala":

Para mover su imagen, seleccione su Herramienta Mover nuevamente y arrástrela como lo hizo para la capa de su cuadro de texto.

Paso 10: "Exportar como": guardar la imagen como .jpg

Gimp usa un tipo de archivo extraño por defecto, .cxf. Para guardar su imagen como algo más común, diríjase a la barra de herramientas y seleccione "Exportar como":

Esto abrirá una ventana donde puede cambiar el nombre de su archivo y seleccionar dónde se guardará. Lo más importante es que te permitirá seleccionar el tipo de archivo en el que te gustaría guardarlo.

Para hacer esto, haga clic en el pequeño "+" junto a "Seleccionar tipo de archivo" ...

... que se desplegará en una lista de opciones:

La opción más común, por supuesto, será .jpg, que es lo que elegí.

Al hacer clic en "Exportar", aparecerá una ventana más con respecto a la calidad de la imagen:

Las imágenes de mayor calidad serán archivos más grandes y ocuparán más espacio en su computadora, pero recomiendo subir ese control deslizante de calidad a "100" antes de presionar "Exportar" nuevamente:

Ahora debería tener una copia de su hermosa imagen en su computadora, donde sea que la haya guardado. El mío apareció en mi escritorio así:

Y se abre en una imagen .jpg agradable y manejable cuando haces clic en ella:

Conclusión

¡Ahí vas! Debe tener una imagen encantadora que aporte un interés visual serio a la publicación de su blog, o a su publicación social, o como una imagen promocional, o como un fondo de pantalla de computadora (y antes de preguntar, sí, por supuesto que puede usar mi Imagen de Han Solo para tu computadora).

Una vez más, Gimp puede no ser tan fácil de usar como sus contrapartes basadas en la web como Canva y Pablo , pero tiene mucha más potencia. Si te esfuerzas por aprender a aprovechar esa potencia, Gimp te llevará más lejos. Podrá crear imágenes mucho más ambiciosas con todo tipo de elementos sofisticados, como texto envuelto y gráficos personalizados. Es más de bricolaje y requiere más previsión y habilidad, pero hurgue y vea lo que puede lograr.

Este martes tutorial es solo la punta del iceberg.

¡Feliz diseño!