miércoles, 22 de abril de 2015

Reunión de todas las prácticas de Inkscape en una composición de Wideo.

Creación Wideo.

Aquí os dejo una composición realizada por mí a través de la web de Wideo, donde gratuitamente podréis crear vuestras propias composiciones con animaciones que se os son proporcionadas y con imágenes propias que podréis animal posteriormente. Aquí mi pequeñísima creación basada en la Segunda Guerra Mundial:

domingo, 8 de febrero de 2015

Composición fotográfica con Thinglink.



Como podréis ver en la parte inferior derecha de la composición, ha sido creada con Thinglink.
Para poder hacer vosotros algo parecido solo debéis pulsar en ese botón que os llevará a la página oficial de Thinglink, donde deberéis ingresar con una nueva cuenta o alguna de vuestras redes sociales Facebook, Twitter o Gmail. Pulsando en "crear" cargaréis una foto propia a la que podréis proporcionar los punteros (entre los que hay una gran variedad para elegir). Ingresad el link al que queréis que lleve dicho punto y... ¡Listo!

miércoles, 4 de febrero de 2015

GIMP: Práctica 19. Envejecer una fotografía.

La práctica de hoy se basará en aprender a envejecer una fotografía.
Para ello, partiremos de una imagen (procuraremos escoger una que se pueda ambientar sin desentonar):


En primer lugar desaturaremos la foto dejándola en blanco y negro. A continuación, colocando un color marrón en el color de frente, crearemos una capa del color de frente, y a la misma la añadiremos una máscara de capa de color blanco.
Seleccionaremos todo en la primera foto y lo pegaremos en la máscara blanca.
A partir de ahí, acudiendo a los filtros y añadiendo un borde difuminado, obtendremos un borde de color blanco (o del color que seleccionemos) en nuestra imagen.
Finalmente, seleccionando la pestaña "colores" y "curvas" podremos retocar la foto a nuestro propio gusto y si seleccionamos los filtros > decorativos > manchas de café podremos añadir este tipo de manchas que envejecerán la foto (mi consejo es que al añadir las manchas de café añadáis diez de una vez, ya que, a raíz de esas diez, podremos seleccionar únicamente las que queremos, borrando las demás).
El resultado final será:


sábado, 31 de enero de 2015

GIMP: Práctica 18. Cubo en 3D y GIF animado.

El trabajo a realizar hoy se divide en dos partes, por un lado haremos una caja (cubo) quieto, y por otro haremos que se mueva. Empezaremos por la foto de la caja quieta:
En primer lugar, abriendo el programa GIMP escogeremos una foto que queramos que forme parte de la caja. A continuación tenemos dos opciones:
: Si queremos que la caja tenga todas las caras iguales, solo deberemos ir a Filtros > Mapa > Mapear objeto. Un vez se nos abra una ventana, seleccionaremos "caja" y "fondo transparente". Ahora solo debemos acudir a la pestaña "orientación" y mover los ejes de rotación X, Y y Z.
Una vez tengamos el cubo en la posición adecuada, solo deberemos exportarlo como jpg o png.
: Si quisiéramos que la caja tuviera todas las caras distintas, al abrir la primera foto, acudiríamos a Archivo > Abrir como capas... y seleccionar todas las fotos que quisiéramos que aparezcan (máximo de 6). Esta vez, al acudir a "Mapear objeto", deberemos, antes de orientar la caja, seleccionar el apartado "caja" y colocar la foto que queremos que se sitúe en cada plano: Frente, fondo, izquierda, derecha, superior e inferior. Hecho esto, repetiremos el proceso de la primera opción.
Obtendremos algo parecido a esto: 
Por otro lado, podemos, a partir de las imágenes abiertas, crear el cubo en movimiento:
Ahora, seleccionando sobre alguna imagen y acudiendo a "mapear objeto", si ya tenemos colocadas las imágenes en cada plano, deberemos llevar a cabo la rotación de los ejes de nuevo (como hicimos para crear la foto), pero esta vez, después de tener el objeto mapeado, debemos seleccionar otra vez la foto inicial y mapear de nuevo, y observaremos que en la orientación tendremos los ajustes del mapeado anterior, por lo que deberemos únicamente aumentar o disminuir dos unidades en los ejes modificados. Deberemos hacer esto todas las veces que veamos necesarias para ver las caras del cubo.
Una vez tengamos todas las capas que veamos necesarias, borraremos las imágenes iniciales y exportaremos nuestro trabajo como ".gif", seleccionando las casillas de "como animación", "100 milisegundos", "un cuadro por capa", y las dos últimas casillas también.
El resultado será algo parecido a esto:
¡Espero que os sirva de ayuda!

