Categorías
Tutoriales

Cómo hacer un Gif animado con GIMP

Cómo hacer un gif animado con GIMP

GIMP es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Ideal para retocar, o hacer una composición.

En esta oportunidad vamos a trabajar creando nosotros una imagen con texto para poder animarla.

Abrimos la aplicación GIMP desde Aplicaciones > Gráficos > Editor de imágenes GIMP.

1- Barra de menu

2- Caja de herramientas principal: Desde esta sección se puede acceder a las principales herramientas de edición.

3- Opciones de herramienta: Contiene las opciones de la herramienta seleccionada en ese momento.

4- Brochas, Patrones, Degradados: Desde este panel es posible manejar el estilo del trazo del pincel así como los patrones y degradados de los rellenos.

5- Capas, Canales, Rutas y Deshacer: Permitirá interactuar con las capas, canales o rutas de la imagen. En la solapa deshacer se mostrará la pila de acciones realizadas permitiendo deshacer/rehacer algunas de ellas con sólo pulsar en los botones de flechas situados en su base.

 

¡Manos a la obra!

Para comenzar vamos a Archivo > Nuevo

Lo primero que vamos a hacer es crear nuestro panel de trabajo o lienzo. Desde esta ventana podemos elegir el tamaño de la imagen, y desde Opciones avanzadas, definir resolución, color etc.

Paso 1:

Vamos a crear un cuadradro de 600 x 600 px.

Luego desde la Caja principal de herramientas elegimos un color en la paleta de colores

 

 

 

Seleccionamos de la Caja de herramientas la herramienta de relleno (el baldecito) y hacemos clic en nuestro lienzo para colorearlo.

Paso 2:

En este paso vamos a trabajar con la herramienta de TEXTO. Cuando la seleccionamos se abre un cuadro de dialogo donde podemos elegir la fuente, el tamaño y el estilo.

 

 

Escribimos la palabra “Animamos”

Con la herramienta de selección podemos mover nuestro bloque de texto en el lienzo.

Ahora vamos a Exportar esta imagen para, más adelante, utilizarla en nuestro gif animado.

Para eso vamos a Archivo > Exportar Como, podemos guardarlo con el nombre “Animamos”

Este mismo procedimiento lo vamos a repetir 2 veces más, pero escribimos la palabra “Con” y en una tercera imagen la palabra “Gimp” y ubicamos el texto dentro del lienzo pensando en la futura animación.

Paso 3: ¡¡Comenzamos a animar!!

Ya tenemos exportadas 3 imágenes “Animamos” “Con” y “Gimp”.

Ahora vamos a Archivo > Abrir como capas. Y seleccionamos los 3 archivos, lo podemos hacer manteniendo la tecla Control (Ctrl) apretada, mientras seleccionamos cada archivo. clickeamos Abrir. Y se abrirá un archivo con 3 capas.

Ahora exportamos este archivo con las 3 capas, vamos a Archivo > Exportar Como, pero esta vez seleccionamos la extensión “.gif”

De esta forma generamos un archivo gif y se abre el siguiente cuadro de diálogo:

 

Ahí hacemos clic en “como animación” y se nos habilitan los siguientes pasos donde podemos indicar por ejemplo, si queremos que al terminar nuestra animación vuelva a empezar sin necesidad de hacer clic, para eso marcamos en “Bucle perpetuo”

Además podemos elegir el tiempo, en milisegundos, entre cuadro y cuadro. Esto también lo podemos ir modificando en cada capa cuando abrimos el archivo, porque algunas veces se necesitan distintas velocidades en cada capa.

Una vez completado el cuadro de diálogo Exportamos y luego abrimos nuestro nuevo archivo .gif en Gimp

Vamos a encontrarnos el archivo con las 3 capas y, como dijimos antes, podemos modificar en cada capa el tiempo que va a durar cada cuadro. Haciendo doble clic nos habilita para tipear.

¡¡Ya tenemos nuestro Gif animado terminado!!

 

Solo nos queda probar abrirlo, pero es importante que lo hagas fuera de la aplicación Gimp para poder ver la animación.
Simplemente dale doble clic al archivo.

 

¡¡YA ESTÁ!! ahora podés crear un gif animado que te identifique, pude ser con fotos o dibujos creados previamente. ¡Y seguí investigando el resto de las herramientas que te ofrece Gimp!

Categorías
Tutoriales

Cómo editar tu Avatar en Inkscape

Como editar tu Avatar (creado con Huayra Avatar) en Inkscape:

Inkscape es un editor de gráficos vectoriales, es decir que te permite elaborar diseños a través de vectores, líneas que se pueden crear, expandir, modificar, etc.

Vamos a trabajar con un personaje creado en Huayra Avatar.

Recordá exportarlo como formato SVG para poder abrirlo con Inkscape ya que SVG es un formato vectorial.

Supongamos que nuestro avatar nos quedó así →

Pero nos gustaría cambiarle algunos colores y agregarle un fondo.

Abrimos la aplicación Inkscape desde

Aplicaciones>Gráficos>Inkscape:

 

1- Barra de menú

2- Barra de comandos

3- Caja de Herramientas

4- Paleta de colores

5- Barra de ajustes

6- Área de trabajo (también se puede trabajar fuera de la página)

 

 

¡Manos a la obra!

