Comunidad PHPeros
Imagen y Diseño => Pixel Art => Mensaje iniciado por: Jahr 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:
(http://img405.imageshack.us/img405/3858/47806885.png)
2- Le damos al boton lupa i ponemos la opcion x8:
(http://img706.imageshack.us/img706/1194/67033818.png)
3- Dibujamos una linea negra al rededor de el cuadrado:
(http://img42.imageshack.us/img42/5281/33481272.png)
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:
(http://img340.imageshack.us/img340/3419/40118665.png)
2-Ahora trazaremos una linea de dos pixels desde la eskina derecha de una i la eskina izquierda de la otra:
(http://img199.imageshack.us/img199/7286/t11p.png)
3-Ahora las juntamos con una linea diagonal de 1 pixel de esquina a esquina de las lineas que acabamos de hacer:
(http://img42.imageshack.us/img42/6015/t12k.png)
4-Ahora repetiremos los 3 pasos en la esquina de abajo contraria a donde hizimos la anterior:
(http://img42.imageshack.us/img42/7896/t13s.png)
Y este es el resultado:
(http://img340.imageshack.us/img340/5514/t1resultado.png)
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:
(http://img26.imageshack.us/img26/2821/51901907.png)
2- Pintamos todo el fondo con el color del que queremos que sea yo lo hare de Naranja para que se note:
(http://img34.imageshack.us/img34/3351/t21t.png)
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):
(http://img138.imageshack.us/img138/162/t22.png)
4- Ahora al color que nos ha salido le damos 20 tonos mas de luminosidad y los ponesmos en las partes altas:
(http://img26.imageshack.us/img26/4546/t23s.png)
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:
(http://img34.imageshack.us/img34/6411/t24u.png)
6- Por ultimo al color anterior le quitamos 20 tonos mas de luminosidad y lo aplicamos a la parte de abajo:
(http://img64.imageshack.us/img64/5844/t25.png)
7- Para que parezca que tienes mas forma podemos añadir otra linea:
(http://img683.imageshack.us/img683/3623/t26.png)
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:
(http://img138.imageshack.us/img138/6446/t27.png)
9- Hacemos lo mismo del "8-" pero estavez con el lado derecho:
(http://img63.imageshack.us/img63/7166/t28.png)
10- Siempre suele quedar bien dejar una linea de un pixel antes del interior del marco:
(http://img63.imageshack.us/img63/8066/t29.png)
Y este es el resultado de tanto trabajo:
(http://img130.imageshack.us/img130/5030/t2resultado.png)
[align=center]------------------------------------------------------------------------------------[/align]
Cada dia pondre un nuevo borde, esperad el proximo dia.
Creado por: Maiky
Fuente: iFurni.es (iForo)
-
Fantastico el tutorial, boy a intentar aver que me sale xD
+Karma
-
Muy bueno
-
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 + :)
-
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 ^^
-
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? :(
-
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.
-
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
-
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.
-
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.
-
Y...¿No hay manera que alguno de vosotros me pase el Paint a través del msn? :S
-
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 (http://stk.redaccenir.com/stk/www.portalprogramas.com/imagenes/programas/6590_1.jpg)
-
Seguramente será mejor que el que trae Windows 7 :) Gracias Chichue voi a probarlo.
-
Lo estoi probando i no parec muy bueno :(
-
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
-
No es muy bueno el de antes podias hacer que el fondo blanco se trasparentara en este no
-
Que manera de desviar un tema ¿Por qué no abres uno nuevo siquillote? ¬¬
El paint es mspaint.exe, si eso lo busco y te lo paso...
---------
Esta muy bueno el tutorial ;)
-
Descargar el paint desde aqui (https://www.underground.org.mx/index.php?PHPSESSID=08f3fcbb1ee4769ebc3e5eccd08800bd&action=dlattach;topic=13138.0;attach=453)
Fuente: underground
-
Buenísimo tutorial, ya lo ví en dicho foro.
Un saludo ;)
-
Lo pone fuente ifurni
-
Me ha servido muchisimo
-
Abel te ha gustado mi tuto para iFurni e.e
Bueno en todo caso este tuto (hecho por mi) es un poco senzillo, seguramente, dentro de poco pondré mas, tengo un de diseño web pero el foro no se que ha pasado con el.