Registrarse    Identificarse    Foro    FAQ

Índice general » General » Pixel - Art e Ilustración




Nuevo tema Responder al tema  [ 20 mensajes ] 
Autor Mensaje
 Asunto: Tutorial Pixel-Art by Kendroock
 Nota Publicado: 09 May 2006 17:52 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 23 Dic 2004 16:36
Mensajes: 8781
Ubicación: Torreznolandia
kendroock escribió:
Pues está muy chulo la aplicación... mi gusta!!!

Por cierto estoy preparando un "cutre-tutorial" para los que nunca han tocado un grafico, pero quieren probar suerte... para que les sea de ayuda... :roll:


Genial kendro!

_________________
Síguenos en twitter: http://twitter.com/mojon_twins
AMBAR O MUERTE!!!!!!!!!!!


Ultima edición por Anjuel el 09 May 2006 19:16, editado 1 vez en total

Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 09 May 2006 18:25 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 01 Jun 2005 17:26
Mensajes: 6406
Ubicación: Tenerife
kendroock escribió:
Pues está muy chulo la aplicación... mi gusta!!!

Por cierto estoy preparando un "cutre-tutorial" para los que nunca han tocado un grafico, pero quieren probar suerte... para que les sea de ayuda... :roll:


Chachi, yo seré uno de tus más enfervorecidos lectores :wink:

_________________
Konamito.com, tu web MSX en español

http://www.konamito.com


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 09 May 2006 18:51 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
Aqui os le dejo... se que es muy cutre, pero es lo más básico que se puede hacer, para aquella gente que nunca ha hecho nada de nada...
Luego iremos avanzado en complicaciones, no obstante si alguien tiene la menor duda, que no se corte, que pregunte lo que sea...

Al igual que si alguno de los maestros que tenemos por aqui, quiere comentar su forma de trabajar, pues somos todo orejas!!! jejejeje :wink:

Por cierto el tutorial lo he hecho en word con dibujillos de muestra, muy facilillo, lo he hecho pensando como si lo tuviera que entender yo mismo... :roll: (y mira que yo soy torpe...jua jua jua :lol: :lol: :lol: )


No tiene los permisos requeridos para ver los archivos adjuntos a este mensaje.

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 09 May 2006 19:08 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 25 Dic 2005 19:42
Mensajes: 5928
Ubicación: Barcelona
Jo macho, así parece facilísimo.

Lo que creo que se te ha olvidado, es ir diciendo donde están las cosas en el paint, porque gente como yo que lo ha usado -365 veces no lo sabe.

Te lo digo por lo del fondo de color, donde está eso?

_________________
1:1 Amarás al Spectrum por encima de todas las cosas


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 09 May 2006 20:33 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
Jejeje Alx, ha sido un lapsus ... :oops:
cuando he dicho que cambiabamos el fondo de color, me refería a seleccionar el color negro con el bote de pintura y dar color a todo el fondo... :wink:

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 23 May 2006 10:50 
Desconectado
32 bits
32 bits
Avatar de Usuario

Registrado: 26 May 2005 14:19
Mensajes: 399
Joer, es impresionante lo que se puede hacer con cuatro bolitas :D :D Se te da de fábula hacer muñecotes pixelados :D

Me parece que de aquí a un mes (que dispondré de tiempo) me animaré a hacer muñecotes pixelados :D (aunque no los aplique a ningún juego, porque yo de programar sé tanto como de pilotar un avión XDXDXD)


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 23 May 2006 16:49 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
Terrorquack escribió:
Joer, es impresionante lo que se puede hacer con cuatro bolitas :D :D Se te da de fábula hacer muñecotes pixelados :D

Me parece que de aquí a un mes (que dispondré de tiempo) me animaré a hacer muñecotes pixelados :D (aunque no los aplique a ningún juego, porque yo de programar sé tanto como de pilotar un avión XDXDXD)


Jurr pues entonces como yo!!!

Estoy deseando ver a Terrorquak en Pixel Art!!! :wink:

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 23 May 2006 18:56 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 01 Jun 2005 17:26
Mensajes: 6406
Ubicación: Tenerife
Se me había olvidado felicitarte por tu turorial de píxel-art. Después de leerlo me quedan claros algunos conceptor y hasta me he animado a hacer "algo". De aquí a un tiempo lo mostraré para que le eches un vistazo.

_________________
Konamito.com, tu web MSX en español

http://www.konamito.com


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 24 May 2006 15:14 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
De eso se trataba, de animar a la gente a intentarlo...
En cuanto al tutorial... a ver si tengo un poquillo mas de tiempo y empezamos con la segunda leccion... jejeje :lol:

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 13 Oct 2006 15:15 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
Aqui os dejo el link de un tutorial de Speccy muy bueno sobre pixel art...
http://www.speccy.org/remakesgraph/tuto ... ocabul.htm

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 13 Oct 2006 15:22 
------


Ultima edición por Borrocop el 27 Abr 2007 14:17, editado 1 vez en total

Arriba 
  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 16:27 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
Navegando he encontrado esta maravilla de tutorial... solo tiene un pequeño inconveniente... está en ingles.

Estoy seguro que os gustará...

http://rhysd.syntesis.org/tutorial/

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 16:40 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 14 Nov 2005 14:47
Mensajes: 3170
Yo para esto soy un autentico negado...aparte que no se dibujar absolutamente nada, nunca se me dio bien el dibujo....y menos usando un programa de dibujo.... :evil:

_________________
http://zemman.wordpress.com/


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 18:01 
Desconectado
128 bits
128 bits
Avatar de Usuario

