Original subtitles

En nuestro siguiente capítulo vamos a ambientar los diagramas

y los diagramas nos sirven siempre para explicar

de una forma muy gráfica cómo funciona nuestro proyecto.

Podemos tener diagramas de

forma que explican cómo fue evolucionando la forma de nuestro proyecto.

Podemos tener diagramas de clima, de circulaciones.

Los diagramas son básicamente explicar de una forma mucho más

gráfica y mucho más sencilla cómo funciona nuestro proyecto.

Vamos a importar los diagramas y en este caso son 13 diagramas de forma.

Entonces para eso voy a crear un nuevo archivo.

Me voy a archivo nuevo.

Vamos a dejar toda la configuración igual, pero voy a poner 13 mesas de trabajo.

Ya vemos que me aparecieron.

Voy a importar mi archivo de diagramas.

Clic derecho.

Abrir con Illustrator

y los vamos a copiar todos con un CTRL + C

Los vamos a pegar en el archivo que acabamos de hacer.

Ahora,

los voy a acomodar para que sean un poco más fácil de escalar.

Es decir, voy a pasar la mitad para arriba,

los voy a seleccionar y los tengo que ir escalando todos al mismo tiempo

para que mi diagrama no tenga ningún tipo de movimiento entre las hojas.

Entonces voy a agarrar el isométrico que esté más grande

que me parece que va a ser este de acá antes de ser cortado,

y lo voy a posicionar en una mesa de trabajo.

Voy a escalar hasta que me quede

una buena escala, un buen tamaño en mi mesa de trabajo por ejemplo

yo creo que ahí está bien.

Lo voy a agrupar clic derecho

Agrupar y lo voy a

poner justo a la mitad de ambos ejes.

Entonces aquí arriba mi barra de CTRL + lo voy a alinear a la mitad

en el eje vertical y a la mitad en el eje horizontal.

Si no les está funcionando, puede ser que no tengan esta opción bien configurada.

Aquí yo lo tengo que se alinea a la mesa de trabajo.

Esto ya lo puedo desagrupar clic derecho desagrupar.

Voy a crear una guías para poder posicionar

todos los diagramas exactamente en el mismo punto de referencia.

Entonces voy a bloquear esta capa y voy a crear una nueva

que diga Guías.

Voy a activar mi regla con un CTRL + R.

Vemos que acá tengo regla horizontal y vertical

y voy a arrastrar una guía vertical para que quede justo en el punto

que necesito, y una guía horizontal para que quede justo en el punto que necesito.

Estas dos guías las voy a seleccionar, las voy a copiar

y me voy a asegurar

que las estoy seleccionando de esta mesa de trabajo, porque además

de que mi cuadro de selección se queda en esta mesa de trabajo,

puedo ver un pequeño recuadro negro alrededor de esta mesa de trabajo.

Entonces me va a tomar como referencia el punto cero cero de esta mesa

de trabajo.

Vamos a dar un CTRL + C y el comando para pegar en todas las mesas de trabajo

en el mismo punto es CTRL + Shift Alt V.

Entonces ya tenemos nuestras guías en todas las mesas de trabajo.

Voy a bloquear mi capa de guías, voy a desbloquear la de diagramas

y voy a empezar a posicionar mis diagramas.

Selecciono todo lo que tengo con el mouse negro

le voy a dar clic justo al punto de donde quiero arrastrar

y lo voy a posicionar en donde necesito.

Entonces vamos a hacer eso

con todas nuestras mesas de trabajo, ya que los tenemos todos acomodados.

Vamos a hacer el mismo proceso de dividir por color.

Entonces, con mi varita mágica voy a seleccionar todo lo que tengo

de otro color y lo voy a pasar a una capa diferente.

Bloqueo esta capa y asigno los tonos que vimos en un inicio.

Entonces en color de trazo le voy a poner un gris en grosor de trazo

le puedo poner un 0.3

y a lo que tengo en la otra capa

con el gotero le voy a asignar el mismo color,

