Azulejos coloridos con Gimp

Hola a todos, aquí estoy con otro de mis post, nuevamente dedicado a uno de mis programas de software libre preferidos, Gimp y utilizando uno de sus mejores complementos G´mic

Vamos a ver como se puede crear un efecto similar a lo que seria algo similar a un conjunto de azulejos coloridos, utilizando un degradado y tres filtros, consiguiendo un resultado similar al que podemos ver en las imágenes de ejemplo.

Antes de nada me gustaría decir que este tutorial lo aprendí en el magnifico grupo de Facebook Gimp graphics, que os recomiendo totalmente si os gusta Gimp y tenéis un perfil en esta red social.

Entrando ya en materia lo primero que tendremos que hacer es crear un degradado con los colores que queramos utilizar, con la herramienta de Degradado, de manera que cubra todo la imagen, pudiendo activar la opción Bilineal en la casilla Forma creando así cierta simetría.

Con esto ya tendremos la base sobre la que trabajar, ahora aplicaremos Blackism, que se encuentra en el grupo Artistic de la herramienta G´mic en el menú principal Filtros, ajustando sus parámetros al tamaño y los colores que hayamos elegido, teniendo en cuenta que los mas importantes son, Relative size, Ratio y Size variance que a mayor valor nos darán un tamaño de cuadriculado mas grande.

Lo siguiente es utilizar Graphic novel, que se encuentra en el mismo grupo que el filtro anterior y que nos dará los mejores resultados si la utilizamos con sus parámetros por defecto, al menos para este caso concreto. 

Para finalizar le daremos el toque de relieve y iluminación con el filtro Efectos de iluminación, en el submenú Luz y sombra que se encuentra también en el menú principal Filtros, en el que en su pestaña Mapa de relieve activamos la opción Mapeo de relieve y movemos el punto de luz para colocarlo donde mas con convenga para obtener el efecto deseado. 

Y ya tendremos nuestra imagen de azulejos o vidriera de colores, terminado así esta entrada, y esperando que nos podamos ver pronto, con mas diseños, tutoriales y dibujos.

Viñeteado y desenfoque de foco

Muy buenas a todos, aquí me tenéis de nuevo, con otra entrada dedicada a mi programa de software libre preferido, Gimp.

En esta ocasión veremos como utilizar los efectos de Viñeta y Desenfoque de foco, para oscurecer o desenfocar los bordes de una fotografía y resaltar la zona que deseemos.

El viñeteado lo conseguiremos con el filtro Viñeta, que se encuentra en el submenú Luz y sombra del menú principal Filtros, y con el podemos lograr un oscurecimiento de la parte exterior de una imagen partiendo de una zona central que podemos elegir.

Cuando utilicemos este filtro aparecerán en nuestra fotografía tres circunferencias, la mas interior es la zona que permanecerá sin oscurecer, la segunda representa el centro de la zona que estará medio oscurecida y de la exterior hacia el final de la imagen estará completamente negra y podemosalterr estos tres circulos para modificar la viñeta a nuestro antojo.

En la primera imagen de ejemplo de este post el centro del viñeteado es lógicamente la lampara que sujeta el niño que es de donde surge la fuente de luz y por lo tanto la zona de la imagen que debe estar mas clara.

Aunque lo mejor es utilizar el color negro para la viñeta, también podemos elegir cualquier otro color, aunque lo normal es ver una viñeta negra o blanca.

Con el filtro Desenfoque de foco, que se encuentra en el submenú Difuminar, también en el menú principal Filtros, conseguiremos un efecto similar, pero creando una sensación de emborronamiento o difuminado en lugar de ennegrecimiento.

En este caso también tendremos los tres círculos para ajustar el efecto, siendo la principal diferencia con el caso anterior el echo de que podemos ajustar el parámetro Tipo de desenfoque entre Desenfoque gaussiano o Desenfoque de la lente, siendo el segundo mas suave y suele quedar mejor.

Para terminar solo decir, que como de costumbre, las fotografías que he utilizado de base para esta entrada la he descargado de Pixabay, una web donde podéis encontrar una infinidad de imágenes para vuestros proyectos.

Espero que nos veamos pronto, con mas diseños, dibujos y tutos.

Fondos espaciales con Jwildfire

