sábado, 12 de agosto de 2017

Descanso veraniego

Saludos a todos, bienvenidos a todos a este ultimo post de este caluroso mes de Agosto n_n

Este va a ser el típico post que subo en Verano para anunciar que el blog permanecerá inactivo durante el mes de Agosto para que pueda tomarme unas semanas de descanso, y así poder cargar pilas y regresar en septiembre con mas novedades.


Mientras tanto seguiré subiendo alguna que otra cosa en mi perfil de G+ e iré preparando dibujos, tutoriales y diseños para Septiembre.


Mientras tanto espero que paséis un buen verano y que podáis sobrellevar mas o menos bien el calor típico de estos meses.


Nos vemos en septiembre ... n_n

sábado, 5 de agosto de 2017

Siluetas invertidas

Saludos a todos, bienvenidos a mi pequeño rincón de la web, pasad y sentíos como en vuestra casa n_n

Hoy mostrare algunos ejemplos de como podemos utilizar una silueta invertida, es decir, una imagen en la que tenemos un fondo y una silueta que en lugar de ser una mancha negra nos muestra una parte de una fotografia, de forma similar a como podemos ver bajo este párrafo.


Para ello tendremos que utilizar tres capas, la primera, que estará bajo las otras dos y que generalmente sera una fotografía, donde aparecerá la imagen que se mostrara en la silueta, otra intermedia con un fondo que puede ser un color solido, un degradado, una textura o otra imagen y finalmente una capa superior con la silueta.


La silueta podemos obtenerla de un dibujo, de un diseño vectorial o de una fotografía, que podemos conseguir en una web de imágenes como Pixabay.

Luego solo tendremos que seleccionarla con alguna de las herramientas de selección del programa de edición fotográfica que estemos utilizando, por ejemplo, la Selección difusa en el caso de Gimp o la Varita mágica si utilizamos Photoshop.


Con la selección activa solo tenemos que deshabilitar o eliminar la capa de la silueta y borrar en la capa intermedia, con lo que quedara un hueco con la forma de la silueta en esta capa que nos dejara ver la imagen que se encuentra en la capa inferior.


Una técnica sencilla con la que se pueden conseguir resultados interesante, en unos pocos pasos y sin complicarnos demasiado.

Nos vemos pronto, con mas diseños, tutoriales y dibus ...

sábado, 22 de julio de 2017

Mejorar el color de una fotografia

Saludos a todos, bienvenidos a un nuevo post de este pequeño blog dedicado al diseño y la ilustración digital, con software libre n_n

En esta entrada veremos como podemos mejorar, utilizando Gimp, el color de nuestras fotografías, sin editar ningún parámetro de color, simplemente usando capas y sus modos de fusión.


Antes de nada duplicaremos la capa de la fotografía dos veces, de forma que tendremos tres capas idénticas.

En la capa superior, con la que haremos la mayor parte del trabajo, eliminamos los colores, pasándola a blanco y negro,con el modo Luminosidad de la opción Desaturar que podemos encontrar en el menú Colores.

Invertimos los colores, convirtiendo la capa en algo parecido a un negativo fotográfico, utilizando Invertir, también en el menú Colores.


Aplicamos el filtro Desenfoque Gaussiano, del grupo Difuminar en el menú Filtros, utilizando un radio de desenfoque entre 20 y 40, dependiendo del tamaño de la fotografía.

Ajustamos la opacidad de esta capa a 35 y la fusionamos con la capa inferior haciendo clic con el botón derecho del ratón en la miniatura de la capa y seleccionando en el menú emergente Combinar hacia abajo.

Con todo esto habremos conseguido crear una copia de la fotografía original, que se encuentra en la capa inferior, pero con los colores atenuados.

Ajustamos el modo de fusión de esta nueva capa en Combinar granulado o Claridad suave, con lo que mejoraremos sensiblemente los colores de la fotografía original.


Aquí podéis ver un ejemplo de una fotografía con el antes y el después de haber aplicado este sistema, donde se puede apreciar como los colores  se ven mucho mas vivos, e incluso se consigue una mayor profundidad en la imagen.


