[Gráficos] Kalis Tiling School [1ª Tarea]


 
 
Herramientas Desplegado
  #1  
05/07/2012
Predeterminado Kalis Tiling School [1ª Tarea]
[cabecera]http://i1065.photobucket.com/albums/u386/Zamborh/bannervbulletin.png[/cabecera]




[css-p=background:url('http://www.fondosypantallas.com/wp-content/uploads/2009/11/vladstudio_squares2_1280x10241.jpg');border-color:#E1E1E1;text-align:center;border-radius:10px;width:280px;color:black;box-shadow:1px 2px 3px rgba(0, 0, 0, 0.8);margin-left:auto;margin-right:auto;]
Esta clase consta de dos partes:
Una pequeña introducción con nociones básicas
La primera tarea, los árboles

Primera tarea (Intro)

[/css-p]


[css-p=background:url('http://www.fondosypantallas.com/wp-content/uploads/2009/11/vladstudio_squares2_1280x10241.jpg');border-color:#E1E1E1;text-align:center;border-radius:10px;width:280px;color:black;box-shadow:1px 2px 3px rgba(0, 0, 0, 0.8);margin-left:auto;margin-right:auto;]

Primera Tarea (INTRO)



PUNTO 1: PERSPECTIVA

La perspectiva en el tiling es muy importante, ya que no es lo mismo un tile con una buena perspectiva que otro que parece que lo estés viendo de frente, ¿no? Pues bien, mi técnica al hacer un tile es declarar el ángulo de inclinación en torno a 60º, algo así visto de perfil:



Por otra parte, si lo viéramos de frente, sería algo así. Véase que comparo; a la izquierda, como si se viera de frente, y a la derecha, como se tiene que ver:



PUNTO 2: OUTLINES

Veo también importante aclarar el tema de las outlines, ya que cuando se empieza se tiende mucho a cometer estos fallos que desmejoran mucho el resultado final.

Para empezar, en esta imagen os muestro cómo debe hacerse una curva. Primero tienes la línea recta, luego haces otra de 2 px, después otra de 1, y ya otra vez de 2 px hacia donde quieras girar:



Otro punto a tener en cuenta es que el grosor de una out nunca debe sobre pasar el píxel, ya que queda feo:



PUNTO 3: PALETAS

En este punto seré breve. He marcado con varios colores las zonas más adecuadas para ciertos tiles. He escogido paletas cercanas a la gama de grises porque no son tan chillonas, que es otro fallo que se suele cometer al empezar, el coger paletas demasiado llamativas.



Rojo: zona recomendada para coger colores.
Rojo oscuro/marrón: zona recomendada para hacer los sombreados.
Azul: zona recomendada para coger outs exteriores.


Ok, esta parte de la clase queda finalizada. Una vez habéis visto algunas nociones básicas, procedemos a la primera clase, los árboles.

1ª Clase: los árboles



Para empezar, creamos un archivo en paint. Vamos a imagen, tamaño de imagen y ponemos los parámetros [ancho=32; alto=48]. Después, cogemos el borrador, ponemos como segundo color el que queramos (que no sea negro o muy oscuro, por favor) y creamos una plantilla de cuadraditos.



En esta parte, cogeremos la herramienta círculo y haremos 3 círculos. El de arriba, el más pequeño. El del medio, el más grande. El de abajo, el mediano. Cuando cojáis práctica no hará falta, pero de momento viene muy bien y es de mucha utilidad para hacer la forma básica del árbol.



Ahora vamos a arreglar las outlines para perfeccionar el árbol y que no tenga esa forma circular. Mucha gente hace una mitad y luego copia y pega en el otro lado, pero yo quiero que el árbol sea irregular, asi que lo hago distinto en toda su extensión.



Ahora, cogeremos las paletas. Yo he cogido nueve por si me conviene usar una paleta en vez de otra, pero lo normal son 7 u 8 contando con las outs, esto para la copa del árbol.
Una vez cogidas, podemos empezar a pintar. Cogéis el color más oscuro y vais rodeando la parte de abajo, tal como se ve en la imagen. Después, hacéis un par de líneas más para simular la forma del follaje. Luego, cogéis el segundo color más oscuro y pintamos el interior. Con el tercero hacemos un par de brillos tal como muestra la imagen.



Ahora haremos lo mismo pero en el segundo nivel. Para la cuestión de las paletas, yo uso un método que lo llamo (por ponerle un nombre) 123-234-345. ¿En qué consiste?
Para el primer nivel, hemos usado el 1º, 2º y 3º color ¿no? Pues para el segundo nivel, usaremos el 2º, 3º y 4º color, para el tercer nivel el 3º, el 4º y el 5º, etc.



Ya que estamos, vamos a pintar las outs de dentro, que quedan algo feas. Para ello, usaremos los colores del sombreado del nivel anterior. Para el primer nivel, o usamos la paleta más oscura, con lo cual queda feo, o buscamos otra. Por tanto, yo busco otra y me queda mejor que con el negro.



Ahora que tenemos la copa hecha, quedan el tronco y la sombra. Hagamos el tronco. Este es un tronco normalito, sin muchos detalles y que acaba en 3 picos. Podéis practicar a ver qué tronco os sale, tened imaginación.



Para pintarlo, cogemos 3 colores; uno oscuro para remarcar dónde se juntan los picos, el del medio para bordear esa zona, y el más claro para el brillo del árbol.
Ahora toca la sombra. Yo haré una estilo B&W. Para ello, cogemos un color de la copa, ni muy claro ni muy oscuro, pero si hay que elegir, que sea tirando a oscuro. Después, pintamos con ese color de forma irregular alrededor del tronco, que quede algo así.



Por último, con el siguiente color más claro, repetimos la operación bordeando la sombra interior y voìla, ce ça! hemos hecho un bonito árbol. Por último, borramos la plantilla y las paletas para que quede limpio.





Y no queda nada más que decir, espero que os haya quedado claro, si tenéis alguna duda o algo avisadme por perfil o por MP.
[/css-p]


[css-p=background:url('http://www.fondosypantallas.com/wp-content/uploads/2009/11/vladstudio_squares2_1280x10241.jpg');border-color:#E1E1E1;text-align:center;border-radius:10px;width:280px;color:black;box-shadow:1px 2px 3px rgba(0, 0, 0, 0.8);margin-left:auto;margin-right:auto;]
TAREAS: Hacer un árbol siguiendo el tuto de la clase. El que cometa algún fallo que haya explicado en las nociones básicas (INTRO) tiene el tile automáticamente suspenso. Así espabiláis antes (?).

Tenéis hasta el viernes 13 de julio para entregar la tarea. Un saludo!
[/css-p]

  #2  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
Aquí mi tarea:


Espero poder sacar mas de un 3...
  #3  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
Creí que las tareas se entregaban por perfil xD
Entonces aquí la mía ^^
  #4  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
PD: Para los que empiezan (y para los que no) os pongo como tema de curiosidad mis primeros árboles, para que no os desaniméis si a la primera os fallan las formas y las paletas, todos hemos empezado:



¿Veis? Era un completo noob, y con esfuerzo, ale (?)
  #5  
05/07/2012
Predeterminado RE: Kalis Tiling School [1? Tarea]
Ufff... Estoy intentúndolo y no me sale... Pens? que era una clase b?sica... Así que bueno, renuncio xD disculpen las molestias ocasionadas :3

EDIT: NO! Seguir? con esto y no me rendir?. Lo estoy haciendo, así que... Cuando lo termine lo paso.

EDIT2: Aquí estú.



Info adicional: Lo hice simítrico, y es el primero que hago.
  #6  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
Aca esta mi tarea.
  #7  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
Me quedó super parecido al tuyo .__.


No tiene tronco porque lo usaré en un bosque, ya te lo dije pero para que lo sepan los demás XD
  #8  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
Que conste que lo advertí ;w;

  #9  
05/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]

Listo! Es mi primer tile(tiene unas raices muuuuy grandes)
  #10  
06/07/2012
Predeterminado RE: Kalis Tiling School [1ª Tarea]
Bueno aqui esta, no es de mi santa devocion el resultado, pero wenoo..
maestro, no pude hacer el sobreado como se explica en el tuto, ya que se me dificulto... todo, a duras pocas hice las pelotas esas, para la estructura.. asi que tuve que hacer el sombreado con mi estilo.. espero que os guste^^
Y espero ganarme una buena nota, pronto subire otras paletas ^^ para que se aprecie el resultado de otras formas
aatt.Yyoo







pd: no entiendo si falta casi una semana para la fecha de entrega varios, ya han entregado, y entre ellos estoy yo... que me he dejado influenciar :/
 

Herramientas
Desplegado

Permisos para publicar mensajes
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los BB code están Activado
Los Emoticones están Activado
El código [IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Desactivado



Extra
Estilo clásico
La franja horaria es GMT +1. Ahora son las 01:41.