lunes 4 de febrero de 2008

Otro programa para dibujar

Como siempre, revisando la Internet, descubrí un nuevo programa para editar imágenes. El programa en cuestión también es gratuito. Se llama PaintStar y se puede descargar de este sitio http://wang.zhenzhou.googlepages.com

Cuenta con funciones elementales y permite editar dibujos de 5000x5000 pixeles. Entre otras características puede abrir 30 formatos de fotos, tiene un librería de 100 filtros y efectos, múltiples capas, obtención directa de fotos mediante mecanismos TWAIN, así como capturas de pantalla.

Espero sea de utilidad.

lunes 7 de enero de 2008

Pixel Art - Casita de pixels (parte 2)

En esta parte final del tutorial veremos como se le ponen detalles a la casita, para que sea mas "real". También se le pone color y se le aplica una técnica básica de sombreado que realza el trabajo final.

Primer paso para que nuestra casa de pixels se parezca más a una casa de verdad es hacer que el techo sea más real, por lo tanto, en nuestra casa ya existente lo que haremos será tomar solo el techo y duplicarlo, luego de lo cual lo sobre posicionaremos para lograr el efecto de doble capa, tal como se puede ver en la figura de la derecha.

Una ves concluido el techo y que estemos satisfechos con como quedo es momento de poner los demás detalles de una casa, vale decir, puerta y ventanas. Nótese que ambas ventanas, la del frente y la lateral tienen en mismo ancho y alto, además la ventana del frente esta alineada horizontalmente con la puerta, que a su vez también tiene las mismas proporciones que las ventanas.

Cuando finalmente estamos conformes con los detalles del modelo, hacemos una limpieza rápida de la imagen para dejarla tal como se muestra a la derecha. También podemos hacer una breve pausa para determinar si vamos por la ruta correcta, definir la paleta de colores que vamos a usar, o tal vez poner mas detalles.

Luego de definir los colores que usaremos, le ponemos el color mas oscuro a toda la casa. De esta manera nos damos una idea de como terminara todo el modelo. Véase que el color seleccionado (el cuadrado marrón a la derecha de la casa) se aplica a todo, salvo el área de las ventanas.

Pero como no todos los colores de la casa son iguales, es necesario tener colores adicionales para los demás detalles, que también tienen que ser resaltados. Esto se logra aclarando u oscureciendo mas el color base. De ahí que sea fundamental no escoger un color muy oscuro.

Una vez definida una paleta de colores adecuada lo que resta es pintar con el método que se prefiera, tratando de hacer notar las áreas iluminadas y las oscuras. Como se puede ver en la imagen a la derecha se pone especial énfasis a las dos aguas del techo, una de ellas es mas clara que la otra, pero mantiene el patrón de color de acuerdo con la paleta definida.

Para que los bordes no sean tan rígidos, se usa una técnica de delineado que consta en reemplazar algunas líneas negras por otras en un color diferente. Con esto se logra suavizar el contorno de las ventas y el techo. También se colocan líneas adicionales para dar la sensación de profundidad.

Las ventanas siempre son translúcidas y dejan entrever lo que hay tras ellas. Por lo tanto es importante definir el grado de detalla que se le quiera dar a al imagen, para así poder dibujar correctamente lo que hay tras ellas. Como este primer trabajo no es tan ambicioso, basta con poner algo detrás de ellas para dar así la impresión de que hay algo y que la casa no esta vacía.

Para completar el realismo de la casa, es necesario incorporar la sombra de la misma. El área sombreada corresponde a la superficie del techo, por lo tanto si hacemos una proyección directa del techo al piso, tendremos una sombra bastante aceptable. Hay que tener en cuenta que la luz no incide directamente, sino que lo hace de lado por lo tanto, un lado de la casa estará un poco mas iluminado y la sombra se prolongara hacia el lado opuesto.

El resultado final, es el que se puede apreciar en la figura de la derecha. Nótese que también se sombreo parte de la pared iluminada y se cambio el borde superior de unión de los lados del techo, dando de esta manera una aire de realidad a la construcción. Estos detalles son los que pueden hacer que una imagen sea espectacular.

viernes 23 de noviembre de 2007

Otro programa para dibujar

Recientemente un colaborador me comento la existencia de un programa para dibujo que yo no había tomado en cuenta. Así que dirigí mi navegador a http://www.getpaint.net para ver de que se trataba.

