viernes, 30 de septiembre de 2011

Pinceles - No solo son para pintar

Bienvenidos seáis una vez mas a un nuevo post de este blog ^^

En esta ocasión me gustaría hablar de una herramienta muy básica de todo programa de retoque y edición digital, ya sea un programa profesional como Photoshop o de software libre como Gimp,  me refiero a los pinceles.

Esta herramienta, junto al lápiz, el aerógrafo y el dedo, resulta básica para cualquier ilustrador digital, pero como reza el titulo de este articulo los pinceles en un programa de diseño gráfico no solo se pueden utilizar para pintar de la manera mas clásica de la palabra, sino que podemos utilizarlos para estampar determinados motivos y formas (como haríamos con un tampón o un sello de caucho)  que nos pueden ayudar a crear interesantes resultados.


La imagen superior, por ejemplo ha sido realizada utilizando solo dos tipos de pinceles sobre un fondo negro, uno para crear el efecto principal, que se ha duplicado y desenfocado, y otro pincel de tipo circular para crear el efecto Bokeh.

Si además añadimos degradados en la capa de fondo  podemos lograr interesante resultados, que nos pueden servir como fondos de escritorio, banners para paginas web o imágenes de fondo para una presentación multimedia de tipo Powerpoint o Impress.



Con Gimp también podemos utilizar como un pincel mas cualquier parte o elemento de una ilustración que hayamos copiado, ya que esta pasara al portapapeles de nuestro ordenador y este portapapeles esta incluido entre los pinceles que puede utilizar Gimp (es el primero de todos) que normalmente no contiene nada, al menos hasta que nosotros copiemos o cortemos una imagen bitmap.


La imagen superior esta hecha utilizando como pincel una espiral realizada con Inkscape y exportada en formato png, después simplemente se abre el archivó con Gimp, se selecciona todo (ya que al ser la imagen png el fondo es transparente) se copia y ya esta lista para poder utilizarse en una imagen nueva.


Solo hemos de tener en cuenta que el portapapeles de Gimp tiene una capacidad limitada, de manera que si la imagen que copiamos tiene un gran tamaño o mucha resolución, solo una parte quedara almacenada en el.

naturalmente este tipo de pinceles y de recursos podemos utilizarlos también a la hora de colorear nuestros dibujos, como en la siguiente imagen.


Las nubes, los arboles y el rayo del fondo son pinceles que ya tiene esa forma determinada, así como el estampado del vestido de la chica, el cuello del vestido esta hecho con las mismas espirales de la imagen anterior, a las que les he cambiado el color y las luces que rodean la cabeza, también son un pincel especial, que Gimp incluye de serie.


Si utilizáis Gimp tenéis que tener en cuenta que este programa puede usar los pinceles de Photoshop sin problemas, lo que quiere decir que podéis descargar y utilizar miles de pinceles gratuitos que podéis encontrar en numerosas paginas web de recursos gráficos, yo os dejo el enlace a una de mis favoritas, aunque podéis encontrar una infinidad mas.


Lo único que tenéis que tener en cuenta cuado descarguéis un paquete de pinceles gratuitos son las condiciones de uso, ya que algunos no pueden utilizarse de forma comercial y en otros casos tenemos que añadir en nuestras obras una referencia al autor que ha creado los pinceles.

jueves, 22 de septiembre de 2011

Convocatoria desde Chile

Bienvenidos una vez mas a otro post un tanto especial de este blog ^^

Hace algunas semanas descubrí casi por casualidad un blog realizado en Chile, sobre personajes de comic del país, creado por un grupo de grafistas llamado Umbral comic y a través de este entre en otro blog similar conocido como Colectivo bazofia.

Pues bien en el segundo blog puede ver que habían realizado una convocatoria para que todo aquel que quisiera les mandase una versión libre de su logotipo identificativo.

Si os interesa podéis encontrar la dirección de correo electrónico a la que mandar vuestras versiones así como las bases de esta invitación en uno de los últimos post de su blog, pero estas son básicamente que se tiene que respetar la posposición de los elementos que aparecen en su logo, es decir que las mosca que utilizan como imagen (que podéis ver en el mismo post) a de situarse arriba y la palabra "BAZOFIA" debajo, pudiendo sustituir el subtitulo "COLECTIVO GRÁFICO" por vuestro nombre, apodo, nick o dirección de vuestra pagina web o blog.

Yo ya les he mandado mi propia versión, que he creado con Gimp (como no) y con una técnica de trabajo que creo que recibe el nombre técnico de "hacer lo primero que se te pase por la cabeza"


