16 de diciembre de 2012

Efecto Bokeh con Gimp

Con el nombre de efecto Bokeh se conoce a imágenes de este tipo:




Sobre este efecto se pueden encontrar en la red como efecto Bokeh diferentes tutoriales, pero en el tutorial de Tatica que yo he seguido aparece titulado como Efecto de colores. Vamos a seguir los pasos de Tatica para crear una imagen de ese tipo.

  1. Abrir Gimp.
  2. Abrir un nuevo archivo con un tamaño de 1600 x 1200 (en el caso de que quisiéramos utilizarlo como fondo de pantalla). 


  3. Rellenar la capa que se nos ha creado (llamado Fondo) de color negro. 



  4. Creamos una nueva capa transparente.



  5. Ahora necesitamos crear una brocha especial para este efecto.

  6. Para ello vamos a trazar un círculo perfecto. Seleccionaremos el icono de círculo y lo extenderemos sobre la imagen al tiempo que presionamos la tecla de Mayúsculas (así será un círculo perfecto), si no pulsáramos la tecla de Mayúsculas podría quedarnos una figura ovalada, y no es lo que pretendemos. También es importante que controlemos el tamaño del círculo, porque si nos queda demasiado grande no nos quedará bien la brocha. 



  7. Rellenamos nuestra círculo de color blanco arrastrando el cuadrito de color hasta la imagen., tal como hicimos en el paso 3. 



  8. Clicamos en Seleccionar / Encoger selección y aplicamos un valor que sea equilibrado, yo he aplicado 5 píxeles.
  9. Seleccionamos la herramienta de borrar y le aplicamos una opacidad de 50. Entonces borramos el contenido del segundo círculo, que es el que aún tenemos seleccionado. El resultado será este: 



  10. Clicamos en Seleccionar / Nada y ahora seleccionamos la herramienta de selección rectangular para seleccionar la figura de nuestro nuevo pincel. Clicamos en Editar / Copiar o en Control+C. 



  11. Si ahora clicamos en la herramienta “pincel” podremos ver que está nuestra nueva brocha, aunque, como es blanco, no se verá demasiado. En cualquier caso, el programa por defecto la colocará en la posición que se ve en la imagen. 



  12. Si fuera necesario, clicamos en Seleccionar /Nada y luego eliminamos la capa donde habíamos creado el círculo para nuestro brocha.
  13. Creamos una nueva capa transparente, clicamos en la herramienta pincel y seleccionamos nuestra brocha nueva. Y empezamos a marcar círculos de diferentes tamaños. Para cambiar el tamaño del pincel, debemos modificar el valor aquí: 



  14. Cuando ya tengamos cubierta la capa con diferentes círculos, seleccionamos Filtros / Desenfoque / Desenfoque gaussiano y aplicamos un valor de 30. La imagen se verá así: 



  15. Creamos una nueva capa transparente y la rellenamos con más círculos. Cuando terminemos le aplicamos un desenfoque, igual que antes, pero con un valor de 15. La imagen se verá así.



  16. Creamos una nueva capa transparente y volvemos a trazar círculos de manera que nos quede una composición a nuestro gusto. 




  17. Cramos una nueva transparente y seleccionamos la herramienta de degradado. 



  18. Aplicamos una trayectoria que vaya desde una esquina hasta la opuesta. 




  19. La imagen se verá así. 




  20. Por último ponemos la capa del degradado en el modo de solapar y este es el resultado: 




  21. Ahora podemos guardar nuestra imagen, si estamos en la versión de Gimp 2.8 deberemos ir a Archivo / Exportar y en el menú que aparece darle el nombre que queramos y elegir el tipo de archivo en que queremos guardarlo.



1 de diciembre de 2012

Cómo mejorar la calidad de imágenes con GIMP


A veces encontramos en Internet fotos muy bonitas que quisiéramos utilizar como Fondo de Escritorio, pero son fotos de poco tamaño y no sirven porque al verlas a pantalla completa pierden nitidez y no quedan bien. ¿Qué hacer para solucionarlo? Darles un mayor tamaña y mejorando su resolución. El procedimiento es muy sencillo:
  1. Abrir la foto con Gimp.   



  2. Duplicar la capa.

  3. Aplicar a la capa de arriba un desenfoque gaussiano, clicando en Filtro/Desenfoque/Desenfoque gaussiano y aplicar el valor por defecto, que debe ser 5, como se ve en la imagen.

  4. Efectivamente, la foto se ve desenfocada.






  5. Poner esta capa (la desenfocada) en modo Solapar.


