[BLENDER] Objetos Multi-Materiales

A veces sucede que tenemos un objeto (un cubo por ejemplo) al que queremos aplicarle diferentes texturas / colores  a sus caras. Para ello debemos asignar al objeto varios materiales. En este tutorial se explica como.

Nota: si no podes visualizar bien una imagen clickealas para agrandar

•  Selecciona el objeto, en este caso usaremos el cubo por defecto. 

Por costumbre o desconocimiento de muchos piensan que un objeto solo puede tener un solo material. Pero no es así, si observas lo que esta encerrado en amarillo es el índice de materiales, ahí nos dice que material es el que estamos editando, a continuación menciono como podremos aplicar varios materiales.

• Selecciona el Cubo
• Agrega un Material si no tiene uno, yo usare el que viene por defecto (en este tutorial me referire a el como Gris)
• Ve al panel de edicion (F9)

Lo que aparece encerrado en amarillo, es la sección para editar el material. Ahí podemos agregar otros (New), eliminar (Delete), mostrar las caras que usan ese material (Select), ocultar dichas caras (Deselect), asignar las caras seleccionadas al material actual (Assign).
Hacer que el objeto se vea suave (Set Smooth) o sin suavizado (Set solid).

• Haz clic en New. 

 Veras como cambia la parte encerrada de 1 Mat 1 a 2 Mat 2, lo que quiere decir en pocas palabras, total de materiales = 2 y el actual que se esta editando (en este caso el 2).
Por defecto te pondrá el mismo material Gris.
Con los puntitos que están en los extremos (o flechas) podrás navegar a través de los materiales.

• Ahora vamos a las opciones de Materiales (F5), ya podremos observar como cambio el índice de materiales y estamos ahora editando el segundo, como nos puso el mismo Gris (Material 1)… y no queremos ese agregaremos otro material de color rojo. El Gris sigue existiendo, para editarlo solo desplázate por los materiales con las flechitas (ver rectángulo amarillo) 

Wow… todo cambio a rojo… parece que hicimos algo mal pero no. Lo que nos hace falta es asignarle a las caras los distintos materiales.

• Entra al modo edición (Tabulador)
• Ahora puedes seleccionar las caras que tú quieras. 

 En mi caso seleccione las 4 caras en el sentido de la flecha.

• Necesitas ir al panel de edición (F9) sin salir del modo edición.
• Muevete por los materiales (usando las flechitas) hasta que te posiciones en el material Gris (el 1)

• Con las caras seleccionadas presiona el botón ASSIGN (abajo del rectángulo amarillo).

Ahora ves como ciertas caras tienen el material Gris y otras el material Rojo.

Fuente:  www.niel3d.com

[BLENDER] Conceptos Basicos + Practicas Modelado Simple

Nombre del Tutorial: Tutorial Blender
Autor: Carlos Linillos Guijarro
Descripcion: Este es otro de los tantos tutoriales de conceptos basicos de blender, a diferencia de la mayoria trae varias practicas de modelado simple por lo cual me parece muy util para los que recien empiezan en el fantastico mundo de blender.
Formato del archivo: PDF
Tamaño del Zip: 5.3 Mb

Indice:

Primera Parte

• Seleccion de Idioma
• Guardar Preferencias
• Ventanas y Vistas

Segunda Parte

• Mover, rotar y escalar
• Deshacer los Cambios

Tercera Parte

• Modelar un Cd Rom

Cuarta Parte

• Modelar una pelota

Quinta Parte

• Modelar un tablero de ajedrez
• Renderizado Basico

Imagenes de las Practicas

 

 

DESCARGAR TUTORIAL

Cambiar el Favicon de blogger

Hoy traigo un nuevo "truco" si se le puede llamar truco. Como es sabido, blogger al darnos su servicio de blog nos agrega un favicon por defecto. Para quienes no sepan que es un favicon, simplemente es el icono que aparece en la barra de direcciones del navegador, en el titulo de la pestaña y que tambien aparecera en los blogrolls de los blogs que nos enlacen. Por defecto tendremos la B de blogger. Pero esto podemos cambiarlo de la siguiente manera:

Primero tendremos que diseñar nuestro favicon.ico en nuestra pc y subirlo a algun servidor de imagenes que permita la extension .ico

Luego en el HTML de nuestra plantilla (me rehuso a seguir diciendo como se edita la plantilla, cualquier cosa miren tutoriales anteriores)

Buscamos:

<title><data:blog.pageTitle/></title>

Si lo tuvieramos distinto basta con buscar la etiqueta <title>< ya que aparecera una sola vez en toda la plantilla

Y justo antes de esa linea pegamos:

<link href="http://sitio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>

<link href="http://sitio.com/favicon.ico" rel="icon" type="image/x-icon"/>

Editamos http://sitio.com/favicon.ico por la url de nuestro icono. Yo recomiendo que creen su icono en gif o png y utilizen esta web:

http://www.html-kit.com/favicon

en esta web no solo podran generar el .ico a partir de una imagen sino tambien alojarlo.

Hasta la proxima

Formateando texto

