viernes, 18 de octubre de 2013

Xnsketch - efecto lapiz

Bienvenidos seáis una vez mas a este pequeño rincón de la red creado para los aficionados a la ilustración y el diseño digital n__n

En mayo de este año publique una entrada dedicada a un programa gratuito, Xnsketch, que permitía crear interesantes efectos en unos clics, en esta ocasión veremos como utilizar uno de los mejores filtros de este programa, que transforma una fotografía en algo similar a un boceto hecho a lápiz o carboncillo.


Este filtro es Sketch B&N, y podemos mejorarlo utilizando también el filtro Hatching de este mismo programa.

Pero ya que este programa solo nos permite aplicar un efecto a la vez, para utilizar estos dos filtros de forma adecuada, usaremos Gimp y su capacidad de trabajar con capas (aunque también podríamos utilizar otros programas similares como Photoshop o Krita)


 Primero aplicaremos cada uno de estos efectos con Xnsketch, ajustando los parámetros a nuestro gusto, pero procurando que la imagen no quede muy oscura y grabaremos el resultado de ambos en dos archivos de imagen diferentes.

Luego solo tenemos que abrir con Gimp primero el archivo en el que hayamos creado el efectos Sketch B&N y luego abrimos con la opción Abrir como capas de menú Archivo la imagen con el filtro Hatching, de manera que aparecerá como una nueva capa en la imagen.


Para terminar solo tenemos que poner esta capa en modo Multiplicar para que se combine con la capa inferior y habremos logrado un resultado como el de las imágenes de ejemplo de este post.

Este efecto es especialmente eficaz en fotografías de rostros, pero también puede ser muy efectivo con paisajes naturales o urbanos.


Las fotografías que he utilizado como base para crear las imágenes de este post son como de costumbre cortesía de www.bancodeimagenesgratis.com una web donde podréis encontrar infinidad de fotografías de libre uso.

viernes, 4 de octubre de 2013

Texto y formas

Bienvenidos seáis una vez mas a este pequeño blog sobre diseño e ilustración con programas de software libre n__n

Esta sera otra de esas entradas, que de vez en cuando escribo, sobre como crear rótulos, logos y títulos con las herramientas de texto de programas como Gimp o Inkscape.

La diferencia es que en esta ocasión pondré algunos ejemplos de como podemos añadir a estos rótulos formas creadas con las Herramientas de seleccion o con Curvas Bezier, que con Gimp podemos hacer con la Herramienta de ruta.

Para empezar podéis ver la siguiente imagen en la que en el titulo de mi blog e sustituido la "i" de "lápiz" por un la imagen de un lápiz, similar al de la cabecera, creado solo con las herramientas de Selección libre y Selección elíptica (para hacer la base)


Para hacer este lápiz tendríamos que ir creando las distintas formas con la Selección libre y rellenarlas del color que queramos, lo mejor es crear los elementos de los diferentes colores en capas separadas y una vez hecho el lápiz utilizar nuevas capas para añadir los brillos y las sombras (para esto ultimo podemos seleccionar la zona en la que queramos crear el brillo o la sombra con la Herramienta de selección difusa, lo que en Photoshop es la Varita mágica)

En esta otra imagen, donde la forma de corazón sustituye a la palabra "love" quería utilizar una forma predeterminada, y ya que Gimp carece de estas formas he utilizado una del programa de dibujo de la Suit LibreOffice que luego he copiado y pegado en el archivo de Gimp.


Al igual que en la imagen anterior luego le he añadido las sombras y los brillos para darle una sensación de volumen.

Y para acabar una viñeta típica de los comics de humor, una onomatopeya de una explosión, en la que he utilizado las formas predeterminadas para hacer las estrellas y el bocadillo del fondo.


espero ir publicando con el tiempo mas entradas de este tipo, en las que incluiré objetos creados con selecciones en rótulos y dibujos, intentando que estos sean cada vez mas complejos.

viernes, 20 de septiembre de 2013

Chibi chicas

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

Hace ya algún tiempo, en junio del 2011, escribí una entrada donde explicaba las premisas básicas para dibujar chibis, o como también se les conoce en occidente Superdeformed.

Dibujar estos personajes caricaturescos puede ser mas complicado si se trata de chibis femeninos, ya que por su naturaleza de personajes de caricatura deformada, y ante todo cabezones, resulta mas difícil mantener en ellos un aspecto femenino.


Dibujar un chibi significa básicamente crear una versión deformada y con una cara mas infantilizada de un personage normal, en el caso de chibis masculinos podemos utilizar lineas angulosas para crearlos, pero si creamos el chibi de una chica tendremos que utilizar lineas mas suaves y redondeadas.


Y sobre todo hay que recordar que este tipo de caricaturas se caracterizan sobre todo por tener la cabeza muy grande con respecto al resto del cuerpo (de modo que la altura total del cuerpo es de unas tres o cuatro cabezas)  y unos ojos también mas grandes de lo normal.


Aquí tenéis un ejemplo de chibi brujita, donde he intentado que, aunque sea un dibujo caricaturesco, siga manteniendo una figura femenina y mas o menos sexy.


Y para termina os dejo unos ejemplos de ojos que se pueden utilizar para realizar chibis o otros tipos de dibujos ya sean o no caricaturas.

viernes, 6 de septiembre de 2013

Texto con Inkscape

Bienvenidos seáis todos a la primera entrada de este blog después del parón veraniego n__n

En esta primera entrada post vacacional quiero explicar como utilizar conjuntamente dos de mis programas de software libre favoritos, Gimp e Inkscape , para realizar logotipos y rótulos de una manera mas o menos sencilla y rápida.


Inkscape es una potente herramienta de diseño vectorial en la que se incluyen increíbles filtros que nos pueden ser especialmente útiles a la hora de realizar rótulos o aplicarlos a diferentes tipografías para lograr efectos como el de la imagen superior llamado Cristal helado.

Estos efectos se encuentran en el menú Filtros , que esta dividido en varias categorías, entre ellas Sombreados 3D no realistas, que nos permite dar volumen a las formas o textos sobre los que lo apliquemos, como en el texto la primera imagen de este post.


Otro buen ejemplo seria el de este rotulo en el que he utilizado la opción Joyería de esmalte del grupo Materiales, que le da al texto la sensación de estar recubierto algún tipo de esmalte o pintura metalizada.


Esta tercera imagen esta creada con el filtro Bultos burbujeantes del submenu Bultos, con el que conseguimos que el rotulo tenga un aspecto similar a la piedra o roca.

Y como ultimo ejemplo en este post podéis ver como queda un texto con el nombre de este blog aplicándole el efecto de Vidrio roto del grupo de filtros Texturas.

Podemos modificar los diferentes parámetros de cada filtro activando las opciones del Editor de filtros, que también podemos encontrar en el menú Filtros.

En todos estos ejemplos, solo el texto esta realizado con Inkscape, el resto de la imagen como los fondos, el efecto de aura de la segunda imagen, el reflejo de la primera o el marco y la sombra del texto de la ultima están hechos editando los rótulos creados con Inkscape utilizando Gimp.

Para ello primero tenemos que exportar la imágen vectorial con la que trabajamos en Inkscape a una imágen de mapa de bits, lo que podemos hacer con la opción Exportar mapa de bits del menú Archivo.

Una vez tengamos el archivo bitmap ya podremos abrirlo con Gimp (o cualquier otro editor de imágenes, como Krita o Photoshop) y añadirle o modificarle todo lo que se nos pase por la cabeza.

Las posibilidades que nos brinda el poder combinar estos dos programas son inmensas y el limite, como se suele decir en estos casos solo lo pondrá nuestra imaginación.

viernes, 9 de agosto de 2013

¡Blog de vacaciones!

Bienvenidos seáis todos a la entrada mas veraniega de este blog n__n

Como ya hice el año pasado aquí os dejo este post para avisaros de que mi blog estará inactivo este mes de agosto, para que me pueda tomar un descanso y recargar pilas (y por que con el calor siempre me pongo en plan bago y no tengo muchas ganas de hacer nada)


Os deseo a todos que paséis también un buen veranito allí donde os encontréis, ¡Nos vemos en septiembre!

La fotografía que he utilizado para hacer el fondo de la imagen de este post es, como de costumbre cortesía de bancodeimagenesgratis.com una web donde podéis encontrar multitud de imágenes de libre uso para vuestros diseños y proyectos.

sábado, 27 de julio de 2013

De foto a dibu

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

En este post me gustaría subir algunos ejemplos de un efecto para convertir una fotografía en una ilustración, utilizando el posterizado de imagen y los programas de software libre Picasa y Gimp, que ya explique en un post de Mayo del 2012, pero del que he decidido colgar algunas imágenes mas por ser un efecto llamativo y fácil de realizar (y porque con el veranito da como pereza ponerse a pensar en cosas nuevas y originales)



Podéis consultar el post original para ver el tuto completo, pero básicamente consiste en crear dos imágenes con Picasa partiendo de una fotografía, una aplicándole el filtro Posterizar y otra con el filtro Esbozo a lápiz y unirlas con Gimp en modo multiplicar para que la fotografía tenga un aspecto de dibujo coloreado.


Luego abrimos de nuevo la imagen resultante con Picasa y le aplicamos el filtro Comic, para crear la trama punteada que le da mas aspecto de dibujo al resultado final.


Este ultimo paso nos lo podemos saltar, pero personalmente a mi me gusta mas como queda la imagen de esta manera.


Como podéis ver por estos cuatro ejemplos, este tipo de efectos queda especialmente bien en fotografías de rostros, y nos puede servir para crear interesantes imágenes con fotos de familiares o amiguetes.

Como de costumbre las imágenes que he utilizado para desarrollar este efecto de ilustración las he obtenido de la web bancodeimagenesgratis.com en la que podéis encontrar una gran variedad de fotografías para vuestros diseños y proyectos.