miércoles, 21 de enero de 2015

GIMP: Trabajo extra. Letras de metal.

Como trabajo extra, al igual que hicimos con el trabajo de las letras de cristal, os dejaré un manual para poder crear dicha práctica. Para encontrarla, debéis acudir a la práctica 16 en el manual. Aquí os dejo los resultados:


GIMP: Práctica 17. Letras de cristal.

En esta práctica aprenderemos a crear un texto de 800x300px con unas letras que dan un aspecto de cristal. Para ello, en este caso no explicaré todo el proceso, sino que os dejaré dos manuales, uno visual (un vídeo a continuación de este texto) y otro escrito.

Si os parece complicado seguir el ritmo del vídeo podéis encontrar también un manual para seguir los pasos por escrito . Si seguís esto, encontraréis el proceso situado en la práctica 18.
Aquí os dejo un ejemplo propio:

martes, 13 de enero de 2015

GIMP: Práctica 16. Crear un tapiz de escritorio de nubes.

En esta práctica aprenderemos a crear un tapiz diseñado para la pantalla de nuestro ordenador, ambientado en un estilo de nubes, las cuales serán creadas por nosotros mismos, así como el cielo sobre el que estarán.
Para empezar, solo tenemos que, sobre una capa transparente, tomar el pincel con el color blanco y dibujar la forma de las nubes sobre la capa transparente.
Tras esto, escogeremos la herramienta difuminar/perfilar y la aplicaremos sobre los bordes de las nubes que habremos diseñado previamente:
A continuación seleccionaremos la herramienta de emborronado, y transformaremos los bordes de las masas blancas para darles un aspecto de lo que serán, nubes. 
Para darle un aspecto de profundidad, tomaremos de nuevo el pincel, pero con el color gris, para hacer las sombras dentro de la nube. Para ello, dibujaremos algunas líneas por los bordes y el centro, y tomando de nuevo las herramientas de difuminado/perfilado y emborronado para extender el grisáceo. 
Finalmente, creando una nueva capa en blanco, crearemos un degradado con los colores que nos apetezcan (naranja-rojo para un amanecer, azul oscuro para un anochecer..).
En mi caso, he creado un fondo ambientado en la noche y además he añadido el efecto ruido para que de un aspecto de cielo estrellado.


lunes, 12 de enero de 2015

GIMP: Práctica 15. Efecto 3D en una fotografía.

Hoy aprenderemos a darle un efecto de 3D a una fotografía común. He elegido una foto distinta a la que nos ha proporcionado la profesora, pero se puede elegir una según nosotros queramos.
En mi caso he utilizado la imagen que tenemos situada a nuestra derecha.
En primer lugar abriremos la foto y con una selección rodearemos o encuadraremos una parte de la imagen de la cual "saldrá" nuestro individuo. En mi caso he rodeado al león con un círculo. Procederemos a colorear el interior de blanco.
A continuación, acudiendo al menú "Selección", y elegiendo "encoger", le daremos un valor de 25pixels. Ahora suprimiremos el interior desde el teclado con la tecla Supr.