Continuando con el curso HTML, hoy voy a hablar sobre las etiquetas relacionadas al texto. Este es un tema un poquito mas extenso como para un post solo asi que seguramente lo divida en 2 o 3 posts ya que no quiero dejr  nada por el camino. No voy a explicar muy detalladamente cada etiqueta por que creo que no es necesario, creo que bastaria con ejemplos para apreciar la funcion de cada etiqueta.

En tutoriales anteriores ya estuvimos hablando algo sobre el formato de texto. Aprendimos a usar las Negritas Cursiva y subrayado  sin embargo voy a repetir estas cosas para que quede un poco mas ordenado el curso.

Texto en Negrita

Para poner texto en negrita tenemos dos opciones: la etiqueta <b></b>  o  <strong></strong> ambas daran el mismo resultado, por lo que es recomendable usar  B  ya que es menos para escribir XD.

Ejemplos:

<b>Texto en negrita usando B</b>
<strong>Texto en negrita usan STRONG</strong>

Resultado:


Texto en negrita usando B
Texto en negrita usan STRONG

Cabe destacar una cosa sobre las diferencias entre B y STRONG. B quiere decir texto en negrita minetras que STRONG es un texto resaltado. Si hacemos pruebas obtendremos los mismo resultados pero no siempre. Cada navegador interpretara estas etiquetas de una manera distinta. La etiqueta B sera reconocida como negrita en cualquier navegador, en cambio STRONG puede aparecer como ngrita en un navegador o con un subrayado o color rojo en otros navegadores. Por experiencia propia en los navegadores mas usados como IE y Mozilla firefox no he encontrado diferencia entre estas etiqueta pero vale la pena destacar este punto.

Texto en Cursiva

La cursiva tambien conocida como italica la aplicaremos usando la etiqueta <i></i>  Tenemos otra opcion para aplicar una cursiva que es usando la etiqueta <em></em> la cual nos dara una cursiva con una inclinacion un poco mas larga. Lo mas normal en la mayoria de webs es usar la etiqueta <i></i>  ya que es mas facil de recordar (i  de italica)


Ejemplo:

<i>Texto en Cursiva</i>

 Resultado:

Texto en Cursiva


Texto Subrayado 

Para aplicar un texto subrayado vamos a utilizar la etiqueta  <u></u> (underlined)

Ejemplo:

<u>Texto subrayado</u>

 Resultado:

Texto subrayado


Subindices y Supraindices

Personal mente yo no soy de usar estos formatos, mas bien nunca he tenido porque hacerlo, pero son muy utiles para expresar formulas matematicas o quimicas (por ej). Para los subindices usaremos la etiqueta   y para los supraindices 

Ejemplos:

Sub indice: H<sub>2</sub>O es la formula del agua
SupraIndice:  x<sup>2</sup> + 2y = -2y <sup>3</sup>

Resultado:

Sub indice: H₂O es la formula del agua
SupraIndice: x² + 2y = -2y ³

Combinar etiquetas

Esto es algo de lo que ya se hablo pero vamos a profundizar un poco por si quedo algo en el camino.

Es muy posible que necesitemos combinar varias de estas etiquetas para formatear nuestro texto. En estos casos tenemos que ser lo mas ordenados posible. Por varios motivos, para que al momento de editar nuesto codigo sea mas comprensible leerlo y buscar las partes que qeuramos editar, y por supuesto para evitar los errores.

Al escribir nuestro codigo tenemos que analizar la prioridad de nuestra etiquetas. Por ej. Si estamos usando B como etiqueta principal del parrafo esta debe ser cerrada al final, y antes de ella todas las secundarias, voy con unos ejemplos mas practicos:

Este texto esta en negrita y este en negrita y cursiva

la manera correcta de escribir esto es asi:

<b>Este texto esta en negrita <i>y este en negrita y cursiva</i></b>

Vemos que Abro en primer lugar la etiqueta B  en segundo lugar la etiqueta I y al momento de cerrarlas cerre B al final. Como decia en oto tutorial la manera mas facil de comprender esto es "lo que mas a la izquierda esta al incio mas a la derecha en el cierre"

De esta manera esta MAL escrito:

<b>Este texto esta en negrita <i>y este en negrita y cursiva</b></i>

Si hacemos la prueba veran que va a funcionar del mismo modo, la diferencia es que el navegador tendra que "pensar" mas para resolver estos errores provocando un tiempo de carga mayor (lo cual no es la idea) y segun a que valla destinado nuestra pagina es posible que no funcione (por ej si usamos XHTML)


Eso es todo amigos diria el viejo Bunny para el proximo post continuare con el formato de texto: Colores, tipos de letra y anda a saber que mas

Imagen de fondo en las entradas

Este es un pequeño truco HTML para agregar una imagen de fondo a tus entradas.

Crea una entrada nueva y antes de publicarla ve a la edicion HTMl y pega este codigo donde quieras que inicie la imagen:

<div style="background-image: url(URL de tu imagen); padding: 5px;">

y este donde quieres que finalize:

</div>

Nota: padding: 5px;  no es necesario, esto agregara un relleno de 5 pixels a tu imagen, usando este ejemplo puedes usar mas posibilidades como border, por mas estilos remitirse a un manual de CSS