Si los colores se ven demasiado acentuados solo tenemos que ajustar la opacidad de la capa superior, hasta conseguir que parezcan mas naturales, generalmente entre un 75 y un 50%


Este sistema puede parecer en un principio un tanto complicado, pero resulta mas sencillo que ajustar parámetros como los niveles, el tono o la saturación y una vez lo hayamos utilizado unas pocas veces nos resultara de lo mas sencillo, al tener que realizar siempre los mismos pasos.

para finalizar solo decir que las fotografías que he editado para realizar este post son originarias de Pixabay, un fantástico banco de imágenes de libre uso.

Nos vemos pronto con mas dibujos, tutoriales y diseños ...

sábado, 15 de julio de 2017

Imagen en código Ascii

Saludos a todos, bien venidos seáis a mi pequeño blog de diseño e ilustración digital con software libre n_n

En este post explicare como podemos transformar una imagen en código Ascii utilizando Gimp y uno de los muchos filtros que incorpora G´mic.


Este filtro es Ascii art y lo podemos encontrar en el grupo Arrays and tiles de la herramienta G´mic en el menú Filtros.


Para lograr un resultado similar al de la imagen superior tenemos que tener en cuenta principalmente que la opción Charset es la que nos permite elegir el tipo de símbolos que formaran la imagen, pudiendo elegir entre código binario, números, letras o caracteres Ascii, entre otras, así como el grupo de caracteres que elijamos, y que podemos personalizar en la opción Custom dictionnary.

Las siguientes tres opciones es mejor dejarlas en sus valores por defecto, siendo la ultima la que controla el tamaño del texto, que podemos aumentar, aunque perderemos resolución en la imagen final.

Result type nos da a elegir entre generar una imagen con los colores originales de la fotografía sobre un fondo negro, sobre un fondo transparente, texto negro sobre fondo blanco y texto blanco sobre fondo negro.


El resto de opciones de este bloque sirven para ajustar parámetros como la luminosidad, el difuminado y los colores de la fotografía de origen.

Y finalmente si activamos Output Ascii file podremos guardar este efecto como un archivo de texto, en lugar de como una imagen, que podremos editar con cualquier tipo de procesador de texto.


Este tipo de filtro funciona especialmente bien con primeros planos y fondos negros, consiguiéndose, sin demasiado esfuerzo, resultados como el de la imagen superior.


Hasta aquí este post de hoy, nos vemos pronto con mas diseños, dibujos y tutoriales ...

viernes, 7 de julio de 2017

Efecto de marco sombreado

Saludos a todos, bienvenidos seáis tanto los habituales de este blog como los que lo descubrís por primera vez n_n

En este post veremos una forma muy sencilla de crear un efecto de marco o relieve sombreado en nuestras fotografías, utilizando Gimp, aunque el mismo sistema se podría utilizar con cualquier otro programa edición fotográfica.


Lo primero que hemos de hacer es duplicar la capa  y en esta nueva capa usamos la opción Todo del menú Seleccionar y posteriormente reducimos la selección unos 50 pixels con la opción Encoger de este mismo menú.

Con esto tendremos una selección rectangular, perfectamente centrada, alrededor de la fotografía, de la que eliminaremos su parte exterior.

Para ello lo mejor es hacer clic en la miniatura de capa con el botón derecho del ratón, seleccionamos Añadir mascara de capa y activamos la opción Selección, con lo que haremos invisible todo lo que no este seleccionado.



Ahora y aun con la selección activa, creamos una capa nueva, la colocamos entre las dos anteriores y la rellenamos de negro.

Desactivamos la selección y usamos, sobre este cuadrado negro, el filtro Desenfoque Gaussiano, del grupo Difuminar en el menú Filtro, con un valor entre 30 y 40.

Con esto tendremos un efecto de marco con sombra similar al de las dos primeras imágenes de este post, algo que también podemos hacer de forma parecida con un texto o una silueta.


Lo único que cambiaría en este caso es que tendríamos que utilizar alguna herramienta de selección para poder seleccionar el texto o la figura y rellenarlas de negro.


