viernes, 31 de mayo de 2013

Efectos fotograficos con XnSketch

Bienvenidos seáis una vez mas a este pequeño rincón de la web dedicado a la ilustración y el diseño digital mediante software libre n__n

Esta sera una de esas entradas  dedicadas a mostrar como podemos lograr unos magníficos efectos en nuestras fotografías utilizando pequeños programas de edición fotográfica, en esta ocasión he utilizado la versión gratuita de XnSketch.

Esta aplicación, que podemos descargar desde la web de su desarrollador www.xnview.com/en/xnsketch nos puede permitir crear hasta 18 efectos artísticos diferentes a través de una interface verdaderamente sencilla de manejar.


Así, en la parte superior tenemos las opciones típicas de cargar y grabar archivo, así como las herramientas de rotación, zoom y selección de tamaño de la imagen resultante, en la parte inferior encontramos los diferentes efectos que podemos crear y a la derecha de la imagen los parámetros que podemos ajustar en cada efecto.

Con esto ya podremos conseguir en unos pocos clics y minutos resultados  como lo de las siguiente imágenes de ejemplo.


Este seria el efecto de medio tono, y en la siguiente fotografía podéis ver el resultado del filtro que XnSketch llama Hope, que es muy similar al efecto Obama, por ser el que se utilizo en los carteles electorales del presidente de los EEUU.


Bajo estas lineas podéis ver la fotografía de un paisaje transformada en una pintura al oleo con la opción Oil.


Y a continuación tenéis dos efectos similares a un dibujo hecho a mano, una de ellas en blanco y negro y la otra a color.


La primera esta realizada con el filtro Sketch B&N y la segunda con Pencil.


Estos son solo algunos ejemplos, podemos conseguir muchos resultados diferentes e incluso si disponemos de un programa de edición fotográfica como Gimp o Photoshop, podemos crear varios efectos con XnSketch de una misma fotografía y intentar combinarlos utilizando las posibilidades de interacción entre capas de estos programas.

Como de costumbre las fotografías que he utilizado de base para crear las imágenes de este post pertenecen a la web www.bancodeimagenesgratis.com, de donde podéis descargar una infinidad de imágenes de libre uso.

viernes, 17 de mayo de 2013

Truconsejos - Tipografias

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

En esta nueva entrada me gustaría explicar un truconsejo muy sencillo y rápido, la importancia de saber elegir la tipografía o fuente de texto adecuada para cada logo o rotulo que realicemos.


Si tenemos que realizar un rotulo es conveniente utilizar la fuente de texto mas adecuada para la idea que queremos transmitir con ese texto en concreto.


Así, en la imagen superior, con un rotulo sobre la naturaleza,  he elegido una fuente de texto que se asemeja a la madera y he utilizado una textura de corteza de árbol para el fondo y otra diferente para el texto.

También podemos utilizar fuentes de texto que incluyen objetos, símbolos  detalles, filigranas o cenefas, entre otras cosa, para embellecer mas nuestros logos, como en este texto en el que el marco esta hecho con una fuente de texto que incluye diferentes tipos de cenefas.


Utilizar selecciones para añadir detalles a un texto también es una buena opción  siempre que lo que creemos con estas selecciones este acorde con la tipografía que estamos utilizando.


Como las dos franjas de la imagen superior, que cuadran con la forma irregular del resto del texto.

Una buena idea es no utilizar tipografías que incluyan muchas filigranas para realizar rótulos  ya que aunque estas fuentes de texto pueden ser muy llamativas y bellas también suelen resultar muy ilegibles, y solo resultan útiles como letras capitales, utilizándolas por ejemplo al principio del un capitulo de un libro.

Y como siempre digo todo es cuestión de practicar y hacer pruebas, a ver que resultado obtenemos.

miércoles, 1 de mayo de 2013

Solo grises

Bienvenidos seáis todos a este pequeño blog sobre ilustración y diseño digital con programas freeware n__n

Esta sera una de esas entradas donde me centrare mas en la parte manual que en la digital, que hacia ya tiempo que no editaba un post de este tipo, y la dedicare a una de mis formas favoritas, junto con las tramas de crear dibujos e ilustraciones en blanco y negro o utilizando solo tonos grises, me refiero a la aguada.


