Autor Tema: [Tutorial] Bordes pixel art.  (Leído 2261 veces)

Desconectado Jahr

  • PHPer@
  • **
  • Mensajes: 74
  • Karma: 5
  • Nuev@ PHPer@
    • Ver Perfil
[Tutorial] Bordes pixel art.
« en: 23 de Enero de 2010, 12:31:00 pm »
[align=center]Vamos a aprender a hacer bordes para firma, avatares o cualquier cosa que se nos presente.
-----------------------------------------------------------------------------------------[/align]
Antes de empezar:

1- Abrimos un archivo de paint en blanco de 100 x 100 pixels:


2- Le damos al boton lupa i ponemos la opcion x8:


3- Dibujamos una linea negra al rededor de el cuadrado:


Este seria el borde Estandar el mas facil, pero asi mismo el mas feo, partiendo de aqui os enseñare a hacer bordes.
[align=center]-----------------------------------------------------------------[/align]

1. Borde 2 Partes doblado 2 partes recto.


1-Teniendo el paso nº3 hecho debremos ir a la esquina izquierda de arriba, hay borraremos 7 cuadros de arriba a abajo i de izquierda a derecha:


2-Ahora trazaremos una linea de dos pixels desde la eskina derecha de una i la eskina izquierda de la otra:


3-Ahora las juntamos con una linea diagonal de 1 pixel de esquina a esquina de las lineas que acabamos de hacer:


4-Ahora repetiremos los 3 pasos en la esquina de abajo contraria a donde hizimos la anterior:


Y este es el resultado:


Ya tenemos nuestro borde, ahora si quereis le poneis gordura o le haceis efectos, pero esta seria la base.
[align=center]------------------------------------------------------------------------------------[/align]

2. Sombras, Luminosidad y Colores.

1- Cojemos un borde como los del "1." y lo engordamos siguendo los pasos del anterior pero unos pixels mas adentro:


2- Pintamos todo el fondo con el color del que queremos que sea yo lo hare de Naranja para que se note:


3- Ahora le damos 20 tonos mas de luminosidad al color naranja del fondo y lo ponemos al lado izquiero, pero sin tocar las partes mas altas ni mas bajas (Yo le he dado mucha mas claridad para que se note mucho):


4- Ahora al color que nos ha salido le damos 20 tonos mas de luminosidad y los ponesmos en las partes altas:


5- Ahora el color de fondo le damos 20 tonos menos de luminosidad y lo aplicamos al lado derecho pero no tocamos abajo del todo:


6- Por ultimo al color anterior le quitamos 20 tonos mas de luminosidad y lo aplicamos a la parte de abajo:


7- Para que parezca que tienes mas forma podemos añadir otra linea:


8- Afuera del Marco haremos sombras, Cogemos un color gris de luminosidad 180 y desde la esquina izquierda de abajo contamos 1 pixel i pintamos una raya de 2 pixels en:


9- Hacemos lo mismo del "8-" pero estavez con el lado derecho:


10- Siempre suele quedar bien dejar una linea de un pixel antes del interior del marco:


Y este es el resultado de tanto trabajo:

[align=center]------------------------------------------------------------------------------------[/align]
Cada dia pondre un nuevo borde, esperad el proximo dia.
Creado por: Maiky
Fuente: iFurni.es (iForo)

Comunidad PHPeros

[Tutorial] Bordes pixel art.
« en: 23 de Enero de 2010, 12:31:00 pm »

Desconectado MaNuX

  • PHPero Avanzado
  • ****
  • Mensajes: 385
  • Karma: 4
  • Sexo: Masculino
  • PHP & MySQL
    • Ver Perfil
    • CliKys
Re:[Tutorial] Bordes pixel art.
« Respuesta #1 en: 23 de Enero de 2010, 12:34:43 pm »
Fantastico el tutorial, boy a intentar aver que me sale xD

+Karma


Desconectado chihue

  • PHPero Master
  • ******
  • Mensajes: 1.118
  • Karma: 43
  • Sexo: Masculino
  • 8 dias
    • Ver Perfil
    • Minichat con todo incluido
Re:[Tutorial] Bordes pixel art.
« Respuesta #2 en: 23 de Enero de 2010, 12:40:25 pm »
Muy bueno

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #3 en: 23 de Enero de 2010, 12:41:52 pm »
Bieeeeeen ¡Muchisimas gracias Tio!! Justamente me estaba adentrando al mundo del pixel y no encontraba tutoriales. Muchas gracias por este aportazo. Voi a ponerlo en practica. ¡Ha llegado el momento de ser un pixel art!. Te llevas un + :)

#Fdo. Physlet