El formato de la imagen ha de ser cuadrado (20 x 20 cm)  en JPG con el modo de color en RGB y una resolución de 300 puntos por pulgada.

También podéis encontrar una convocatoria muy interesante para dibujantes en el blog de Umbral comic, en la que animan a artistas de todo el mundo a que les manden versiones de sus personajes, ya sea como Fanart (realizar una ilustración de un personaje del universo umbral) o como Crossover (realizar una ilustración en la que aparezca un personaje de creación propia junto a un personaje de Umbral)

Podéis encontrar las bases en la pestaña "Participa" del blog de Umbral comics.

domingo, 18 de septiembre de 2011

De reformas

Bienvenidos a un post un tanto especial de este blog ^^

Este articulo es simplemente para pedir disculpas por si alguien se a encontrado con algo extraño al entrar en este blog durante el ultimo mes, ya que durante este septiembre me he dedicado ha hacer algunos cambios.


Empecé cambiando la cabecera y la imagen que utilizo de pie, las anteriores no acababan de convencerme y hace tiempo que quería sustituirlas.

Esta es la cabecera anterior y creo que la nueva queda mejor, se ajusta mas al resto del blog, y resulta mas legible.


Luego me dio por cambiar los colores que utilizaba y el fondo de la pantalla, hasta que conseguí una composición que realmente me gustase para el blog.

Y finalmente me puse a cambiar algunos gadgets, probar diferentes formas de colocarlos, quite unos y añadí otros, y así he estado las ultimas semanas, de modo que es posible que en algún momento alguien haya entrado en este blog y no todo funcionase como debía.

Seguramente aun seguiré algunos días probando cosillas (y es que yo raramente estoy contento con el resultado de lo que hago y siempre pienso que podría mejorar esto o lo otro) de modo que disculpad las molestias, y como suele decirse "Estamos trabajando para mejorar"

viernes, 16 de septiembre de 2011

Herramientas de selección

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

En este post hablare de las opciones de selección que incluyen los programas de retoque de imagenes bitmap, como Photoshop o Gimp.

Estas herramientas son muy utilizadas por los fotógrafos para seleccionar ciertas zonas de una fotografía y retocarlas o sustituirlas por otras, aunque los ilustradores también pueden utilizarlas para crear formas y objetos, como el lápiz que he incluido en la nueva cabecera de mi blog y que luego he reutilizado en esta ilustración.


Las herramientas de selección que se utilizan mas comúnmente, tanto en fotografía como en ilustración son la Varita mágica (que en Gimp se conoce como Selección difusa) y la Selección por color.

En ambos casos se utilizan para seleccionar una zona que tenga un color similar, dependiendo del grado de Tolerancia o Umbral que le demos abarcaremos una tonalidad de colores mayor o menor, con la diferencia de que la primera selecciona solo pixels contiguos y la segunda busca todos los pixels de la imagen que sean similares al color sobre el que hayamos clicando.

Estas herramientas son vitales para colorear un dibujo porque nos permiten seleccionar las distintas partes del trazado sobre las que queremos aplicar un determinado color, siempre que estos trazados estén completamente cerrados.

Para crear formas concretas con Gimp tenemos las siguientes opciones:

  • Selección de rectángulos - permite crear selecciones rectangulares o cuadrados perfectos si activamos la opción de Proporción de aspecto.
  • Selección elíptica - permite crear elipses o círculos de la misma manera que la opción anterior.
  • Selección libre - permite trazar formas concretas, ya sea con lineas rectas, haciendo sucesivos clics o a mano alzada, clicando una vez y arrastrando el ratón hasta crear la forma que queramos, en ambos casos terminaremos cuando cerremos el trazado.

Otra forma,un tanto mas compleja, de crear una selección son las Rutas (La herramienta que tiene forma de plumilla) que funcionan como las curvas bezier de los programas de diseño vectorial, y por lo tanto podremos editar el trazado y darle una curvatura antes de transformarlo en una selección con la opción Crear selección a partir de una ruta.

Una vez creada una selección podemos rellenarla de un color solido, un degradado o un patrón, dependiendo de lo que queramos conseguir.

Podemos crear ilustraciones digitales utilizando simplemente este tipo de herramientas de selección, como el escudo de armas templario de esta imagen de ejemplo, en la que todo ha sido creado con selecciones, menos el texto del rotulo inferior y el fondo.


Como suelo decir siempre, todo es cuestión de practica y paciencia, y si algo no sale bien la primera vez, simplemente pulsamos Ctrl + Z para deshacer y lo volvemos a intentar.

viernes, 9 de septiembre de 2011

Mas rotulos interesantes

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