pero a eso le quiero poner una raya punteada.

Para eso me voy a ir a mi ventana de trazo.

Y esta opción que tenemos acá que dice Dashed Line, la vamos a activar

y vamos a ver que ya lo tenemos en punteado.

Si no se alcanza a ver tanto, lo que podemos hacer es seleccionarlo.

Por ejemplo, lo puedo pasar a un color más obscuro o tal vez un poquito

más grueso

y en teoría ya lo tendríamos.

Esto lo podríamos colorear si necesitamos.

En este caso lo voy a dejar en blanco y negro y lo que voy a hacer

es crear algunos diagramas explicativos de otros conceptos.

Entonces lo que vamos a hacer es crear algunas mesas de trabajo extra.

Me voy a ir aquí a mi barra de herramientas, a esta herramienta de mesa de trabajo

y voy a copiar algunas de estas mesas.

Entonces estas de acá

las voy a copiar para abajo con un alt

y vamos a copiar otras dos.

Por las dudas.

Voy a crear unas guías nuevas,

esto para poder guiarme en el tamaño de este isométrico.

Les voy a poner una guía en donde acaba mi isométrico

y una guía en donde empieza.

Me voy a regresar a mi archivo de isométrico

y antes de pasarlo a mi archivo final le voy a agregar algunos patrones.

Para eso es muy sencillo.

Voy a desbloquear todas mis capas y lo que sea,

por ejemplo, madera lo voy a seleccionar

yo sé que esto lo quiero de madera.

Con Alt, lo copio a un lado, le asigno mi patrón en el relleno

y lo regreso a donde estaba.

Si la escala no nos gusta mucho, le podemos dar un clic

derecho Transformar, escalar.

Nos vamos a asegurar que este que dice transformar objeto, no este seleccionado.

Entonces le voy a quitar esta palomita

y aquí le podríamos pasar por ejemplo a un 60%.

Y vamos a ver cómo se hace más chiquito el patrón.

Le voy a bajar un poco la transparencia como a un 50, por ejemplo,

y voy a hacer lo mismo con el piso

estos de acá los voy a copiar a un lado,

les voy a poner ahora el de puntos

y lo voy a regresar a donde estaba.

Igual lo voy a hacer un poco más. Chico.

Clic derecho Transformar escalar.

Desactivo esto de transformar objeto.

Le voy a poner un OK

y le podríamos poner rayas a alguna de las paredes.

Entonces voy a seleccionar estas

y estas con V.

Lo voy a copiar a un lado, le vamos a poner las rayas

y lo voy a regresar a donde estaba.

Ahora estas rayas les voy a hacer dos modificaciones.

La primera va a ser una rotación.

Entonces clic derecho, transformar, rotar.

Voy a transformar solo el patrón y le vamos a poner 90

para que estén verticales.

Clic derecho transformar, escalar.

Las voy a hacer más chiquitas

y las voy a poner un poco más transparente

para que se mezclen un poco más.

Ahora sí, ya que tenemos todo listo, lo voy a copiar

con mi mouse negro un CTRL + C y lo voy a pasar a mi archivo de

diagramas en una capa nueva.

Lo voy a pegar, lo voy a posicionar para que me quede

exacto de la misma escala.

Entonces aquí escalo y voy a prender otra vez

mi otra capa de guías para ver exactamente en qué punto estaba

desde aquí.

Este diagrama lo voy a copiar en estas otras

para hacerle diferentes explicaciones, entonces lo selecciono CTRL + C

y aquí para pegarlo en la misma mesa de trabajo,

vamos a apretar en el teclado CTRL + Shift V.

Voy a hacer lo mismo aquí y voy a hacer lo mismo acá.

Yo creo que con tres diagramas explicativos va a ser suficiente.

Voy a crear una capa nueva en este caso

le voy a poner recorrido del sol, por ejemplo,

y vamos a utilizar un archivo que creó Estefanía, con íconos para diagramas.

Lo van a ver en la carpeta del curso.