Ahora con la herramienta de perspectiva ajustaremos el cuadro o círculo de acuerdo con el individuo. Seguidamente crearemos una máscara de capa (blanca) a la imagen inicial y con el pincel y el color negro borraremos todo el fondo que no nos necesitamos, con cuidado de los bordes del individuo para que la foto quede lo más perfecta posible. A continuación, con la herramienta goma borraremos las partes del arco sobrantes en relación con el individuo. Finalmente crearemos una capa blanca, y la situaremos bajo todas las demás. Sobre ella aplicaremos un degradado, y.. ¡Listo! Tendremos nuestra foto terminada. El resultado final debe ser (cada uno en su estilo) algo parecido a esto:

¡Gracias por leer la entrada, espero que os sirva de ayuda!

domingo, 7 de diciembre de 2014

GIMP: Práctica 14. GIF animado navideño.

Aquí os dejo un GIF que he creado personalmente relacionado con la Navidad, ¡espero que os guste!

GIMP: Práctica 13. Dar textura a la tipografía.

En la práctica de hoy aprenderemos cómo darle una textura distinta a la tipografía según nuestro propio gusto. Para ello, deberemos partir de una imagen inicial, que constituirá la posterior textura. En mi caso, utilizaré la siguiente:
Una vez la tengamos, la abriremos con el programa GIMP, y sobre esta imagen inicial, crearemos una capa transparente. Ahora solo deberemos utilizar la herramienta de texto (cuyo símbolo es una A). A continuación ajustaremos la palabra o palabras a un cierto tamaño para que la textura sea adecuada, y una vez tengamos esto (observaremos que la palabra está en negro, no os preocupéis porque no importa), haciendo click derecho sobre la capa de las letras, seleccionaremos "Combinar hacia abajo" (obviamente, se supone que la capa de las letras está colocada como la más alta, seguida por la transparente y finalmente, irá colocada la imagen inicial). Hecho esto veremos como la capa transparente y la de las letras se ha unido.

 Seguidamente, haremos click derecho en la nueva capa formada, y seleccionaremos "Alfa a selección". Hecho esto, pulsaremos una vez sobre la capa original y, acudiendo al menú "editar" haremos click en "copiar". Nos dirigiremos de nuevo al mismo menú, pero esta vez seleccioanaremos "Pegar como" y elegiremos "capa nueva" o "imagen nueva", pues ambas opciones nos darán el resultado deseado. En mi caso, este es mi resultado, es vuestro debería ser algo parecido:

A continuación os dejo otro ejemplo que hecho, tanto la imagen como el resultado final. ¡Espero que os gusten!




lunes, 24 de noviembre de 2014

GIMP: Práctica 12. Flor animada

En la práctica de hoy aprenderemos a crear un gif a partir de la imagen situada a nuestra izquierda. Abriendo dicha foto con GIMP procederemos a recortarla y llevarla a una capa distinta. Eliminaremos un pétalo con la goma de borrar, y una vez hecho, duplicaremos la capa y trabajaremos en la nueva. A continuación repetiremos el proceso pétalo por pétalo, hasta quedarnos un gran número de capas, y en la última, el centro de la flor. Finalmente, eliminaremos la foto inicial para borrar el fondo y para guardarlo, acudiremos a "Exportar", pero el formato con el que debemos guardar debe ser ".gif". Como últimos retoques, al intentar guardar como ".gif" nos pedirá unas especificaciones. Marcaremos las casillas "como animación", "bucle perpetuo", escrbiremos 400 milisegundos, elegiremos la opción de "un cuadro por capa" y las dos casillas que quedan restantes. ¡Y ya estará terminado!

jueves, 20 de noviembre de 2014

GIMP: Práctica 11. Niveles y curvas.