Mi sorpresa fue mayúscula al encontrar otro programa gratuito, de calidad profesional, con cientos de opciones impresionantes, orientado al retoque de imágenes. Aún lo estoy probando y no dejo de sorprenderme de lo fácil que resulta hacer las cosas.

Si bien no tiene capacidad para trabajar sobre la inmensa cantidad de formatos gráficos que tiene The Gimp, lo hace muy bien sobre los mas usados en general TGA, JPEG, BMP, GIF, TIFF, PNG y DDS, este último es usado frecuentemente en juegos al estar optimizado para el API Direct X.

Lo único que hecho en falta es la posibilidad de trabajar sobre archivos PhotoShop, pero bueno hay que recordar que es gratis y que no necesariamente tiene que tener todas las opciones que uno podría desear. Entre las funciones destacables, tenemos soporte de capas, efectos diversos como Blur, Emboss, distorsiones, pintado al óleo, dibujo a lápiz o tinta, quitar ojos rojos. También se puede ajustar la relación entre brillo y contraste, saturación, cambiar a sepia, hacer blanco y negro.

En síntesis es una poderosa herramienta que bien vale la pena tener en el arsenal. Es actualizada frecuentemente, solo esta disponible para Windows con .Net 2.0 o superior. ¿Comente que es gratis?

jueves 22 de noviembre de 2007

Pixel Art - Casita de pixels (parte 1)

Paso casi un mes desde mi última publicación. Resulta un poco complicado publicar cuando falta tiempo para organizar notas y redactar. Aun así se hace lo posible por tener todo listo.

Vamos a hacer una casita, pero supongo que aprenderemos más que eso. Así que para comenzar iniciemos por ejecutar el programa de dibujo que mas no acomode.

Podemos usar MS Paint para trabajar mientras conseguimos algo mejor, o sea necesario usar capas o transparencias, para lo cual yo recomiendo usar The Gimp, que me parece un excelente programa para dibujar con muchas opciones muy convenientes para estos menesteres.

Basta de charla, pasemos a la acción. Dibujemos un cubo, verán que es sencillisimo si comienzan con las líneas horizontales y luego dibujan las verticales. El resultado final debería ser similar al que se puede apreciar a la derecha. Hay que recordar que esto es la base de la casa, así que debería conservas una forma mas o menos tradicional. Experimentar con formas mas alargadas o achatadas podría alterar el resultado final del dibujo que estamos haciendo. Recuerden siempre mantener medidas fáciles de dividir en dos o en tres segmentos, eso facilita tremendamente dibujar los demás elementos, como el techo a dos aguas o colocar la puerta y las ventas que veremos en otra entrega.

Retomando, hace un momento mencioné el techo a dos aguas. Ciertamente si hemos tenido la precaución de tener líneas de longitud par, dividir en dos no debería ser muy complicado. La figura de la derecha indica claramente que la medida "horizontal" de mi cubo base es de 26 pixels, por lo tanto los segmentos que forman mi techo deben tener una longitud de 13 pixels cada uno. Mis figuras de referencia están agrandadas por motivos de publicación, son tres veces mas grandes de lo que realmente obtendrán dibujando. Nótese también que la media se hace en forma isométrica tomando un lado como referencia.

Luego de haber dividido el segmento en dos, procedemos a trazar una vertical temporalmente en otro color para que nos sirva de referencia al dibujar nuestra guía para el techo, tal y como se muestra en la figura a la derecha. Véase también que en este caso particular, una línea realmente horizontal respecto al punto de vista del dibujante, es en realidad una línea oblicua en el dibujo.

Tras haber duplicado la guía en color alterno, la figura de la derecha es una muestra de la base que debemos tener para ponerle techo, de manera que nuestra creación se asemeje más a una casa de verdad. Dos de las líneas horizontales que formaban el cubo, se removieron para dar paso a las guías del techo.

Como podemos ver en la figura de la derecha, nuevamente se hace uso de colores adicionales para trabajar sobre líneas especificas. La línea roja es el eje central del techo mientras que las líneas azules forman los planos del techo en si mismos. Véase también que estas líneas son paralelas a las guías de la base que hicimos previamente.