Desconectado Jahr

  • PHPer@
  • **
  • Mensajes: 74
  • Karma: 5
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #4 en: 23 de Enero de 2010, 12:46:05 pm »
Genial que os sirva, ademas pido disculpas porque hay códigos del foro de iFurni que es un mybb y al ponerlos aquí no se ejecutan pero bueno lo principal si se ve ^^

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #5 en: 23 de Enero de 2010, 12:48:53 pm »
Una pregunta ¿El archivo paint es un exe? Esque me he comprado la licencia de Windows 7 y el paint que viene por defecto no me gusta nada ¿sabeis donde puedo encontrar el paint que estais usando? :(

#Fdo. Physlet

Desconectado Jahr

  • PHPer@
  • **
  • Mensajes: 74
  • Karma: 5
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #6 en: 23 de Enero de 2010, 12:51:31 pm »
El windows 7 dispone de Paint pero mejorado, creo que te puede servir para lo mismo.. aunque tal vez puedes informarte como obtener el viejo paint en tu versión de windows.

Desconectado chihue

  • PHPero Master
  • ******
  • Mensajes: 1.118
  • Karma: 43
  • Sexo: Masculino
  • 8 dias
    • Ver Perfil
    • Minichat con todo incluido
Re:[Tutorial] Bordes pixel art.
« Respuesta #7 en: 23 de Enero de 2010, 12:52:38 pm »
Una pregunta ¿El archivo paint es un exe? Esque me he comprado la licencia de Windows 7 y el paint que viene por defecto no me gusta nada ¿sabeis donde puedo encontrar el paint que estais usando? :(

Me pasa igual

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #8 en: 23 de Enero de 2010, 12:53:32 pm »
Esque resulta que la versión más antigua de Paint es la mejor para los pixel Art y está versión no es nada buena. será será mejorada pero para mi es una estafa.

¿Alguien puede pasarme el paint? Dios , ahora que quería adentrarme al mundo del pixel art no puedo que asco siempre me pasa igual.

#Fdo. Physlet

Desconectado MaNuX

  • PHPero Avanzado
  • ****
  • Mensajes: 385
  • Karma: 4
  • Sexo: Masculino
  • PHP & MySQL
    • Ver Perfil
    • CliKys
Re:[Tutorial] Bordes pixel art.
« Respuesta #9 en: 23 de Enero de 2010, 12:56:48 pm »
Una pregunta ¿El archivo paint es un exe? Esque me he comprado la licencia de Windows 7 y el paint que viene por defecto no me gusta nada ¿sabeis donde puedo encontrar el paint que estais usando? :(

Pare complicado pero es sencillo solo busca y tiene lo mismo que en windows xp.

Pero si quieres puedes descargarte Paint.NET que es como el xp

Saludos.


Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #10 en: 23 de Enero de 2010, 12:58:01 pm »
Y...¿No hay manera que alguno de vosotros me pase el Paint a través del msn? :S

#Fdo. Physlet

Desconectado chihue

  • PHPero Master
  • ******
  • Mensajes: 1.118
  • Karma: 43
  • Sexo: Masculino
  • 8 dias
    • Ver Perfil
    • Minichat con todo incluido
Re:[Tutorial] Bordes pixel art.
« Respuesta #11 en: 23 de Enero de 2010, 12:59:36 pm »
Esque resulta que la versión más antigua de Paint es la mejor para los pixel Art y está versión no es nada buena. será será mejorada pero para mi es una estafa.

¿Alguien puede pasarme el paint? Dios , ahora que quería adentrarme al mundo del pixel art no puedo que asco siempre me pasa igual.
He encontrado el powerpaint

parece bastante bueno
Link de descarga http://powerpaint.flisoft.com/powerpaint.exe

Imagenes

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #12 en: 23 de Enero de 2010, 13:04:21 pm »
Seguramente será mejor que el que trae Windows 7 :) Gracias Chichue voi a probarlo.

#Fdo. Physlet

Desconectado chihue

  • PHPero Master
  • ******
  • Mensajes: 1.118
  • Karma: 43
  • Sexo: Masculino
  • 8 dias
    • Ver Perfil
    • Minichat con todo incluido
Re:[Tutorial] Bordes pixel art.
« Respuesta #13 en: 23 de Enero de 2010, 13:06:48 pm »
Lo estoi probando i no parec muy bueno :(

Desconectado Jahr

  • PHPer@
  • **
  • Mensajes: 74
  • Karma: 5
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Tutorial] Bordes pixel art.
« Respuesta #14 en: 23 de Enero de 2010, 13:12:46 pm »
Como el paint de toda la vida ninguno.. asi que intenta hacerte la idea de que tu paint del windows 7 es lo mejor que tienes, intenta aprender a utilizarlo xD