miércoles, 28 de marzo de 2012

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.

martes, 20 de marzo de 2012

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)

martes, 13 de marzo de 2012

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.

sábado, 3 de marzo de 2012

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.