Teniendo como referencia la línea roja (el eje del techo), se traza una línea verde paralela a cierta distancia del borde de la base. De modo que permita formar claramente el plano izquierdo del techo. Así mismo se usa otra línea proyectada desde el cruce de las líneas azul y verde, para determinar donde es que debe ir la línea correspondiente en el lado derecho.

Finalmente en el cruce de esta ultima línea, se traza otra paralela al eje del techo para concluir con la delimitación del plano derecho, el cual concluye el techo. Queda solo un paso pendiente para concluir el dibujo de nuestra primera casita isométrica.

Por último se elimina todas las líneas que deberían estar invisibles, dejando lógicamente las demás

martes 23 de octubre de 2007

Pixel Art - Conceptos básicos

Ahora empieza lo divertido, como eso de hablar mucho y no hacer nada es mas aburrido que dormir solo, empezaremos a ver los conceptos básicos sobre pixel art.

Para comenzar lo mas importante que hay que recordar siempre es que esta clase de arte usa un concepto denominado dibujo isométrico, esto quiere decir que cada línea que se trace debe ser de igual medida, dicho de otro modo, mantener la proporción aun cuando la inclinación cambie. Véase el detalle de esta cuadrícula isométrica

Con esto en mente, ahora toca decidir que programa usar para dibujar. Aunque parezca una decisión difícil de tomar, solo por nombrar algunos acá hay una listita para que se hagan una idea:

La lista podría seguir y seguir pero eso no tiene sentido, así que ustedes escojan el que mas les acomode y a dibujar se ha dicho. Yo no soy del clan de los puristas, así que no me importa mucho si usan o no las herramientas como líneas, círculos, rectángulos o relleno, solo recuerden que siempre resulta mejor, mas digno, hacerlo todo a mano. Para que esto sea así es necesario saber algo mas.

Como estamos embalados y ya queremos dibujar lo primero que haremos son líneas, si como los nenes del kinder, una vez que les salgan parecidas a estas:

que dicho sea de paso son consideradas líneas perfectas, ya estaremos en condiciones de hacer líneas en casi cualquier sentido. Nótese que cada línea tiene un pixel de ancho. Próximamente dibujaremos una casa con techo a dos aguas.

viernes 19 de octubre de 2007

Pixel Art - Un poco de historia y definición

Historia

El termino pixel art fue publicado por primera ve por Adele Goldberg y Robert Flegal del Centro de Investigaciones de Xerox en Palo Alto, allá por 1982. El concepto, sin embargo ya tenia mas de 10 años, cuando en 1972 Richard Shoup, también de Xerox, presento su programa SuperPaint.

Algunas formas de arte tradicional, como el bordado punto-cruz, el mosaico y el trabajo con cuentas, tiene mucha similitud con el pixel art por la forma como se construyen las imágenes mediante pequeñas unidades de color análogas a los pixels de la computación moderna.

Definición

Pixel Art se distingue de otras forma de arte digital por la insistencia de la edición manual de la imagen (sin la aplicación de filtros, anti-alias automático o modos especiales de render), muchas veces usando herramientas de acercamiento (zoom digital). De esta manera, se dice comúnmente que "cada pixel es colocado con mucho cuidado" para lograr el resultado deseado.

Los puristas en la escena del pixel art sostienen que el "verdadero" arte consiste en usar herramientas de dibujo que solo pintan pixels individuales tal como "Lápiz", y que los artista deben evitar todas las demás herramientas como "Línea", "Circulo", "Rectángulo" o "Curva Bezier". Algunos permiten por ejemplo el uso de herramientas como "Línea" o "Rellenar", debido a que sus efectos son fácilmente replicables, tal vez no tan rápido, por técnicas de pintado individual de pixels.

Debido a esta regla, los filtros de imagen (tales como "blur" o "alpha-blend") o herramientas con anti-alias automático están consideradas como herramientas no validas, ya que estas calcula los valores de cada pixel en forma automática, contrastando contra la colocación manual y precisa de pixels asociada al Pixel Art.

Anti-Alias es una técnica usada para perfilar o suavizar líneas que de otra manera se verían escalonadas. Ejemplos de esto en futuras entregas, así como tutoriales de como dibujar y ser artista del pixel. Este texto fue tomado de Wikipedia.

lunes 15 de octubre de 2007

El Inicio

...y así, hoy, comienza todo. Día a día pretendo escribir acá todo cuanto pueda. Publicaré también artículos sobre programación.