Pixeles y patrones

Bienvenidos seáis una vez mas a este blog n__n

En esta entrada veremos como realizar con Gimp un curioso efecto, en el que utilizando un pixelado y un patrón sobre una fotografía obtenemos un resultado similar al de la imagen que podéis ver bajo estas lineas.

En este tipo de imagen, que podemos realizar con las fotos de nuestros amigos para sorprenderlos, veremos solo un amasijo de puntos si hacemos un zoom o la miramos de cerca, y apreciaremos lo que en ella se representa si la alejamos.

El mejor resultado lo conseguiremos si utilizamos imágenes que tengan un tamaño mas o menos grande y especialmente si utilizamos sobre todo fotografías donde la mayor parte de la imagen la ocupe el rostro.

Lo primero que tenemos que hacer es crear el pixelado de la imagen con el filtro Pixelizar del submenu Desenfoque (blur) que encontramos en el menú de Filtros, en el que tendremos que establecer un ancho y un alto de pixel que debe estar entre 10X10 y 30X30 pixeles (lo mejor es utilizar un pixelado cuadrado, con la misma altura y anchura)

Ahora crearemos el motivo que utilizaremos como patrón en un archivo nuevo, que se repetirá en la imagen de la foto de manera que cubra toda la fotografía y que tiene que tener las mismas medidas que el pixelado, es decir que si hemos utilizado un pixelado de 20X20 pixeles el archivo del motivo tendrá que tener el mismo tamaño.

El archivo sera minúsculo, así que haremos un zoom para que ocupe la mayor parte de la pantalla y asi poder trabajar mejor con el.

Lo siguiente es añadirle un canal alfa (es decir, la transparencia) lo que haremos clicando sobre la miniatura de la capa con el botón derecho y seleccionando Añadir canal alfa.

A continuación rellenamos la capa del color que queramos y con las Herramientas de seleccion creamos, centrada en el archivo, la forma que queremos que se repita en la foto (lo mejor es utilizar algo sencillo, como un circulo) y borramos  su contenido, de manera que este quede transparente.

Finalmente aplicaremos el patrón a la fotografía pixelada, para ello primero copiaremos la imagen del motivo, con la opción  Todo del menú Seleccionar y Copiar del menú Editar y finalmente la añadiremos a la fotografía, en una capa nueva, con la Herramienta de relleno y la opción Relleno con patrón activada (naturalmente tendremos que seleccionar como patrón la imagen que hemos copiado, que sera la primera de todas en la lista de esta herramienta)

Así el motivo se repetirá en toda la fotografía y la transparencia dejara ver el pixelado  de la capa inferior, creando un efecto similar al de la siguiente imagen.

Lo mas importante a recordar a la hora de realizar este efecto es que el pixelado y la imagen que nos servirá de patrón han de tener el mismo tamaño, para que cada cuadrado de color coincida con cada una de las imágenes del patrón y que a la hora de crear esta imagen es mejor que tenga una forma sencilla (un circulo, un rombo, un corazón ...) ya que no por complicarnos la vida quedara mejor, de hecho es muy posible que quede peor.

También podemos utilizar el patrón para añadir un texto, lo que podemos hacer creando una capa nueva entre las dos existentes y utilizar selecciones que rellenaremos de color para crear las letras, o escribir el texto y aplanar la imagen antes de aplicar el pixelado.

Las fotografías que me han servido de base para realizar las dos ultimas imágenes las he obtenido del blog  www.bancodeimagenesgratuitas.com en el que podéis encontrar infinidad de fotos libres de derechos para vuestros proyectos.

El proceso para realizar este efecto con Photoshop, seria prácticamente idéntico, solo que para poder utilizar una imagen como patrón tendremos que guardarlo como tal, lo que podemos hacer con la opción Definir motivo del menú Edición.

Truconsejos - Utilizar texturas

Bienvenidos seáis n__n

Esta va a ser un truconsejo un tanto corto, donde solo quiero resaltar lo importante que puede ser utilizar texturas en nuestros diseños y trabajos.

Cuando realizamos una ilustración o un diseño, además de utilizar colores o patrones, también podemos usar texturas, es decir imágenes que representan determinados materiales, que podemos crear utilizando filtros de programas como Gimp o Photoshop o utilizando fotografías que podemos hacer nosotros mismos o descargarlas de alguna web (asegurándonos de que son de libre uso)

