[GIMP tutorial] Creando imagen con efecto “Bokeh”

Hola! este es mi primer aporte como escritora de este blog, motivada después de leer la conmovedora entrada de KZKG^Gaara y pensando “sería bueno ver algunas entradas acerca de GIMP” me dije : “porque no?” …. si, no suena a una razón muy seria, pero algo es algo en la comunidad no lo creen? へ( ゚▽゚)ノ

El Efecto “bokeh” es un recurso utilizado en fotografía para dar un desenfocado estético al fondo o ciertos objetos en la imagen. Este efecto estilizado también queda genial en cuanto a diseño digital se refiere y que podemos crear utilizando el GIMP, La herramienta de manipulación de imágenes en el software libre por excelencia.

Este tutorial es un breve ejemplo de como crear el patrón y crear la imagen con dicho efecto.

Para realizar una imagen con efecto bokeh primero creamos una imagen de 150×150, con fondo transparente.
1. usamos la herramienta selección elíptica marcando la casilla “fijo : proporción de aspecto” en el apartado de propiedades, y Marcamos un circulo del tamaño de la imagen.

2. Luego con la herramienta rellenar , coloreamos el circulo de color blanco y luego vamos a la pestaña “seleccionar” y elegimos la opción “encoger [shrink]” y le damos el valor de 4

3. luego de eso pasamos a borrar la sección interior presionando suprimir.

4. de nuevo, elegimos la herramienta “rellenar” , con opacidad al 50% en propiedades, coloreamos el interior y el patrón ya esta listo :D

5. guardamos en ~/.gimp-2.8/brushes dándole el nombre y descripción que desees. (muy probablemente tendrás que cerrar y abrir de nuevo el GIMP para que podamos usar el patrón.)

6. ya listo el patrón procedemos a crear una nueva imagen del tamaño deseado, en este caso 1280×800, con el color de fondo deseado.

7. ahora hacemos una gradiente con la herramienta “mezcla” seleccionando “frente a transparente” en las opciones. Seleccionando el color que deseamos

8. seguidamente creamos una nueva capa desde el menú “capa” → “nueva capa” , transparente y la utilizaremos para crear la primera capa de “lentes”.

9. Seleccionamos la herramienta “pincel” y Lo siguiente es elegir nuestro patrón en las propiedades, luego en la sección “dinámica” elegimos “Dynamics Random”, esto hará que el tamaño y presión sean aleatorios.

10. ahora a crear algunos círculos

11. como la capa creada es el nivel mas bajo de lentes, vamos a “filtros” → “Desenfoque[blur]” → “desenfoque gaussiano”

ahi le damos el valor (entre 10 -15 esta bien) y damos aceptar.

con eso ya tenemos la primera capa hecha. El chiste de esta imagen es crear capas a razón que la ultima capa creada sea la mas definida, la primera capa que creamos le dimos un desenfoque de entre 10 – 15, a la siguiente le damos entre 5-7 y a la ultima ningún desenfoque.)

*Repetimos desde el paso 8 según los niveles que deseemos.

Para este ejemplo creé 2 capas mas , así, la inferior es la mas desenfocada, media es algo desenfocada y la superior sin desenfoque.

al final seleccionamos la capa base (la que tiene la gradiente) y seleccionamos la herramienta “Mezclar”, opacidad al 60%, forma: radial y agregamos algunos brillos (o sombras)  de fondo.

al final debería quedar algo mas o menos así:

espero que les haya gustado y que les sea útil,  un saludo! ( ^_^)ノ


helena_ryuu

helena_ryuu: Usuaria enpedernida de GNU/Linux, Archer y amante del manga + anime, aficionada al diseñado gráfico y a las cosas kawaii~ Estudiante de Ingeniería en sistemas computacionales.