5. Clicar sobre la capa de arriba con el boto derecho y seleccionar Combinar hacia abajo.




6. Ahora clicamos en el menú Archivo/Exportar y clicamos donde está el nombre del archivo: cascada.jpg, y cambiamos la extensión jpg por png. Clicamos en exportar.


Nos aseguramos de aplicar los valores que se ven en la imagen. 


7. Ahora ya podemos cerrar nuestro archivo creado por gimp sin guardar. Buscamos la foto que se ha generado y la comparamos con la original. Veremos que la nueva foto se ve con colores más intensos y que su tamaño ha aumentado.


23 de enero de 2012

Tutorial de GIMP: Efecto translúcido

Vamos a ver cómo conseguir este efecto con GIMP.


-->
  1. Abrir la foto con GIMP.   
  2. Crear una capa nueva, la llamamos "efecto". 
3. Trazar un rectángulo utilizando la herramienta correspondiente.


4.  Rellenar el rectángulo con el color blanco y bajar la opacidad de la capa hasta un 50%.

5. Si todavía se mantiene activa la selección que hemos trazado con el rectángulo pasamos al paso 6, si no es así, clicamos sobre la capa efecto con el botón derecho y seleccionamos “Alfa a selección”.

6. Clicamos sobre nuestra imagen y clicamos en Editar > Copiar y a continuación, en Editar>Pegar. Nos aparecerá una nueva capa flotante, clicamos en el icono de crear capa nueva para que se convierta en una auténtica capa. Y la colocamos por debajo de nuestra capa “efecto”. 

7. Tanto si hemos perdido la selección como si no, ahora clicamos en la capa pegada con el botón derecho y seleccionamos Alfa a selección. 

8. Clicamos en Filtros > Desenfoque > Desenfoque gaussiano y aplicamos un valor de 25.        

9. Clicamos ahora en la capa “efecto” (se debe mantener la misma selección de antes y si no es el caso, mirar el paso 5) y a continuación clicamos en Filtros > Ruido > Ruido RGB y aplicamos en cada casilla un valor de 25 y le damos a Aceptar.


10. Seguimos en la misma capa, clicamos en Filtros > Desenfoque > Desenfoque, que es lo mismo que aplicar un desenfoque gaussiano de 5.


11. Ahora clicamos en Colores > Desaturar y Aceptar.

12. Clicamos en Filtros > Decorativos > Añadir bisel y aplicamos los valores que se ven en la imagen:

13. Clicamos en Filtros > Luces y sombras > Efecto Xbach y aplicamos los valores por defecto:

14.  Como hemos visto se han creado algunas capas nuevas. Clicamos sobre la capa Highlight y le quitamos el ojito (clicando sobre él haremos invisible esta capa) y luego clicaremos sobre la capa Shadow y le bajaremos la opacidad bastante.


15. Clicamos en Seleccionar > Nada y ya podemos ver nuestra efecto.

