Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contrasea

Registro de Usuario

Anunciar en SoloPhotoshop

Aprendiendo Pixelart 5 | Solo Photoshop

Quito Artículo de la Serie Aprendiendo Pixelart

 

Tutorial por Matriax

Continuamos 5to de la serie de 6 Artículos sobre Pixelart de Matriax, con multiples técnicas, trucos y vocabulario específico del tema. Esta es la quinta entrega: Coloreando Nuestras Imágenes.

Nota del Editor: El presente tutorial lo hemos publicado en la zona de Artículos Photoshop para continuar así la serie de GRAFICOS iSOMETRICOS publicada el mes pasado y porque se utiliza primordialmente el programa Paint de Windows para el cual no tenemos una zona específica.

1 - EJEMPLO
Os voy a poner algunos ejemplos de como colorear nuestros pixelarts y pasos a seguir

Pixelart 26

1 - Seleccionamos la zona que queremos colorear y la apartamos de la imagen que estamos haciendo, aplicando el color mas brillante y utilizando los demás colores creando el volumen del objeto.

2 - Añadimos como detalle 2 líneas y haciendo en los laterales un efectos de redondeo para que no se vea tan plano el dibujo.

3 - Coloreamos esas rayas pintándolas de un color intermedio y creando con un color el brillo y con el otro la sombra.

4 - Retocamos partes de la imagen donde podemos añadir anti-alias, retocar algunas líneas, mejorar el efecto de profundidad del objeto como se ha hecho en este caso etc...

2 - EJEMPLO

1 - Se hace un primer intento de sombreado para darle forma al objeto.

2 - Añadimos todos los colores que creamos convenientes para que quede un buen contraste sin sobrecargarlo detallando mejor las zonas de brillo y sombras.

3 - Aplicamos detalles y un poco de dithering a la imagen.

4 - Cambiamos el color de las partes del objeto que no nos gustan hasta dejarlo perfecto.

3 - EJEMPLO
Para hacer dibujos mas grandes es mejor separarlo por partes e ir coloreando una por una y después juntarlo. Como podéis ver poco a poco se va formando lo que será la imagen final, podemos empezar una idea de color y que no nos guste y cambiarla o hacer varias pruebas, combinarlas etc y seguir el estilo usado en todas las demás.

El píxel-Art requiere mucha paciencia y claro esta no siempre encontraremos rápidamente la manera perfecta de rellenar alguna parte de un dibujo debido a que no sepamos detallarla o que hacer.

4 - EJEMPLO
Para demostrar que yo también soy un ser humano os pongo lo que hice cuando empezaba con el píxel-art y no sabia detallar, ni usar colores ni nada... simplemente lo rellenaba todo de un color y luego le hacia brillos y sombras a todo con dithering y así quedaban los objetos jejeje que ahora los veo y dan pena.

Pero claro esta con el tiempo, paciencia y mucha practica uno va cogiendo ideas, sabiendo trucos y los va aplicando a todo lo que hace, se inventa sus trucos, su metodo de trabajo de manera que poco a poco sin darte cuenta uno mismo se va metiendo de lleno en el Pixel-Art. Lo malo que después vas por a calle y no paras de ver puntitos por todos lados o verlo todo en perspectiva isométrica pero vale la pena

Fin del tutorial

Comentarios de Aprendiendo Pixelart 5 | Solo Photoshop

↑ Tutorial

  • matrix59

    matrix59

    2006-02-04 12:28

    interesanteM
  • fenrirsulven

    fenrirsulven

    2007-03-09 08:40

    me gustaron TODOS us tutoriales!!! (pero pa ser francos, yo prefiero el photoshop) De todos modos me parece INJUSTO q pongan estos tutoriales sobre pixelart en ARTÍCULOS y no en la sección TUTORIALES; porque ... si macromedia flash y dreamweaver no son iguales a photoshop, ¿entonces porque sus tutoriales SI ESTAN en esa sección???¡Porque los compró Adobe? en odo caso la pagina deberia llamarse SOLOADOBE.COM. Al menos yo creo q los que manejan esta página hacen un rabajo excelente, pero tb tenemos q ser justos con Matriax. (no me ha pagado x siacaso, jajajajajajaa !!!!!)M

↑ Tutorial