Hola a todos, aquí estoy con otro nuevo post, en este caso dedicado por segunda vez a la aplicación de generación de fractales Jwildfire.

En esta entrada daré unos breves consejos para generar fondos espaciales, de forma rápida y en unos pocos clics.

La aplicación permite crear una infinidad de fractales distintos, que se dividen en diferentes categorías, entre las que se encuentra una que es muy similar a un cielo espacial.

Estas categorías se pueden elegir en Rnd flame-generator, que por defecto se encuentra en All, es decir que incluye todos los tipos de fractales, de manera que si clicamos en Ramdom batch, el programa creara una serie de imágenes de forma aleatoria que incluirán diferentes tipos de formas.

Si queremos que solo se generen fondos espaciales, como los de las imágenes de ejemplos, solo tenemos que elegir Galaxies entre las diferentes categorías.

Al seleccionar cualquiera de las miniaturas podremos ver la imagen y modificarla alterando los triángulos que aparecen en la interfaz del programa, con el botón izquierdo del ratón podremos mover su posición, con el derecho rotarlo y con la rueda cambiar su tamaño, lo que alterara los elementos de la imagen resultante.

El programa cuenta con mas herramientas y formas de interactuar con los fractales, pero a no ser que sepamos muy bien lo que estamos haciendo y conozcamos de forma precisa el funcionamiento de este tipo de imágenes es mejor dejarlas tal y como están por defecto.

Tengo que decir que muchos de los resultados que se obtiene al clicar en Random batch suelen ser bastante mediocres y que hay que tener un poco de insistencia para conseguir buenos resultados, pero con un poco de paciencia podemos conseguir fondos como los que podéis ver en este post.

Y hasta aquí este post, nos vemos pronto con mas diseños, tutos y dibus.

Psicodelia con Gimp

Bienvenidos seáis todos a este blog dedicado al diseño y la ilustración digital con software libre n_n

Vamos a ver como realizar, con Gimp, una especie de imagen psicodelica combinando capas y diferentes tipos de filtros.

La base de este efecto se consigue utilizando el filtro Llama del grupo Naturaleza que encontramos en el submenu Renderizado del menú Filtros.

Empezamos rellenando la capa de negro con la opción Rellenear con color de frente del menú Editar.

Con el filtro Llama utilizamos sus diferentes parámetros para ajustar nuestro efecto psicodelico, así en Editar  elegimos una forma con la opción Variación (Esférico es el que da mejor resultado) y vamos eligiendo entre los diferentes diseños que se nos muestran hasta conseguir uno que nos guste, en la pestaña Camara ajustamos zoom con la opción Ampliación y en la pestaña Renderizado en Mapa de colores elegimos Gris Josette.

Una vez creado el efecto Llama duplicamos la capa, ponemos la nueva capa en Modo Suma y utilizamos el filtro Desenfoque Gaussiano del submenu Difuminar del menú Filtros con su opción Radio de desenfoque a 10 para crear un efecto de brillo.

Repetimos los pasos del párrafo anterior pero con la opacidad de la nueva capa al 50 % aumentando así el efecto de aura alrededor de nuestro efecto psicodelico.

A continuacion hacemos clic en la miniatura de capa con el botón derecho del ratón y elegimos la opción Aplanar  la imagen para crear una única capa con las tres anteriores.

Ya tenemos creado el efecto psicodelico, solo queda darle un poco de color, para ello utilizamos Colorear del menú Colores, ajustamos el Tono que deseemos así como la Saturacion.

También podemos añadir un efecto de brillo con las herramientas Destello con degradado o Destello de lente del submenu Luces y sombras del menu Filtros, que podemos añadir en la propia capa de la imagen o en una capa nueva.

Con el filtro Llama podemos crear una variedad prácticamente infinita de imágenes, que podemos utilizar de fondo de escritorio, fondos para presentaciones multimedia o en paginas web.

Nos vemos pronto con nuevos tutos, dibujos y diseños n_n

Sombras y profundidad

Bienvenidos seáis todos a mi pequeño rincón de la web, pasad y poneos cómodos n__n

En este post veremos como podemos, con Gimp, añadir a nuestros rótulos y diseños un efecto de sombra, para darles cierta sensación de profundidad.

