Plantilla Isométrico*

En este tutorial vamos a ver cómo crear la plantilla de una cuadrícula en isométrico para Illustrator. Sirve a su vez tanto para trabajar en Illustrator como para imprimir y trabajar en papel.

En este ejemplo vamos a crear una plantilla de tamaño 2048×2048 px que será lo suficientemente grande como para crear una hipotética ilustración de 30×30 u de 64 px cada una.

En la plantilla vamos a crear cuadrículas diferentes (64 px – 32 px). De este modo podemos subparcelar la cuadrícula para elementos más pequeños.

Para descargarte la plantilla completa con escala 1:75 y 1:225 accede a Isometric Grid Template 30×30, 2048×2048 px  –  Isometric Grid Template 15×15, 1024×1024 px.

El ejemplo siguiente muestra como crear la cuadrícula de a 64 px.

 

1. Crear un nuevo documento (Archivo > Nuevo)

Creamos el tamaño en píxeles para asegurarnos la compatibilidad con otros monitores de resoluciones diferentes.

 

IsometricTemplate-1

2. Dibuja una línea vertical con una longitud mayor que la página (<)

Para este caso concreto, la longitud será 3.000 px y con un ángulo de 90º.

 

IsometricTemplate-2

 

3. Mueve la línea a la esquina inferior izquierda

 

IsometricTemplate-3

 

4. Ajusta el incremento de teclado a 32 px

El incremento de teclado será la separación entre rectas. Esta deberá ser 1/2 de el tamaño de cuadrícula que deseemos.

IsometricTemplate-4

 

5. Duplica la línea horizontalmente

Mantén presionada la tecla Alt/Option mientras, además, presionas la tecla derecha de las flechas (Alt/Option > Derecha). De este modo de manera automática y a intervalos de 32 px se duplicará la línea. Mantén presionada la flecha hasta que sobresalga de la mesa de trabajo.

 

IsometricTemplate-5

 

6. Selecciona todas las líneas (Cmd/Control + A) y agrúpalas (Objeto > Agrupar)

Luego realiza una copia de estas y pégalas (Cmd/Control + P) en la mesa de trabajo

 

7. Gira 60 grados la copia de las líneas

 

IsometricTemplate-6

 

IsometricTemplate-7

 

8. Vuelve a pegar las líneas y esta vez gíralas -60 grados

IsometricTemplate-8

 

9. Ajusta los tres grupos de líneas para que queden centradas

 

IsometricTemplate-9

 

10. Selecciona todas las líneas y agrúpalas

Es recomendable que además cambies el color de las ilustraciones a un azul claro para no interferir en las ilustraciones.

 

11. Dibuja un rectángulo dentro de la mesa de trabajo

 

IsometricTemplate-10

 

12. Elige el área que quieras dedicar como espacio de trabajo

 

13. Selecciónalo todo (Cmd/Control + A)

 

14. Crear una Máscara de Recorte (Objeto > Máscara de recorte > Crear)

IsometricTemplate-11

15. Añade un cajetín para añadir los datos de la obra

DimetricParalel-12

 

16. Muestra final de la plantilla una vez hemos añadido además nuestra escala de 1:75

 

IsometricTemplate-13

 

17. Plantilla finalizada con una base de 30x30u

 

IsometricTemplate-14

 

Métodos secundarios de crear un Grid

Otra opción es, a partir de un patrón, duplicar este tantas veces como celdas queramos crear.

1. Creamos el patrón con el tamaño que deseamos (Descargar plantilla)

 

IsometricPiece64-1

 

2. Se ajusta la separación en vertical. En isométrico para unas unidades de 64 px sería de 36,96 px.

Para otro tipo de medidas sería el 57,74% del tamaño de la unidad.

 

IsometricPiece64-2

 

3. Se repite verticalmente tantas veces como se desee en el plano vertical

 

IsometricPiece64-3

 

4. Se ajusta la separación en horizontal

IsometricPiece64-4

5. Se repite tantas veces como se desee en el plano horizontal

 

IsometricPiece64-5

6. Para finalizar se trazan las líneas que enmarcarán el grid y se agrupa

 

IsometricPiece64-6

7. Por último podríamos añadir un cajetín y una escala si quisiéramos como hicimos en el primer ejemplo de plantillas

 

Método de las paralelas

El tercer y último método tal vez sea el más sencillo. Para que cuadren perfectamente es recomendable que la mesa de trabajo tenga un ancho que sea múltiplo de 64. En este caso, 2048.

1. Se crea una línea con una longitud de 2 veces el alto de la mesa de trabajo con una inclinación de 30º

IsometricParalel-1

 

2. Se ajusta la separación a 64 px

IsometricParalel-2

3. Se repite tantas veces como sea necesario para llegar a cubrir todo el área de trabajo

(Alt/Control + Izquierda)

IsometricParalel-3

 

4. Repetimos el procedimiento en el extremo contrario

O bien hacemos una copia de las líneas y hacemos un reflejo en vertical (Objeto > Transformar > Reflejo > Vertical).

IsometricParalel-5

 

5. Ajustamos la separación a 32 para hacer las paralelas

La mitad que la separación anterior.

IsometricParalel-6

 

6. Hacemos las paralelas

IsometricParalel-7

7. Definimos el área de trabajo

IsometricParalel-8

8. Añadimos una máscara de recorte

 

IsometricParalel-9

 

9. Y obtenemos la plantilla

IsometricParalel-10

 

10. Por último podríamos añadir un cajetín y una escala si quisiéramos como hicimos en el primer ejemplo de plantillas