La aguada es una técnica de ilustración manual que nos permite pintar con distintos tonos grises diluyendo tinta china con agua, y dependiendo de la cantidad de tinta que añadamos nos quedara un gris mas o menos oscuro.

Esta forma de ilustrar es muy similar a la acuarela, y de la misma manera que existen formas de sustituir a la acuarela tradicional por otros sistemas, como los lapices y rotuladores acuarelables, podemos utilizar otros elementos para conseguir un resultado similar a la aguada, de esta forma, podemos utilizar gamas de rotuladores con diferentes tonos de grises o pinceles de agua.


Un pincel de agua es básicamente un pincel con una punta de fibra flexible que tiene un compartimento que puede llenarse de agua, y que se utiliza para difuminar lo que hemos pintado con acuarela o colores acuarelables, pero si añadimos unas gotas de tinta podremos pintar con un tono gris, como lo haríamos con un pincel tradicional.


El dibujo que podéis ver sobre este párrafo lo he realizado utilizando primero un pincel de agua para hacer los tonos  de gris mas claros que ocupan toda la ilustración, y rotuladores grises con punta de pincel para los trazos mas oscuros y detallados.

Podemos también escanear el dibujo una vez aplicada la aguada y añadir otros elementos de forma digital, como en la ultima imagen de este post, donde, utilizando Gimp, he añadido un pincel floral para hacer el fondo y dos tipos de tramas para añadir mas textura y sombreado a la imagen.


Todo es cuestión, como siempre digo, de experimentas a ver como nos queda.

sábado, 20 de abril de 2013

Mas efectos en un clic - mas G´mic

Bienvenidos seáis todos una vez mas a este pequeño rincón de la web, sobre diseño e ilustración digital n__n

Hace algunas semanas publique un post donde explicaba como transformar una fotografía en algo similar a una pintura utilizando Gimp y uno de sus complementos, G´mic, el cual contiene docenas de filtros que nos pueden ayudar a crear una infinidad de retoques y efectos en nuestras fotografías.

En esta nueva entrada mostrare algunos de los resultados que podemos obtener utilizando únicamente G´mic, sin ningún otro filtro de Gimp o cualquier otro programa.


La imagen superior se ha logrado con el efecto Tiled rotation del grupo de filtros de G´mic Arrays and frames que básicamente divide la fotografía en filas y columnas y nos permite darles una rotación a los fragmentos resultantes (en el caso de la fotografía del gatito he utilizado una sola fila y nueve columnas  y he añadido una capa como fondo)

Otro efecto artístico, para transformar una fotografía en un dibujo, es el que se consigue duplicando la capa que contiene la imagen, aplicando en la capa inferior el filtro Kuwahara del grupo Artistic, que le da a la imagen un aspecto como de trazos de pincel, luego con la capa superior utilizamos Pencil portrait del submenu Black and withe, que crea el efecto de trazos de lápiz y finalmente cambiamos el modo de fusión de esta capa a Multipliar obteniendo un resultado similar al de esta imagen.
  

Aquí podéis ver los resultado de aplicar estos filtros a dos tipos de fotografías diferentes, la primera una figura humana y la segunda, bajo este párrafo, un bodegón.


Juzgad vosotros mismos en cual de las dos queda mejor este tipo de efecto.

G´mic también nos puede permitir crear animaciones sencillas, utilizando las diferentes opciones del grupo de  filtros Secuences.


Así, la animación superior esta realizada con el filtro Lava lamp, que crea un movimiento como de lampara de lava, mientras que la ultima imagen de este post se ha desarrollado con  Edges on fire que hace que la imagen parezca estar ardiendo.


Como he dicho al principio G´mic tiene decenas de filtros y necesitaría un post muy, muy largo para poder hablar de todos ellos, así que he mostrado solo algunos, como ejemplo que lo que este complemento de Gimp puede crear, si queréis saber todo o que puede hacer solo tenéis que experimentar y practicar con el.