Es este que dice recursos, diagramas y aquí por ejemplo, voy a agarrar

este sol, CTRL + C,

le voy a poner acá CTRL + V,

lo voy a agrupar

y el sol lo voy a poner de este lado, la luna la voy a poner de este lado

y le voy a hacer con la pluma un recorrido del sol.

Entonces vamos a hacer una curva más o menos así, aquí lo voy a cortar

y le voy a hacer así más o menos

vamos a copiar esta que hizo Estefanía,

la vamos a arreglar porque no me quedó tan bien la curva.

Todo esto lo estoy arreglando con el mouse blanco

la selección directa.

Le vamos a cambiar el color.

Entonces desde acá le puedo asignar un color amarillo, por ejemplo,

y le voy a subir el grosor, le voy a cambiar el punteado

a que sea un poco más grande.

Entonces ocho por ocho tal vez, y lo voy a redondear,

tal vez todavía un poco más

de separación, por ejemplo, 10

o 15.

Creo que ahí está bien, y ese podría ser nuestro recorrido del sol,

incluso podría yo regresar a esta capa.

Y a esto, por ejemplo, lo puedo poner un poco transparente.

Primero lo tengo que agrupar.

Clic derecho Agrupar.

Selecciono clic derecho Agrupar otra vez clic derecho Agrupar

y a cada uno de estos les voy a bajar la transparencia.

Por ejemplo, aún no sé. 70%,

me regreso al recorrido y este recorrido

incluso le puedo poner un relleno de degradado,

entonces el relleno le vamos a poner aquí un amarillo también vemos que se llena,

me voy a ir a mi ventana de degradado, le voy a poner uno lineal

y con este ícono de acá editar degradado,

voy a dibujar, que vaya de acá hacia acá.

Entonces al blanco le vamos a poner un color amarillo

con un doble clic aquí este mismo amarillo que utilizamos

y al negro, voy a hacer lo mismo, un doble clic y le asigno el color amarillo.

Si quiero tomar un color de mi diagrama, lo que puedo hacer

es darle clic al círculo, darle clic al gotero de acá y darle clic al color.

Por ejemplo, si lo hago de otro color van a ver la diferencia,

le voy a poner el mismo

y ahora lo que yo quiero es que vaya de oscuro a transparente.

Entonces a este círculo le voy a bajar esta opacidad a un 0%.

Incluso lo que puedo hacer es moverle un poco

la combinación de color, entonces voy a poner que sea un poco

más transparente todavía con este rombo de acá

y ya tenemos el primer diagrama del recorrido del sol, voy a bloquear

este, vamos a poner uno de circulaciones, por ejemplo aquí circulaciones,

le voy a cambiar el

color porque ya sé que gris casi no lo voy a ver.

Y aquí podemos crear algunas líneas, algunas flechas

que muestran los recorridos.

Entonces, por ejemplo, voy a crear una línea

desde la sala hasta arriba,

entonces vamos a crear aquí algunas curvas, después

le podemos modificar el grosor, no pasa nada aquí no lo corté bien,

entonces me regreso, le voy a poner que sube,

que da la vuelta por acá, acá lo voy a cortar

y aquí me voy a seguir como si llegáramos a la recamara.

A esa línea le voy a cambiar, por ejemplo, para que sea

rojo, le voy a bajar el grosor

y le voy a bajar estos puntos, por ejemplo, un seis y seis.

Ahora le vamos a poner algunas flechas, entonces a este de acá le voy a poner aquí

donde dice Arrow heads, le vamos a poner por ejemplo un círculo,

si no nos aparece es porque lo pusimos del otro lado

y le podemos dar un invertir.

Le voy a bajar la escala porque está muy grande, entonces por ejemplo un 50%,

tal vez un 70,

y a esta de acá le voy a poner una flecha

para indicar que sube a esa

si la vamos a subir un poquito más como un 120

y ya tenemos la primera flecha.

A esta flecha le voy a poner un texto, por ejemplo, vamos a ponerle