Registrado: 14 Sep 2006 15:16
Mensajes: 1636
Ya la conocia pero gracias de todas formas.

SALUDOS.


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 18:13 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 25 Dic 2005 19:42
Mensajes: 5928
Ubicación: Barcelona
El enlace mola un montón, gracias Kend :wink:

_________________
1:1 Amarás al Spectrum por encima de todas las cosas


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 18:23 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
He encontrado otro de como animar kekotes al mas puro estilo Street Fighter...

muy chulillo...
http://www.zoggles.co.uk/asp/tutorials.asp?tut=17

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 18:36 
-------


Ultima edición por Borrocop el 27 Abr 2007 14:18, editado 1 vez en total

Arriba 
  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 18:40 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
Pero siempre puedes ver los dibujinos, como en los libros del cole... :roll:

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
 Asunto:
 Nota Publicado: 30 Nov 2006 18:43 
--------


Arriba 
  
 
 Asunto: Re: Tutorial Pixel-Art by Kendroock
 Nota Publicado: 23 Ene 2008 11:36 
Desconectado
256 bits
256 bits
Avatar de Usuario

Registrado: 24 Dic 2004 09:08
Mensajes: 7314
Ubicación: Fuenlabrada (Madrid)
He decidido extraer del Zip el tutorial, y colgarlo aqui para que no haya que descargar los adjuntos y se vea directamente como tratar las imagenes en pixel art.

---------------------
Citar:
Tutorial básico de pixel art

He decidido crear este pequeño tutorial con unas nociones básicas de cómo normalmente suelo realizar todos los gráficos que hago.

Debe quedar muy claro que cada uno tiene sus gustos y preferencias, y que esto no debe ser una regla de oro que hay que llevar a cabo siempre, si no que son unas pautas y directrices que os pueden ayudar a aprender, para luego experimentar nuevos trucos y maneras.

Hay infinidad de programas y aplicaciones para la creación de gráficos, de hecho hay máquinas que tienen sus propias herramientas, pero para empezar os aconsejo algo muy básico.

En casi todos los ordenadores tenemos el Paint de Windows, que es una aplicación que nos puede dar mucho juego de manera muy sencilla, así que para comenzar, es la herramienta que os aconsejo.



En primer lugar se debe abrir el documento en la medida que se quiera de píxeles, y yo lo que hago, incluyo una pequeña paleta de colores en un lado (en esta ocasión lo he hecho en la parte inferior) donde luego pondré los colores que voy a utilizar, de esta manera siempre los podré "rescatar" con la herramienta de cuentagotas...

Imagen


El segundo paso es hacer una figura básica de lo que pretendo ilustrar, por ejemplo, si quiero hacer un muñeco, utilizo una serie de círculos para la cabeza, el cuerpo y las extremidades.
Esto ayuda bastante a la hora de dar la postura a nuestro personaje, pues con cambiar de posición los círculos podemos cambiar la constitución, la postura y la forma del muñeco.

Imagen

El próximo paso a hacer es unir los círculos que ya habíamos hecho con líneas rectas y curvas, de manera que nos aparezca nuestro muñeco. Le añadimos algún detalle general, como son los ojos y la boca, con un par de pequeños círculos y la boca con una elipse horizontal.

Imagen

Lo siguiente que hago es elegir los colores que voy a utilizar para mi dibujo, y los pongo en la mini paleta que tenía en la parte de abajo...

Imagen

Ahora lo siguiente que hago es rellenar de colores planos el dibujo, con colores intermedios (es decir, ni demasiado oscuros, ni demasiado claros)

Imagen

En el próximo paso sustituyo las líneas negras por líneas del mismo color que los elementos pintados, solo que mas oscuras.
Añado algún detalle mas y lo principal, suavizo las líneas, eliminando las esquinas innecesarias, así como añadirle algún nuevo detalle, como son los ojos y el pelo.

Imagen

Ahora empiezo a dar detalles y formas al dibujo, de manera que se parezca mas a lo que pretende, que en este caso es un muñecote, y que vayan desapareciendo esos círculos con los que hemos empezado el dibujo.

Imagen

En este paso selecciono los colores con lo que he rellenado el dibujo, solo que un poco mas oscuros, y le aplico sombras al muñeco, siempre pensando como actuaría la luz...

Imagen

Ahora hago exactamente el mismo proceso pero a la inversa... selecciono los tonos mas claros y le doy luces en la parte contraria al dibujo, siempre teniendo en cuenta la dirección de la luz.

Imagen

Le aplicamos un fondo de color para que se vean bien las luces y las sombras...

Imagen

y por ultimo escalamos el dibujo al 200%, de manera que su tamaño sea exactamente el doble del original, para que se vean bien los píxeles.

Imagen

Y el resultado es un muñequillo con aspecto rechoncho con cara de susto.

Espero haberos servido de guía con estas cuatro palabrillas y este ejemplo.
Además os invito a que hagáis vuestros primeros intentos, y que los colguéis en el foro, para poderlos comentar y que así mejoraréis con nosotros, y nosotros con vosotros.

Por último os dejo un gif con la evolución del dibujo.

Os veo en http://computeremuzone.com , un saludo de Kendroock


No tiene los permisos requeridos para ver los archivos adjuntos a este mensaje.

_________________
Un saludo.

Imagen
Umaaa Curaaaaa!!!!!


Arriba 
 Perfil  
 
Mostrar mensajes previos:  Ordenar por  
 
Nuevo tema Responder al tema  [ 20 mensajes ] 

Índice general » General » Pixel - Art e Ilustración


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 2 invitados

 
 

 
No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
cron
 
Thermomix | Recetas Thermomix