La forma mas sencilla seria utilizando el filtro Drop shadow del submenu Luces y sombras que se encuentra en el menú Filtros, que creara una sombra del elemento que se encuentre en la capa en la que estemos trabajando en ese momento,  pudiendo elegir el desplazamiento vertical y horizontal que tendrá la sombra así como su grado de difuminado.

La sombra se crea en una capa nueva, por lo que podremos desplazarla, así como alterar su grado de transparencia.

También podemos crear la sombra nosotros mismos, para ello tenemos que hacer clic con el botón derecho en la miniatura de la capa en la que tenemos el elemento con el que estamos trabajando, elegimos Alfa a selección, creamos una capa nueva, rellenamos la selección de negro, deshacemos la selección y aplicamos el filtro Desenfoque gaussiano del submenu Difuminar del menú Filtros para crear el difuminado de la sombra.

Para finalizar movemos la sombra hasta colocarla en la posición que deseemos, ajustamos la opacidad de la capa y elegimos un modo de fusión, como Multiplicar, si queremos que la sombra sea muy oscura o Solapar si queremos que sea mas clara.

Esta sombra, añadida a otros efectos de relieve, hace que el elemento al que se aplican tenga una apariencia de volumen y profundidad.

También podemos utilizar selecciones para crear estas sombras, como en el caso de la siguiente imagen, en la que he utilizado una elipse para generar la sombra de la esfera.

Las herramientas de Escalado, Inclinación y Perspectiva nos pueden ser muy útiles para desarrollar un efecto de sombra arrojada, similar al que podéis ver en la ultima imagen de este post.

Y con esto termino este post, el siguiente seguramente sera la típica entrada que pongo todos los Agosto para avisar de que el blog estará inactivo el resto del mes, hasta que pase el calor, que me vuelve muy perezoso :)

Lineas de luz

Bienvenidos seáis todos una vez mas a este pequeño blog, dedicado al diseño y la ilustración digital n__n

En este post veremos como podemos crear, con Gimp, lineas de luz en nuestros diseños e ilustraciones.

Para crear estas lineas de luz haremos los trazos utilizando curvas Bézier, como las que se utilizan en el diseño vectorial con programas como Illustrator o Inkscape.

Elegimos un color y realizamos el trazado que queremos que tenga la curva utilizando la Herramienta de rutas de Gimp, cuando estemos satisfechos con la forma del trazado clicamos en Trazar ruta, elegimos el grosor que queremos que tenga la linea en la opción Anchura de la linea y clicamos en Trazo para crear la linea.

Para darle el resplandor que necesita para que parezca una linea de luz no tenemos mas que duplicar la capa con la opción Crear un duplicado de la capa de la pestaña capas y difuminamos  la capa inferior  con el filtro Desenfoque gausiano del grupo Difuminar que se encuentra en el menú Filtros dándole un desenfoque entre 5 y 10.

Podemos repetir esto con diferentes lineas, de diferente grosor y con distintos desenfoques, para lograr distintos tipos de lineas de luz, aunque solo lograremos un buen resultado si la linea no tiene un calibre excesivo.

Para lograr que estas lineas de luz se intercalen en nuestro diseño o ilustración, como en el texto de la imagen superior, lo mas sencillo seria borrar las partes que no queremos que se vean, aunque tendríamos que ir con mucho cuidado para no eliminar partes de la linea que si queremos mostrar.

Se puede conseguir un mejor resultado utilizando selecciones y mascaras de capa, para ocultar las zonas de las lineas de luz que queremos que queden detrás de nuestro diseño.

Para esto hacemos doble clic con el botón derecho del ratón en la miniatura de la capa en la que tengamos el diseño o dibujo, elegimos Alfa a selección, invertimos la selección con la opción Invertir del menú Seleccionar, clicamos sobre la miniatura de la capa en la que tengamos el trazado de la linea, seleccionamos Añadir mascara de capa y la opción Selección.

Esto tenemos que hacerlo en la capa de la linea y la capa o capas difuminadas, de esta manera, las partes de la linea que queden sobre el diseño no se mostraran.

Para finalizar solo tenemos que pintar de blanco sobre las mascaras de las capas de las lineas las zonas que queremos mostrar de nuevo, en el caso del dibujo de ejemplo que hay sobre este párrafo, serian, el brazo y el torso de la chica y la bola de cristal.