algo como recorrido

privado, por ejemplo,

desde mi barra de CTRL + le puedo cambiar

a una tipografía diferente, por ejemplo Montserrat

Le vamos a bajar los puntos, tengo que asegurarme de tenerlo

seleccionado.

Entonces nuevamente Montserrat

y le vamos a bajar los puntos aquí se me fue una letra

y con el gotero

le podemos poner el color o desde aquí le puedo asignar en relleno el mismo color.

Voy a rotar este texto, transformar, rotar

lo vamos a rotar.

Yo creo que va a ser un 30, si efectivamente fue un 30

y lo voy a poner aquí

en siguiente vamos a poner un recorrido público,

entonces voy a darle clic a esta flecha para que se respeten las propiedades

y tal vez esta flecha la voy a hacer un poquito más

gruesa para que se note un poco más a esta.

Aquí vamos a hacer un recorrido público, entonces, por ejemplo,

nos vamos a imaginar que la persona entra por acá.

Bueno, lo vamos a hacer un poquito más arriba para que se vea más.

La persona entra por acá

y vemos como que se da la vuelta por acá.

A este le vamos a cambiar nuevamente

el color, le vamos a poner un color, por ejemplo

lila y yo creo que sí lo voy a unir

porque casi no se alcanza a entender por donde pasa este recorrido.

Aquí puedo seleccionar estos puntos clic derecho join

y se me va a unir mi trazo.

Le voy a poner un Arrow head de un lado circular,

del otro lado le vamos a poner una flecha

y le vamos a bajar igual las dimensiones.

Entonces a esta le voy a bajar a un 70

y le vamos a poner igual un texto,

entonces voy a copiar este de acá, lo voy a rotar nuevamente en transformar,

rotar.

Vamos a ver cuánto es.

Creo que va a ser -60

y le vamos a poner

recorrido público, vamos a poner el mismo tono.

Entonces ahí ya tenemos dos diferentes y vamos a hacer un diagrama extra.

Voy a copiar nuevamente esto CTRL + C,

CTRL + Shift V,

voy a bloquear

y vamos a poner por ejemplo áreas verdes, me voy a traer

un color de los que tengo aquí ya definidos, por ejemplo

este verdecito de acá CTRL + C me lo traigo para acá CTRL + V

y ahí podemos ver que ya lo tengo.

Entonces con este verde lo único que voy a hacer

es delimitar en donde están mis áreas verdes.

Entonces voy a crear un perímetro, le voy a agregar transparencia

para que se alcanza a ver lo que está atrás, un 80% no, mejor un 60%

y voy a hacer lo mismo acá atrás.

Para eso yo creo que es más fácil copiarme alguno de estos objetos.

Entonces voy a desbloquear esta capa con mi mouse blanco, lo selecciono este,

este y este CTRL + C

y me regresa mi capa de áreas verdes CTRL + Shift V.

Le vamos a poner la misma tonalidad para que se entienda,

esto me parece que no lo copié bien, lo voy a dibujar rápidamente,

entonces lo dibujo acá, acá y acá

y ahí tenemos áreas verdes.

Entonces por último le voy a poner un pequeño texto de áreas

verdes, vamos a copiar

el mismo texto, lo voy a poner verde

y lo vamos a mover para acá.

Aquí le puedo poner diferente.

Por ejemplo, le podría poner una flecha que vaya, así

que le vamos a poner el mismo tono

de verde.

Lo voy a hacer un poco más grande para que se vea más proporcionado,

voy a hacer lo mismo acá

y a estos dos

les podemos poner un Arrow head por ejemplo, de un circulito.

Si en algún momento ven que estos Arrow heads

no les aparecen, tendríamos que abrir las opciones del trazo.

Aquí con estas flechas

le doy clic y mostrar opciones.

Entonces, ya que tenemos todos nuestros diagramas,

lo único que faltaría es exportar para poder crear nuestro GIF.

Entonces eso lo vamos a ver en el siguiente capítulo.