En en este post os hablare de algunos rótulos y logos que podemos generar con Gimp de forma sencilla y rápida gracias a las herramientas de este programa para generar logotipos predefinidos.

El primero de todos es Bruñido y podéis encontrarlo en la opción Logotipos del submenú crear, del menú Archivos (al igual que la mayoría de este tilo de logos)


Su dialogo de opciones es un tanto complicado, pero básicamente tendremos que elegir, además de las lógicas opciones de tamaño y fuente de texto, los dos degradados que se utilizan en los dos niveles del texto y opcionalmente podemos activar alguna textura que se superpondrá al degradado y le puede dar un mejor aspecto final al logo.

Uno de los mas espectaculares es Liquid Water, que como ya os imaginareis por el nombre le da al texto un aspecto acuoso y se encuentra en el mismo menú que el anterior.


En este Logo las opciones mas importantes a modificar son principalmente dos:
  • Shape watering -  Controla el nivel de definición de las letras que forman el texto, de manera que un valor bajo hará que el texto este mas definido y sea mas fácil de leer y un valor alto hará que el texto parezca mas liquido y distorsionado.
  • Water drops amount - Determina la cantidad de gotas de agua que rodean el texto del rotulo.
En el caso de la imagen de ejemplo he utilizado un Shape watering bajo, para que el texto sea fácil de leer y un nivel de Water drops alto.

El ultimo de los logos que os voy a mostrar es Shrek text, que intenta imitar el estilo de rotulación de los títulos de las películas de Shrek.

Podéis encontrar este logo en la opción Logos del menú de opciones Fx-foundry que también forma parte del submenú Crear del   menú Archivo.


Este tipo de rotulo no tiene la mayor complicacion ya que solo tenemos que elegir el color del texto, el tipo de fuente y su tamaño.

Lo mejor de todos los tipos de rótulos que genera Gimp es que crea cada elemento en una capa diferente lo que nos permitirá posteriormente modificar determinadas cualidades, así como añadir o eliminar determinados elementos o sustituirlos por otros.

viernes, 2 de septiembre de 2011

Rotulos circulares

Bienvenidos seáis todos una vez mas a este humilde blog de ilustración y diseño digital para principiantes ^^

Después de unos cuantos post dedicados al color voy a dedicar un par a los rótulos y los logotipos que podemos realizar con Gimp.

Empezare con el que me parece uno de los estilos de rotulo mas original y llamativo de los que podemos realizar con Gimp, se trata del Texto circular, que como su propio nombre indica sirve para realizar textos con forma circular.


Podemos encontrar esta opción de texto en el menú de Logotipos que se encuentra en el submenú Crear del menú Archivos.

Una vez lo seleccionemos aparecerá su cuadro de dialogo, donde tendremos las opciones típicas de este tipo de herramientas de rotulación, es decir, un cuadro donde podemos introducir el texto que queramos, y las opciones para elegir la fuente de texto y su tamaño.

El resto de opciones son las que nos interesan especialmente, ya que son las que utilizaremos para darle la curvatura al texto, y son las siguientes:
  • Radio - Donde establecemos el radio de la circunferencia que seguirá el texto, aquí tenemos que pensar en lo grande que queremos que sea el circulo y el tamaño de la fuente de texto, ya que si utilizamos un radio pequeño y un texto grande las letras podrían amontonarse unas sobre otras.
  • Ángulo inicial - Es el ángulo en el que empezara a escribirse el texto, de tal manera que si lo comparamos con las horas de un reloj cero grados en el ángulo inicial significaría que el texto empezara a escribirse a las 12, si ponemos 90 como ángulo inicial el texto empezara a las 3 y así sucesivamente.
  • Ángulo de relleno - Aquí especificamos la zona del circulo que ha de cubrir el texto y que por defecto es toda la circunferencia, es decir 360º, así si queremos hacer un semicirculo tendremos que especificar que queremos 180º.
Una vez ya lo tengamos todo ya podemos pulsar Aceptar y ver cual es el resultado final, que aunque tengamos un archivo abierto se generara en una imagen aparte.


El único inconveniente de este estilo de logotipo es que genera el texto siempre de color negro y no nos permite seleccionar el color, pero esto podemos solucionarlo seleccionando el texto, por ejemplo con la opción Alfa a selección que aparece al hacer clic en la miniatura de la capa con el botón derecho del ratón y luego aplicándole el color, degradado o patrón que queramos.


Ya solo nos quedara copiarlo y pegarlo en la imagen sobre la que queramos aplicarlo, y si es necesario aplicar algún estilo de fusión de capas, como en la imagen superior, para que parezca que el texto esta impreso en el CD.