Plantilla Dimé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 para trabajar en Illustrator o imprimir y trabajar en papel.

En este ejemplo vamos a crear una plantilla de tamaño 2048×2048 px 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 Dimetric Grid Template 30×30,  2048×2048 px – Dimetric Grid Template 15×15, 1024×1024 px.

El ejemplo siguiente muestra como crear la cuadricula de 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.

DimetricParalel-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 del 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)

7. Las líneas que van a estar inclinadas deben realizarse con una separación entre líneas inferior, en este caso a 28,6216 px entre líneas.

Repite el paso anterior con esta nueva distancia entre líneas (89,4425% de la separación principal)

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

Esta segunda copia se utilizará para hacer los giros negativos del paso 10.

9. Gira 63,435º las primeras paralelas

IsometricTemplate-6
IsometricTemplate-7

 

10. La copia de estas últimas paralelas gíralas -63,435º

IsometricTemplate-8

 

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

IsometricTemplate-9

 

12. 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.

 

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

IsometricTemplate-10

 

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

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

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

IsometricTemplate-11

 

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

IsometricTemplate-12

 

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

IsometricTemplate-13

 

19. Plantilla finalizada con una base de 30×30 u

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)

2. Primero crearemos un cuadrado

No importa el tamaño que tenga, porque luego hay que redimensionarlo. De todos modos, crearemos un cuadrado de 64 px por cada lado.

 

DimetricPiece-1
DimetricPiece-2

 

3. Podemos ajustar el color de la plantilla a azul para no interferir con las futuras ilustraciones

Además eliminaremos el relleno para que sea transparente y que solo se vean las cuatro líneas exteriores.

 

DimetricPiece-3

 

4. Luego tenemos que girar 45º para que quede en forma de rombo

DimetricPiece-4
DimetricPiece-5

5. Ahora hay que ajustar el rombo a relación 2:1

Empezamos dando las dimensiones al rombo que deseamos en su plano horizontal.

DimetricPiece-6

 

Seguido de una redimensión en el plano vertical al 50% del tamaño de área.

 

DimetricPiece-7
DimetricPiece-8

 

6. Ahora que tenemos el rombo hay que crear las líneas verticales que cruzan el rombo

DimetricPiece-9
DimetricPiece-10

7. En el caso de que el rombo midiera más de 64 px de ancho, podremos solucionarlo si eliminamos las puntas del rombo, porque estas sobrepasarán la medida deseada. Simplemente deberemos cambiar la definición del pincel a redonda

 

DimetricPiece-11

 

8. Una vez la pieza tiene las medidas correctas, podemos duplicar la recta vertical y duplicarla para añadirla al lateral izquierdo

DimetricPiece-12

9. Una vez tenemos la pieza que queremos clonar, estamos listos para empezar a crear la rejilla

 

10. Se ajusta la separación en vertical. En isométrico para unas unidades de 64 px sería de 32 px

Siempre la mitad de alto que de ancho.

DimetricPiece-13

 

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

DimetricPiece-14

 

12. Se ajusta la separación en horizontal

DimetricPiece-15

 

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

DimetricPiece-16

 

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

DimetricPiece-17

 

15. 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. Creamos la mesa de trabajo

DimetricParalel-1

 

2. Se crea una línea con una longitud 2,25 veces el alto de la mesa de trabajo con una inclinación de 26,565º

DimetricParalel-2
DimetricParalel-3

 

3. Se ajusta la separación a 64 px

DimetricParalel-4

 

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

(Alt/Control + Izquierda)

DimetricParalel-5

 

5. 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).

DimetricParalel-6
DimetricParalel-7

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

La mitad que en la separación anterior.

DimetricParalel-10

 

7. Hacemos las paralelas

DimetricParalel-8
DimetricParalel-9
DimetricParalel-11

 

8. Definimos el área de trabajo

DimetricParalel-12

 

 9. Añadimos una máscara de recorte

10. Y obtenemos la plantilla

DimetricParalel-13

 

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

 

DimetricParalel-14

 

 12. Resultado final con la base de 30×30 u

DimetricParalel-15