Las texturas nos pueden ser muy utiles en múltiples tipos de diseños, como por ejemplo en rótulos como en el de la imagen que tenéis bajo estas lineas, donde los materiales que he utilizado (dos tipos distintos de metal)  van muy a tono con el tipo de logo.

Añadir una textura a una imagen con la que estemos trabajando suele ser muy sencillo, en el caso de Photoshop  solo tenemos que tener los dos archivos abiertos, el archivo con el que estamos trabajando y el que contiene la textura, hacer clic y arrastrar la imagen de la textura sobre la pestaña de la imagen en la que estamos realizando nuestra ilustración o diseño y esta se copiara automáticamente, y si utilizamos Gimp en el menú Archivo, tenemos la opción Abrir como capa, que nos permite abrir cualquier tipo de archivo de imagen en el archivo en el que estamos trabajando como si fuese una capa mas.

Para trabajar con ella y mostrarla solo donde queramos lo mejor es ajustarla al espacio que necesitemos que ocupe (siempre que sea posible, ya que si la imagen de la textura es muy pequeña y la escalamos en exceso se difuminara y no se apreciara con suficiente detalle) y mediante la herramientas de selección y las mascaras ocultar o mostrar lo que nos convenga.

Para finalizar me gustaría aconsejar que es conveniente acostumbrarse a utilizar los modos de fusión de capas para superponer unas texturas sobre otras o un dibujo o imagen sobre una textura, como en la ultima imagen de este post.

La fotografía que he utilizado como base para hacer esta imagen la he obtenido del blog www.bancodeimagenesgratuitas.com en el que podéis encontrar infinidad de imágenes de libre uso que os pueden ser muy útiles para vuestros diseños (para poder utilizarlas solo tenéis que reseñar la pagina web de la que las habéis obtenido, de la misma manera que lo he hecho yo)

Dibujar manos

Bienvenidos seáis una vez mas a este pequeño blog, hecho por un aficionado al dibujo y la ilustración digital n__n

Este post, dedicado a dar consejos para dibujar manos, sera un post algo accidentado, ya que parece ser que mi ordenador y mi escaner no se llevan muy bien últimamente y he tenido que echar mano de dibujos antiguos que tenia almacenados en el disco duro.

Creo que las manos es de lo mas complicado de dibujar de la figura humana y a mi no se me da del todo bien, y seguro que quienes le hayan echado un ojo a los dibujos de mi blog entenderán por que lo digo, es por eso que me gustaría compartir los truquillos que yo utilizo para que dibujar esta parte de la anatomía me resulte algo mas sencillo.

Una buena idea seria utilizar un maniquí, con forma de mano para poder utilizarlo como modelo en nuestras ilustraciones.

No es tan versátil como una mano real y no podremos poner los dedos en todas las posiciones que necesitemos, pero puede resultar de gran ayuda en muchos momentos.

Otra opción seria buscar fotografías en Internet o hacerle una fotografía a la mano de un amigo, o a las nuestras, en la pose que necesitemos e ir copiando la forma desde la pantalla del ordenador.

Así por ejemplo, para la imagen superior, donde quería hacer una pistola futurista, pero de aspecto similar a un revolver típico de los westerns, utilice una fotografía de mi mano en la que estaba sujetando el mango de un paraguas (por desgracia no conservo la foro original, sino la hubiese subido)

Y la opción mas sencilla seria dibujar nuestro reflejo en un espejo, en este caso centrándonos en las manos, como si se tratara de realizar un autorretrato, pero por supuesto en lugar de dibujarnos a nosotros, copiaríamos la pose, pero la aplicaríamos al personaje que estemos dibujando.

Eso es mas o menos lo que hice para dibujar algunos detalles de los brazos y las manos de los personajes de la imagen superior y inferior, aunque tengo que reconocer que yo no estoy ni mucho menos tan cachas ...

Estos son los que yo considero los trucos y ayudas mas básicas a la hora de dibujar manos, pero podeis encontrar multitud de consejos en la web donde os podrán guiar mucho mejor que yo, uno de los mejores tutoriales, de este tipo, que he encontrando rebuscando en Internet lo podéis encontrar en el blog consejostrucosymas.blogspot.com.

Utilizar capas y mascaras de forma creativa

Bienveidos a todos una vez mas ^^