Ahora lo ideal sería crear un texto, para ello seleccionamos la herramiento texto y elegimos el tipo de letra, el color y el tamaño que nos guste y procurar centrarla sobre la capa Efecto. Un ejemplo:



    -->

    18 de diciembre de 2011


    Como siempre, Feliz Navidad.


    17 de octubre de 2011

    Efecto HDR con GIMP

    -->
    Curioseando en tutoriales para el efecto HDR, me he dado cuenta de que hay un pluggin que últimamente se recomienda para conseguir este efecto. Yo no tenía ganas de instalarlo y recordaba haber leído un tutorial estupendo en el que se explicaba cómo conseguir el efecto sin el pluggin del que todo el mundo habla ahora.

    Mi tutorial no es más que una versión calcada de ese tutorial. Para quien lo quiera consultar: 

    HDR de Tatica

    Bien, pues aquí va mi versión. 

    He partido de esta imagen:


    -->

    • Paso 1 - Abrimos la foto con GIMP, y duplicamos la capa Fondo. Para no hacernos líos las vamos a renombrar y a la foto originaria le cerraremos el ojito. Llamaré “Original” a la que antes se llamaba Fondo. Y a la “Copia de fondo” la llamaré “A”.

    • Paso 2 - Con la capa A activada clicamos en Colores>Auto>Balance de blancos para conseguir que los colores de la imagen sean más naturales.
    • Paso 3 -  Duplicamos la capa A. Ahora se llamará “Copia de A”. Y con ella seleccionada empezamos el proceso, para ello clicamos en Colores>Niveles y clicamos el triangulito negro central un poco a la derecha para oscurecer la imagen.
               Ahora la imagen se verá así. 
    • Paso 4 - Seleccionamos Editar>Copiar para copiar lo que acabamos de conseguir. Volvemos a clicar en Copia de A con el botón derecho y elegimos “Añadir máscara de capa” y clicamos en “Añadir”.
    • Paso 5 -  Nos aseguramos de tener seleccionada la máscara de capa clicando sobre ella. Ahora seleccionamos Editar>Pegar y clicamos sobre el ancla para que lo pegado se coloque en la máscara: 

    • Paso 6 - Duplicamos de nuevo la capa A, y, ahora sí, para no liarnos, a la capa resultante la llamaremos B. Utilizando las flechas la colocamos por encima de la capa Copia de A.
    -->

    • Paso 7 - Con la capa B activada, vamos a Colores>Niveles y movemos el triangulito derecho hacia la izquierda para sobreexponer la foto.
    -->

    • Paso 8 - Ahora vamos a repetir los pasos 4 y 5. El resultado será éste:
    -->

    pero en este caso, haremos algo diferente: clicaremos sobre la máscara de capa y sobre       Colores>Invertir.

    -->
    Parece que hemos perdido contraste, pero no, porque todavía el proceso no ha terminado.  

    • Paso 9 - Ahora hay que poner las capas B y Copia de A en Modo: Solapar o Multiplicar, o combinados en el orden que más nos guste.
    -->

    -->
    Los matices cambian.





    -->
    A mí en este caso, me gusta más la opción de ambas multiplicadas.

    • Paso 10 - Ahora vamos a dar un poco más de vidilla a la foto. Seleccionamos la capa Original y le activamos el ojito.
    -->


    -->
    Y clicamos en Filtros>Detección de bordes>Neón y aplicamos unos valores que nos parezcan apropiados. Con esto hemos resaltado todos los bordes blancos de la imagen.



    • Paso 11 - Ahora con Colores>Desaturar quitaremos el color a la capa de los bordes neón.
    -->

    • Paso 12 - Y a continuación a la misma capa le invertimos los colores: Colores>Invertir.
    -->


    • Paso 13 - Matenemos seleccionada la capa Original y clicamos en Capa>Transparencia>Color a alfa.


    • Paso 14 - Por último clicamos en Colores>Invertir, colocamos la capa en modo solapar y si el resultado muestra en exceso los trazos blanco podemos rebajar la opacidad de la capa hasta que la imagen quede a nuestro gusto.
    -->
    Y ya está. Aquí abajo podemos apreciar la diferencia.




    22 de julio de 2011

    De foto a dibujo con GIMP



     
    En GIMP he visto diferentes tutoriales para transformar una foto en un dibujo o pintura. Pero los resultados no eran del todo naturales. Sin embargo, con este tutorial me he sentido satisfecha con los efectos obtenidos.

    Además es un tutorial sencillo. Vamos a ver qué hay que hacer.

    1. Abrir la foto.

    2. Duplicar la capa.


    3. A partir de este momento todas las acciones las hacemos sobre la capa duplicada.

    4. Pasamos la imagen a blanco y negro clicando en Colores > Desaturar.



    5. Ahora hay que Colores >Invertir.



    6. Clicamos en Filtros> Detectar bordes>Diferencia gaussiana y aplicamos esto valores:


    y para terminar esta parte, colocamos la capa en el “Modo Suma” con una opacidad en torno al 50%.



    7. A continuación, el último toque. Clicamos en Filtros >Detectar bordes > Arista y aplicamos estos valores:




    Y, si nos parece necesario, modificamos la opacidad de la capa hasta que la imagen quede a nuestro gusto. Y el resultado final es este:




    Y ahora se puede ver la comparación entre la foto original y el resultado obtenido.


    La verdad es que el resultado es muy interesante. Espero que sea de utilidad.