Puede parecer algo complicado, pero os puedo asegurar que es mucho mejor que borrar y con un poco de practica resulta hasta sencillo, eso si, esto solo puede hacerse si el dibujo o diseño están en una capa separada del fondo, ya que Alfa a selección lo que hace es crear una selección utilizando la transparencia de la capa, por lo que si en el dibujo anterior la chica y el fondo no hubiesen estado en capas separadas no habría podido utilizar este sistema.

Luz volumetrica

Bienvenidos seáis todos una vez mas a este pequeño rincón de la web n__n

En este post veremos como podemos crear y añadir efectos de luz volumétrica a nuestros diseños y ilustraciones utilizando los filtros y capas de programa de edición de imagines Gimp.

La luz volumétrica, es el efecto visual que se genera, cuando en una zona generalmente en penumbra, se proyecta un haz de luz de forma tan clara y definida de manera que casi parece que tenga volumen y podamos tocarlo (el ejemplo mas claro seria el de una habitación a oscuras, en la que hay una ventana con una pequeña rendija abierta que permite que se proyecte algo de luz)

Podemos realizar este efecto con programas de edición de imágenes bitmap como Gimp utilizando simplemente pinceles predeterminados que simulen luz, como en el caso de la imagen superior, que podemos encontrar en múltiples paginas web, entre ellas todogimp.com

Aunque lo mejor es generar este tipo de efectos nosotros mismos, utilizando los filtros, capas y herramientas de selección que posee este programa.

Para ello tenemos que crear una capa nueva en la imagen en la que estemos trabajando, en la que aplicaremos el filtro Supernova del grupo del menú Filtros, Luces y sombras, con los parámetros de Radio a 100 , Rayos aproximadamente a 800 y Tono aleatorio alrededor de 200.

Luego aplicamos la opción Desaturar del menú Colores, con las opciones por defecto de su cuadro de dialogo.

Con esto habremos creado los haces de luz, ahora tenemos que eliminar la parte que no queramos y dejar solo lo que necesitemos para nuestra imagen, como en el ejemplo que podéis ver bajo estas lineas.

Así que primero duplicamos la capa y la ocultamos (por si nos hiciera falta mas tarde) y moveremos la capa hasta que los rayos de luz este posicionados donde nos interese, creamos una selección con la forma de la zona que queremos conservar con la herramienta de Selección libre (la que tiene forma de lazo) invertimos la selección, la difuminamos unos 100 pixeles con la opción Difuminar del menú Seleccionar y borramos o aplicamos una mascara haciendo clic con el botón derecho del ratón sobre la miniatura de la capa y seleccionando la opción Añadir mascara de capa.

Tendremos que repetir esto tantas veces como efectos de luz volumétrica queramos crear en la imagen, así  en el ejemplo anterior he tenido que repetir estos pasos cuatro veces, para crear cada uno de los cuatro hazes de luz que surgen de las letras.

Este efecto también puede sernos muy útil si lo añadimos a  nuestros dibujos e ilustraciones, como en el caso de la explosión de la imagen que hay sobre este párrafo (si queréis saber como crear la explosión consultad los post de junio del 2012)

Por ultimo solo me queda decir que este tipo de efecto de luz solo queda realmente bien sobre fondos oscuros, ya que si lo aplicamos sobre un fondo claro no se apreciara lo suficientemente bien.

¡Rayos y relámpagos!

Si en el post anterior explique cómo podíamos hacer un  cielo nuboso con Gimp, en este post y el siguiente me dedicare a explicar cómo podemos simular efectos meteorológicos como los rayos, la lluvia o la nieve.

Hay una forma muy fácil, aunque un poco chapucera, de realizar rayos con un programa de retoque de imágenes como Gimp, este sistema consistiría en trazar una línea sinuosa con el pincel o con el aerógrafo, copiar la capa en la que se encuentre esta línea, y desenfocar las dos capas, la primera un poco y la segunda bastante, con lo que crearemos con la primera capa algo similar a un rayo y con la segunda el fulgor brillante que lo rodea.

Existe otra forma, también sencilla, pero algo más extensa de realizar, que nos permitirá crear rayos de tormenta mucho mas aparentes y realistas.