En un post anterior de truconsejos resalte la importancia que tenia utilizar correctamente las capas y las mascaras para realizar montajes y retoques fotográficos, y en esta nueva entrada me gustaría subir algunos ejemplos de como podemos hacer un uso creativo de estas herramientas típicas de los programas de manipulación de imagen digital como Photoshop o Gimp.

Empezaremos con algo sencillo, como insertar un texto en una fotografía, como en la primera imagen de ejemplo.

Cuando escribimos un  texto este se crea de forma automática en una capa nueva, tanto en Gimp como en Photoshop, de manera que no tenemos que preocuparnos de crear una capa antes de empezar a escribir.

Para que el texto se transparente y deje ver la imagen de la capa inferior podemos reducir la opacidad y utilizar algún tipo de modo de fusión (lo mejor es probar y ver cual nos convence mas)

Y para crear el efecto de desvanecimiento que hace que el texto sea mas opaco en la parte superior y mas difuso en la inferior tenemos que crear una mascara en la capa de texto, utilizar la Herramienta de seleccion rectangular sobre la primera linea del texto, de manera que toda la linea quede seleccionada (no importa que la selección sea poco precisa) y rellenar la selección con un degradado de blanco a negro, o a un gris muy oscuro y repetir este proceso en todas las lineas de texto, de esta manera la mascara hará que la parte blanca sea totalmente visible y a medida que el degradado se haga mas oscuro el texto se ira haciendo mas transparente.

Veamos ahora una forma de darle un toque creativo y original a una fotografía, utilizando ademas de capas y mascaras, una textura que emplearemos de fondo.

Para realizar este efecto tendremos que añadir una capa de fondo al archivo de imagen que colocaremos bajo la capa que contiene la fotografía, y en ella pegaremos una textura que nos guste y se ajuste al motivo de la imagen (en este caso el color marrón pega mucho con el tema natural de la fotografía)

Podéis encontrar una infinidad de texturas en muchas paginas de la red, o crearlas vosotros mismos utilizando tutoriales que, por supuesto, también podéis encontrar en Internet.

Para hacer el efecto de ventana crearemos, como no, una mascara en la capa de la fotografía que sea completamente negra (para que se totalmente transparente) luego crearemos los cuatro recuadros, ayudándonos por las guías o por la cuadricula y los rellenamos de negro para hacer visible esas cuatro  partes de la imagen, si queremos crear una sombra entre la fotografía y la textura solo tenemos que crear una capa entre ambas, rellenar la selección que aun tendremos activa de negro y desenfocarla (si utilizamos Photoshop aun sera mas fácil ya que podemos utilizar un estilo de capa para crear una sombra exterior)

Y ya para finalizar vamos a por un clásico, añadir toque de color a una fotografía en blanco y negro.

Para este efecto partiremos de una imagen en color  y duplicaremos la capa, ahora seleccionamos la capa original, que debe estar en el fondo y la desaturamos para eliminar el color (podemos utilizar los niveles o las curvas para dar un mayor contraste a las luces y las sombras)

Añadimos una mascara de color negro a la capa superior (la que tiene color) para que sea totalmente transparente y pintamos de blanco las zonas que queramos desvelar (en este caso los tonos rojos del vestido y los labios de la chica)

También podemos utilizar la Herramienta varita mágica para seleccionar el color rojo y rellenarla de blanco, pero seguramente tendremos que retocar luego el resultado pintando de blanco algunas zonas rojas que hayan quedado fuera de la selección y de negro algunas que habiendo sido seleccionadas no formaran parte de lo que queramos mostrar.

En las dos ultimas imágenes podríamos haber obtenido el mismo resultado borrando lo que no queremos que se vea, pero la gran ventaja de utilizar mascaras es que estas nos permiten realizar retoques no destructivos, es decir, que nos permiten ocultar parte de la imagen pero sin eliminarla, de manera que si guardamos el archivo en un formato que permita salvar las capas y las mascaras, retocando la mascara podemos recuperar la información que permanece oculta siempre que queramos.

La imagen de la catarata y de la chica sexy las he obtenido de la pagina web www.bancodeimagenesgratuitas.com en la que encontrareis una gran variedad de fotografías de libre uso que podréis utilizar en vuestros proyectos.

Truconsejos - Outline coloreado

Bienvenidos seáis una vez mas a este blog de dibujo y diseño digital con programas de software libre ^^

Con este post os traigo un nuevo truconsejo, en este caso de dibujo digital, sobre como podemos colorear el outline (es decir los trazados) de nuestros dibujos, lo que puede mejorar el aspecto final de nuestras obras.

