Pixel Art:Tecnica y paciencia. Leido 15.147 veces

 
  ℵ
Pixel art,hacer todo tipo de figuras complejas con una unica arma,los pixeles,(el diseño de habbo...etc).aqui os dejo unas imagenes de cuadros hechos a pixeles,unos videos de imagenes hechas por el paint,y finalmente el tutorial para Photoshop.

Galeria:










Videos:

Edificio.

Personaje habbo

Hombre.(alta calidad)


Tutorial muy basico,(si quereis ver el turorial mas complejo,es este:http://www.taringa.net/posts/arte/938201/Pixel-art-(tutoriales-online).html

Tutorial basico:
1 - Usar siempre una resolución de 72 dpi.

Al crear el documento, la resolución ha de ser de 72 puntos por pulgada(dpi)

Si una vez finalizado su trabajo piensa imprimirlo y desea ampliar la resolución, hágalo siempre usando múltiplos de 72 y usando como método de interpolación ?nearest Neighbor?.

2 - Configurar la cuadricula.

Para acceder a las propiedades de la cuadricula, navegue hasta el menú de preferencias de la siguiente manera:
edit-> Preferences->Guides, grid & slices

He señalado en rojo las opciones referentes a la cuadricula, cambie sus valores si no son los mismos que aparecen en la imagen.

Ahora pulse en "ok" y active la cuadricula en:
View->show->grid
(El método abreviado de teclado es Ctrl + ? )
Verá su imagen con una cuadricula gris, haga zoom sobre la imagen(800%-1600%) para ampliar la zona donde piensa dibujar y podrá comprobar que ahora es más fácil, usando la cuadricula ajustada al punto.

3 - Configurar dos vistas, una ampliada y otra a tamaño real.

Para crear ?pixel art?(gráficos pixelados) lo mejor es trabajar con la imagen muy ampliada, a 800% o 1200%. Pero surge el problema de no poder apreciar realmente como queda la ilustración a tamaño real. Para solucionarlo, puede crear una nueva ventana con la imagen al 100%, donde se verán reflejados los cambios.

Para hacer esto pinche en:
Window > Documents > New window

4 - Desactivar el suavizado ( Anti-aliased ).

Debe recordar que al dibujar líneas o circunferencias debe desactivar el suavizado ( Anti-aliased ).

Esta opción ha de estar desactivada al usar opciones de selección y selección por color para evitar problemas.

En general es aconsejable desactivar el suavizado siempre que photoshop lo permita.
Si quiere desactivar el suavizado en las operaciones de escalado, rotaciones, skew..., debe hacer lo siguiente:
Acceder al menú de preferencias generales en:
Edit->preferences->general (Ctrl + k)

Una vez tenga abierta la ventana de preferencias, debe cambiar el valor de ?interpolation? tal y como esta marcado en la imagen. Debe saber que este cambio afecta al tipo de algoritmo que Photoshop usa para hacer transformaciones en las imágenes. Si no esta muy seguro de lo que esto significa o de como restaurar la configuración a su valor original, no le aconsejo que realice este ultimo cambio.


5 - Uso inteligente de capas:

A la hora de crear una ilustración, si usa capas para separar ciertos elementos, podrá reutilizarlos mas fácilmente. Además, Photoshop le posibilita crear carpetas(creo que a partir de la versión 7) donde organizar sus capas en una ilustración. Puede usar estas carpetas, para separar cada uno de los elementos de su escena, organizar mejor el trabajo o para crear librerías de objetos que usara en futuras creaciones.


Terminado el tutorial basico,ahora solo queda leerse el complejo...

 

 





  GodDeaN
Muy buena info. Ya me pondré a probarlo en el photoshop, pero la verdad no se si tenga tanta paciencia acumulada en mi ^^.

Ya hice uno (es un auto ^^):


Saludos

 

 


  ℵ
jeje,muy buno tu coche.
Haber si alguien es capaz de hacer algunos de estos personajes de habbo:para ayudarse,podeis usar el videos que puse en este tema_:


 

 


  GodDeaN
Aquí hice otros mas, pero no son los del habbo (por que eran muy difíciles ^^)

Este es de un muchacho en Navidad:


Y la segunda hice de un parque (con los árboles de manzanas, el lago, el cielo, y el sol)


Espero que les guste, Saludos

 

 


  ℵ
muy buenas.jeje,yo estoi haciendo uno muy muy complejo de un hotel,nada mas que lo termine os lo presento.lo estoi haciendo por paint,es muy facil.
 

 








    ¿Cuantas columnas?     | 2 columnas | 3 columnas | 4 columnas | 5 columnas | 6 columnas |  
    Escribe la dirección web de la imagen:
  Publica tu respuesta  |  Haz Click en el siguiente cuadro para escribir