• Para empezar creamos un Degradado vertical de blanco a negro, que cubra toda la capa, a este degradado le aplicamos el filtro Nubes de diferencia que se encuentra en el grupo de filtros Renderizado y Nubes, con lo que conseguiremos que se cree una línea negra en el centro  de la pantalla.

• Si aumentamos el tamaño de los ejes X e Y, así como el detalle conseguiremos como resultado final un rayo mas fimo y retorcido, con lo que resultara más realista.

• Para mejorar nuestro rayo podemos clicar en la opción Niveles del menú Colores y mover hacia la izquierda la flecha gris y la blanca del grafico de niveles (que controlan los medios tonos y las iluminaciones respectivamente) hasta que la línea negra quede claramente definida.

• Ahora clicamos sobre la opción Invertir del menú Colores, con esto los tonos se invertirán y la línea negra se convertirá en una línea blanca, que se parecerá mucho a un rayo de tormenta si hemos aplicado los valores apropiados en capa paso.

• Ya solo queda borrar con cuidado el resto de la capa, utilizando un pincel grande primero y uno más pequeño para perfilar el  contorno de nuestro rayo.

• Con el modo de fusión de capa Clarear solo conseguiremos que este efecto quede mejor integrado en nuestras ilustraciones, pudiendo crear rayos para una tormenta o para algún tipo de efecto especial.

Efectos de destello - De creacion propia (2)

Si el destello que creamos en el post anterior os gusto, ahora veremos cómo hacer uno mocho más realista.

Empezaremos llenando la capa de fondo con el color negro, ya que este efecto se aprecia mejor sobre un fondo oscuro.

• Ahora creamos una capa nueva y dibujados con la herramienta lápiz una serie de linear rectas en forma de estrella que se crucen en un mismo punto (lo mejor para hacer esto es clicar en un punto del documento y con la tecla Mayúsculas apretada arrastrar el ratón para hacer el trazado de la línea y volver a clicar en el punto final)

• Tenemos que repetir este punto con diferentes grosores de línea, hasta que tengamos formada una estrella con las suficientes puntas.

• Ahora en el centro de las linear que hemos creado con el lápiz trazaremos otras líneas más cortas y gruesas con la herramienta aerógrafo utilizando un flujo intermedio (aquí no hay que pasarse ya que estos trazos formaran el brillo central del destello cuando esté terminado)

• Después de aplicar el aerógrafo hacemos una selección alrededor de nuestra estrella que sea una vez y media más grande que las líneas, y aplicamos el filtro de Desenfoque de movimiento en el modo acercamiento y ajustando la longitud según lo grande que hayamos hecho la estrella.
• 
  

• Seguramente tendrás que repetir este filtro varias veces hasta que consigas el efecto deseado, cuando las líneas ya tengan un efecto similar a un destello hay que copiar la capa y rotarla (Herramientas de transformación, Rotar) y cambiar el modo de fusión de esta nueva capa a claridad fuerte.

• Puedes duplicar y rotar esta última capa varias veces hasta conseguir que el destello tenga el aspecto que busques.

Al final tendréis una imagen similar a esta.

Ya tenéis un destello que podréis utilizar en vuestros dibujos, y combinar con los destellos propios de Gimp.

Efectos de destello - Con filtros de Gimp

La última imagen del Post anterior incluía diferentes efectos, entre ellos un destello, que parecía surgir de la mano del personaje central de la ilustración.

Crear este tipo de destellos puede ser muy fácil, ya que Gimp cuenta con un filtro para realizar efectos de luz, que no solo iguala, sino que incluso puede llegar a superar al mismísimo Photoshop.

Se trata del filtro Destello con degradado, que se encuentra en el grupo de filtros Luces y sombras.

Esta herramienta cuenta con múltiples opciones que nos permiten elegir entre distintos destellos y configurar cualquier aspecto del mismo.

• El menú Configuración nos permite establecer los diferentes parámetros del destello a nuestro gusto.

• Con el menú Selector podemos elegir entre siete tipos diferentes de efectos de destello, cada una de ellos con sus características únicas, que podemos configura de forma independiente.

Aquí tenéis dos imágenes que incluyen este tipo de destellos con degradado.

Un filtro similar, pero mucho más simple es Destellos de lente, que nos permite crear destellos sencillos, sin complicarnos demasiado, aunque apenas tiene opciones de configuración en su cuadro de dialogo.