Diseño
Puzzle 3d Blender
Empezamos con el plano que aparece por defecto al iniciar blender. Si no lo tienes, ve a vista superior (7), añade un nuevo plano y dale un tamaño de 4x4 unidades.
En vista superior, eliminamos dos vértices y nos quedará solo una de las líneas del plano. Esta línea la vamos a dividir en tres partes iguales. (W, Subdivide Multi, Número de cortes=2). Observa que el punto rosa del centro de coordenadas del objeto sigue estando donde estaba, dos unidades más arriba
<script languaje="JavaScript">img("01.png");</script><img src="/storage/tutorial/0/01.png" alt="(Imagen 01.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
El segmento central lo vamos a extrusionar para ir construyendo una de las patillas sobresalientes de la ficha del puzzle. Lo haremos dos veces (E, Only edges, Y) (E, Only Edges, Y).
Y ahora le vamos a dar una forma parecida a un hexágono. Ve seleccionando parejas de vértices y las vas cambiando de tamaño con pulsando SX. La de enmedio bastante más ancha y la de arriba más estrecha. También puedes mover esta línea superior un poco hacia arriba (GY) para darle la forma característica de los puzzles.
<script languaje="JavaScript">img("02.png");</script><img src="/storage/tutorial/0/1_02.png" alt="(Imagen 02.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Esto no es definitivo, más adelante podrás cambiar de sitio los vértices para darle la forma que más te guste, una vez que veamos como se va construyendo la pieza.
Ya tenemos una de las patillas sobresalientes. Ahora toca duplicarla para formar todo el perímetro de nuestra ficha del puzzle. La vamos a hacer de tipo simétrica doble, y por ahora con todas las patillas iguales. Es extremadamente importante que tanto las patillas salientes como los huecos entrantes sean iguales para que encaje correctamente.
Para duplicar lo que tenemos, puedes situar el cursor 3D en el vértice izquierdo (Selecciónalo, y Mayúsculas+S, cursor>selección), Selecciona todos los vértices pulsándo A, duplícalos con mayúsculas+D, y gíralos 90 grados a partir del cursor (Punto R -90 Enter). Elimina un vértice duplicado pulsando A A W, Remove doubles.
Repite el proceso hasta completar las cuatro caras de la ficha, poniendo otro hueco hacia fuera y otro hacia dentro.
<script languaje="JavaScript">img("03.png");</script><img src="/storage/tutorial/0/1_03.png" alt="(Imagen 03.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Después de volver a eliminar los vértices duplicados (Remove doubles), hay que rellenar correctamente la superficie de la pieza. Lo primero será quitar el relleno que tenemos de los huecos hacia dentro que no nos sirven. Selecciona las líneas que sobran y pulsa X, Edges.
<script languaje="JavaScript">img("04.png");</script><img src="/storage/tutorial/0/04.png" alt="(Imagen 04.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Para rellenar todo el interior de la ficha ve creando los polígonos de tres o cuatro lados que hagan falta seleccionando dos o tres líneas y pulsando F. Haz que todo quede simétrico y que no haya cuadriláteros cóncavos.
<script languaje="JavaScript">img("05.png");</script><img src="/storage/tutorial/0/05.png" alt="(Imagen 05.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Ya tenemos una ficha del puzzle, pero es plana. Puedes mover la vista para comprobarlo. Para que sea un objeto sólido vamos a extrusionarla hacia arriba. Selecciona todo (A o ó AA) y E Región Z.
<script languaje="JavaScript">img("06.png");</script><img src="/storage/tutorial/0/1_06.png" alt="(Imagen 06.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Para que la ficha pueda tener bordes redondeados más definidos, vamos a extruir una vez más la cara superior un poco hacia arriba y la cara inferior un poco hacia abajo. Selecciona los vértices con B y trazando un recuadro y repite la extrusión. Viéndolo en vista frontal o lateral, finalmente deberías tener cuatro capas de vértices y dentro todo hueco.
<script languaje="JavaScript">img("07.png");</script><img src="/storage/tutorial/0/07.png" alt="(Imagen 07.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Ya está terminada la construcción de la ficha. Para darle el aspecto redondeado vamos a aplicarle un Modificador SubSurf. En los botones de Edición (F9), en la paleta Modiffiers pulsa Add New y selecciona Subsurf. Por ahora deja todos los valores como están por defecto. Para que se vean los vértices redondeados, en la paleta links and materials pulsa Set Smooth, teniendo todos los vértices seleccionados. También es ahora un momento bueno para darle nombre al objeto y a la malla, en esa misma paleta escribe un nombre en los dos cuadros superiores ME: y OB:, por ejemplo Ficha.
<script languaje="JavaScript">img("08.png");</script><img src="/storage/tutorial/0/1_08.png" alt="(Imagen 08.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Si se ven manchas negras, selecciona todo y pulsa Control+N, Recalculate normals outside. Pudes salir a modo objeto pulsando Tabulador para ver el resultado.
Para hacernos una idea de como va quedando, duplica con Alt+D, girala 90 grados y coloca la ficha varias veces hasta formar una cuadrícula de tres por tres. Para moverla deja pulsada la tecla Control y así irá encajando en la cuadrícula de forma perfecta. Puedes hacer un rénder también para verlo mejor.
<script languaje="JavaScript">img("09.jpg");</script><img src="/storage/tutorial/0/09.jpg" alt="(Imagen 09.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Como se puede ver, las distintas patillas salientes y entrantes encajan perfectamente bien, pero las esquinas están redondeadas y dejan un hueco. Esto es porque al aplicar el Subsurf se ha redondeado todo. Como queremos que sólo las esquinas estén afiladas, hay que aplicarle Sufsurf Creases.
Selecciona una de las piezas, da igual cual, y entra en modo edición. Selecciona los cuatro vértices de las cuatro esquinas. A continuación pulsa Mayúsculas+E y tira de la linea que aparece hacia fuera hasta el máximo, o escribe el número 1 y pulsa Enter. Verás que las esquinas se han afilado.
<script languaje="JavaScript">img("10.png");</script><img src="/storage/tutorial/0/10.png" alt="(Imagen 10.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Opcionalmente puedes pulsar el botón Autosmooth en la paleta Malla de los botones de edición. Repite el rénder y observa el puzzle perféctamente encajado.
<script languaje="JavaScript">img("11.jpg");</script><img src="/storage/tutorial/0/8_11.jpg" alt="(Imagen 11.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Si no te gusta la forma de las patillas, puedes mover los vértices como quieras. Lo importante es que lo hagas igual tanto en los entrantes como en los salientes para que siga encajando. Tambien puedes cambiar el grosor de la pieza o el tamaño de los bordes redondeados moviendo hacia arriba o hacia abajo los vértices de esa segunda extrusión que hicimos durante el modelado. Experimenta todo lo que quieras hasta que encuentres la forma que más te guste.
<script languaje="JavaScript">img("12.jpg");</script><img src="/storage/tutorial/0/8_12.jpg" alt="(Imagen 12.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Hemos hecho todas las piezas iguales y todas encajan unas con otras. Si quieres dibujar un auténtico rompecabezas tendrás que modelar cada pieza distinta una por una, pero con la precaución de que cada patilla sea igual que la correspondiente de la pieza de al lado para que todo encaje corréctamente. Un trabajo de chinos.
Más sencillo es limitarnos a dibujar las piezas laterales y las esquinas. Habría que duplicar con Mayúsculas+D una de las piezas y cambiar el modelado para quitarle las patillas o entrantes que sobran y que se quede el lado recto.
<script languaje="JavaScript">img("13.jpg");</script><img src="/storage/tutorial/0/6_13.jpg" alt="(Imagen 13.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Ya tenemos modelados los objetos básicos para dibujar una escena con las clásicas piezas de puzzles. Lo que hagamos de aquí en adelante depende de cada caso en particular. A continuación vamos a dibujar como ejemplo una escena muy sencilla usándo estas piezas y un mapa de imagen.
Los materiales que vayamos a aplicar al puzzle ya dependen de como vaya a ser nuestra escena. Para hacer algo sencillo podemos aplicarles a las fichas un material oscuro y sin brillo imitando a cartón, y por encima otro blanco más brillante. Aprovechamos para poner debajo un plano a modo de suelo. El siguiente rénder está hecho con dos luces de área y oclusión ambiental.
<script languaje="JavaScript">img("14.jpg");</script><img src="/storage/tutorial/0/5_14.jpg" alt="(Imagen 14.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Si quisiéramos poner una imagen en la superficie del puzzle, ya habría que hacer un trabajo de texturizado un poco más detallado.
Para hacer una escena sencilla sin mucho trabajo podemos hacer un poco de trampa. Aplicaremos una imagen a un grupo entero de piezas juntas.
Como el tamaño del puzzle que hemos dibujado es de 5 por 4 piezas tendremos que buscar una imagen que guarde las mismas proporciones, por ejemplo de 500 por 400 pixels.
<script languaje="JavaScript">img("15.jpg");</script><img src="/storage/tutorial/0/5_15.jpg" alt="(Imagen 15.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
El mapa de imagen habrá que aplicarlo al material que hemos usado para la parte superior de las piezas. En la paleta Map Input tendremos que ponerle un mapeado GLOB y un tamaño en cada cuadro SIZE de 1/ancho del puzzle/2, en este caso 1/16/2 = 1/8 = 0.125 (Se redondea automáticamente a 0.13)
<script languaje="JavaScript">img("16.jpg");</script><img src="/storage/tutorial/0/4_16.jpg" alt="(Imagen 16.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Esta forma tan simple de aplicar la textura tiene inconvenientes como que el trozo principal del puzle tiene que estar centrado en el espacio de coordenadas de blender y alineado con los ejes de coordenadas. Lo más grave es que las piezas que hay separadas ya no representan la textura correctamente, por lo tanto en nuestro caso particular con nuestra imagen blanca por alrededor, o las quitamos o les aplicamos un nuevo material blanco para que no se note que no coincide el dibujo. Pulsa el botón OB de la paleta Links and Pipeline para que el nuevo material se aplique sólo al objeto que tú quieras y no a todos los de su clase.
<script languaje="JavaScript">img("17.png");</script><img src="/storage/tutorial/0/17.png" alt="(Imagen 17.png)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Así es como quedarían las piezas que hemos modelado con una textura de imagen muy simple.
<script languaje="JavaScript">img("18.jpg");</script><img src="/storage/tutorial/0/2_18.jpg" alt="(Imagen 18.jpg)" style="border-style: solid; border-color: rgb(197, 204, 216) rgb(241, 243, 251) rgb(241, 243, 251) rgb(197, 204, 216); border-width: 1px; padding: 10px; background: rgb(220, 224, 234) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br><br><a href="http://es.geocities.com/JM00092/blender/tutoriales/puzzle/index.htm">Fuente<br><br></a>Y así me quedó a mí, hay fallos en un par de cantos de las piezas http://img154.imageshack.us/img154/199/puzzlezm5.jpg<br><br>
08 Abr 2009, 01:17
y el parket ese donde reposa tu foto? es del gimp? te viene hecho?
ta chulo
p.d: gimp = caca jejeje
Pues una textura y ya esta supongo no?
jajaja es una textura toooo cutre
tendría que haber cojido el plano desde más arriba pa que no se vea tanto fondo de suelo q marea tanto cuadradito