Los Niveles nos permiten saber el rango tonal de una imagen, de manera que, si quisiéramos cambiar dicha característica por nuestra propia cuenta, sería posible.
Y es esa la razón de esta entrada, vamos a aprender a cambiar el rango tonal de esta imagen y a modificar las curvas, dando lugar a imágenes completamente nuevas.
El ajuste de los niveles nos puede ser de ayuda si tuviéramos una foto "quemada" o "sobreexpuesta", para poder recuperarla, puesto que normalmente la desecharíamos.
Por ello, como podemos observar, tenemos la imagen de la Torre Eiffel, con una tonalidad bastante mala, y nuestra propuesta es arreglarla.
En la pestaña "Colores" encontraremos un apartado que recibe el nombre de "Niveles". Haciendo click en él, manejaremos las dos flechas que aparecen dando lugar a una imagen con un nuevo contraste.


Cabe destacar que podemos modificar, en lugar de toda la imagen, solo ciertos colores como el rojo, el azul y el verde, cambiando, en al apartado "canal" (presente en la imagen), el apartado valor por el apartado "Rojo", "Azul" o "Verde".

Otra opción posible son las curvas. Estas son utilizadas para lo mismo que los niveles, pero su complejidad es mayor ya que son utilizadas para editar con una mayor precisión. Para trabajar con ellas simplemente deberemos ir al mismo apartado que en el ejemplo anterior, "Colores", pero esta vez seleccionaremos el apartado "Curvas". Podemos crear nuevas anclas en el plano, o jugar simplemente con las dos que nos dan, aunque eso tiene poca utilidad. Al igual que con los niveles, podemos trabajar sobre colores específicos, los mismos, rojo, azul y verde. He aquí algunos ejemplos de resultados (algunos podríamos decir que son artísticos):




¡Y hasta aquí la entrada, hasta la próxima!

GIMP: Práctica 10. Rotar y escalar una imagen.

En esta práctica el objetivo es rotar y escalar parte de una misma imagen. La imagen que vamos a utilizar está situada a la izquierda de este mismo texto. Como se puede observar, se trata de la Torre de Pisa. Comenzaremos a trabajar con ella.
En primer lugar, seleccionando la herramienta de selección de rectángulos seleccionaremos la torre.
A continuación, dirigiéndonos a la pestaña "editar", copiaremos la selección hecha y, yendo a la misma pestaña de nuevo, esta vez elegiremos "pegar como" y "una capa nueva".
Hecho esto, en la nueva capa rotaremos la torre para que quede recta con la herramienta de rotación, y una vez enderezada, al ver las dos capas juntas, moveremos la torre enderezada sobre la torcida y con la herramienta de escalado la colocaremos con un tamaño adecuado.
Las herramientas a utilizar son:





Herramienta de rotación

Herramienta de escalado:

Una vez hecho esto, el trabajo resultante tendrá un aspecto similar al siguiente:

martes, 18 de noviembre de 2014

GIMP: Práctica 9. Uso de las tijeras inteligentes y aplicación de un filtro.

En la práctica de hoy vamos a desaturar el fondo de una manera distinta, y a aplicar un efecto a cierta parte de la imagen. Haremos uso de la siguiente imagen:

En primer lugar utilizaremos las tijeras inteligentes, bordeando la flor (es una herramienta similar al lazo, con la diferencia de que se adapta a las líneas curvas).
Una vez seleccionada, invertiremos la selección para que solo quede seleccionado el fondo.
Hecho esto, acudiremos a la pestaña "colores" y seleccionaremos "desaturizar", haciendo un balance de los tonos en blanco y negro que quedan.
A continuación, y por último, solo deberemos acudir al apartado "filtros", hacer click en "desenfoque" y elegir "desenfoque de movimiento". Los valores que aparecerán son muy grandes, por lo que los cambiaremos dando los valores "300" y "200" respectivamente por orden.
Al aplicar esta acción, dará lugar a esta imagen:
¡Y ya está! Espero que os sirva de ayuda.

miércoles, 12 de noviembre de 2014

GIMP: Práctica 8. Arreglos de color y saturación.

