23
/ clínicas digitales FAU Á « » í

Proceso diagramacion illustrator

Embed Size (px)

DESCRIPTION

Workshop FAU

Citation preview

Page 1: Proceso diagramacion illustrator

/ clínicas digitales FAU

Á

« »

í

Page 2: Proceso diagramacion illustrator

GRÁFICA COMPUTACIONAL I

WORKSHOP:

REPRESENTACION ARQUITECTONICA

Profesor: Paulo Ogino

« PROCESO DE DIAGRAMACION DEL PROYECTO »

Grupo: Fernando Contreras _ Bastian García

Universidad de Chile – Facultad de Arquitectura y Urbanismo / clínicas digitales FAU

GOOGLE - SKETCHUP PRO 8 + VRAY

USADO PARA DISEÑO DEL MODELO (.SKP)Y EXPORTACIÓN DE CROQUIS, RENDERS Y PLANIMETRIAS

AUTODESK – AUTOCAD 2010 USADO PARA LA REALIZACIÓN DE PLANIMETRÍAS (.DWG) Y EDICIÓN DE LAS EXPORTADAS DESDE EL SKETCHUP PRO

ADOBE – PHOTOSHOP CS5 USADO PARA LA EDICIÓN DE LOS ARCHIVOS, YA SEAN CROQUIS (.PNG), RENDERS (.PNG) Y PLANIMETRÍAS (.PDF)

ADOBE – ILLUSTRATOR CD5 USADO PARA DIAGRAMACIÓN Y DISEÑO DE LA LÁMINA (.PDF)

Page 3: Proceso diagramacion illustrator

Iniciado el programa ILLUSTRATOR, debemos agregar nuestra hoja de trabajo. Nos dirigimos hacia la barra (superior) de menú, y damos click en File, y en la siguiente pestaña, vamos a New…

Page 4: Proceso diagramacion illustrator

La pestaña New Document, es donde pondremos las características que nuestra hoja de trabajo tendrá, para un formato predeterminado vamos a Size (tamaño), pero en este caso usaremos el formato A0 (841 mm x 1189 mm). Podemos darle un nombre si lo deseamos, para agregar las medidas que necesitamos, lo hacemos en el Width (ancho) y Height (alto), verificamos Units (unidades, ya sea cm, mm etc.) y vamos a Orientation, para ver si la posición será vertical u horizontal (como será en esta ocasión) luego de esto le damos a OK.

Page 5: Proceso diagramacion illustrator

Con nuestra hoja de trabajo lista, usaremos la herramienta RULERS, para poder ordenar la diagramación la lámina, por tanto vamos a VIEW, luego RULERS y por último SHOW RULERS. Así podremos usar unas líneas guías.

Page 6: Proceso diagramacion illustrator

En color rojo, vemos la herramienta RULERS activada, en ella podemos hacer click para sacar líneas guías (círculo azul, indica el movimiento de la línea). Moveremos la línea hacia la derecha hasta donde estimemos conveniente y luego la soltamos y se pondrá de color calipso.

Page 7: Proceso diagramacion illustrator

Para hacer un rectángulo del largo de nuestra hoja y del ancho de nuestra línea guía, en nuestras herramientas (color celeste), hacemos click en el rectángulo y le damos a

RECTANGULE TOOL

Page 8: Proceso diagramacion illustrator

1

2

Elijo un mi punto de inicio (1) para empezar a crear el rectángulo y luego el punto de término (2), al terminarlo, mi rectángulo queda con los bordes en azul. Ahora puedo darle color de relleno y de bordes, en la barra de edición de color (rojo)

Page 9: Proceso diagramacion illustrator

En las herramientas, elegimos SELECTION TOOL (flecha negra), para poder darle propiedades de color al rectángulo. Para agregar el color, vamos a la barra de edición de color, y seleccionamos la herramienta FILL/STROKE (relleno/borde) respectivamente (cuadrado rojo).

Page 10: Proceso diagramacion illustrator

Elegimos darle color al relleno o al borde o ambos, seleccionamos el color en la barra de abajo (por ejemplo negro), y así tenemos nuestra figura coloreada. En el caso de querer cambiar de color cual elemento similar, repetimos el paso de seleccionarlo y luego elegir el color.

Page 11: Proceso diagramacion illustrator

(1) Repetimos el paso de las líneas guías para crear la trama de nuestra lámina, pero ahora lo haremos de manera horizontal. (2) Creamos los rectángulos en las líneas guías y luego los rellenamos con color, en este caso, el mismo color del primer rectángulo.

1

2

Page 12: Proceso diagramacion illustrator

Podemos hacer ZOOM a nuestra hoja por la herramienta (celeste) y ponerle el % deseado o