La palabra outline es un anglicismo que hace referencia a los trazados a lápiz o tinta de un dibujo, es decir el dibujo en si, sin color, tramas o tonos grises para crear sombreado.

Estos trazados pueden colorearse con un programa de ilustración digital como Gimp, de forma sencilla,  aunque dedicándole un poco de tiempo y paciencia.

Para ello, una vez escaneado el dibujo, primero tendremos que aplicar el color a la ilustración de forma normal, ya que es mejor colorear el outline una vez este coloreado el resto del dibujo.

Cuando ya tengamos el proceso de coloreado "normal" acabado ya podremos aplicar el color a los trazados, para ello primero tendremos que seleccionarlo, lo que podemos hacer clicando con el botón derecho del ratón sobre la capa en la que se encuentren los trazos a tinta y seleccionar la opción Alfa a Selección.

Ahora el outline esta seleccionado y podriamos empezar a colorearlo, pero es posible que los bordes de la selecion no nos permitan ver bien la zona que queramos colorear, asi que lo mejor seria hacer esta selecion invisible, esto lo podemos hace desactivando la opcion Mostrar seleccion del menu Ver, que por defecto se encuentra siempre activada.

Si hacemos esto no podremos ver los limites de la selección, pero esta sigue estando activa y cualquier cosa que hagamos en la ilustración solo afectara a la zona seleccionada, es decir, que si aplicamos un color solo pintaremos sobre la selección, en este caso sobre los trazados.

Y ahora que ya podemos colorear el outline sin problemas solo hay dos cosas que tenemos que tener en cuenta, la primera en que tendremos que utilizar un color mas oscuro del que tenga la parte del dibujo en la que se encuentra el trazado (podemos pintar con un tono mas claro, pero el resultado quedara un  tanto extraño) y la segunda es que en las zonas donde el trazado separe dos colores lo pintaremos con un tono de la zona que quede mas arriba, así por ejemplo, los tazados del pelo o la ropa que estén tocando la piel los pintaremos con un tono mas oscuro del que hemos utilizado para el pelo o la ropa, por que estos quedan por encima de la piel (tenéis un buen ejemplo de esto en la primera imagen de este post)

Este trazado coloreado se aprecia mas en las ilustraciones donde hayamos utilizado unos tonos claros, ya que si la ilustración es mas bien oscura, como la que tenéis encima de estas lineas, el color del trazado ha de ser tan oscuro que a penas se notan los matices entre los diferentes colores que le apliquemos al outline.

Dar color a los trazados de un dibujo puede ser muy laborioso, ya que tenemos que hacerlo todo o casi todo de forma muy manual, pero con practica y paciencia iremos logrando unos resultados que nos harán ver que resulta mucho mejor hacerlo así que no dejar simplemente el dibujo con los trazos de tinta negros.

Crear una biblioteca de tramas

Bienvenidos seáis una vez mas a una nueva entrada de este blog ^^

Después de unos cuantos posts dedicadas a retoques y efectos fotográficos ya tocaba uno sobre dibujo, no os parece.

Una de las carencias que tiene Gimp (que por si no os habéis dado cuenta es mi programa de ilustración y retoque fotográfico preferido) con respecto a otros programas de diseño e ilustración mas profesionales, especialmente si lo comparamos con programas enfocados al dibujo de comics, como Manga Studio, es que no cuenta con algunas de sus prestaciones, como una librería de tramas, que pueden resultar muy útiles si tenemos que hacer un dibujo solo en blanco y negro.

Pero esto es un problema solo en parte, ya que podemos crear  nuestras propias tramas para Gimp, para ello solo tenemos que utilizar el filtro Papel de periódico del grupo de filtros Distorsiones.