De igual manera en lugar de una fotografía podemos utilizar también una textura, para realizar rótulos similares a este.


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

jueves, 29 de junio de 2017

Dibujos y bocetos a lapiz

Saludos a todos, bienvenidos a una nueva entrada de mi pequeño blog n_n

Este sera uno de esos posts que dedico simplemente a mostrar algunos de mis últimos dibujos, en esta ocasión hechos simplemente a lápiz en algún momento que he tenido libre.


Como casi siempre este tipo de dibujos los hago sin tener una idea totalmente clara de como van a quedar al final, improvisando muchas cosas, como en el caso de la primera imagen donde la pose de la chica se me fue ocurriendo a medida que la dibujaba.

En este caso podéis ver el único elemento de los cuatro dibujos de este post que no esta hecho a mano, a parte de las texturas que he añadido de fondo, me refiero por supuesto al texto, que he incluido después con Gimp.


Este es un dibujo algo diferente, un boceto de un perro, hecho mas que nada por practicar plasmando a lápiz algún tipo de animal.


En este caso solo tenia claro que quería hacer a una chica con cara de enfadada, el tatuaje de la rosa es algo que últimamente suelo añadir en mis dibujos de chicas, no sabría explicar por que, simplemente me gusta como queda.


Y para terminar este cuarto dibujo, no me pidáis que os lo explique, ni yo mismo se lo que quería mostrar, simplemente alguien haciendo algo parecido a magia o algo similar.

este es uno de esos dibujos en los que nunca estoy contento de como me quedan las manos, que son uno de mis puntos débiles a la hora de dibujar.

Y hasta aquí este primer post de verano, nos vemos pronto con mas diseños, dibujos y tutos ...

domingo, 18 de junio de 2017

De foto a ilustracion

Saludos a todos, bienvenidos a mi pequeño rincón de la web, dedicado al diseño y la ilustración digital con software libre n_n

Quien siga este blog sabrá que una de mis neuras es la de conseguir que una fotografía parezca una ilustración o un dibujo y esta va a ser una de esas entradas en las que muestro alguna forma de conseguir con Gimp este tipo de efecto.


Lo primero que hemos de hacer es duplicar la capa de la imagen con la que vamos a trabajar, esto lo hacemos para tener una copia de la fotografía original, con la que, en el caso de desearlo, podremos darle un toque de color al efecto de dibujo.

En la capa duplicada eliminamos los colores y la pasamos a escala de grises con la opción Desaturar del menú Colores activando el parámetro de Luminosidad.  

Duplicamos esta capa y le aplicamos Invertir del menú Colores, con lo que la imagen pasara a ser algo parecido a un negativo fotográfico que tenemos que poner en modo Blanquear.

Ahora mismo seguramente solo veremos una imagen blanca, pero eso cambiara en cuando utilicemos el filtro Desenfoque gaussiano del grupo Difuminar en el menú Filtros, ajustándolo a 40, con lo que ya empezara a verse el efecto de dibujo en la foto.



Para mejorarlo solo tenemos que unir las dos capas con las que hemos estado trabajando haciendo clic sobre la miniatura de la capa superior y eligiendo la opción Combinar hacia abajo, y con la herramienta Curvas del menú Colores ajustarla hasta conseguir el contraste de blancos y negros que deseemos.

Podemos suavizar el efecto de los trazos con La opción Smooth [antialias] grupo de filtros Repair en la herramienta G´mic que podemos encontrar en el menú Filtros.


Para darle color podemos aplicar diferentes filtros a la capa de la fotografía original, pero uno de los que mejor combina en este caso es Kuwahara del grupo Artistic, que como en el caso anterior tambien podemos encontrar en G´mic, al que pondremos su parámetro Radius en 12.


Ahora ya solo tendríamos que poner la capa superior, la que tiene el efecto de dibujo, en modo Multiplicar y ya tendremos nuestra fotografía transformada en ilustración.


 Ahora ya es cuestión de experimentar un poco con diferentes tipos de fotografía, aunque este efecto siempre queda mejor en primeros planos.

Nos vemos pronto con mas dibus, diseños y tutos ...