Vamos a Archivo > Abrir Y buscamos nuestro Avatar creado en Huayra Avatar.

Lo primero que vamos a hacer es acercarnos a la imagen para trabajar mejor, de la caja de herramientas seleccionamos la lupa y arrastramos abarcando toda la página.

Paso 1: Comenzamos a editar nuestro avatar

Vamos por un cambio en el color del pelo y las cejas, para eso elegimos de la caja de herramientas la flecha “seleccionar y transformar objetos”, seleccionamos haciendo clik en el pelo. Luego vamos a la paleta de colores y elegimos un color.

Relizamos el mismo procedimiento para las cejas y la cara, podemos seleccionar las 2 cejas a la vez, clikeando un elemento + la tecla Shift, así vamos sumando elementos a la selección.

Paso 2: Modificamos una forma

Otra herramienta interesante que podemos usar es la de nodos, con ella podemos modificar las formas de un elemento vectorial. Al seleccionarlo, desde la caja de herramientas “editar nodos de trayecto o estiradores de control” , veremos como aparecen puntos de donde podemos estirar, redondear, y dar difentes formas al elemento que seleccionamos.

En este caso cambiamos la forma del peinado. Ya tenemos algunas modificaciones en nuestra imagen. Ahora podemos pensar en algún fondo, y agregarle texto. Pero antes vamos a agrupar todos los elementos de nuestra imagen para trabajar más seguros, sin que se nos desordenen. Vamos a la caja de herramientas seleccionamos la fecha y arrastramos tomando todos los elementos de la imagen.

 

Luego vamos al menu y seleccionamos Objetos>Agupar. De esta forma podemos mover la imágen sin que se nos muevan los elementos por separados. Si queremos volver a separarlos podemos hacerlo desde Objetos>Desagrupar.

Paso 3: Diseñamos un fondo

En este caso vamos a agregarle una estrella y luego un color de fondo. En la caja de herramientas encontraremos una herramienta para formar estrellas y polígonos.

Recuerden que este es un nuevo elemento por lo tanto se puede modificar color, forma, y también el tamaño. Una vez seleccionado podemos estirar desde las flechitas que lo rodean. Para cambiar el tamaño proporcionalmente podemos estirar desde una flechita + tecla ctrl. (Y si queremos girar clikeamos 2 veces y apareceran la flechitas para girar.)

Ponemos la estrella en el centro de la página, pero para que no nos tape la imagen vamos a la barra de comandos y seleccionamos

“bajar la selección al fondo” .

Ahora continuamos con el fondo. Seleccionamos desde la caja de herramientas un rectángulo y elegimos un color, y le damos el tamaño de nuestra página.

 

Luego volvemos a seleccionar del menu “bajar la selección al fondo” .

Paso 4: Agregamos texto

Para terminar vamos a agregarle texto. Vamos a la Caja de herramientas y seleccionamos la letra A “crear y editar objetos de texto”

Desde la barra de comandos podemos elegir la tipográfía, el estilo y el tamaño. (también podemos modificar el tamaño desde las flechitas de selección)

Igual que un elemento, podemos elegir el color desde la paleta de colores.

¡¡Ya tenemos nuestro Avatar terminado!!

Paso 4: Guardamos el proyecto

Ahora solo falta guardarlo. Vamos a Archivo > Guardar como, y si queremos en un furturo volver a editarlo el formato debe ser SVG.

Si queremos que quede como una imagen fija exportamos como PNG, desde Archivo > Exportar imagen PNG.

¡¡Ya está!! Ahora podés subir tu imagen como perfil en las redes. Y seguir investigando las herramientas que te ofrece Inkscape para crear tus propios diseños.

Categorías
Tutoriales

Tutorial Huayra Avatar

En el siguiente tutorial te enseñamos a utilizar la aplicación Huayra Avatar para crear un identificador en las redes sociales, un collage, caricaturas o un personaje.

Para abrir la aplicación vamos a  Aplicaciones ➤ Huayra ➤ Avatar

Comenzá a construir tu avatar agregando elementos que te ofrece la aplicación, los tenés separados por categorías : cara, ojos, accesorios, anteojos, etc.

Cada elemento que vayas agregando, podés modificarlo en tamaño, dirección (espejar), rotación etc. Podés elegir, como si fuesen capas, cuál va adelante y cuál detrás, podés borrar un elemento. NOTA: elementos que son de a pares como los ojos, podés eliminar uno de los dos y combinarlos. También podés agregar texto a tu creación, un encabezado y/o pie de foto, de esta forma tu personaje ¡puede decirnos algo!

Una vez que hayas terminado de crear tu avatar podés guardarlo. Esto te va a permitir seguir trabajando con él cuando quieras retomar el trabajo. Si lo que querés es usar ese avatar como imagen para otra cosa, tenés que exportarla a otro formato de imagen como PNG o SVG.

SVG es un formato de gráficos vectoriales. Exportarlo en este formato te va a permitir seguir modificando tu avatar agregándoles más elementos o colores, por ejemplo en Inkscape, este formato manteniene cada elemento por separado.

Huayra Avatar es Software Libre. Esto quiere decir que cualquiera puede, modificarlo, mejorarlo y volverlo a publicar. Para eso vas a tener acceso al código fuente, desde la tuerquita, icono superior derecho.