MANUAL ILLUSTRATOR by Cristina MR

ADOBE ILLUSTRATOR

CURSO DE INICIACIĂ&#x201C;N.

Organiza: www.agenciabro.es agenciabro@gmail.com

naces, creces, molas

/agenciabro

1. Introducción 2. Nuevo achivo. Características 3. Formas básicas 4. Sistema de capas 5. Vectorizado de imágenes 6. Herramienta pluma 7. Textos

LA GRAN CHULETA

ÍNDICE ÍNDICE

INTRODUCCIÓN

¿Que es el dibujo vectorial?

Vector .vs. Mapa de bits

¿Photoshop o Illustrator?

Una imagen vectorial es una imagen digital formada por diferentes objetos geométricos independientes (puediendo ser: segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.

Al contrario que las imágenes vectoriales, las de mapa de bits están condicionadas al tipo de resolución que se aplique. Una resolución implica que haya más o menos cantidad de píxeles en la imagen, lo que afectará cuando se haga una ampliación de la imagen en la pantalla o bien una impresión con una resolución inferior a la que tiene asignada la imagen.

Photoshop

Ventajas y aplicaciones La principal ventaja está en que podemos editarlos y escalarlos sin problemas, ya que cada cambio que hacemos modifica los valores de la ecuación y el gráfico se va ajustando sin perder calidad. Y es que los gráficos vectoriales son independientes de la resolución. Por lo tanto un mismo archivo, por ejemplo un logo, nos puede servir para aplicar desde en un bolígrafo hasta en una enorme lona publicitraria.

Fue creado en sus inicios para trabajar y mejorar fotografías. Sin embargo en la actualidad se utiliza para muchas otras cosas. Se recomienda el uso de Photoshop para: - Edición de fotografías - Graficas web - Diseño de interfaces para software, web y móviles Illustrator Fue creado originalmente para el diseño en medios impresos. Illustrator se recomienda para: - Diseño de logos - Todos lo que tenga que ver con impresiones - Graficas para ser usadas en animaciones

TIPOS DE DOCUMENTOS Un documento es el espacio en el que se crea una ilustración. En Illustrator, puede crear documentos dirigidos a muchos tipos distintos de salidas. Cada perfil incluye valores preestablecidos para el tamaño, el modo de color, las unidades, la orientación, la transparencia y la resolución. Además, todos usan una única mesa de trabajo por defecto.

Soporte final - Documento para imprimir: utiliza una mesa de trabajo A4 (tamaño de carta) por defecto y proporciona una variedad de tamaños de impresión preestablecidos para elegir. Utilice este perfil si pretende enviar el archivo a una oficina de servicios para imprimirlo en una impresor de alta resolución. - Documento para Web: proporciona opciones establecidas optimizadas para la salida Web. - Documento para dispositivos móviles: Crea un tamaño de archivo pequeño preestablecido para un dispositivo móvil concreto. Puede escoger el dispositivo desde el menú tamaño. - Documento para video y película: Proporciona varios tamaños de área de recorte de tipo video y película por defecto, illustrator ajusta los con valores de anchura y altura (cuadrados).

archivos

Colores / Impresión - Documento para CMYK básico: utiliza una mesa de trabajo a4 por defecto y nproporciona una variedad de tamaños para poder elegir. Utilice este perfil si pretende enviar un documento a varios tipos de soportes. - Documento para RGB básico: utiliza una mesa de trabajo de un tamaño de 800 x 600 pixeles y proporciona una variedad de tamaños correctos de impresión, video y web para elegir. No utlice esta opción si pretende enviar un documento a una oficina de servicios o una impresora de alta resolución, utilice este perfil para los documentos que se imprimirán en impresoras de resolución media, Web o varios tipos de soportes.

FORMAS BÁSICAS

Creación de nuevo archivo

Herramienta Forma

Métodos de pintura

Antes de todo, lo que hay que hacer es elegir el área de trabajo donde se va a trabajar.

1. Seleccionar la herramienta Rectángulo.

Illustrator ofrece dos métodos de pintura:

2. Para dibujar una forma, se pueden llevar a cabo diferentes procedimientos:

- Relleno. - Trazo.

- Arrastrar en diagonal hasta que el rectángulo alcance el tamaño deseado

Se trata de asignar un relleno, un trazo o ambos elementos a todo un objeto, y convertir el objeto en un grupo de pintura interactiva y colorear los distintos bordes y caras de los trazados.

Seleccionar en la barra superior “Archivo” > “Nuevo”. Siempre que se inicia un área nueva de trabajo, illustrator nos muestra un cuadro de forma automática donde se podrán introducir valores referidos a: - Nombre. - Perfil. - Nº de mesas de trabajo. - Tamaño y unidades de medida. - Sangrado. - Modo de color. - Resolución. Nota: cualquier valor que se introduzca podrá ser modificado una vez se comience a diseñar.

- Para dibujar un cuadrado (o cualquiera de las formas proporcionadas en sus dimensiones), mantener, pulsada la tecla Mayús. mientras se arrastra en diagonal hasta que el cuadrado alcance el tamaño deseado. - Para crear un cuadrado (o cualquiera de las formas) mediante valores, hacer clic en el lugar dónde se quiera situar la esquina superior izquierda. Luego, especificar una anchura y altura (y un radio de vértice para un rectángulo redondeado) y hacer clic en OK.

Trazado

Con la herramienta “Selección” se pueden llevar a cabo diferentes funciones como: - Agrandar/achicar. - Rotar. A la vez, pulsada la tecla Máyus. se rotará de forma proporcionada.

Relleno

Herramientas relacionadas Una buena forma de ir conociendo e ir familiarizándose con la barra de herramientas y sus infinitas funciones es ir probando y modificando nuestras formas. Una forma básica puede convertirse en una un poco más elaborada aplicando cambios tan sencillos como: Ancho de línea

Pincelada de línea

Alinear.

Opacidad

Estilo

Buscatrazos:Ej.Excluir

Herramienta selección directa Mientras que la herramienta de selección permite seleccionar objetos y grupos haciendo clic sobre ellos o arrastrándolos, además de rotarlos, agrandarlos, achicarlos, etc... la de selección directa permite seleccionar un objeto dentro de un grupo, un único grupo dentro de varios grupos o un conjunto de grupos dentro de la ilustración. Cada clic adicional añade todos los objetos del siguiente grupo de la jerarquía. Por lo tanto, podremos seleccionar a nuestro antojo el punto que queremos modificar de forma independiente. Se podrá ver como la forma cambia en función del punto seleccionado. Veremos su utilidad poniéndola en práctica con el siguiente ejemplo: 1. Creamos dos elipses de colores diferentes

2. Alinear > Centrar

3. Selección directa:

4. Arrastrar el punto seleccionado hacia la izquierda

Podemos arrastrar tanto con el cursor como presionando la tecla de dirección del teclado.

SISTEMA DE CAPAS En un documento podemos crear varias capas. Las capas nos permiten trabajar con los elementos del documento en distintos niveles. El orden de las capas determina el orden de los objetos. Esto hace que al superponer objetos de distintas capas, se muestre encima el objeto de la capa superior, y al fondo los de las capas inferiores. Por eso, se suele colocar los dibujos que forman el fondo de la ilustración en las capas de más bajo nivel.

Para cambiar una capa de lugar basta con seleccionarla y arrastrarla al nuevo lugar que queremos que ocupe. Cambiar el orden de las capas cambia también el orden en los elementos de la imagen. Al subir la capa 1 un nivel, esta se superpone al objeto de la capa 2.

Además podemos formar grupos al seleccionar diversos elementos de una imagen y editarlas y moverlas por la mesa de trabajo a la vez. Una vez agrupados los elementos pueden moverse juntos o editarse por separado. Basta hacer doble click en el conjunto de figuras que forman nuestro grupo para así editarlas sin que por ello dejen de agruparse, entrando en un modo “aislado” para su edición.

Máscara de recorte Una máscara de recorte es un objeto cuya forma enmascara a otra ilustración de forma que sólo se pueden ver las áreas que están dentro de la forma, es decir, la ilustración se recorta con la forma de la máscara. La máscara de recorte y los objetos que se enmascaran se denominan conjunto de recorte y aparecen marcados con una línea de puntos en el panel Capas. Un conjunto de recorte se puede crear a partir de una selección de dos o más objetos o de todos los objetos de un grupo o una capa. Para realizarlo habrá que: - Crear el objeto que queramos usar como máscara para recortar la imagen. usar como la máscara que recortará partes de la imagen. - Colocar el objeto de recorte sobre la capa donde está ubicada la imagen que queremos recortar. - Utilizar la herramienta de selección para seleccionar tanto el trazado de recorte como la imagen. Hacer clic derecho y seleccionar la opción “máscara de recorte”. ¡Ojo! - Solo los objetos creados como vectores pueden recortar trazados, ya que las imágenes rasterizadas no pueden hacerlo. Eso si, cualquier imagen rasterizada puede ser recortada. - Independientemente de los atributos que tenga con anterioridad el objeto que funcionará como máscara de recorte, termina convirtiéndose en un objeto sin relleno ni trazo. - Los objetos que enmascara se desplazan al grupo de máscara de recorte en el panel Capas, si es que aún no están allí.

VECTORIZAR IMAGEN Es una de las funciones imprescindibles para los diseñadores que realizan ilustraciones a mano y despúes precisan digitalizarla. Como ya se explicó al comienzo del curso, los dibujos vectorizados, a diferencia de los pixelados no pierden resolución. Con la función calco interactivo podremos convertir una imagen en mapa de bits en un gráfico escalable formado por vectores. Los pasos a seguir son: - Elegir la ilustración que se quiera vectorizar y escanearla. Retocarla con un programa de edición e intentar conseguir el mayor contraste entre blancos y negros para que ilustración quede como mostramos en la imagen. Es importante entintar bien la ilustración antes de escanearla y procurar que no queden huecos blancos entre las uniones de las líneas, que la ilustración quede totalmente cerrada. - Buscar en la barra de herramientas el botón calco Interactivo y hacer clic. En el caso en el que sea necesario retocar la imagen, cerrar puntos que estén abiertos que se nos hayan pasado, etc., hacer clic en la flecha que está a su lado, y dar en la opción Opciones de calco.

Después de aplicar el calco de imagen ha desaparecido el fondo amarillento del papel

- El último paso antes de conseguir vectorizar la ilustración de forma definitiva, es presionar el botón expandir de la barra de herramientas. Con esto, se mostrarán los puntos con los que fue creado. - Por último, una vez concluida la vectorización, hacer clic derecho sobre la imagen vectorizada, y desagrupar, para poder seleccionar punto por punto y así poder modificarla a nuestro antojo, desde editar y mover puntos y líneas hasta colorearla.

TEXTOS Las funciones de texto son uno de los apectos más importantes de Illustrator. El programa permite desde una sola línea de texto a la ilustración hasta crear columnas y filas de texto, hacer que el texto adopte una forma o siga un trazado, y trabajar con formas de letras como si fuesen objetos vectoriales. Cuenta tambien con opciones con las que se puede modificar el aspecto del texto de la ilustración, entre las que destacan: las diferentes fuentes y los ajustes disponibles en Illustrator para interlineado, kerning y espaciado antes y después de los párrafos...

Herramientas Texto Illustrator cuenta con las siguientes herramientas de texto: 1. Texto

2. Texto de área

3. Texto de trazado

4. Texto en vertical

Crea texto y contenedores de texto individuales, y permite también introducir y modificar texto.

Convierte los trazados cerrados en contenedores de texto, y permite introducir y modificar el texto en su interior.

Convierte trazados en trazados de texto, y permite introducir y modificar el texto de los mismos.

Crear contornos Es otra de las funciones más trabajadas y útiles del programa. Utilizada cuando seleccionamos una tipografía pero queremos modificar algunos de sus caracteres, crear máscaras de recorte, etc. De esta forma convertimos la tipografía en un gráfico compuesto por puntos como cualquier otra imagen vectorial. Simplemente se hace seleccionando lel cuadro de texto que queremos convertir, haciendo clic derecho y pulsando en la opción de “crear contornos”.

Contorno creado: puntos independendientes

Una vez creados los contornos podemos modificar y desplazar los puntos a nuestro antojo creando formas diferentes a partir de las tipografías

El menú apariencia permite añadir trazos y rellenos distintos.

HERRAMIENTA PLUMA La pluma es herramienta por excelencia de Illustrator,con ella crearemos los trazados de nuestras imágenes desde cero. Al principio esta herramienta suele resultar difícil de controlar pero en el momento en el que se domina, deja ver lo versátil que resulta y la cantidad de cosas que con ella pueden crearse. Los trazados son dibujos con líneas, consta de uno o más segmentos rectos o curvos, el inicio y fin de cada segmento queda marcado por puntos de ancla, que funcionan como clavijas de sujección de cables. Un trazado puede estar cerrado o abierto, con marcados puntos finales. El modo de funcionamiento es tan sencillo como que la pluma irá dibujando a medida que hagamos clic con el ratón.

Las funciones 1. Pluma

2. Añadir punto de ancla

3. Eliminar punto de ancla

4. Convertir punto de ancla

Hacer clic sobre el área de trabajo para crear trazados con segmentos rectos o hacer clic y arrastrar para crear trazados curvos (Curvas Bezier).

Hacer clic sobre un segmento de trazado para añadir puntos de ancla.

Hacer clic sobre un segmento de trazado para eliminar puntos de ancla ya existentes.

Convierte curvas en ángulos y ángulos en curvas.

Dibujo de líneas rectas

Dibujo de líneas curvas

El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla.

1. Seleccionar la herramienta Pluma y situarla donde desee que empiece la curva y mantener pulsado sin dejar de hacer clic.

1. Situar la herramienta Pluma donde desee que empiece el segmento recto y hacer clic para definir el primer punto de ancla. 2. Seguidamente hacer clic de nuevo donde se desee que termine el segmento. 3. Continuar haciendo clic para definir el resto de segmentos rectos que se deseen.

2. Aparece el primer punto de ancla y el puntero de la herramienta Pluma se convierte en una punta de flecha. Arrastar para definir la inclinación del segmento curvo que está creando y soltar el botón del ratón. - Arrastrar en dirección opuesta a la línea de dirección antes para crear una curva en forma de “C”. - Arrastre en la misma dirección que la líneade dirección anterior para crear una curva en forma de “S.

4. Para finalizar hay dos opciones: Dejar de arrastrar y de hacer clic cuando tengamos la curva deseada. - Cerrar el trazado. Colocar la pluma sobre el primer punto de ancla que se puso. - Dejar abierto el trazo. Ctrl (Windows) o Comando (Mac) y hacer clic en cualquier lugar lejos de todos los objetos.