ILLUSTRATOR: INTRO ADOBE ILLUSTRATOR
INTRODUCCIÓN
INTRODUCCIÓN ¿QUÉ ES ILLUSTRATOR? Illustrator es un programa utilizado para hacer: Ilustraciones, Caricaturas, Diagramas, Gráficos y Logotipos.
A diferencia de las fotografías (Photoshop) que están formadas por pixeles, Illustrator trabaja con vectores. Otorgando las siguientes ventajas: -
Gráficos escalables sin pérdida de resolución Líneas nítidas en cualquier tamaño Impresión en alta resolución Fácil modificación del dibujo
INTRODUCCIÓN ¿PARA QUÉ USAMOS ILLUSTRATOR LOS ARQUITECTOS? Illustrator es un programa de dibujo vectorial. Los arquitectos están muy familiarizados con otro programa de este tipo “AutoCad”. A diferencia de Autocad en Illustrator se pueden ver los espesores de líneas y colores reales. Ambos programas son compatibles, permitiendo importar archivos editables entre ellos. Mientras Autocad es un programa muy eficiente para dibujar planos, el pintarlos (hatch) para presentaciones no es tan fácil, en esta etapa es recomendable importar el archivo a Illustrator para darle texturas y colores.
Muchos arquitectos están acostumbrados a pintar los planos en Photoshop, lo cual no es recomendable ya que las líneas y textos originales pierden resolución.
*El programa permite pintar los planos con rellenos solidos y degradados o utilizar imágenes como relleno. De igual manera permite controlar la opacidad y se pueden aplicar efectos similares a Photoshop.
ENTORNO DE TRABAJO I
ENTORNO DE TRABAJO I ÁREA DE TRABAJO Menú Paleta de Control Barra de Herramientas
Paleta Flotante
Lienzo (Artboard)
Barra de Estado
ENTORNO DE TRABAJO I BARRA DE HERRAMIENTAS a) Selecciรณn b) Dibujo d) Pintura
c) Texto
h) Borrado
e) Ediciรณn b) Dibujo d) Pintura f) Simbolos a) Selecciรณn i) Desplazamiento Color de Relleno
Modo de Dibujo Modo de Pantalla
e) Ediciรณn g) Grรกficos h) Borrado
Color de Linea Opciones de dibujo: Color/ Degradado/ Vacio
ENTORNO DE TRABAJO I PALETA DE CONTROL/ PALETA FLOTANTE
Paleta de Colores (Swatches) SĂmbolos (Symbols)
Pinceles (Brushes) Color
Color de Relleno
Guia de Color (Color Guide)
Color de Borde Grosor de Borde
Tipo de Pincel
Grosor de Borde Variable
Opacidad
Transparencia (Transparency) Letras (Character)
Trazado (Pathfinder) Capas (Layers)
Degradado (Gradient) Trazo (Stroke) Parrafo (Paragraph) Alinear (Align)
Lienzos (Artboards)
ENTORNO DE TRABAJO II
ENTORNO DE TRABAJO II ABRIR ARCHIVO NUEVO Ejecutar el Programa “Illustrator”. Una vez abierto, se debe crear un nuevo archivo, en el que indicaremos el tamaño del Lienzo de Trabajo.
Se abrirá una ventana en la que introduciremos datos, tales como Nombre del Archivo, Numero de Artboards (Lienzos), Ancho, Alto, Resolución, etc. Modificar según requerimientos. Las Unidades se pueden cambiar de píxeles a centímetros.
*Color Mode: El tipo de color depende del medio en que se va a visualizar el archivo, el uso incorrecto ocasionará cambios de color en diferentes pantallas o diferentes tonos al imprimir. - RGB: Visualizar en pantalla - CMYK: Impresiones
ENTORNO DE TRABAJO II ARTBOARDS (lienzos) Los Artboards (Lienzos) definen las medidas del archivo. Se puede modificar el nombre y las medidas de cada Artboard. Para crear un Artboard nuevo seleccionar la herramienta [Artboard] > [Enter] e ingresar datos o hacerlo manualmente haciendo “click� en la pantalla y arrastrar el mouse hacia la esquina opuesta.
Seleccionar Artboard
ENTORNO DE TRABAJO II LAYERS (capas) Es muy importante mantener el orden en el archivo desde un principio, para esto Illustrator utiliza las Capas. Es preferible tener una capa para cada tipo de objetos.
*Cada capa tiene un color diferente, lo que permite identificar en que capa se encuentra un objeto al seleccionarlo. Para cambiar el color o nombre de una capa hacer doble “click� sobre ella. *El ojo al lado del nombre de las capas sirve para prender o apagar la capa y el candado para bloquearla.
ENTORNO DE TRABAJO II GRABAR ARCHIVO Illustrator permite grabar y exportar el trabajo en varios tipos de archivos.
Para Grabar ir a “File>Save as”. Illustrator permite grabar el archivo en los siguientes formatos: AI, PDF, SVG, etc. Para Exportar ir a “File>Export”. Illustrator permite exportar el archivo a los siguientes formatos: DWG, DXF, PNG, JPG, TIFF, etc.
*Para guardar un solo artboard o exportar solo el contenido dentro de un artboard > Seleccionar “Use Artboards” y el numero o rango de Artboards al momento de grabar o exportar.
HERRAMIENTAS BÁSICAS
HERRAMIENTAS BÁSICAS SELECCIÓN / TRANSFORMACIÓN DE OBJETOS Con el comando [Selection] seleccionamos el objeto a transformar. Mover: Manteniendo el objeto seleccionado se puede mover. Copiar: Seleccionar el objeto y apretando [Alt] moverlo. Rotar: Al acercarse a una esquina aparece una flecha curva indicando que podemos rotar manualmente el objeto. Escalar: Estirar el objeto seleccionado desde una esquina.
“Flecha Negra” [Selection] Para seleccionar mover y objetos.
“Flecha Blanca” [Direct Selection] Para seleccionar un punto ancla, mantener apretado [SHIFT] para seleccionar varios puntos a la vez.
*Mantener apretado [SHIFT] para escalar el objeto proporcionalmente. El objeto se escala desde la esquina opuesta.
**Mantener apretado [Alt] para escalar desde el centro del objeto.
HERRAMIENTAS BÁSICAS TRANSFORMACIÓN DE OBJETOS (Rotar / Reflejar) Rotar en un ángulo especifico: Seleccionar el objeto > [Rotate] > [Enter] > Aparece una ventana para indicar el ángulo a rotar el objeto.
Reflejar un objeto sobre un eje: Seleccionar el objeto > [Reflect] > Aparece un nodo azul al centro del objeto > Seleccionar y Mover hacia un extremo del eje de Reflejo > Seleccionar el eje de reflejo > Mantener presionado [Alt] para copiar el objeto.
Objeto OK > Rota el objeto
Objeto
Copy > Copia el objeto rotado Dibujar Línea que servirá como eje del Reflejo
HERRAMIENTAS BÁSICAS TRANSFORMACIÓN DE OBJETOS (Escalar) Escalar un objeto en un porcentaje especifico: Seleccionar el objeto > [Scale] > [Enter] > Aparece una ventana para indicar el % al cual se va a escalar el objeto.
HERRAMIENTAS BÁSICAS TRANSFORMACIÓN DE OBJETOS (Distorsionar) Distorsionar un objeto en un ángulo especifico: Seleccionar el objeto > [Shear] > [Enter] > Aparece una ventana para indicar el ángulo en el cual se va a distorsionar el objeto.
*Este comando se puede utilizar para crearle sombra a un objeto.
Objeto
Copiar y Distorsionar
Mover el objeto distorsionado, quitar el borde y enviarlo hacia atrás
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE DIBUJO (Pluma) Esta herramienta permite crear líneas rectas (haciendo click en dos puntos del lienzo) o líneas curvas (manteniendo presionado el botón del mouse después de crear el segundo punto) Dibujar Segmentos Rectos Seleccionar la herramienta pluma [Pen] > Hacer “click” para definir el primer punto de ancla (no arrastrar). > Hacer “clic” de nuevo donde terminará el segmento > Continuar haciendo click para definir puntos de ancla de segmentos rectos adicionales. *Presionar [Shift] para limitar el ángulo del segmento a un múltiplo de 45°.
Dibujar Segmentos Curvos Seleccionar la herramienta pluma [Pen] > Hacer “click” para definir el primer punto de ancla y mantener presionado el botón del mouse > Hacer “click” de nuevo donde terminará el segmento > Continuar haciendo click para definir puntos de ancla de segmentos rectos adicionales. *Presionar [Shift] para limitar el ángulo del segmento a un múltiplo de 45°.
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE DIBUJO (Pluma) Herramienta [Anchor Point] Convierte vértices redondeados a cuadrados y viceversa
Herramienta [Delete Anchor Point] Elimina vértices.
Herramienta [Add Anchor Point] Agrega vértices.
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE DIBUJO (Línea) Esta herramienta permite crear líneas rectas (haciendo click en dos puntos del lienzo) o líneas curvas (manteniendo presionado el botón del mouse después de crear el segundo punto) Dibujar Segmentos Rectos Seleccionar la herramienta [Pen] > Hacer “click” para definir el primer punto de ancla (no arrastrar). > Hacer “click” de nuevo donde terminara el segmento > Continuar haciendo click para definir puntos de ancla de segmentos rectos adicionales. *Presionar [Shift] para limitar el ángulo del segmento a un múltiplo de 45°.
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE DIBUJO (Grilla) Esta herramienta permite crear líneas rectas (haciendo click en dos puntos del lienzo) o líneas curvas (manteniendo presionado el botón del mouse después de crear el segundo punto) Dibujar Grillas Seleccionar la herramienta [Rectangular Grid] o [Polar Grid] > Hacer “click” para definir el punto de inserción > Aparecerá un cuadro > Indicar la cantidad de divisiones. *Dibujar la grilla manualmente: Seleccionar la herramienta [Rectangular Grid] o [Polar Grid] > Hacer “click” para definir el punto de inserción y (manteniendo presionado el mouse) arrastrar hasta el extremo opuesto > antes de dejar de presionar el mouse, se puede agregar o quitar el numero de divisiones con las flechas de desplazamiento.
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE DIBUJO (Rectángulo, Círculo, Polígono) Estas herramientas se comportan de manera similar. Para utilizar cualquiera de ellas: Seleccionar la herramienta > Hacer “click” para definir el punto de inserción > Aparecerá un cuadro > Indicar el largo, ancho y/o el radio. *Dibujar figuras simples manualmente: Seleccionar la herramienta > Hacer “click” para definir el punto de inserción y (manteniendo presionado el mouse) arrastrar hasta el extremo opuesto > mantener presionado [Shift] para mantener la proporción y [Alt] para escalar el objeto desde el centro. Utilizando las flechas de desplazamiento, en las herramientas [Polygon] y [Rounded Rectangle] se pueden agregar o quitar aristas al polígono y aumentar o reducir el radio de las esquinas del rectángulo redondeado.
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE DIBUJO (Estrella) Dibujar Estrella Seleccionar la herramienta [Star] > Hacer “click” para definir el punto de inserción > Aparecerá un cuadro > Indicar los radios interno y externo y el numero de puntas. *Dibujar la Estrella manualmente: Dibujar una estrella manualmente permite modificarla de diferentes formas. Seleccionar la herramienta [Star] > Hacer “click” para definir el punto de inserción y (manteniendo presionado el mouse) arrastrar hasta el extremo opuesto > antes de dejar de presionar el mouse, se puede agregar o disminuir el numero de puntas con las flechas de desplazamiento. Manteniendo presionado [Ctrl] se pueden extender las puntas exteriores y con [Alt] se modifica el tipo de estrella como se observa entre las columnas de la derecha.
Presionando [Ctrl]
Forma Simple
Mayor número de puntas
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE EDICIÓN [Eraser] Sustrae líneas del objeto dependiendo del grosor del borrador
[Scissors] Corta el objeto creando nuevos puntos en el contorno
Estas herramientas permiten dividir los objetos de diferentes maneras:
[Knife] Corta el objeto trazando una figura manualmente
HERRAMIENTAS BÁSICAS HERRAMIENTAS DE EDICIÓN Estas herramientas permiten distorsionar objetos de diversas maneras.
*Ejemplos de los diferentes efectos que producen estas herramientas:
ORIGINAL
[WARP]
[TWIRL]
[PUCKET]
[BLOAT]
[SCALLOP]
[CRYSTALLIZE]
[WRINKLE]
VECTORIZAR IMÁGENES
VECTORIZAR IMÁGENES ¿PARA QUÉ SIRVE VECTORIZAR UNA IMAGEN? Se suele vectorizar imágenes para poder agrandarlas a cualquier tamaño sin que estas pierdan resolución. También se vectorizan cuando se quieren transformar.
*Para insertar imágenes en Illustrator se puede seleccionar el archivo y arrastrarlo hacia el programa, o ir a la pestaña [File] > [Place] y seleccionar el archivo a importar. *Crear una nueva capa para hacer el trazado y bloquear la capa donde se encuentra la imagen.
VECTORIZAR IMĂ GENES 1. TRAZADO MANUAL *Crear una nueva capa para hacer el trazado y bloquear la capa donde se encuentra la imagen. *Seleccionar un color de trazado que contraste con los colores de la imagen
*Para esta imagen dibujamos el borde con la herramienta elipse [L] partiendo desde el centro de la imagen presionando [Alt]. Y luego haciendo un offset para obtener el borde interior. (Imagen de la izquierda)
*Como la figura es simĂŠtrica, dibujamos solo la mitad con la herramienta pluma [P]. Hacer un trazado simple uniendo los puntos principales de la figura, luego lo corregiremos. (Figura central) *Seleccionar los puntos con la flecha blanca [A] y acomodar las curvas a la geometrĂa de la imagen. Donde falten puntos insertarlos con el comando [+] (Figura Derecha)
VECTORIZAR IMĂ GENES 1. TRAZADO MANUAL *Una vez corregido el trazo, reflejar el objeto utilizando la herramienta Reflect [O]. Hacerlo manualmente moviendo el nodo azul hacia uno de los extremos de la figura, luego seleccionar el otro extremo manteniendo presionado [Alt] para crear una copia.
*Seleccionar las dos mitades del objeto y unirlas, click derecho [Join] o ir al pallete pathfinder Y seleccionar [Unite] en Shape Modes. (Ver figura central)
*Una vez cerrada la figura se puede cambiar el color de relleno, el color y grosor de borde, o aplicar diferentes tipos de pincel al borde.
VECTORIZAR IMÁGENES 2. TRAZADO AUTOMÁTICO [Image Trace] *Un modo más simple de obtener el trazado de una imagen es el comando [Live Trace]. Sin embargo de esta forma solo se logrará un buen trazado utilizando imágenes planas y bien definidas.
*Seleccionar la imagen > Image Trace > Expand (Ver secuencia de imágenes).
PINTAR OBJETOS - PLANOS
PINTAR OBJETOS ¿QUE ES LIVE PAINT? La herramienta [Live Paint] se utiliza para agregar color a un trazado complejo, sin la necesidad de delimitar cada parte del dibujo como un objeto independiente.
El primer paso es convertir el trazado a un objeto Live Paint. Ir a la pestaña Object > Live Paint > Make (Imagen izquierda) *Si se ha utilizado algún diseño especial de pinceles, primero se deberá seleccionar la figura y colocar [Expand Appearance] en la pestaña Object.
Finalmente seleccionar la herramienta [Live Paint Bucket] (Imagen central) y empezar a pintar. Las zonas que se pintaran se irán marcando en color rojo. (Imagen Derecha)
PINTAR OBJETOS - PLANOS 1. EXPORTAR UN ARCHIVO DE AUTOCAD Y ABRIR EN ILLUSTRATOR Para pintar un plano hecho en “Autocad” primero deben exportarlo a formato “PDF” desde Autocad colocando grosores de línea, escala y tamaño de papel (como si se fuera a imprimir). Es recomendable exportar 2 archivos. 1) El primero completo incluyendo textos, cotas, npt, etc. 2) En el segundo apagar las capas de textos, cotas, npt, etc.
*Abrir el archivo “PDF” (2) en Illustrator “File > Open”.
PINTAR OBJETOS - PLANOS 2. IMPORTAR ARCHIVOS Y ORDENAR CAPAS Una vez abierto el archivo (2), crear otra capa y renombrarlas. Seleccionando la capa (1) importar el PDF (1) [File > Place], encuadrar la imagen en el Artboard y poner candado a esta capa para evitar modificarla accidentalmente.
PINTAR OBJETOS - PLANOS 3. CONVERTIR EL TRAZADO A UN OBJETO LIVE PAINT Seleccionar la imagen en la capa 2 [(click derecho) Release Clipping Mask > (click derecho) Group > Pesta単a Object > Live Paint > Make].
PINTAR OBJETOS - PLANOS 4. PINTAR EL OBJETO Finalmente seleccionar la herramienta [Live Paint Bucket] (Imagen central) y empezar a pintar. Las zonas que se pintarรกn se irรกn marcando en color rojo. (Imagen Derecha)
PINTAR OBJETOS - PLANOS 5. EDICIÓN FINAL Seleccionar el objeto y en color de contorno poner vacío, esto se hace para no duplicar la línea de la capa (1). Prender la capa (1) y colocarla sobre la capa (2) para poder ver las líneas. Finalmente grabar el archivo como PDF. [File > Save As]
MÁSCARAS DE RECORTE
MÁSCARAS DE RECORTE COLOCAR IMÁGENES SOBRE TEXTO El comando [Clipping Mask] sirve para enmascarar una imagen dentro de un objeto, este objeto puede ser cualquier trazo cerrado o un texto.
MÁSCARAS DE RECORTE USAR IMÁGENES EN PLANOS El comando [Clipping Mask] puede ser utilizado para agregar imágenes como textura en los planos.
*El primer paso es dibujar la forma que contendrá a la imagen.
MÁSCARAS DE RECORTE USAR IMÁGENES EN PLANOS Una vez dibujada la forma que funcionará como máscara, insertar la imagen que se desea utilizar. Ajustar la imagen de acuerdo a la escala de los planos.
*En Photoshop duplicar la imagen hasta conseguir el tamaño deseado. Luego insertar la nueva imagen a Illustrator.
MÁSCARAS DE RECORTE USAR IMÁGENES EN PLANOS La forma que contendrá a la imagen debe estar sobre la imagen. Seleccionar ambas > click derecho > Make Clipping Mask
*Recuerden poner la imagen de textura y la mascara de recorte en otra capa para poder editarla mas fácilmente.
FUENTES LINKS DE REFERENCIA ILLUSTRATOR GENERAL http://helpx.adobe.com/es/illustrator/topics.html http://www.digitaltoolsforarchitects.com/tutorials/illustrator/ http://www.vectordiary.com/illustrator/learn-adobe-illustrator/ TRAZADOS https://www.youtube.com/watch?v=_w2YUzp1d0s PINTAR PLANOS http://dylanbrowndesigns.com/autocad-to-adobe-illustrator-workflow/ http://dylanbrowndesigns.com/adobe-illustrator-using-the-live-paint-tool-for-architectural-drawings/ LIVE PAINT https://www.youtube.com/watch?v=R5wW_65iAiU https://www.youtube.com/watch?v=MiHAh56apJY
TALLER DE MODELACIÓN UNIVERSIDAD DE LIMA