Ya explique como utilizar este filtro para crear tramas en una de mis entradas de Diciembre de 2010, pero creo que lo mas útil es tener estas tramas disponibles para poder utilizarlas cuando queramos sin tener que crearlas cada vez que las necesitemos, esto ademas nos permitirá trabajar siempre con un mismo grupo de tramas, lo que resultas mas profesional y personal (es algo similar a trabajar con una determinada paleta de colores.

Para ello podemos crear estas tramas siempre en un mismo formato, por ejemplo Din-A4, y guardar el archivo de imagen en formato JPG, en una carpeta que podemos llamar "Tramas" (si, ya se que no es muy original)

Y para utilizarlas posteriormente con Gimp cuando trabajemos con uno de nuestros archivos de dibujos, podemos seleccionar la opción Abrir como capas del menú Archivo, seleccionamos el archivo que contiene la trama que queramos utilizar y este se cargara en la imagen como un a nueva capa.

Naturalmente nosotros solo queremos que sea visible una parte de la trama, para ello clicamos con el botón derecho del ratón sobre la miniatura de la capa y seleccionamos la opción Añadir mascara de capa y la opción Negro (transparencia total)

Con ello la capa sera transparente y clicando sobre la miniatura de la mascara y pintando con el color blanco sobre las zonas que queramos desvelar iremos añadiendo tramado a las zonas en las que queremos que aparezca la trama.

Podemos cargar varias tramas en diferentes capas y repetir el proceso anterior para crear diferentes tonos y matices, como en la imagen superior (vale, es posible que me haya pasado con las tramas con este dibujo, pero que conste que lo he hecho para que se vea claro el efecto que se puede lograr solo con tonos de grises)

Aun así en algunas zonas concretas de algunos dibujos, donde queramos lograr un efecto de degradado determinado o similar, tendremos que rellenarlas de gris y utilizar el filtro Papel de periódico en el momento de realizar el dibujo, para que la trama quede como queramos y con el tamaño adecuado, como en los ojos de esta ultima imagen.

Como podéis ver, con este filtro y un poco de paciencia podemos llegar a crearnos una amplia librería de tramas , que podremos utilizar, de forma similar a como lo harían los profesionales, para nuestros trabajos cuando nos convenga.

Efectos artísticos con fotos

Bienvenidos seáis una vez mas a este blog ^^

En esta entrada explicare, como en la mayoría de los últimos posts, dedicados principalmente a crear originales retoques fotograficos, como realizar un curioso efecto con nuestras imagenes, en este caso transformar nuestras fotos en algo parecido a pinturas utilizando filtros de Gimp, algo que puede resultar útil o al menos divertido, para aplicarlo a las fotografías de nuestros amigos o familiares (o de nosotros mismos, como en el primer ejemplo de este post)

Para poder realizar este efecto necesitaremos tener instalado el complemento Gmic, con el que podemos realizar cientos de interesantes cambios en nuestras imágenes.

Después de abrir el archivo de imagen con Gimp, el filtro de Gmic que tenemos que utilizar se trata de Bilinear filtering que se encuentra en el submenu Enhancement,  y en su cuadro de dialogo  tenemos que tener en cuenta que los tres parámetros que podemos ajustar harán que el resultado este mas emborronado cuanto mayores sean los valores que utilicemos y mas se ajuste a la fotografía original cuanto menores sean.

Generalmente los mejores resultados se obtienen dejando los datos que aparecen por defecto, pero nunca esta de mas experimentar y ver que pasa.

Finalmente clicamos sobre Aplicar y Gmic realizara los cálculos para transformar nuestra fotografía en algo similar a una pintura, y como podéis ver en la imagen inferior,aunque lo mejor es aplicar este filtro sobre fotografías de personas, también podemos utilizar este efecto en imágenes de fondos.

Siempre podemos aplicar modificaciones sobre la imagen final con las opciones del menu Colores, como los Niveles, Tono y saturacion o Brillo y contraste, o posteriormente utilizar alguna de las opciones de mejora que nos ofrece Picasa (Como modificar los realces o la temperatura del color)

Otra opción, también del complemento Gmic, para conseguir un efecto similar, aunque mas parecido a un dibujo de cómic que a una pintura, es el efecto Graphic novel, que se encuentra en el submenu Artistic.

Al igual que en el efecto anterior lo mejor es dejar las distintas opciones del cuadro de dialogo tal como están, aunque nunca esta de mas experimentar un poco y ver que pasa.

Para finalizar os dejo otro efecto de Gimp, esta vez mas similar a un dibujo, que podéis lograr fácilmente, como los anteriores con el filtro Quick sketch del submenu Artistic del menú Fx-foundry, que, para la imagen de ejemplo, he aplicado a la misma fotografía del efecto anterior.

La imagen de base para los dos efectos anteriores la he bajado del la web www.bancodeimagenesgratuitas.com, donde podéis encontrar multitud de imagenes de libre uso, que os pueden ser muy útiles para vuestros proyectos.