manualmente, con CTRL + y podemos reducir el tamaño con CTRL-

Para agrega un texto vamos a la T de las herramientas y le damos a TYPE TOOL, su sistema es igual al de

la herramienta rectángulo, elegimos dónde y podremos escribir, en este caso para crear la viñeta.

Page 13: Proceso diagramacion illustrator

(1) En el rectángulo de texto, comenzamos a escribir, en celeste se muestra la opción para cambiar de color de letra si se

quiere, y en el cuadrado rojo están la opciones del CHARACTER PANEL, donde podremos elegir el tipo de letra, el estilo ,y el

tamaño, y junto estas opciones está PARAGRAPH, en donde podemos elegir si alinear hacia los lados o centrar el texto.

(2) Una vez terminado y editado según sea necesario lo seleccionamos con SELECTION TOOL y podemos moverlo y ubicarlo

exactamente donde queramos.

1

2

Page 14: Proceso diagramacion illustrator

Si deseamos agregar más textos, como sería el caso de los títulos de nuestra lámina, lo hacemos del mismo modo utilizado en la viñeta, con la herramienta TEXT TOOL y luego lo acomodamos según sea necesario.

Page 15: Proceso diagramacion illustrator

Para agregar las planimetrías, croquis y renders a nuestra hoja de trabajo, podemos abrir la carpeta en donde tengamos los archivos (sería ideal que todos estuvieran ya en formato PDF para no perder resolución y en el mismo directorio), elegir el que deseemos insertar y lo arrastramos hacia la hoja de trabajo (podemos agregar varios a la vez).

Page 16: Proceso diagramacion illustrator

1 2

(1) Una vez arrastrado el archivo, puede que éste no esté del tamaño requerido, así que podremos agrandarla o achicarla

primero seleccionándola con SELECTION TOOL y luego tomando una de las esquinas (mantenemos presionado SHIFT para que

no pierda sus proporciones) y la dejamos del tamaño deseado.

(2) Posteriormente la seleccionamos y la movemos a la parte en la que deseamos que se ubique, pudiendo editar su tamaño,

del mismo modo en el momento que sea necesario.

Page 17: Proceso diagramacion illustrator

(1) Luego que agreguemos todos los archivos necesarios podemos ordenarlos de manera que todos estén a igual distancia,

para esto debemos seleccionarlos a todos, manteniendo presionado SHIFT al momento de elegirlos. En rojo vemos la barra

opciones que nos permite ordenar los archivos,

(2) El circulo celeste esta en la opción de VERTICAL DISTRIBUTE, que nos permite separar los 4 archivos a la misma distancia,

ente caso elegimos CENTER.

(3) Acá la opción HORIZONTAL ALING, nos ayudará a alinear todos los archivos de manera derecha sin que uno esté corrido

hacia un lado , y acá también elegimos CENTER, porque es la opción que más nos conviene.

1

2 3

Page 18: Proceso diagramacion illustrator

1

2

3

(1) Repetimos el paso hecho anteriormente, seleccionamos todos los archivos para poder ordenarlos

(2) El circulo celeste esta la opción de VERTICAL ALING, para ordenarlos todos sin que queden

desfasados unos de otros, lo hacemos en CENTER.

(3) Acá la opción HORIZONTAL DISTRIBUTE, los ordenará todos a la misma distancia entre sí, por tanto en

este caso elegimos CENTER.

Page 19: Proceso diagramacion illustrator

1

2 3

(1) Al igual que en los renders y los croquis, ordenamos las plantas

(2) Repetimos el orden con los cortes (3) Y finalmente ordenamos las elevaciones

Page 20: Proceso diagramacion illustrator

Ya tenemos todos los archivos que necesitábamos, las planimetrías, los renders y los croquis, ordenados y alineados. Siempre tenemos la posibilidad de editar las posiciones de los archivos.

Page 21: Proceso diagramacion illustrator

Para terminar nuestra lámina, haría falta agregar la especificación a las planimetrías, ya sea agregar textos, con la herramienta TEXT TOOL, tal como lo hicimos anteriormente. Ahora agregamos los textos de PLANTAS (planta1, planta 2, etc.), CORTES (corte a-a’, corte b-b’ etc.), las ELEVACIONES (norte, sur, etc.) y las respectivas ESCALAS (1:100,1:75)

Page 22: Proceso diagramacion illustrator

Finalmente guardamos nuestra lámina, vamos a FILE, luego a SAVE AS En la ventana siguiente ponemos el NOMBRE de nuestra lámina y en el TIPO, damos a guardar en ADOBE PDF (*PDF) y luego GUARDAR.

Page 23: Proceso diagramacion illustrator