La práctica de hoy estará dedicada a arreglar fotos que de otro modo habríamos desechado sin pensarlo.
El primer ejemplo es el siguiente:
Podemos observar que la luz roba la mayoría del color de la imagen, por eso, acudiendo a la pestaña "colores" seleccionaremos el apartado "niveles" y realizaremos un balance de los mismos, dando lugar algo así:
Como segundo ejemplo, poseemos la siguiente fotografía:
Observamos fácilmente que la tonalidad y calidad de los colores es bastante pobre y no gusta, con lo que, seleccionando la pestaña "colores" y "tono y saturación", haremos un cambio en la saturación de la imagen, quedando algo similar a:
Y ya está, han sido dos herramientas muy fácilmente utilizables que pueden ayudarnos a rescatar fotos que dábamos por perdidas.


martes, 11 de noviembre de 2014

GIMP: Restauración de una foto antigua y dañada. (Trabajo extra)

Hoy, reuniendo en una práctica la mayoría de los usos de GIMP que hemos utilizado hasta hoy, restauraremos una foto antigua, que además se encuentra dañada.
La foto de la que partiremos es la siguiente:
Predominará el uso de las herramientas tales como el tampón de clonado, la superposición de capar y coloreado de las mismas, la colocación de sombras..
Es una práctica que requiere algo más de trabajo que las demás, pero según la edición a mi gusto, ha quedado la siguiente imagen resultante:

 Obviamente el resultado dependerá de la persona que lo realice, pues es de nuestra elección el color de ojos, de ropa, de pelo..
Y.. ¡Ya está! Esta entrada ha estado dedicada principalmente a mi propia creación, pues no tiene mayor sentido didáctico.

miércoles, 5 de noviembre de 2014

GIMP: Práctica 7: Selección por color y modo de fusión de capas

La entrada de hoy estará dedicada a aprender a seleccionar parte de una imagen por color y añadirla a otra, cambiando su aspecto. Partiremos de las dos siguientes imágenes:

Primero abriremos el programa GIMP con la foto del destello, y a continuación seleccionaremos la herramienta de "selección por color", que posee la siguiente forma:
Haremos click en cualquiera de las zonas negras, y una vez se hallen todas las zonas oscuras seleccionadas, iremos a la pestaña "seleccionar" e invertiremos la selección. Ahora solo debemos acudir a "editar" y seleccionar "copiar".
Abriremos la foto de la estatua de la libertad a continuación, y acudiendo a la pestaña "editar", haremos click en "pegar como" y "una capa nueva". Aparecerá a continuación el destello, y lo llevaremos a lo alto de la antorcha, y seleccionando la"herramienta de escalado" que posee la siguiente forma, ajustaremos el tamaño y posición del destello.
Finalmente, haciendo click en "modo" podemos otorgarle un color característico, distinto al incicial, al destello. En mi caso, he elegido "claridad fuerte" y ha dado lugar finalmente a esta imagen:
¡Y eso es todo por hoy! Ojalá os haya sido de ayuda.

martes, 4 de noviembre de 2014

GIMP: Práctica 6. Herramienta de saneado y cambio de color de ojos

Hoy aprenderemos a utilizar una nueva herramienta. Se trata de la herramienta de saneado. La utilizaremos para hacer imperfecciones que se encuentran en un rostro (aunque también puede ser utilizada en el cuerpo).
Partiremos de la siguiente imagen:
La herramienta de saneado la localizaremos con la siguiente forma:
Una vez elegida, la adaptaremos al uso que le vamos a dar (un tamaño menor para zonas más estrechaas, por ejemplo), y para ello abriremos las opciones de la herramienta, y personalmente recomiendo una forma ovalada, con un tamaño de 20-30.
Un consejo es acercar bastante la imagen, viendo con más detalles las imperfecciones para poder trabajar mejor con ellas. En este caso, hemos hecho desaparecer las arrugas de ojos, frente y cuello, dando el siguiente resultado:
Y además, rodeando los ojos con la herramienta "lazo", los copiaremos, llevándolos a una nueva capa para darles un color diferente. 
¡Y hasta aquí la entrada!