37 comentarios en “[GIMP tutorial] Creando imagen con efecto “Bokeh”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

  1. Me levanto de la silla y te aplaudo. Primero que nada, que bueno que otra dama escriba en DesdeLinux, hace rato que ninguna lo hacía; segundo que, wow, los artículos sobre diseño gráfico o manipulación de imágenes siempre son sin duda nuestro lado débil (yo un programador, Alejandro y Hernesto administradores de servidores, etc…) la verdad es que quedé impresionado mientras arreglaba un par de detalles mínimos en el post. Espero que hagas muchos más artículos alrededor de ésta temátca, que bueno sería tenerte en el staff.

    1/36
  2. Muy bueno, cuando navego por Devianart y veo miles de wallpapers tipo “bokeh” me preguntaba como lo hacían. Te felicito. Saludos!

    2/36
  3. Muy buen tutorial, así puedo hacer mi propio fondo para KDE con los logos que quiera.

    Saludos y gracias.

    3/36
  4. Excelente… gracias por el tutorial que de seguro ha de servir a muchos.

    4/36
  5. Midori 0.4GNU/Linux
    jorgemanjarrezlermajorgemanjarrezlerma

    WOW la verdad siempre que veo un tuto de diseño gráfico me quedo :-o
    Al igual que nano e Iván lo pienso utilizar para hacer un buen fondo de pantalla.
    Saludos y que estes bien

    5/36
  6. Sin palabras O_O … pensé en usar “maravilloso” o “genial”… pero, aún así no le haría justicia …

    De veras todo un placer tenerte por acá compartiendo tus conocimientos, como ya dijo nano, él es programador, yo soy administrador de sistemas y redes, y elav lo mismo que yo (aunque él sabe trabajar más con Inkscape).
    Todo un gusto poder leer artículos relacionado con tratamiento de imágenes, de veras que sí!! :D

    Y no solo eso, no sabes qué tan agradable es saber que te resultó conmovedor mi post, me llena de orgullo y satisfacción ^-^

    Nada, que bienvenida al equipo ;)
    Si necesitas algo o tienes dudas, imagino que sabes cómo contactarnos :)

    JA NE!!

    6/36
  7. Vaya así que así es como se llamaba el efecto jeje Uno lo usaba y no sabia como se llamaba jeje

    7/36
  8. Muy bueno!!!
    GIMP es mi programa favorito y la verdad que lo que mensionas es realmente muy bueno.
    Gracias por compartirlo.
    Ademas es bueno tener un toque femenino en Linux.

    8/36
    • Sí, es curioso que tanto Helena como Tina escriban sobre Gimp, es realmente genial pues precisamente ese es uno de los puntos débiles del sitio :D

      Arriba! … que no se diga, Linux sí cuenta con presencia femenina!! :D

      10/36
  9. ¡Genial tutorial, muchísimas gracias! :)

    9/36
  10. Excelente post :-D

    11/36
  11. Me gustó mucho tu posterior, lo explicaste de un modo sencillo, felicidades.

    12/36
  12. Gracias por el tutorial, muy bien explicado. Especial para los que nos gusta “jugar” con Gimp. Slds.

    13/36
  13. Que excelente artículo y que bonito el resultado final.
    Felicitaciones helena_ryuu!!

    15/36
  14. Muy buen tutorial!!! Gracias :)

    16/36
  15. Muy bueno, justo ayer me puse con Gimp por primera vez para intentar hacer el blanco y negro con algo de color como en la película Sin City. A ver si puedo seguir practicando con esto.

    17/36
  16. Bueno… Helena por lo visto ya te has ganado al público de acá en solo 1 post, increíble JAJA :D

    18/36
  17. jajaja muchas gracias a todos!, realmente les agradezco sus comentarios y apoyo, me alegra que les haya gustado ( ^_^) [que modesta soy Jojojojojojo] xD la verdad no soy ni por cerca una profesional en el gimp, pero se mis cosas, ademas he usado tambien inkscape, me gusta mucho lo que tiene que ver con el apartado grafico :D y la personalizacion, asi que seguire con algunos post mas.
    saludes!

    19/36
    • seguire con algunos post mas

      Nice! :D

      No importa si crees que algunos posts (o ideas que tengas para posts) son de cosas demasiado básicas, no importa y publícalos jaja, que para quien sabe trabajar con Gimp o Inkscape hay muchas cosas que considera simples o básicas, pero para el resto de los mortales se nos hace imposibles LOL!!.

      20/36
  18. @KZKG^Gaara はい。。。xD Ah! una cosa, no se como hacer para que salga el icono de arch en mis comentarios, tux es genial pero…. arch es mas genial xDD alguna idea?

    @rubentengo una vaga idea de lo que dices (el efecto sin city) es sencillo, si utilzamos “desaturar” y agregamos otra capa… pero mejor lo dejo para otro post :D

    21/36
  19. Hey muy buen post :), esperamos que vengan mas.

    23/36
  20. Hola muy bueno el tutorial. Les hago una pregunta: ¿alguien sabe como se llama la fuente del logo de GIMP? (si no saben de que les hablo, se trata del tipo de letra que dice GIMP en la primer imagen de este tutorial). Agradecería sus respuestas!

    26/36
  21. jajajaja

    Por eso no me gusta ver nada de diseño, saber como se hace una imagen le quita la magia para mi, prefiero quedarme con el resultado final!!!

    29/36
  22. Impresionante! :D Siempre me había preguntado como hacían ese efecto en las imágenes. Luego lo pruebo ;) Y bienvenida al grupo.

    30/36
  23. ¿Qué decir que otros usuarios no han dicho ya? Excelente artículo, sobre todo para mi que me gusta esto del diseño gráfico.. Ojalá y tengamos más artículos tuyos por acá Helena, de veras es un enorme placer.

    36/36

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *