Rótulos y creatividad

Bienvenidos a una nueva entrada de este pequeño blog dedicado al diseño y la ilustración digital con software libre n__n

En esta entrada veremos algunos consejos útiles para desarrollar, con Gimp, rótulos y textos de manera creativa.

Programas como photoshop permiten trabajar con texto de una manera fácil y rápida, gracias a una serie de opciones predeterminadas que podemos aplicar a una capa para crear toda una variedad de efectos, como relieves, luces, sombreados o degradados.

Gimp no tiene estas herramientas, pero dispone de una serie de logotipos predeterminados (algunos de ellos espectaculares) que podemos encontrar en la opción Logotipos del submenu Crear que se encuentra en el menú Archivo, de los que podéis ver muchos ejemplos en otros post de este mismo blog.

En webs como Gimpscripst encontraremos una infinidad de herramientas, muchas de las cuales nos pueden resultar muy útiles para realizar nuestros rótulos, como el filtro Soap Bubble, con el que podemos crear las burbujas que he utilizado en la imagen que hay bajo este párrafo.

Los degradados, y las mascaras de capa son una gran ayuda para darle un toque de originalidad a nuestros rótulos, como  en la siguiente imagen, para la que he usado una mascara en la capa del texto y he aplicado en ella un pincel que simula una tormenta, para crear el efecto de logo arañado o roto.

Para aplicar un degradado no tenemos mas que hacer clic con el botón derecho sobre la miniatura en la que tenemos el texto y seleccionar Alfa a seleccion, con lo que quedaran seleccionadas las letras del rotulo y podremos añadirle el degradado que deseemos.

También podemos utilizar texturas en lugar de colores o degradados, para dar un aspecto mas real a nuestros logos,así como pinceles con formas predeterminadas, como en la ultima imagen de este post, en la que el fondo y el texto son texturas de ladrillo y metal respectivamente y las manchas de sangre están hechas con un tipo de pincel que simulas manchas y suciedad.

Podéis buscar infinidad de tutoriales, filtros, pinceles, degradados y herramientas en general para desarrollar logos y rótulos con Gimp  en paginas web como Todogimp o Gimpusers, con los que tendremos una cantidad de posibilidades casi ilimitada.

Creando nubes

Bienvenidos seáis todos a este pequeño rincón de la web n__n

En este post veremos como podemos crear con un filtro de Gimp y en unos pocos pasos, fondos que reproducirán un cielo nuboso mas o menos realista.

Para crear estas nubes, utilizaremos el filtro Ruido solido que se encuentra en el grupo Nubes del submenu renderizado que se encuentra en el menú Filtros.

Primero clicamos en Nueva semilla para crear un nuevo patrón de ruido solido, luego ponemos el Detalle al 15 (el máximo) para que las nubes nos queden mas esponjosas y realistas, ajustamos el Tamaño de x a 5 y el Tamaño de y a 12.

Con la herramienta Niveles del menú Colores, ajustamos las luces y las sombras, de manera que acentuemos las zonas oscuras y le demos mas brillo a las blancas, aunque sin pasarse, ya que de lo contrario parecerán manchas blancas en lugar de nubes.

Creamos una capa nueva y la ponemos bajo la capa en la que hemos creado las nubes, y la rellenamos con un color o un degradado de tonos azules.

Para finalizar ponemos la capa de las nubes en modo Pantalla, para que se solape con la capa del fondo, consiguiendo un resultado similar al de la imagen que hay bajo este párrafo.

.

También podemos ajustar parámetros como la Saturación y Luminosidad o utilizar Balance de color o Colorear para dar un determinado tono a las nubes, así como reajustar los Niveles para conseguir una mayor o menor cantidad de nubes, de manera que si acentuamos mas las zonas oscuras lo  reduciremos.

Si utilizamos otros filtros como Starry sky que podemos conseguir en la web Gimpscripts, y el Diseñador de esferas del grupo de filtros Renderizado, podemos crear un fondo nocturno como el de esta imagine.

Podemos utilizar este tipo de fondos en ilustraciones, diseños, presentaciones multimedia o banners para paginas web y como habéis visto, se pueden crear de forma bastante sencilla, sobre todo en cuando tengamos un poco de practica.

Practicando - Dibujar ojos

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

Hoy toca subir uno de esos post en los que publico algunos de mis dibujos a lápiz, hechos sobre todo por practicar, en esta ocasión centrándome en los ojos.

En uno de mis primeros post, allá por Abril del 2010, ya explique un pequeño truco que nos podía ayudar a dibujar los ojos, que consistía en hacer una cruz, como en la imagen superior, y dibujar el ojo guiándonos por esa cruz.

Aun a si, esta parte de la anatomía siempre a sido uno de mis puntos débiles con el lápiz, así que he estado estos últimos días practicando e intentado mejorar.

Aquí os dejo alguno de los dibujos que he realizado durante este tiempo, aunque se que aun me queda mucho por mejorar.

Si queréis ver ilustraciones de un artista que verdaderamente domina este tipo de ilustraciones no dejéis de visitar el blog de Rafa Navarro, cuya especialidad son los retratos y es capaz de dibujar unos ojos casi hiperrealistas.

Y ya sabéis lo que digo siempre, hay que practicar, probar y experimentar, si el resultado no nos gusta, siempre podemos usar la goma y borrar, o pulsar Ctrl + Z si nos dedicáis al dibujo digital.

Nos vemos en un próximo post, que paséis un buen finde ...

Lineas de luz

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

En este post veremos como podemos crear, con Gimp, lineas de luz en nuestros diseños e ilustraciones.

Para crear estas lineas de luz haremos los trazos utilizando curvas Bézier, como las que se utilizan en el diseño vectorial con programas como Illustrator o Inkscape.

Elegimos un color y realizamos el trazado que queremos que tenga la curva utilizando la Herramienta de rutas de Gimp, cuando estemos satisfechos con la forma del trazado clicamos en Trazar ruta, elegimos el grosor que queremos que tenga la linea en la opción Anchura de la linea y clicamos en Trazo para crear la linea.

Para darle el resplandor que necesita para que parezca una linea de luz no tenemos mas que duplicar la capa con la opción Crear un duplicado de la capa de la pestaña capas y difuminamos  la capa inferior  con el filtro Desenfoque gausiano del grupo Difuminar que se encuentra en el menú Filtros dándole un desenfoque entre 5 y 10.

Podemos repetir esto con diferentes lineas, de diferente grosor y con distintos desenfoques, para lograr distintos tipos de lineas de luz, aunque solo lograremos un buen resultado si la linea no tiene un calibre excesivo.

Para lograr que estas lineas de luz se intercalen en nuestro diseño o ilustración, como en el texto de la imagen superior, lo mas sencillo seria borrar las partes que no queremos que se vean, aunque tendríamos que ir con mucho cuidado para no eliminar partes de la linea que si queremos mostrar.

Se puede conseguir un mejor resultado utilizando selecciones y mascaras de capa, para ocultar las zonas de las lineas de luz que queremos que queden detrás de nuestro diseño.

Para esto hacemos doble clic con el botón derecho del ratón en la miniatura de la capa en la que tengamos el diseño o dibujo, elegimos Alfa a selección, invertimos la selección con la opción Invertir del menú Seleccionar, clicamos sobre la miniatura de la capa en la que tengamos el trazado de la linea, seleccionamos Añadir mascara de capa y la opción Selección.

Esto tenemos que hacerlo en la capa de la linea y la capa o capas difuminadas, de esta manera, las partes de la linea que queden sobre el diseño no se mostraran.

Para finalizar solo tenemos que pintar de blanco sobre las mascaras de las capas de las lineas las zonas que queremos mostrar de nuevo, en el caso del dibujo de ejemplo que hay sobre este párrafo, serian, el brazo y el torso de la chica y la bola de cristal.

Puede parecer algo complicado, pero os puedo asegurar que es mucho mejor que borrar y con un poco de practica resulta hasta sencillo, eso si, esto solo puede hacerse si el dibujo o diseño están en una capa separada del fondo, ya que Alfa a selección lo que hace es crear una selección utilizando la transparencia de la capa, por lo que si en el dibujo anterior la chica y el fondo no hubiesen estado en capas separadas no habría podido utilizar este sistema.

MakeHuman - Crear seres humanos en 3D

Bienvenidos una vez mas a este pequeño blog, dedicado al diseño y la ilustración digital con software libre n__n

En este post os hablare de un programa de diseño en 3D, especifico para desarrollar personajes humanos, llamado MakeHuman, que puede ser un magnifico complemento a otros programas como Blender.

MakeHuman nos permite generar una figura humana, masculina o femenina de una forma rápida y increíblemente sencilla, puesto que no tenemos que modelar directamente la malla del modelo, debido a que este programa utiliza un sistema similar al que usan algunos juegos como "The elder scrolls" o "Dragon age" para que el usuario pueda definir al avatar que utilizara durante el juego.

De esta manera, en la pestaña Modelado tenemos las opciones mas generales, como la edad el sexo y la constitución física de nuestro modelo  y otras pestañas para definir las diferentes partes de su cuerpo.

Una vez seleccionada una parte en concreto, podemos ver a la derecha de la pantalla  las diferentes zonas que la componen y a la izquierda todas las opciones que podemos modificar, de manera que podemos crear desde un bebe hasta una persona anciana, pasando por todas las posibilidades intermedias.

Una vez creado el modelo, podemos exportarlo, con la opcion Exportar del menú Archivos, para poder trabajar con el con otros programas, como Blender.

En la imagen inferior podéis ver un ejemplo de como quedaría un personaje creado con MakeHuman desde la propia interfaz del programa.

Y en la siguiente, esa misma figura humana, después de importarla con Blender, lista para que podamos empezar a trabajar con ella.

Si os gusta el diseño 3D este programa de software libre os puede resultar tremendamente útil, ya que permite generar una variedad prácticamente infinita de figuras humanas, con un mínimo de practica y paciencia.

Solo lápiz - Las chicas son guerreras

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

Este sera otro de esos post en los que subo unos cuantos dibujos hechos a lápiz 100% en mi tiempo libre, en esta ocasión dedicados a mi estilo preferido, la fantasía épica.

Como casi siempre, estos dibujos están realizados improvisando y dibujando lo primero que se me pasaba por la cabeza, así, en el dibujo que podéis ver bajo este párrafo solo tenia claro que quería dibujar una chica con una espada, lo demás se me fue ocurriendo sobre la marcha.

Para la siguiente, recordé una viñeta de un cómic de Lobezno en la que el se lanzaba contra un grupo de enemigos entre una tormenta de flechas y decidí hacer algo similar, pero con una chica de prota de la escena.

Inicialmente la chica tenia otro rostro, pero un usuario de Google + en el que publique inicialmente este dibujo, comento que parecía que la cara era un tanto masculina, así que decidí cambiarla, podes ver el dibujo original en mi perfil de Google +

Para finalizar, un dibujo 100% improvisado, cuando empece a trabajar en el no tenia ni idea de lo que quería hacer, excepto que tenia que ser una chica, para ir en consonancia con el resto de los dibus que he publicado en este post.

Y hasta aquí esta entrada, nos leemos en la próxima con mas dibujos, diseños y tutos.

De foto a dibu - Engrave

Bienvenidos seáis una vez mas a mi pequeño blog n__n

En este post veremos como crear, con Gimp y un filtro de G´mic llamado Engrave, uno de mis efectos fotografiaros preferidos, transformar una foto en un dibujo.

Para poder utilizar este filtro además de Gimp tendremos que instalar G´mic en nuestro ordenador, posiblemente uno de los mejores complementos para Gimp que existen, con cientos de filtros que podemos aplicar a nuestras fotografías

Engrave se encuentra en el grupo de filtros Black & white de la opción G´mic  que podéis localizar en el menú Filtros.

Su cuadro de dialogo esta claramente dividido en dos partes, una llamada Black & white foreground controla los trazos negros que genera el efecto y la otra, Color background, crea el coloreado de la imagen, partiendo de los colores de la fotografía original, de manera que si no activamos las opciones de color obtendremos una imagen en blanco y negro. similar a esta.

Las opciones de Black & white foreground son Radius que establece el grosor del trazado, Density su densidad, Edges su grado de sinuosidad o rigidez, Coherence determina la fidelidad de las lineas a la imagen original, Threshold el equilibrio entre blancos y negros y Minimal area la extensión y cantidad de trazos.

Las dos ultimas opciones son especialmente importantes ya que con ellas controlamos las luces y las sombras y por lo tanto el espacio de la imagen que estará cubierto por los trazados negros, de manera que si queremos un resultado que no este muy saturado de lineas, como en la imagen inferior, tendremos que dar a ambas opciones un valor alto.

En Color background hay que activar la opción Add color background para poder dar color a la imagen y trabajar con el resto de los parámetros.

Así, Quantification nos permite dar una mayor o menor fidelidad del color a la fotografiara original, Shading difumina el color, Brightness y Contrast ajustan el brillo y el contraste y Vibrance aumenta el colorido, lo que puede ser muy útil en imágenes exóticas como esta.

No he dado ningún valor especifico en ninguno de los parámetros porque estos dependerán de la resolución de la imagen, su tamaño y el equilibrio entre luz y sombras que tenga, es decir, tendremos que ir probando en todas las fotografías en las que queramos aplicar este efecto.

Ya sabéis, todo es cuestión de practicar y experimentar, para poder conseguir buenos resultados.