Como de costumbre las imágenes que he utilizado para crear los efectos de este post las he obtenido de la web bancodeimagenesgratis donde podéis encontrar incontables fotografías para utilizarlas en vuestros diseños y trabajos.

sábado, 6 de abril de 2013

Blanco y negro con un toque de color

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

En esta entrada tratare sobre uno de mis efectos fotográficos favoritos, se trata de  añadir un toque de color a fotografías en blanco y negro.

La combinación de color y blanco y negro en una fotografía puede dar mucho juego y muy buenos resultados si lo hacemos de forma creativa y se puede desarrollar de una forma muy similar trabajando con diferentes programas.

Para empezar partiremos de una imagen a color y duplicaremos la capa de fondo, que sera la única que contenga el archivo en ese momento.

La capa inferior la transformamos a blanco y negro lo que podemos hacer con la opción Desaturar del menú Colores si utilizamos Gimp,  o con la misma opción del submenu Ajustes del menú Imagen en el caso de utilizar Photoshop.

Ahora tendremos dos capa iguales pero la superior esta a todo color y la inferior en blanco y negro.

Lo siguiente es ocultar la parte de la capa que no queremos que se vea y dejar solo la parte de color que queremos mostrar como en esta primera imagen de ejemplo.


Para ello utilizaremos las mascaras, si trabajamos con Gimp, 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 y la modalidad Negro (transparencia total) y si utilizamos Photoshop iremos al menú Capa y en Mascara de capa seleccionamos Ocultar todo, de modo que la capa que contiene la fotografía en color pasara a ser invisible.

Finalmente hacemos una selección de lo que queremos mostrar, y la rellenamos de blanco, teniendo la mascara activa, con lo que haremos visible esta parte de la capa, pudiéndose ver así el color sobre el blanco y negro del resto de la foto, como en el caso de la elipse del la primera imagen del ejemplo de este post.

En este caso era sencillo, pero ¿y si lo que queremos ver a color es un determinado elemento de la fotografía  como en el caso del vertido azul de la modelo de la siguiente imagen.


En este caso crearemos la mascara en la capa que contiene la información del color, como en la ocasión anterior y haremos una selección por color sobre el vestido con la Barita mágica, llamada Herramienta de selección difusa en Gimp, ajustando la tolerancia para poder seleccionar solo el azul del vestido, y como en el ejemplo anterior rellenaremos la selección de blanco.

En el caso de que no quede perfecto y alguna parte de lo que queramos mostrar no quede seleccionado o seleccionamos alguna zona que no queramos mostrar, pintaremos sobre la mascara de capa con blanco o negro, según queramos desvelar o ocultar información de la imagen.



Y ya solo quedaría ir haciendo pruebas, a ver que se nos ocurre, como mostrar todos los elementos de una foto que sean del mismo color, como las flores del vestido y los labios de la modelo de la fotografía superior, o mostrar un objeto o persona de una imagen a color y dejar el resto de la imagen en blanco y negro como en el caso del coche del ultimo ejemplo de esta entrada.


Como de costumbre, las fotografías que he utilizado para crear los efectos de este post las he obtenido del la web Bancodeimagenesgratis en la que podéis encontrar una infinidad de fotografías de libre uso para vuestros diseños y trabajos.

viernes, 22 de marzo de 2013

Fanart - Los relatos de Gabriel Cruz

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

Este sera mi primer post dedicado a realizar ilustraciones de personajes de otros dibujantes, a modo de homenaje, es decir, lo que se conoce en el mundillo del comic como fanart.

Y en esta primera entrada de este tipo he decidido hacer un dibu basándome en uno de los personajes de un colega bloger mexicano, se trata de Juanito extraño creado por el artista Gabriel Cruz.


Podéis disfrutar de las tiras cómicas de Juanito extraño y el resto de los personajes de Gabriel, como El niño vegetal, Fenomeno , La ley de la selva, Marciano en la luna, Vida animal, o Woody warttledrum , en su blog losrelatosdegabrielcruz.blogspot.com.es

El blog se actualiza a diario ofreciendo una tira cómica distinta cada día, de cualquiera de estos personajes.

Si queréis echaros una risas no dudéis en visitar este blog.

viernes, 15 de marzo de 2013

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.