Crea mesas de trabajo independientes para la impresión o la exportación.
2-01 VIDEO Herramientas de Dibujo
Herramientas de Selección
Atajo
Función
Pluma
Dibuja líneas rectas y curvas para crear objetos.
Añadir punto de ancla
<+>
Agrega puntos de ancla a trazos.
Eliminar punto de ancla
<->
Elimina puntos de ancla de los trazos.
Pen
Add Anchor Point
Delete Anchor Point Convertir punto de ancla
Convert Anchor Point
<>
Imagen
Cambia vértices redondeados a vértices cuadrados y viceversa.
27
Diseño Vectorial Illustrator® CS5
Herramientas de Dibujo Segmento de línea
Liner Segment
Atajo
<\>
Arc
Espiral
Dibuja espirales en ambos sentidos.
Spiral
Cuadrícula rectangular
Dibuja cuadrículas rectangulares.
Rectangular Grid
Dibuja cuadrículas de gráficas circulares.
Cuadrícula polar
Polar Grid Rectangle
Rounded Rectangle Elipse
Polígono Estrella
Dibuja estrellas.
Star
Crea efectos de destello de una lente o solar.
Destello
Flare
Pencil
Suavizar Borrador de trazos
Borra trazados y puntos de ancla del objeto.
Path Eraser Perspective Grid
Selección de perspectiva
Perspective Selection
28
Dibuja y modifica líneas a mano alzada. Suaviza las curvas Bézier.
Smooth
Cuadrícula de perspectiva
Dibuja círculos y elipses. Dibuja formas regulares de varios lados.
Polygon
Lápiz
Dibuja cuadrados y rectángulos. Dibuja cuadrados y rectángulos con vértices redondeados.
Rectángulo redondeado Elipse
Dibuja segmentos de línea rectos individuales. Dibuja segmentos de curva cóncavos y convexos individuales.
Arco
Rectángulo
Función
Permite crear e interpretar ilustraciones en perspectiva.
Permite colocar objetos, texto y símbolos en perspectiva, mover objetos en perspectiva y mover objetos en perpendicular a su dirección actual.
Imagen
Panel Herramientas
2-02 VIDEO
Herramientas de Zoom y Desplazamiento Mano
Herramientas de Dibujo
Atajo
Hand
Print Tiling
Zoom
Imagen
Mueve la mesa de trabajo dentro de la ventana de ilustración. Ajusta la cuadrícula de la página para controlar dónde aparece la ilustración en la página impresa.
Segmentación de impresión
Zoom
Función
Aumenta y reduce la ampliación de la vista del documento.
2-03 VIDEO
Herramientas de Visualización Opciones de Visualización Modo Normal
Normal Screen Mode
Herramientas de zoom y desplazamiento
Atajo
Pantalla completa
Full Screen Mode
Imagen
Pantalla completa con menús
Full Screen Mode with Menu Bar
Función
29
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
2-01
Investigando herramientas
Contesta las siguientes preguntas. Si tienes dudas puedes consultar la ayuda del programa o bien probar las herramientas en un documento. 1. ¿Para qué sirve la herramienta Hand (Mano)? La herramienta Mano sirve para mover la ventana de trabajo de la aplicación. 2. ¿Para qué sirve la herramienta Zoom (Zoom)? La herramienta Zoom sirve para alejar o acercar la vista de una imagen. 3. ¿Qué tecla debe presionarse simultáneamente con la herramienta Zoom para hacer un alejamiento? Se debe presionar simultáneamente con la herramienta zoom para hacer un alejamiento 4. Explica en qué consiste cada uno de los tres modos de visualización de un documento de Adobe® Illustrator® •Modo Standard: Este modo muestra todos los menús de la aplicación. •Modo Visualización pantalla completa con menús: Este modo muestra el área de trabajo completo con los menús de la aplicación. •Modo pantalla completa: Muestra la pantalla completa sin barra de menús pero con las paletas y herramientas visibles.
Color Fill (Relleno) y Color Stroke (Trazo) En la parte inferior del panel herramientas, siempre hay visibles dos cuadros grandes de color llamados selectores de color. Estos cuadros corresponden a los colores de relleno y de trazo activo. Para cambiar cualquiera de estos colores, basta hacer doble clic sobre alguno de los selectores y elegir un color del panel Picker (Selección color). Los objetos que se dibujen utilizarán los colores activos. También puedes utilizar los selectores de color para modificar el color de cualquier objeto seleccionado.
30
Panel Herramientas
Color de relleno Color de trazo None (/) Gradient (>) Imagen 2-2: Selector de color.
Color (<)
T IP
Para intercambiar los colores de relleno y de trazo, haz click sobre el icono de doble flecha. Así, haces que el color que se encontraba en el recuadro del trazo pase al frente como color de relleno.
¿Cómo se usan los paneles? Los paneles de Adobe® Illustrator® son pequeñas cajas que contienen opciones y comandos para controlar, modificar y mejorar las ilustraciones. Los paneles se pueden mover, agrupar, mostrar y ocultar para organizar el espacio de trabajo a cada necesidad. Recuerda que siempre puedes volver al espacio de trabajo predeterminado utilizando el menú Window/Workspace/ Essentials (Ventana/Espacio de trabajo/Objetos esenciales). Para separar un panel que está agrupado con otros, basta arrastrarla desde la ficha donde se encuentra su nombre. El procedimiento inverso se puede usar para agrupar dos o más paneles en una sola caja. Todos los paneles se pueden mostrar desde el menú Window (Ventana), donde los paneles visibles en ese momento aparecen señalados. Imagen 2-3: Panel Color
2-04 VIDEO
Color Fill (Relleno) y Stroke (Trazo)
31
Diseño Vectorial Illustrator® CS5
T IP
Para visualizar las opciones de panel haz clic en el botón situado en la esquina superior derecha. Se puede abrir un menú de panel incluso cuando el panel está minimizado.
PROYECTO
2-01
Dibujando figuras simples para un diseño
1. Inicia un documento con las siguientes características: ¤¤ ¤¤ ¤¤ ¤¤
Size (Tamaño): Letter (Carta) Units (Unidad): Centimeters (Centímetros) Orientation (Orientación): Vertical (Vertical) Color Mode (Modo de color): CMYK Color (Color CMYK)
2. Selecciona la herramienta Rectangle (Rectángulo) y arrastra sobre la mesa de trabajo para crear un cuadrado. Para que el cuadrado sea perfecto, mientras arrastras la herramienta presiona la tecla . 3. Localiza el panel Stroke (Trazo). Si no está en el espacio de trabajo utiliza el menú Window/ Stroke (Ventana/Trazo). Define el tamaño de trazo (Weight) a 10 pts. 4. Crea un nuevo cuadrado en otro lugar de la mesa de trabajo. Con la herramienta de selección, arrástralo para que quede sobre el primero. Luego da un clic sobre él con el botón secundario del ratón y del menú emergente selecciona Arrange/Send to Back (Organizar/ Enviar atrás). 5. Para modificar el tamaño de las figuras, arrastra los puntos de control que aparecen cuando las seleccionas con la herramienta de Selection (Selección). 6. Aplica un color de trazo diferente a cada cuadrado utilizando los selectores de color. Recuerda que puedes dar doble clic sobre el selector en el panel herramientas para elegir el color. 7. Cámbiale el color de relleno al primer cuadrado.
32
Panel Herramientas
8. Ahora vas a repetir todos los pasos para crear cada una de las figuras geométricas que el programa permite. Recuerda que para activar todas las formas básicas, debes mantener sostenido un clic sobre la herramienta Rectangle (Rectángulo). 9. Aplica a cada figura colores de relleno y trazo. 10. Organiza las figuras en la mesa de trabajo de forma creativa en una composición interesante y atractiva. Puedes utilizar más de una figura de cada tipo si tu diseño lo requiere. 11. Para evitar perder tu trabajo utiliza el menú File/Save (Archivo/Salvar) y guarda el archivo en la carpeta que indique el profesor.
PROYECTO
2-02
Agitador de conciencia social
1. Abre el archivo Agitador que se encuentra en los Recursos Digitales. Al abrirlo verás que los gráficos tienen líneas guía. Representan las dos caras de un agitador de bebidas que una vez impreso y recortado, servirá además para promover la conciencia social. 2. Localiza o abre el panel de Layers (Capas) y observa que ya existe una capa. Crea una nueva capa utilizando el botón Create New Layer (Crear Nueva Capa), que se encuentra en la parte inferior del panel Layers (Capas). Aparecerá una segunda capa arriba de la actual. 3. Renombra la nueva capa dando doble clic sobre ella en el panel Layers (Capas). Dale el Name (Nombre) Agitador 02. 4. Asegúrate de tener seleccionada la capa agitador en el panel Layers (Capas). Ahora selecciona la herramienta Rectangle (Rectángulo) y con ella da un solo clic sobre el espacio de trabajo para que aparezca la ventana de las opciones del rectángulo. Introduce los siguientes valores: Width (Ancho): 0.7 y Height (Alto): 10.1 cm. y da clic en el botón Ok.
Imagen 2-4: Opciones de Rectángulo
5. Acomoda el nuevo rectángulo sobre el espacio que le corresponde en el agitador del lado izquierdo. 6. Utiliza las herramientas de Zoom (Zoom) y Hand (Mano) para agrandar y mover el espacio de trabajo, de modo que puedas ver todos los detalles.
33
Diseño Vectorial Illustrator® CS5
7. Ahora selecciona la herramienta Elipse (Elipse) y da un clic sobre el espacio de trabajo para que se abra el panel de las opciones. Introduce los siguientes valores: Width (Ancho): 4.4 y Height (Alto): 4 cm. y da clic en Ok. 8. Vuelve a tomar la herramienta Elipse (Elipse) y de forma similar crea una figura de 3.6 x 3.3 cm. 9. Acomoda las dos elipses sobre las guías en el agitador izquierdo. 10. Crea un nuevo rectángulo de 5 x 1 cm. Selecciónalo con la herramienta Select (Selección). Cuando acercas el puntero del ratón a uno de los puntos de control de las esquinas del rectángulo seleccionado, el puntero toma forma de doble flecha curva, indicando que puedes arrastrar para girar la figura. Gírala y hazla coincidir con el rectángulo guía que está inclinado. 11. Dibuja rectángulos siguiendo la forma del personaje en la parte de arriba (hombros, tronco, brazo, antebrazo, pierna y pie). Acomódalos sobre la figura. Los rectángulos deben traslaparse unos sobre otros, ya que los uniremos en el siguiente paso. 12. Selecciona simultáneamente los rectángulos de tronco, hombros, espalda, pierna y pie. Localiza el panel de Pathfinder (Buscatrazos). Si no está visible muéstralo con el menú Window/Pathfinder (Ventana/Buscatrazos). Manteniendo presionada la tecla , haz clic en la opción Add to Shape Area (Añadir). Esto hace que los rectángulos seleccionados se conviertan en una sola forma. 13. Haz lo mismo para unir en una sola forma los rectángulos de brazo y antebrazo. 14. Termina creando la cabeza del personaje. 15. Ahora lo vas a colorear. Aplica colores de relleno a todas las formas para lograr una combinación agradable.
Imagen 2-5: Panel Buscatrazos
16. Cuando el lado izquierdo del agitador esté terminado, selecciona todos los objetos y agrúpalos utilizando el menú Object/Group (Objeto/Agrupar) o las teclas . 17. Mientras arrastras el agitador con la herramienta de Select (Seleccionar) presiona la tecla . Suelta primero el clic y después la tecla. Obtendrás una copia exacta de la forma. Ahora para reflejarla hazle un clic con el botón secundario del ratón y del menú emergente selecciona la opción Transform/Reflect/Vertical (Transformar/Reflejar/Vertical). 18. Acomoda el agitador derecho con la ayuda de las herramientas Select (Seleccionar), Hand (Mano) y Zoom (Zoom). Haz un clic en un área vacía del documento para asegurarte de que no hay ningún objeto seleccionado.
34
Panel Herramientas
19. Para darle más vida, vamos a cambiar el color del círculo del agitador derecho. Como los objetos están agrupados, para seleccionar sólo el círculo, es necesario utilizar la herramienta Direct Selection (Selección directa), selecciónalo y cambia su color. 20. Utiliza la herramienta Text (Texto) para crear dos mensajes como “Ahora manejo mi vida” y “Evita el exceso”. 21. Dale color a los textos y un tamaño adecuado para que los puedas colocar en los agitadores. Puedes usar cualquier área que creas conveniente, así como tipografía, tamaños y colores. Incluso puedes poner cada palabra del mensaje en un lugar diferente del agitador. 22. Guarda tu trabajo con el nombre Agitador_CS en la carpeta que indique tu profesor. Imagen 2-6: Diseño agitador
PROYECTO
2-03
Haciendo una caja de regalo Parte 1
1. Inicia un nuevo documento con las siguientes características: ¤¤ ¤¤ ¤¤ ¤¤
Size (Tamaño): Letter (Carta) Units (Unidad): Inches (Pulgadas) Orientation (Orientación): Horizontal (Horizontal) Color Mode (Modo de Color): Color CMYK (CMYK Color)
2. Haz visibles las reglas en menú View/Show Rulers (Vista/Mostrar reglas). Teclea para restablecer los colores predeterminados: blanco para el Fill (Relleno) y negro para el Stroke (Contorno). 3. Selecciona la herramienta Rectangle (Rectángulo) y crea un rectángulo de 6 x 3.5 pulgadas. Este rectángulo será la parte delantera de la caja. 4. Con la herramienta Select (Selección) mueve el rectángulo hacia la parte de arriba de la página para tener espacio en la parte de atrás de la caja. 5. Duplica el rectángulo y coloca la copia exactamente debajo del original, de manera que la línea inferior del primero coincida con la línea superior del segundo. Ayúdate del panel de control para hacer coincidir las coordenadas “x” y definir las coordenadas “y” de los rectángulos.
35
Diseño Vectorial Illustrator® CS5
6. Selecciona la herramienta Elipse (Elipse) y crea una figura de 1.5 x 3.5 pulgadas. Elimina el color de relleno de la elipse para que quede hueca. 7. Enciende las Smart Guides (Guías inteligentes) en el menú View/Smart Guides (Ver/Guías inteligentes). Esta herramienta mostrará el centro de los objetos al pasar el ratón sobre ellos y te servirá para alinearlos. 8. Mueve la elipse al centro de la orilla del lado izquierdo del rectángulo, como se muestra en la imagen 3-8. Utiliza el panel de control para determinar las coordenadas precisas.
Imagen 2-7: Ejemplo del paso 8.
9. Selecciona la elipse y toma la herramienta Convert Anchor Point (Convertir punto de ancla), que se encuentra en el panel herramientas, agrupada en el mismo botón de la herramienta Pen (Pluma). Da un clic con la herramienta en los puntos de ancla que muestra la elipse arriba y abajo. Esto hará que se afilen las orillas de la elipse.
Imagen 2-8: Ejemplo del paso 10.
10. Duplica la elipse modificada y ubica la copia en el extremo derecho del rectángulo superior como se muestra en la imagen 3-9. Luego selecciona de forma simultánea las dos elipses y duplícalas para colocar una copia en los laterales del rectángulo inferior. Observa la figura.
11. Crea un círculo perfecto de 1 x 1 pulgadas sin relleno. Colócalo al centro de la línea exterior izquierda de la primera elipse. Duplica el círculo en el otro extremo. 12. Selecciona el círculo junto con la elipse con la herramienta Select (Selección) o .
Imagen 2-9: Ejemplo del trazo de la caja.
13. Localiza el panel Pathfinder (Buscatrazos). Si no está visible utiliza el menú Window/Pathfinder (Ventana/ Buscatrazos) presiona y da clic en la opción Substract from Shape Area (Sustraer de la forma), para eliminar el círculo de la elipse. Repite el mismo procedimiento para el círculo de la elipse contraria. Ahora tienes la forma básica de la caja. 14. Guarda el archivo con el nombre Caja10 en la carpeta que indique tu profesor. Utilizarás el archivo en el siguiente proyecto. Imagen 2-10: Trazo terminado de la caja.
36
Panel Herramientas
ACTIVIDAD
2-02
Identificando Herramientas
Identifica la herramienta apoyándote en la imagen, escribe su nombre y si es herramienta de Selección, de Visualización o de Edición. Escribe en el espacio la función que corresponde a cada herramienta. Nombre: Herramienta Mano. Herramienta de: Visualización. Función: Mueve el área de trabajo de la aplicación. Nombre: Herramienta Lápiz. Herramienta de: Dibujo. Función: Dibuja y modifica líneas a mano alzada. Nombre: Herramienta Varita Mágica. Herramienta de: Selección. Función: Selecciona vectores que estén dentro de un rango de color Nombre: Eliminar punto de ancla. Herramienta de: Dibujo. Función: Elimina puntos de ancla de los trazos. Nombre: Herramienta Lupa (Zoom). Herramienta de: Visualización. Función: Acerca o aleja la vista de una imagen. Nombre: Herramienta Dibujo. Herramienta de: Espiral. Función: Dibuja espirales en ambos sentidos. Nombre: Herramienta de Selección. Herramienta de: Mesa de trabajo. Función: Crea mesas de trabajo independientes.
37
Diseño Vectorial Illustrator® CS5
Contesta correctamente las siguientes preguntas, selecciona a, b o c según corresponda. 1. Son pequeñas cajas que contienen opciones y comandos para controlar, modificar y mejorar las ilustraciones. Se pueden mover, agrupar, mostrar y ocultar para organizar el entorno de trabajo a cada necesidad. a. Las Paletas extensibles de Adobe Illustrator b. Las Paletas flotantes de Adobe Illustrator c. Las Fichas desplegables de Adobe Illustrator 2. Está delimitada por las líneas punteadas internas y es la sección de la página destinada a la impresión. a. Área de imagen b. Área de diseño c. Área de pruebas 3. En la parte inferior de la Barra de herramientas siempre hay visibles dos cuadros grandes de color llamados: a. Cuadros de color b. Paleta de color c. Selectores de color 4. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa. a. Barra de estado b. Barra de menús c. Barra de opciones 5. Las funciones de ________________ abarcan tanto la exploración de imágenes, como poder moverlas de una carpeta a otra, crear nuevas carpetas, renombrar archivos o recuperar fotos desde dispositivos externos. a. Adobe Bridge b. Adobe Illustrator c. Adobe Photoshop 6. Si ya estás trabajando en un documento y deseas incluir un archivo externo en él, puedes utilizar el: a. Menú Archivo (File)/Place (Acomodar) b. Menú Archivo (File)/Open (Abrir) c. Menú Archivo (File)/Import (Importar)
38
Panel Herramientas
Técnicas de ilustración con las herramientas La herramienta Pen (Pluma) se utiliza para crear trazos rectos y curvos en la ilustración. Hay varias técnicas para crear líneas y éstas son las básicas. La herramienta Pencil (Lápiz) se utiliza para crear trazos a mano alzada que se convierten en curvas delimitadas por puntos ancla. Cuando uses esta herramienta debes tener cuidado de mantener un pulso firme, para evitar generar una cantidad excesiva de puntos ancla que dificultarían mucho la edición y afectan la suavidad de la línea resultante.
2-05 VIDEO
Técnicas de pluma y lápiz artístico
Herramientas de Reforma La transformación de un vector permite modificarlo de muchas maneras, por ejemplo, hacerlo más pequeño, voltearlo, darle perspectiva o distorsionarlo.
Herramientas de Reforma
Atajo
Función
Rotar
Gira objetos alrededor de un punto fijo.
Reflejo
Refleja objetos respecto a un eje fijo.
Escala
Cambia de tamaño los objetos en torno a un punto fijo.
Rotate Reflect Scale
Distorsión
Inclina objetos respecto a un punto fijo.
Reformar
Suaviza o modifica trazos sin cambiar su forma original.
Shear
Reshape Anchura
Width
Imagen
Permite crear trazos de anchura variable.
39
Diseño Vectorial Illustrator® CS5
Herramientas de Reforma Deformar
Warp
Atajo
Función Moldea objetos con el movimiento del cursor. Crea distorsiones en espiral en un objeto.
Molinete
Twirl
Fruncir
Desinfla o adelgaza objetos.
Pucker
Infla un objeto alejando los puntos de control del cursor.
Engordar
Bloat
Añade al contorno de un objeto detalles en forma de arco redondeados.
Festonear
Scallop
Añade detalles en punta aleatorios al contorno de un objeto.
Cristalizar
Crystallize Tool
Añade detalles con aspecto de arruga al contorno de un objeto.
Arrugar
Wrinkle Tool Transformación libre
Free Transform Tool Creador de formas
Shape Builder Tool Fusión
Blend Tool
Escala, rota o sesga la selección. Combina formas simples para crear formas complejas y personalizadas. Crea una serie de objetos fusionados con el color y la forma de varios objetos.
2-06 VIDEO 40
Herramientas de Reforma
Imagen
Panel Herramientas
Hay dos herramientas de Reforma nuevas en Illustrator® CS5: 1. Herramienta Shape Builder (Creador de Formas), una herramienta interactiva que permite crear formas complejas mediante la combinación y eliminación de formas más simples. Puede configurar y personalizar distintas opciones, como la detección de huecos, el origen del color y la iluminación, haga doble clic en la herramienta Shape Builder Tool (Creador de Formas) del panel herramientas para definir estas opciones. 2. Herramienta Width (Anchura) que permite dibujar trazos de anchura variable que puede ajustar sin problemas en cualquier punto, de forma simétrica o a lo largo de un lado. También puede crear y guardar perfiles de anchura personalizados para aplicarlos a cualquier trazo.
PROYECTO
2-04
Haciendo una caja de regalo Parte 2
1. Abre el archivo Caballito.ai que se encuentra en los Recursos Digitales. Es la silueta de un caballito de mar creada sólo con líneas guía. Las líneas guía no son objetos reales por lo que no es posible colorearlos. 2. Acerca la pantalla para que puedas visualizar mejor los detalles. Utiliza la herramienta Zoom (Lupa) o . 3. Utilizando las herramientas y sub-herramientas Pluma y Lápiz, empieza a trazar el caballito de mar. Comienza por las curvas que adornan la cabeza. Sigue las técnicas para crear líneas y curvas que se explicaron anteriormente. Trata de usar los menos puntos ancla posibles. En muchos casos sólo se requiere uno inicial y uno final para cada segmento de curva como se muestra a continuación.
Imagen 2-11: Trazado del caballito de mar.
41
Diseño Vectorial Illustrator® CS5
4. Cuando termines de trazar el caballito de mar, abre el documento Caja10 que creaste en el Poyecto 01. 5. Selecciona todo el caballito y cópialo. Pégalo sobre la figura de la caja de regalo y modifica su tamaño para que quede en una de las caras de la caja. 6. Guarda el documento con el nombre Caja12 en la carpeta de costumbre.
Herramienta de Pintura Existen varios tipos de herramientas de pintura. Las herramientas relacionadas con símbolos utilizan diseños vectoriales predefinidos para crear efectos interesantes. Los símbolos están disponibles en el panel Símbolos y debes elegir alguno antes de poder utilizar las herramientas de esta sección. Las herramientas relacionadas con gráficas sirven para representar datos a partir de una tabla de valores. Cuando utilizas alguna de estas herramientas, un cuadriculado se despliega para introducir los valores que se desean graficar. Herramientas de Pintura Pincel
Paintbrush
Pincel de manchas
Blob Brush
Malla
Mesh
Degradado
Gradient
Cuentagotas
Eyedropper
42
Atajo
Función Dibuja líneas a mano alzada y caligráficas, además de añadir dibujos y trazos de los pinceles de cerdas a los ya existentes. Dibuja trazos que expanden y combinan automáticamente trazos de pincel caligráfico que comparten el mismo color y que son consecutivos en el orden de apilamiento.
Crea y edita mallas y envolventes de malla.
Ajusta los puntos inicial y final, así como el ángulo de los degradados dentro de los objetos.
Toma y aplica atributos de color, texto y de apariencia, incluidos los efectos de los objetos.
Imagen
Panel Herramientas
Herramientas de Pintura
Atajo
Medición
Live Paint Bucket
Selección de pintura interactiva
Live Paint Selection
Imagen
Mide la distancia entre dos puntos.
Measure
Bote de pintura interactiva
Función
Pinta las caras y los bordes de los grupos de pintura interactiva con los atributos de pintura actuales.
Selecciona las caras y los bordes de los grupos de pintura interactiva.
2-07 VIDEO Herramientas de Símbolos Rociar símbolo
Symbol Sprayer Desplazar símbolo
Symbol Shifter
Herramientas de Pintura
Atajo
Función Coloca varias instancias de un símbolo como un conjunto en la mesa de trabajo. Mueve instancias de un símbolo.
Reunir/Separar símbolos
Acerca o aleja las instancias de símbolo.
Cambiar tamaño de símbolo
Cambia el tamaño de instancias de un símbolo.
Symbol Scruncher Symbol Sizer
Girar símbolo
Symbol Spinner Manchar símbolo
Symbol Stainer
Rota instancias de símbolo. Colorea instancias de símbolo.
Translucir símbolo
Aplica opacidad a instancias de símbolo.
Aplicar estilo a símbolo
Aplica el estilo seleccionado a instancias de símbolo.
Symbol Screener Symbol Styler
Imagen
43
Diseño Vectorial Illustrator® CS5
2-08 VIDEO Herramientas de Gráficas Gráfica de columnas
Column Graph
Gráfica de columnas apiladas
Stacked Column Graph
Atajo
Función Crea gráficas que comparten valores mediante columnas verticales. Crea gráficas similares a las de columnas pero apila las columnas una sobre otra en vez de acomodarlas lateralmente.
Gráfica de barras
Crea gráficas similares con columnas colocadas en forma horizontal como barras.
Gráfica de barras apiladas
Crea gráficas de barras similares a las de columnas pero apiladas horizontalmente.
Bar Graph
Stacked Bar Graph
Gráfica lineal
Line Graph
Gráfica de áreas
Area Graph
Gráfica de dispersión
Scatter Graph
Gráfica de pastel
Pie Graph
Gráfica de radar
Radar Graph Tool
44
Herramientas de Símbolos
Crea gráficas que utilizan puntos para representar uno o más conjuntos de valores, con una línea diferente para unir los puntos de cada conjunto. Se utiliza para mostrar la tendencia de uno o varios conceptos durante un periodo de tiempo. Crea gráficas similares a las de líneas pero resalta los totales, además de los cambios de valor. Crea gráficas que traza puntos de datos como pares de coordenadas en los ejes “x/y”, sirven para identificar tendencias en los datos y si las variables influyen entre sí. Crea gráficas circulares cuyas porciones representan los porcentajes relativos de los valores comparados. Crea gráficas que comparan conjuntos de valores en puntos determinados en el tiempo o en categorías concretas. Se muestran en formato circular, también se le conoce como gráfica de red.
Imagen
Panel Herramientas
2-09 VIDEO
Herramientas de Gráficas
ACTIVIDAD
2-03
Herramientas de Pintura
Escribe en el espacio que corresponda un ejemplo real donde utilizarías cada una de las herramientas de Pintura que se muestran a continuación. Da un ejemplo diferente para cada herramienta Para poder crear texturas en la imagen o para agregar símbolos a un diseño.
Al tener una ilustración, el degradado sirve para darle volumen.
Crear una gráfica para ejemplificar datos para una actividad de geografía, biología, matemáticas, etcétera. Al tener una figura geométrica básica se puede deformar por medio de sus nodos. Para copiar los atributos de color de un objeto y aplicárselo al texto.
Rota instancias de símbolo.
Dibuja trazos que expanden y combinan automáticamente trazos de pincel caligráfico que comparten el mismo color.
45
Diseño Vectorial Illustrator® CS5
Zona de selectores de color Además de los selectores de color de relleno y trazo que hemos ya explicado, el panel herramientas muestra estos botones de selección: Herramientas Selectores de color
Atajo
Función
Color
<<>
Agrega color sólido al relleno y contorno de la ilustración.
Degradado
<>>
Agrega degradado al relleno de la figura o ilustración.
Ninguno
Sin color tanto en el relleno como en el contorno de la imagen vectorial.
Color
Gradient None
Imagen
PROYECTO
2-05
Haciendo una caja de regalo Parte 3
1. Abre el documento Caja12 que creaste en el Proyecto 02. 2. Con la herramienta Select (Selección) o selecciona el cuerpo del caballito y da doble clic en el selector de Fill (Color de relleno) del panel herramientas. Busca un color rosado para darle color. En el Stroke (Selector de color de contorno) quita el color con la opción None (Ninguno). 3. Manda la forma del cuerpo hacia atrás dando un clic con el botón secundario del ratón y seleccionando del menú emergente la opción Arrange/Send to Back (Organizar/Enviar atrás). 4. De forma similar ve dando color a las diferentes partes del caballito, usando tonalidades ligeramente diferentes. Verás que hay que organizar las figuras para que unas no tapen a otras, ya sea envíandolas al frente o hacia atrás. 5. Ya que tiene color todo el caballito de mar, duplícalo y utiliza el botón secundario del ratón para reflejarlo con la opción Transform/Reflect (Transformar/Reflejar). Acomoda el duplicado junto al original y luego duplica todo el conjunto nuevamente. Debes obtener una composición como en la Imagen “Acomodo del caballito de mar.”.
46
Panel Herramientas
6. Dale color a la caja. Un color contrastante puede ser negro o algún otro color oscuro. 7. Detalla la caja y revisa que todo esté bien. Guarda el archivo terminado. 8. Imprímela en papel grueso o mándala a imprimir a cualquier tienda que tenga servicio de impresión digital.
Imagen 2-12: Acomodo del caballito de mar.
9. Recorta la caja dejando un espacio adicional para poder pegarla. Imagen 2-13: Caja lista para impresión.
10. Dóblala y ármala.
PROYECTO
2-06
Creando gráficas
1. Crea un nuevo documento con las siguientes opciones: ¤¤ ¤¤ ¤¤ ¤¤
Size (Tamaño): Letter (Carta) Units (Unidades): Píxeles (Pixels) Orientation (Orientación): Vertical (Vertical) Color Mode (Modo de color): RGB
2. Selecciona la herramienta Pie Graph (Gráfica de pastel). Se encuentra agrupada en el mismo botón que la herramienta de Column Graph (Gráfica de columnas). 3. Con la herramienta da clic en cualquier parte del espacio de trabajo para que aparezca la caja de diálogo de opciones de la gráfica. Define el tamaño 200 x 200px.
47
Diseño Vectorial Illustrator® CS5
4. Ahora Adobe® Illustrator® desplegará una mini hoja de cálculo en donde podrás introducir los valores. Para escribir los valores tienes que usar el campo en blanco que se sitúa en la parte superior izquierda de la hoja de cálculo. Para cambiar de campo usa la tecla o las flechas. 5. Introduce datos que quieras representar como calificaciones de algunas materias, popularidad de algún programa de televisión o cualquier otro que tenga lógica. Utiliza la primera fila para los nombres de las categorías y la segunda para los valores de cada una. 6. Al terminar de introducir los valores da clic en el botón Apply (Aplicar) en la parte superior derecha de la hoja y cierra la hoja de cálculo. 7. Adobe® Illustrator® muestra las rebanadas en diferentes tonos de gris. Para agregarles color debes seleccionarlas primero con la herramienta Direct Select (Selección directa). Aplica a cada rebanada un color diferente. 8. Revisa que tu gráfica se pueda interpretar lógicamente y que se vea bien. Agrégale un título con la herramienta de texto y dale formato. Guarda tu trabajo con el nombre Gráfica15 en la carpeta que indique tu profesor.
Herramientas de corte Hay dos tipos de herramientas de corte. El primer tipo se utiliza para crear secciones que puedan exportarse de forma independiente para su uso en web. El segundo tipo se usa para cortar vectores en el espacio de trabajo.
Herramientas de Sector y Cuchilla Sector
Slice
Seleccionar sector
Slice Select Borrador
Eraser Tijeras
Scissors Cuchilla
Knife
48
Atajo
Función
Divide las ilustraciones en imágenes independientes.
<>
Selecciona sectores.
Borra cualquier área del objeto sobre la que pase al arrastrar.
Corta trazos por puntos específicos. Corta objetos y trazos.
Imagen
Panel Herramientas
2-10 VIDEO
Herramientas de Sector y Cuchilla
Herramientas de texto Illustrator® proporciona las siguientes herramientas de texto: Herramientas de Texto Texto
Atajo
Type
Texto de área
Area Type
Texto en trazado
Type on a Path Texto vertical
Vertical Type
Texto de área vertical
Vertical Area Type
Texto vertical en trazado
Vertical Type on a Path
Función
Imagen
Crea texto y contenedores de texto individuales, permitiendo también introducir y modificar texto. Convierte los trazos cerrados en contenedores de texto y permite introducir y modificar el texto en su interior. Convierte trazos en trazos de texto permitiendo introducir y modificar el texto de los mismos. Crea textos y contenedores de texto verticales permitiendo introducir y modificar el texto vertical. Convierte trazos cerrados en contenedores de texto vertical permitiendo introducir y modificar el texto de los mismos. Convierte los trazos en trazos de texto vertical permitiendo introducir y modificar el texto de los mismos.
2-11 VIDEO
Herramientas de Texto
49
Diseño Vectorial Illustrator® CS5
¿Qué aprendiste? TEMA A: A identificar cada una de las herramientas del panel, conociendo su uso y la manera de acceder a ellas de forma rápida con el teclado.
EVALUACIÓN
02 Contesta las preguntas correctamente. 1. ¿A qué grupo de herramientas pertenece la Reflect (Reflejo) y para qué sirve? . Pertenece al grupo de herramientas para reformar y refleja objetos respecto a un punto fijo. 2. Explica brevemente 3 herramientas de pintura. •Malla: Crea y edita mallas y envolventes de mallas. •Degradado: Aplica degradados a los objetos. •Cuentagotas: Toma y aplica atributos de color, texto y apariencia incluidos los estilos de los objetos. 3. ¿Qué es un punto ancla en una figura vectorial? El punto ancla ayuda a controlar mejor un trazado o bien extender un trazado abierto, un trazado con menos puntos es más fácil de editar.
50
Capas: Por defecto, Illustrator asigna un color único a cada capa (hasta nueve colores) del panel Capas. El color se muestra al lado del nombre de la capa en el panel.
Un id ad
03
NIVEL: Básico
Pa neles de A dobe ® I l lus trator ® Pa r te 1
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Identificar cada uno de los paneles, así como sus funciones que permiten trabajar las imágenes, modificarlas, escalarlas, recortarlas, etc... y cómo administrarlos en el espacio de trabajo para facilitar el proceso del diseño. B Conocer las opciones para agrupar y desagrupar objetos.
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 tema
A Paneles de Adobe® Illustrator® Parte 1 Navigator (Panel Navegador) En ocasiones cuando estás trabajando con un documento grande, se pierde la imagen dentro de la aplicación o es difícil detallar alguna sección del diseño. Puedes ayudarte de las herramientas Zoom (Zoom) y Hand (Mano) para moverte por el documento, pero también podrías usar el panel Navigator (Navegador). El panel Navigator (Navegador) de Adobe® Illustrator® te permite cambiar rápidamente la posición y vista del objeto para lograr un mejor detalle en la visualización de la imagen.
Imagen 3-1: Panel Navegador.
Layers (Panel Capas) El panel Layers (Capas) se sitúa por lo general en el extremo inferior derecho de la mesa de trabajo. Recuerda que si no se encuentra activa, puedes desplegarla desde el menú Window/ Layers (Ventana/Capas).
Imagen 3-2: Panel Capas.
Las capas sirven para organizar todos los elementos que componen o pueden componer a la imagen vectorial, desde las formas básicas hasta el color. Cuando se crea una imagen nueva, Adobe® Illustrator® proporciona un área en blanco en una sola capa incial, para empezar a trabajar sobre ella. A partir de este punto se puede crear un máximo de 100 capas que son suficientes para cualquier demanda. Al estar trabajando con las capas, tendrás la sensación de estar utilizando hojas transparentes, cada una con determinada información. Las capas se pueden combinar y ordenar para que te faciliten el trabajo. En el panel de capas, cada una está identificada con un nombre junto al que se muestra lo que contiene en un tamaño miniatura. Utilizando el pequeño triángulo a la izquierda de la miniatura, se puede desplegar un segundo nivel (sub capas) para mostrar los elementos contenidos.
52
Paneles de Adobe Illustrator Parte 1
Si analizas con atención, todo lo que se haga en un documento de Illustrator está en alguna sub-capa de forma independiente, por lo que se le puede modificar con todas las opciones del panel Layers (Capas). capas sub-capas
Imagen 3-3: Muestra de capas y sub-capas del panel.
Create New Layer (Crear nueva capa) Para añadir nuevas capas a la composición, haz clic en el icono Create New Layer (Crear nueva capa).
T IP
Para una mejor organización de tu trabajo es importante nombrar las capas. Basta con dar doble clic sobre el nombre de la capa y escribir el de tu elección.
Creación de Templates (Capas plantilla) Crea un Template (Capa plantilla) siempre que desees basar una ilustración nueva en otra ya existente, para que no trabajes doble. Una capa plantilla se hace a partir de cualquier capa existente o capa nueva. Al hacer doble clic en el nombre de la capa, aparecerá el cuadro de diálogo Layer Options (Opciones de capa). Selecciona en ese cuadro la casilla Template (Plantilla) y haz clic en OK. En el panel capas, las capas plantilla se identifican por un pequeño icono con figuras geométricas en el extremo izquierdo. Capa plantilla Imagen 3-4: Muestra del icono de una capa plantilla.
53
Diseño Vectorial Illustrator® CS5
Capa activa En la mayoría de los proyectos se trabaja con muchas capas y aunque se nombren, no siempre podemos recordar en cuál estamos situados cada momento. El panel capas, nos ayuda resaltando la capa activa con un color sólido (azul o gris, dependiendo de la configuración del Sistema Operativo).
capa activa
Imagen 3-5: Muestra de capa activa.
Ocultar y mover capas Dentro del documento de trabajo es posible habilitar y deshabilitar temporalmente las capas. La razón es simple, en ocasiones necesitamos imprimir un documento evitando que aparezca cierta información. En este caso sólo se imprimirán aquellas capas visibles, es decir, las que tengan el icono del ojo visible en el recuadro izquierdo. Si deseas mostrar únicamente una capa, mantén pulsada la tecla mientras haces clic sobre el icono del ojo que corresponde a la capa a mostrar. Las capas también se pueden mover para ajustar su posición en el trabajo. Para esto necesitas seleccionar una capa y arrastrarla hacia arriba o hacia abajo, dependiendo de la composición que quieras realizar. Si necesitas llevar un elemento del dibujo de una capa a otra, puedes seleccionar la imagen, copiarla (o cortarla) y pegarla en la capa que hayas seleccionado.
Lock (Bloqueo de capas) Otra herramienta importante dentro del panel de capas, es el bloqueo. Su principal función es evitar mover o modificar las capas. Para evitar cambios a los objetos de una capa, haz clic en la casilla que está a la derecha del icono del ojo en cada capa. Un pequeño candado indica que la capa está bloqueda.
Delete Selection (Eliminar capas) Para borrar una capa seleccionada, presiona el botón Delete Selection (Eliminar capa). Otra forma de eliminar la capa, es arrastrarla y soltarla sobre el mismo icono de la papelera .
3-01 VIDEO 54
Capas
Paneles de Adobe Illustrator Parte 1
ACTIVIDAD
3-01
Recordando: Capas
Contesta las siguientes preguntas. 1. ¿Cuál es la función de las capas? Las capas sirven para organizar todos los elementos que componen o puedan componer la imagen vectorial. 2. ¿Cuántas capas como máximo se pueden utilizar en un proyecto de Illustrator? Como máximo se pueden utilizar 100 capas en Illustrator. 3. Describe una forma para crear una capa nueva. Dando clic en el icono Create New Layer (Capa nueva). 4. ¿Para qué sirve una sub-capa? Una sub-capa sirve para modificar de forma independiente los elementos de la capa. 5. ¿Qué es una capa plantilla y cómo se crea? Es usar una ilustración ya existente para trabajar un nuevo proyecto, se crea dando clic en el nombre de la capa, aparecerá el cuadro de diálogo Layer Options (Opciones de capa). Selecciona la casilla Template (Plantilla) y dar Ok. 6. Describe una situación específica en la que sería útil ocultar una capa. Explica con un ejemplo en vez de mencionar el objetivo de la función de ocultar. Tengo un texto en la parte de arriba pero no es agradable a la vista o “sale sobrando” de la imagen, se puede ocultar la capa donde se sitúa el texto para ponerlo con o sin texto. 7. Describe una situación específica en la que sería útil bloquear una capa. Explica el ejemplo en vez de mencionar el objetivo de la función de bloquear. Al tener el proyecto terminado se pide que se le agreguen más elementos, se bloquea la capa del proyecto, se crea una nueva y sobre esa se añaden esos nuevos elementos.
55
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
3-02
Capas reales
Para esta actividad no se requiere la computadora. Se necesita un acetato transparente tamaño carta y plumones de colores. También se pueden utilizar pinturas. 1. Recorta el acetato en cuatro partes iguales. 2. En el primer cuarto de acetato dibuja con un plumón punto fino o estilógrafo, el contorno de una figura. 3. Usa el segundo cuarto de acetato para darle color a la figura. Coloca este acetato sobre el primero, para que el relleno no pase el área del contorno. 4. En el tercer cuarto de acetato dibuja sombras a la figura. 5. Usa el último cuarto de acetato para escribir un texto pequeño. 6. Ordena los acetatos de manera que formen una sola composición. 7. Anota tus conclusiones: a. ¿Cuál es el orden (de arriba hacia abajo) en que mejor quedan acomodados los elementos (relleno, sombra, contorno y texto)? 1. Contorno 2.Relleno 3.Sombra 4.Texto b. ¿Qué ventajas tiene trabajar cada elemento en una capa independiente? La ventaja de trabajar en capas independientes es que puedes manipular individualmente cada objeto que conforma a la imagen vectorial. c. Esta técnica se ha usado tradicionalmente para la animación o caricatura, incluso antes de la existencia de computadoras. ¿Qué elementos crees que se podrían dibujar en cada capa para facilitar la creación de un dibujo animado? •Los movimientos del personaje •Más personajes •Lugares y fondos
56
Paneles de Adobe Illustrator Parte 1
PROYECTO
3-01
Usando capas para organizar una ilustración
1. Abre el archivo Monita.ai que está en los Recursos Digitales. 2. Localiza o abre el panel Layers (Capas). En la esquina superior derecha del panel hay un pequeño botón con una flechita negra. Haz un clic en este botón para desplegar el menú emergente del panel. Elige de este menú la opción Panel Options (Opciones de panel). 3. En el cuadro de diálogo que aparece especificarás los siguientes valores: ¤¤ Row Size (Tamaño de fila): Large (Grande) ¤¤ Thumbnails (Miniaturas): Layers (Capas), Groups (Grupos) y Objects (Objetos). Estas opciones simplemente amplían la apariencia de los elementos del panel Layers (Capas) para facilitar el trabajo. 4. Oculta todas las capas y ve mostrando una a la vez para revisar su contenido. Expande las sub-capas y revisa lo que contiene cada una. 5. Normalmente en el panel Layers (Capas) se asignan nombres genéricos a las capas, grupos y objetos. Al darles nombres más descriptivos a estos elementos, resulta más fácil su identificación. Renombra las capas existentes de forma apropiada. 6. Arrastra las capas para ordenarlas y corregir la ilustración. 7. Crea una nueva capa y en ella introduce un texto con tu nombre y grupo. 8. Crea otra capa y en ella dibuja un rectángulo con borde grueso y relleno claro, para enmarcar la ilustración. Envía esta capa detrás de todas las demás. Guarda los cambios con el nombre Capas en la carpeta que indique tu profesor.
Imagen 3-6: Panel de Opciones.
57
Diseño Vectorial Illustrator® CS5
Transform (Panel de Transformación) El panel de transformación permite modificar numéricamente y con gran exactitud un objeto seleccionado: escalarlo, voltearlo, darle perspectiva o distorsionarlo. El panel se puede mostrar usando el menú Window/Transform (Ventana/Transformar) y ofrece diferentes modos u opciones de transformación: Imagen 3-7: Panel de Transformación.
Transformación
Función
Eje “X”
La imagen se mueve sobre el eje de las “X” (horizontal).
Eje “Y”
Colorea instancias de símbolo.
Ancho (W)
Aplica opacidad a instancias de símbolo.
Alto (H) Rotate (Rotar) Shear (Distorsión)
Aplica el estilo seleccionado a instancia de símbolo. Gira un objeto con respecto al punto de referencia. Permite inclinar un objeto vertical y horizontalmente.
Actions (Panel de Acciones) El panel de acciones se puede mostrar con el menú Window/Action (Ventana/Acciones). Las acciones, son secuencias que permiten la automatización de tareas repetitivas en Adobe® Illustrator®. Puedes crear una acción para dibujar, modificar algunas imágenes vectoriales y bitmaps, cambiarlas de tamaño y guardarlas en cierto formato, todo con un solo comando. Imagen 3-8: Panel de Acciones..
58
Paneles de Adobe Illustrator Parte 1
ACTIVIDAD
3-03
Recordando: acciones y transformaciones
Contesta las siguientes preguntas: 1. ¿Para qué sirve el panel Transform (Transformación)? Permite modificar numéricamente y con gran exactitud un objeto seleccionado. 2. ¿Qué son las Actions (Acciones) y para qué sirven? Las acciones son secuencias que permiten la automatización de tareas repetitivas en Illustrator. 3. Relaciona la transformación con su función: Inclina un objeto en forma vertical u horizontal
ALTO
Aumenta o disminuye el tamaño vertical
ROTAR
Se mueve en el eje “Y”
Aumenta o disminuye el tamaño horizontal
DISTORSIÓN
Gira la capa con respecto al punto de referencia Se mueve conforme al eje de las “X”
EJE “Y”
ANCHO EJE “X”
4. Tomando como base la figura del primer recuadro, dibuja la transformación que se pide en cada caso. Utiliza regla y cuida la calidad. Si tienes transportador a la mano, úsalo. Normal Rotar 45º Distorsión 45º Rotar -45º + Alto 150% Rotar 90º + Distorsión -45%
59
Diseño Vectorial Illustrator® CS5
Align (Panel de Alineación) En Adobe® Illustrator® puedes alinear elementos unos con otros o distribuirlos uniformemente en el espacio. Para estas tareas se usa el panel de alineación, que se despliega con el menú Window/Align (Ventana/Alinear). El panel también te permitirá alinear los objetos con respecto a la mesa de trabajo. Para ello es necesario activar el botón circular de la esquina superior derecha del panel y desplegar su menú emergente. De este menú debes activar la opción Align to Artboard (Alinear a mesa de trabajo).
Imagen 3-9: Panel de Alinear.
T IP
Muchos paneles se pueden expandir o contraer para mostrar más o menos opciones. Los paneles expandibles se identifican porque junto a su nombre muestran una doble flecha vertical . Para expandir o contraer los paneles da doble clic sobre la doble flecha.
Appearance (Panel de apariencia) En Adobe® Illustrator® el panel Appearance (Apariencia) sirve para ver y ajustar los atributos de apariencia de un objeto, grupo o capa. Para mostrar el panel selecciona menú Window/ Appearance (Ventana/Apariencia). Los atributos de apariencia son propiedades que afectan el aspecto de un objeto sin alterar su estructura. Si se aplica un atributo de apariencia a un objeto y posteriormente ese atributo se edita o se quita, no cambia al objeto original. Los atributos de apariencia son los rellenos, trazos, transparencias y efectos. En muchas actividades previas has trabajado al menos con dos atributos de apariencia básicos, que son el relleno y el contorno o trazo. Si seleccionas un objeto, puedes hacer clic en el panel de apariencia sobre el relleno o contorno y después utilizar los selectores de color para modificarlos. Si el objeto tiene algún efecto aplicado, puedes dar doble clic sobre el icono del efecto para editarlo. Similar al panel capas, el panel apariencia tiene botones en el borde inferior para agregar o eliminar algún atributo del objeto.
60
Paneles de Adobe Illustrator Parte 1
Graphic Styles (Panel de estilos gráficos) Un estilo es un conjunto de atributos de aspecto. Puede consistir en una simple combinación de colores de relleno y trazo, o bien, en la combinación de varios rellenos, transparencias y efectos. Mediante la aplicación de estilos se pueden cambiar rápidamente los aspectos físicos de un objeto. Por ejemplo, es conveniente crear un estilo si frecuentemente estarás utilizando una apariencia que consiste en un color de relleno, un contorno de determinado grosor, un color de contorno, un efecto de sombra o alguna transparencia. De esta manera podrás aplicar el estilo a cualquier objeto con un solo clic.
Imagen 3-10: Panel de Estilos.
Para visualizar el panel Graphic Styles (Estilos) selecciona menú Window/Graphic Styles (Ventana/Estilos). El panel contiene ya algunos estilos predefinidos en la librería, ésta se despliega con el botón de la parte inferior . Los estilos se pueden renombrar, reorganizar o eliminar de forma muy similar a como se hace con las capas en su respectivo panel. Utilizando el menú emergente del panel, puedes mostrar los estilos en forma de miniaturas o en forma de lista, como se muestra en la imagen. Para aplicar un estilo existente a un objeto, simplemente selecciona el vector y haz clic sobre el estilo a aplicar. Siempre puedes usar el comando deshacer si el resultado no es satisfactorio, o bien, puedes utilizar el panel apariencia para modificar o eliminar cualquier aspecto del estilo aplicado. Imagen 3-11: Muestra de los estilos en miniatura.
3-02 VIDEO
Panel Appearence (Apariencia)
61
Diseño Vectorial Illustrator® CS5
PROYECTO
3-02
Conociendo el panel Apariencias
1. Crea un nuevo documento de 800 x 600 píxeles en el Color Mode (Modo de color): RGB. 2. Selecciona la herramienta de Rectangle (Rectángulo) y crea dos rectángulos medianos un poco separados dentro del área de la mesa de trabajo. 3. Localiza el panel de Appearance (Apariencia). Si no está visible puedes usar el menú Window/Appearance (Ventana/Apariencia). También localiza el panel de Graphic Styles (Estilos). Si no está visible muéstralo con el menú Window/Graphic Styles (Ventana/Estilos). Normalmente estos dos paneles están agrupados, pero te conviene desagruparlos para poder verlos de forma simultánea. 4. Selecciona el primer rectángulo y observa el panel de Appearance (Apariencia). Utiliza este panel para seleccionar y luego cambiar el color de relleno a verde claro y el color de trazo a azul oscuro. 5. En el panel Appearance (Apariencia), selecciona el Stroke (Contorno) y luego utiliza el panel Stroke (Trazo) para engrosar el contorno a 4 puntos. 6. En el panel Appearance (Apariencia), selecciona el Fill (Relleno) y luego utiliza el botón Duplicate Selected Item (Duplicar selección) para crear un segundo relleno para la figura. Debes tener ahora una figura con dos rellenos y un contorno. (Imagen 4-12) 7. Utilizando el panel Appearance (Apariencia), cambia el color del relleno que está encima, a rojo. Después utiliza el panel Transparency (Transparencia) para reducir la transparencia de este relleno al 50%. Deberás observar algo como en la imagen 4-13. 8. Aplica al rectángulo seleccionado un efecto de sombra utilizando el menú Effect/Stylize/Drop Shadow (Efecto/Estilizar/Sombra paralela). Acepta las opciones predeterminadas. Deberás ver que el rectángulo proyecta una sombra. Revisa el panel. Si el orden de los atributos no es como en esta figura, puedes arrastrarlos para reordenarlos correctamente.
62
Imagen 3-12: Relleno en panel Apariencia.
Paneles de Adobe Illustrator Parte 1
Imagen 3-13: Color de relleno y opacidad.
9. Ahora vas a crear un estilo a partir de la apariencia del primer rectángulo. Manteniéndolo seleccionado, simplemente haz clic en el botón de New Graphic Style (Nuevo estilo) en el panel de Graphic Styles (Estilos) y así el nuevo estilo será creado. 10. Haz doble clic sobre el nombre del nuevo estilo y cambia su nombre a MiEstiloSombra01. 11. Aplica el nuevo estilo al segundo rectángulo, seleccionándolo y dando un clic sobre el estilo en el panel.
Imagen 3-14: Aplicación de sombra.
12. Guarda tu trabajo con el nombre Estilos en la carpeta que indique tu profesor.
3-03 VIDEO
Paneles
Clipping Mask (Máscaras de recorte en las capas) En los programas profesionales de diseño gráfico se utiliza mucho el término máscara. Este nombre se ha heredado de las antiguas técnicas de trabajo con papel o pintura. En muchas ocasiones, un artista tenía la necesidad de trabajar sólo con una pequeña parte de una imagen. Para no correr el riesgo de dañar otras zonas de la imagen, el artista creaba una máscara que consistía en un lienzo que se colocaba sobre todo el documento y que tenía sólo un orificio a través del cual se podía retocar lo necesario.
63
Diseño Vectorial Illustrator® CS5
Hoy en día las personas todavía usan máscaras de este tipo para restaurar obras de arte de la antigüedad, trabajar con fotografías e incluso se usan en procedimientos médicos para enfocarse a una zona específica de trabajo mientras se protege el todo. En Illustrator® una Clipping Mask (Máscara de recorte) es un objeto o grupo de objetos cuya forma enmascara las ilustraciones que se encuentran en la parte de abajo, de manera que sólo se pueden ver las ilustraciones que están dentro de la forma de la máscara. Las siguientes reglas se aplican a las máscaras de recorte: ¤¤ Una máscara de recorte y los objetos que se van a enmascarar deben estar en la misma capa o grupo en el panel Layers (Capas). No es posible tener la máscara en una capa y los objetos a enmascarar en otra. ¤¤ El primer objeto de la capa se convierte en la máscara de cualquier elemento, que sea un subconjunto de la capa. ¤¤ Independientemente de los atributos de apariencia que tenga un objeto, pierde su relleno y trazo cuando se convierte en máscara de recorte.
Imagen 3-15: Muestra de una máscara y cómo se observa en el panel Layers.
Analiza con cuidado el panel de capas en la imagen anterior. La capa llamada Izquierda se compone de dos elementos (cada uno en una subcapa), que son una imagen y una estrella. La capa llamada Derecha, es una copia idéntica de la anterior, sólo que aquí se ha activado la máscara de recorte, por lo que la estrella (el objeto más al frente en esa capa) enmascara lo que está debajo. La máscara y los objetos enmascarados crean un “conjunto de recorte”. Para crear un objeto o conjunto de recorte: 1. En el panel Layers (Capas), selecciona la capa que contiene los elementos que deben convertirse en el conjunto de recorte. Recuerda que el objeto situado al frente será la máscara de recorte. 2. Haz clic en el botón Create/Release Clipping Mask (Crear/Soltar máscara de recorte) situado en el borde inferior del panel Layers (Capas) o selecciona Make Clipping Mask (Crear máscara de recorte) en el menú emergente del panel Layers (Capas).
64
Paneles de Adobe Illustrator Parte 1
Para volver a convertir una máscara de recorte en un objeto: 1. Selecciona la capa o el grupo que contiene la máscara de recorte. 2. Haz clic en el botón Create Clipping Mask (Crear máscara de recorte) situado en la parte inferior del panel Layers (Capas) o selecciona Release Clipping Mask (Soltar máscara de recorte) en el menú emergente del panel Layers (Capas). Recuerda que cuando se crea una máscara de recorte, el objeto que actúa como máscara (el objeto del frente) pierde su color de relleno y contorno. Por tal motivo, cuando quitas la máscara, el objeto aparece sólo como una silueta sin color.
3-04 VIDEO
Máscaras de recorte
PROYECTO
3-03
Ejercicio de recorte de imágenes
1. Inicia un documento nuevo de Adobe® Illustrator® tamaño carta en modo RGB. 2. Importa la imagen Globo.tif que se encuentra en los Recursos Digitales. Recuerda que puedes utilizar el comando menú File/Place (Archivo/Acomodar). Visualiza el panel de Layers (Capas). 3. Toma la herramienta Elipse (Elipse) y haz un círculo. Si mientras dibujas el círculo, mantienes presionadas las teclas , la figura se creará a partir de su centro y será un círculo perfecto. El color y trazo del círculo no son importantes. 4. Mueve el círculo para que enmarque al globo que se ve más abajo en la fotografía. 5. Observa las sub-capas para comprobar que el círculo es el objeto que está más arriba en el panel Layers (Capas). Presiona en el panel Layers (Capas) el botón Create Clipping Mask (Crear/Soltar máscara de recorte) y deberá crearse la máscara. 6. Ya creada la máscara, todavía es posible mover el círculo para ajustar su posición o tamaño con más detalle. Haz algún pequeño ajuste para comprobarlo.
65
Diseño Vectorial Illustrator® CS5
Imagen 3-16: Ejemplo del círculo enmarcando el globo. Panel de Layers.
7. Ahora utiliza el menú emergente del panel Layers (Capas) (el botón circular con una flecha, en la esquina superior derecha del panel) y utiliza el comando para duplicar la capa 1. Observa que el duplicado contiene todas las subcapas. 8. Elimina la máscara de recorte del duplicado y mueve el círculo (que ahora no tiene relleno ni contorno, para que enmarque otro de los globos). 9. Continúa duplicando las capas y modificando las figuras para crear máscaras de recorte sobre cada uno de los globos de la imagen. Utiliza otras figuras para enmascarar, como estrellas o polígonos.
Imagen 3-17: Máscaras aplicadas a objetos. Panel de Capas.
10. Copia en este espacio el aspecto final de la paleta Capas incluyendo los nombres de todas las capas y sub-capas, así como las miniaturas de cada una. Incluye sólo las primeras cinco capas con sus sub-capas.
11. Guarda tu trabajo con el nombre Máscaras en la carpeta de costumbre.
66
Paneles de Adobe Illustrator Parte 1
ACTIVIDAD
3-04
Paneles
Relaciona los paneles de Adobe® Illustrator® que estudiamos anteriormente, con la función que les corresponde. Paneles
Funciones
Guarda secuencias que permiten la automatización de tareas repetitivas en Adobe® Illustrator®.
Permite modificar numéricamente y con gran exactitud un objeto seleccionado: escalarlo, voltearlo, darle perspectiva o distorsionarlo.
Sirve para distribuir elementos unos con otros o distribuirlos uniformemente en el espacio.
Sirve para ver y ajustar los atributos de un objeto, grupo o capa.
Almacena combinaciones de colores, efectos y transparencias para su rápida aplicación.
67
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
3-05
Operaciones con capas
Responde correctamente ¿Cómo funcionan las opciones del panel Layers (Capas)? Debes ser lo más explícito posible. 1. Create New Layer (Crear nueva capa). En esta opción puedes crear capas nuevas.
2. Templates (Creación de capas plantilla). En esta opción, la capa en la que se trabaja se convertirá en plantilla para usarla nuevamente para un nuevo proyecto.
3. Capa activa. Activa la capa en la cual estás trabajando. Para seleccionar la capa activa se da clic sobre su nombre.
4. Ocultar y mover capas. Para ocultar una capa simplemente das clic en el icono del ojo y para mover las capas sólo arrastras una sobre otra o viceversa.
5. Lock (Bloqueo de capas). Simplemente das clic en el campo que se encuentra del lado derecho del icono del ojo para hacer visible el candado blanco y bloquear la capa.
6. Delete Selection (Eliminar capas). Se selecciona la capa y das clic en el icono del bote de basura para eliminar la capa.
68
Paneles de Adobe Illustrator Parte 1
tema
B Agrupar y desagrupar objetos Puedes reunir varios objetos para convertirlos en una unidad por medio del comando Agrupar que se activa con menú Object/Group (Objeto/Agrupar) o las teclas . Cuando agrupas varios objetos, los puedes mover y transformar al mismo tiempo sin alterar sus posiciones relativas o atributos individuales. Para desagrupar objetos utiliza el menú Object/ Ungroup (Objeto/Desagrupar) o la combinación de teclas .
Imagen 3-18: Objetos agrupados
Después de agrupar los objetos, al seleccionar cualquier parte del grupo con la herramienta Select (Selección) o la herramienta Lasso (Lazo), se seleccionará todo el grupo. Si no estás seguro si un objeto pertenece a un grupo, mejor selecciónalo con la herramienta Select (Selección).
ACTIVIDAD
3-06
Agrupar y desagrupar
1. ¿Qué es agrupar varios objetos? Agrupar varios objetos es unirlos para poder moverlos y tranformar al mismo
Agrupar y desagrupar tiempo sin alterar sus posiciones relativas o atributos individuales.
2. Esquematiza los pasos que se deben seguir para agrupar y desagrupar un objeto en Illustrator. Agrupar 1. Seleccionas los objetos para agrupar 2. Vas al menú Objeto/Agrupar o con
Desagrupar 1. Seleccionar el grupo 2. Vas al menú Objeto/Desagrupar o con
69
Diseño Vectorial Illustrator® CS5
¿Qué aprendiste? TEMA A: A identificar los paneles, sus características, conocer cómo se pueden acomodar, acoplar para facilitar el trabajo, así como las funciones de algunos de ellos. TEMA B: Que mediante el comando de agrupar objetos es más sencillo el trabajo con varios objetos, tanto para desplazarlos, como para transformarlos.
EVALUACIÓN
03 Contesta las preguntas correctamente. 1. ¿Para qué sirve el panel Layers (Capas)? Las capas sirven para organizar todos los elementos que componen o pueden componer a la imagen vectorial, desde formas básicas hasta el color. 2. Explica brevemente ¿cómo se usa una máscara de recorte y para qué sirve? Es un objeto o grupo de objetos cuya forma enmascara las ilustraciones que se encuentran en la parte de abajo, de manera que sólo se pueden ver las ilustraciones que están dentro de la forma de la máscara. 3. ¿Qué es un estilo y para qué nos sirve el crear uno nuevo en el panel Graphic Styles (Estilos)? Un estilo es un conjunto de atributos de aspecto. Mediante la aplicación de estilos se pueden cambiar rápidamente los aspectos físicos de un objeto. El crear un nuevo estilo sirve si frecuentemente se está usando un color de relleno, contorno determinado, etc... y poder aplicarlo con un solo clic.
70
El sistema Pantone®, es una guía de color con 1114 colores clasificados por tono y sus variaciones hacia la claridad y oscuridad. Cada uno tiene asignado un número y lleva impresa la fórmula para reproducirlo con exactitud a partir de una serie de 14 colores: Pantone Basic Colors.
Un id ad
04
NIVEL: Básico
C olor
DURACIÓN SUGERIDA: 5 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a:
A Conocer los conceptos del color. Identificar cada una de las herramientas del panel color, así como ponerlos a la práctica en diferentes actividades y proyectos para reafirmar los conceptos aprendidos.
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 tema
A Color El mundo está lleno de color que nos ayuda a diferenciar las cosas, los animales e incluso las personas. Pero ¿Qué es el color? ¿De dónde viene? ¿Cómo se hace el color naranja, verde o morado? Cuando no hay luz, todo se ve negro y pareciera que el color ha desparecido, pero no es así. El color realmente no desaparece, pero como el color es sólo una sensación provocada por la luz, sin luz no percibimos el color. El color es muy importante en el diseño gráfico. El color es el medio más subjetivo para expresar las ideas. El color tiene el poder de la atracción o el rechazo, dependiendo del uso que se le dé. Los colores dan sensación de movimiento. Las emociones, sensaciones y todo lo que los colores pueden llegar a expresar y hacer sentir al espectador, forman parte fundamental de un buen diseño.
Fotografía cortesía de Thy Bun. Usada con permiso.
¤¤ ¤¤ ¤¤ ¤¤
Imagen 4-1: Color en el diseño
La Psicología del color Los colores despiertan emociones y sentimientos específicos en las personas. Hay estudios amplios y serios con respecto al factor psicológico del color, que se basa en las diferentes impresiones que surgen del ambiente creado por el color, como la sensación de calma, recogimiento, plenitud, alegría, opresión, violencia o incluso hambre. La psicología de los colores los clasifica de la siguiente manera: ¤¤ Colores cálidos: Estos colores se proyectan hacia afuera y atraen la atención. Los colores cálidos son fuertes, agresivos y parecen vibrar dentro de su espacio. Se relacionan con el sol, el fuego y el calor. La intensidad de los colores cálidos provoca el aumento de la presión sanguínea y estimula el sistema nervioso. El rojo, naranja y amarillo son ejemplos de colores cálidos.
72
Color
Fotografía cortesía de Thy Bun. Usada con permiso.
¤¤ Colores fríos: Los colores fríos remiten a la nieve y el hielo. En su estado más brillante son dominantes y fuertes. Los colores fríos aminoran el metabolismo y aumentan la sensación de calma. El azul claro, el blanco o el turquesa son ejemplos de colores fríos.
Imagen 4-2: Colores fríos.
¤¤ Colores claros: Son colores casi transparentes. Cuando la claridad aumenta, las variaciones entre los distintos tonos disminuye. Los colores claros generan la sensación de amplitud en los alrededores y sugieren liviandad, descanso, suavidad y fluidez. Se relacionan con la primavera y el verano. ¤¤ Colores oscuros: Los colores oscuros son tonos que tienen negro en su composición. Encierran el espacio y lo hacen parecer más pequeño. Los colores oscuros son concentrados y serios. Se relacionan con el otoño y el invierno. Fotografía cortesía de Thy Bun. Usada con permiso.
¤¤ Colores brillantes: La claridad de los colores brillantes se logra por la omisión del gris o el negro. Los colores azules, rojos, amarillos y naranjas son colores de brillo pleno. Los colores brillantes son vivos y atraen la atención.
Imagen 4-3: Colores oscuros.
4-01 LÁMINA
Color
73
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
4-01
Comprendiendo el color
Contesta las preguntas correctamente. 1. ¿Qué enunciado es el correcto para definir el color? a. El color es algo que pinta un objeto. b. El color es una visión óptica del ojo o un espejismo. c. El color es la impresión sensorial capatada por el ojo, que produce la luz sobre cualquier objeto. d. Ninguna de las anteriores. 2. Acomoda las palabras en el enunciado según corresponda: 1666 luz blanca prisma o vidrio rojo
amarillo verde azul índigo y violeta
Isaac Newton luz del Sol siete
1666 Isaac Newton descubrió en el año luz blanca siete que la estaba formado, por colores: rojo, amarillo, verde, azul, índigo y violeta Demostró su descubrimiento al descomponer un rayo de luz del sol haciéndolo pasar a través de . un prisma o vidrio
.
3. Ejemplifica cada una de las dimensiones de color con un solo recorte de alguna revista, señalando con una flecha la característica que quieres representar. Por ejemplo, puedes pegar una fotografía de una playa y señalar zonas con mayor o con menor brillo.
74
Color
ACTIVIDAD
4-02
El color, la luz y el ojo
Para esta actividad necesitarás una linterna y un lugar oscuro. 1. Asegúrate que el lugar donde harás la actividad esté bien oscuro. Puedes utilizar cartulinas negras o cortinas para cubrir las ventanas o fuentes de luz del salón de clases o bien realizar la actividad en tu casa, ya sea por la noche o en un lugar sin luz. 2. Ilumina con la linterna diferentes objetos y observa cómo surge el color y cómo cambia con diferentes intensidades o ángulos de iluminación. 3. Tomando en cuenta las propiedades o dimensiones del color que hemos visto, realiza un ensayo breve, donde expliques tus conclusiones acerca de la relación entre el color y la luz. Explica también cómo se relaciona el experimento con las propiedades del color. La luz produce una impresión sensorial en cualquier objeto llamado color. Al alumbrar con la linterna (luz) el color va apareciendo, simplemente estaba oculto.
Clasificación del color Los colores se clasifican en: ¤¤ Colores primarios: El espectro solar tiene tres colores que se consideran primarios: amarillo, rojo y azul. Se llaman colores primarios porque constituyen la base para formar a los demás colores. Los colores primarios no pueden obtenerse mezclando otros colores. También se les denomina colores puros.
Imagen 4-4: Colores primarios.
75
Diseño Vectorial Illustrator® CS5
¤¤ Colores secundarios: De la unión de dos colores primarios se obtiene un color secundario o binario. Los colores secundarios son: verde, violeta y naranja.
Imagen 4-5: Colores secundarios.
¤¤ Colores terciarios: Se obtienen al mezclar un color secundario con uno primario. Los colores terciarios son: rojo violeta, rojo anaranjado, amarillo anaranjado, amarillo verde, azul verde y azul violeta.
Imagen 4-6: Colores terciarios.
T IP
76
En el panel de color Illustrator® los colores primarios se identifican como Yellow (Amarillo), Pure Red (Rojo puro) y Pure Blue (Azul Puro).
Color
¤¤ Colores complementarios: En el círculo cromático, los colores complementarios se encuentran opuestos. Por ejemplo, son colores complementarios: rojo y verde, naranja y azul, violeta y amarillo. Los colores complementarios tienen la propiedad de resaltar en forma notable cuando se colocan uno al lado del otro.
Imagen 4-8: Colores complementarios.
¤¤ Colores armónicos: Son los que se encuentran próximos dentro del círculo cromático. Por ejemplo, son colores armónicos: naranja y rojo, azul y verde, amarillo y naranja, violeta y azul, verde y amarillo. Cuando se utilizan los colores armónicos en una composición, el paso de un color a otro es sutil y sin contraste, por lo que el resultado es de agradable tranquilidad.
Imagen 4-9: Colores armónicos.
El Círculo Cromático El círculo cromático es la representación de todos los colores. En él vienen expresadas las combinaciones de color a partir de los tres colores primarios. El círculo cromático es la forma más práctica de organizar los colores. El círculo cromático que se muestra, representa los colores primarios, secundarios y terciarios. Hay círculos que muestran una gama de colores más amplia, simplemente representando los colores intermedios alrededor de la circunferencia. Imagen 4-7: Círculo cromático.
77
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
4-03
Diagramas de color
1. En un nuevo documento de Illustrator®, tamaño carta, modo de color RGB, realiza los siguientes diagramas: ¤¤ C olores Primarios ¤¤ Colores Secundarios ¤¤ Colores Terciarios En cada diagrama especifica el nombre del color y pon un título para identificar el diagrama. 2. En los Recursos Digitales se encuentra la aplicación CirculoCromatico.exe. Abre este programa y verás que hay un círculo cromático sin color. 3. Mueve los deslizadores que corresponden a los colores RGB para formar un color. Arrastra el color formado hacia alguna sección del círculo para que se pinte. Iguala en el programa el círculo que se muestra en la imagen “Circulo cromático.exe”. 4. Cuando hayas terminado, imprime tu trabajo en papel. 5. En el siguiente diagrama, anota los valores RGB que tuviste que utilizar para cada una de las secciones del círculo cromático. R=153 G=0 B=0 R=73 G=48 B=173 R=5 G=29 B=171
Imagen 4-10: Círculo Cromático.exe
R=245 G=0 B=51
R=255 R=254 R=73 G=0 G=92 G=48 B=0 B=51 B=137 R=5 R=254 G=29 G=255 B=171 B=51
R=2 G=48 B=197
R=10 G=188 B=0
R=254 G=92 B=51 R=254 G=171 B=51 R=254 G=255 B=51
R=10 G=188 B=0 R=0 G=184 B=190
78
R=255 G=0 B=0
R=9 G=216 B=0
Color
PROYECTO
4-01
Colores armónicos y complementarios
1. En un nuevo documento de Illustrator®, tamaño carta, modo de color RGB, crea 6 rectángulos de 10 cm. de ancho por 1 cm. de alto. Coloca los rectángulos uno sobre otro dejando un espacio entre ellos. Utiliza el panel de alineación para alinear sus márgenes y distribuirlos uniformemente en la mitad izquierda del documento. 2. Rellena cada uno de los rectángulos con un degradado que vaya de un color cualquiera a su color complementario (opuesto en el círculo cromático). Una forma de crear un relleno degradado es: a. Selecciona la figura. b. En el panel de herramientas, debajo de los selectores de color, elige el botón Gradient (Degradado). c. Abre el panel Gradient (Degradado). Este panel muestra los tipos, colores inicial y final del degradado. Selecciona el tipo para activarlo. Observa estos primeros pasos en la figura. d. En el panel de herramientas, haz doble clic en el selector de color de relleno para elegir el color inicial del degradado. e. De forma similar, haz clic en el deslizador del color final en el panel Gradient (Degradado) y enseguida doble clic en el selector de color de las herramientas para definir el color final. 3. Asegúrate que los colores inicial y final son complementarios. Utiliza diferentes colores complementarios para cada rectángulo. 4. Ahora crea otro conjunto de 6 rectángulos, alínealos y distribúyelos en la mitad derecha del documento. 5. Rellena este nuevo grupo de rectángulos con degradados, que vayan de un color cualquiera a otro cercano en el círculo cromático (colores armónicos). 6. Utiliza texto para identificar cada grupo de rectángulos y para escribir los nombres del color inicial y final en cada uno de ellos. 7. Guarda tu trabajo con el nombre Colores en la carpeta que indique tu profesor.
79
Diseño Vectorial Illustrator® CS5
ACTIVIDAD
4-04
Campaña publicitaria de un producto alimenticio
1. Organicen equipos de trabajo de 3 a 5 personas cada uno. Consigan imágenes relacionadas con publicidad de alimentos en revistas, periódicos e Internet. 2. Observen las estrategias adoptadas por los publicistas: tipo de eslogan, forma de atraer la atención del cliente, recursos gráficos o verbales utilizados para la creación de la campaña del producto. Elige alguno y anota algunas conclusiones: a. ¿Qué colores son predominantes?
b. ¿Qué clasificación de color predomina desde el punto de vista de la psicología del color?
c. ¿Qué sensaciones o emociones consideras que esa combinación de colores genera?
d. ¿A qué segmento de mercado (personas) está dirigida la publicidad que elegiste?
e. ¿Crees que la elección del color es importante para la publicidad? ¿Por qué?
f. ¿Cómo te imaginas que se eligen los colores para un empaque o anuncio publicitario?
3. Prepara una breve exposición de 5 minutos máximo, donde expliquen a los otros equipos lo que han logrado concluir y muestren el estudio realizado.
80
Color
ACTIVIDAD
4-05
Los modos de color
1. Explica qué es un Modo de color. Los modos de color son modelos que tratan de representar los colores de la naturaleza por ser visualizados en pantalla e impresión. 2. ¿Cuáles son los Modos de color de Illustrator®? a. rojo, amarillo y azul b. negro y blanco c. morado, rosa y rojo d. RGB, CMYK, Lab y grises e. ninguno de los anteriores 3. ¿Qué son los colores planos? Los colores planos son los que pueden imprimirse directamente con una tinta especial. 4. Con la ayuda de lápices de colores, ejemplifica gráficamente dos modos de color, representando cada uno de la forma que consideres adecuada. Puedes utilizar dibujos, esquemas, diagramas o lo que desees, mientras quede clara la idea de lo que es cada modo.
5. Crea un cuadro sinóptico o mapa mental donde representes las características y usos de cada modo de color. Modos de color Color Lab colores luminosos
Escala de grises monocromáticos tono continuo
Color RGB
Color CMYK
rojo, verde, azul
cyan,magenta,amarillo,negro
Imágenes en pantalla
Imágenes de impresión
combinación de luz
Absorción de luz por tintas
81
Diseño Vectorial Illustrator® CS5
Color (Panel de color) Recuerda que al dar doble clic sobre los Color Picker (Selectores de color) en el panel de herramientas, se abre el Color Picker (Selectores de color) desde donde puedes escoger el color con el que quieras pintar un gráfico. Puedes seleccionar un color estándar o un color directo, dependiendo del gráfico e impresión que vayas a necesitar. Por otro lado, con el panel de Color (Color) puedes colorear también los contornos y rellenos de las figuras seleccionadas. Este panel se puede mostrar con el menú Window/Color (Ventana/ Color). Permite directamente elegir un color de relleno o contorno de cuatro formas:
Imagen 4-11: Menú emergente del panel de color.
¤¤ Arrastrando los deslizadores de los componentes (RGB o CMYK). Los deslizadores también se llaman mezcladores de color. ¤¤ Introduciendo los valores para cada componente de color numéricamente. ¤¤ Haciendo clic sobre algún color del espectro disponible. ¤¤ Haciendo doble clic en los pequeños selectores de color de relleno y contorno contenidos en la misma paleta. El menú emergente del panel de color, permite elegir alguno de los modos de color disponibles. Además este menú tiene comandos para invertir o complementar el color actual y para agregar el color actual al panel Swatches (Muestras). Los colores de Spectrum (Espectro) que se muestran en el panel de color, dependen del modo de color en el que se encuentre predeterminado el panel. Los modos de color con los que la aplicación cuenta son: Grayscale (Escala de grises), RGB (Rojo, verde y azul), HSB (Se basa en la percepción humana del color) y Web Save RGB (Colores para web RGB).
82
Color
Swatches (Panel de Muestras) Las muestras son colores, matices, degradados y motivos que se han almacenado con un nombre para poder aplicarlos rápidamente. Las muestras asociadas con un documento aparecen en el panel Swatches (Muestras). Si no está visible el panel de Swatches (Muestras) ve a menú Window/Swatches (Ventana/ Muestras). Antes de aplicar una muestra a un objeto, primero selecciona si quieres afectar el contorno o el relleno. Imagen 4-12: Panel de muestras. Esto lo puedes hacer en los selectores de color del panel de herramientas, en el panel de color o en el panel de apariencia. Después simplemente elige la muestra que quieres aplicar. Para abrir una biblioteca de muestras específicas, selecciona el comando Open Swatch Library (Abrir biblioteca de muestras), en el menú emergente del panel de Swatches (Muestras). Hay muchas bibliotecas como PANTONE® (se utiliza para tintas de impresión), Trumatch® (proporciona equivalencias predecibles de color CMYK), FOCOLTONE® (proporciona 763 colores CMYK), DIC® (se utiliza para imprimir proyectos en Japón), TOYO® (proporciona más de 1000 colores basados en las tintas de impresión que se utilizan con más frecuencia en Japón) y colores Web.
Imagen 4-13: Bibliotecas.
Cuando se abre una biblioteca de muestras, aparece en un nuevo panel (puede estar agrupada con otra). En la biblioteca de muestras se seleccionan, ordenan y visualizan las muestras del mismo modo que en el panel Swatches (Muestras).
4-01 VIDEO
Panel de color
83
Diseño Vectorial Illustrator® CS5
¿Qué aprendiste? TEMA A: A conocer y comprender el concepto de color, su clasificación, psicología y su uso; así como a identificar los elementos que componen el panel y los diferentes modos de color.
EVALUACIÓN
04 Contesta las preguntas correctamente. 1. ¿Qué es el color y cómo se clasifica? Se llama color a la impresión sensorial que produce la luz sobre cualquier objeto y que es captada por el ojo. La luz reflejada produce una impresión sobre la retina. Dicha sensación se transmite al cerebro por medio del nervio óptico. El color se clasifica en colores primarios, secundarios y terciarios. 2. ¿Qué es el círculo cromático? El círculo cromático es la representación de todos los colores. En él vienen expresadas las combinaciones de color a partir de los 3 colores primarios. Es la forma más práctica de organizar los colores. 3. Menciona las características de los colores cálidos: Los colores cálidos proyectan hacia afuera y atraen la atención, son fuertes, agresivos y parecen vibrar dentro de su espacio. Se relacionan con el sol, fuego y calor. La intensidad de los colores cálidos provoca el aumento de la presión sanguínea y estimula el sistema nervioso. 4. ¿Cuál es la diferencia entre una tinta plana y una selección de color? •Tinta plana: Es una tinta especial. •Selección de color: Cuatricromía (CMYK), combinación de tintas.
84
Los paneles y cuadros de diálogo, permiten introducir valores numéricos en las casillas que modifican la apariencia del objeto o herramienta. También puedes realizar operaciones matemáticas sencillas en cualquier cuadro que acepte valores numéricos. Por ejemplo, si deseas mover un objeto 3 unidades hacia la derecha utilizando las unidades de medida actuales, simplemente escribe +3 después del valor actual en el panel Transformar.
Un id ad
Pa neles de A dobe ® I l lus trator ® Pa r te 2
05
NIVEL: Básico
DURACIÓN SUGERIDA: 9 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Aprender las herramientas de los paneles para lograr transparencias, modos de fusionar dibujos e imágenes, a utilizar las máscaras de opacidad, los degradados de transparencia y los buscatrazos, poniéndolos en práctica en diferentes ejercicios de la unidad. B Aplicar los conceptos aprendidos para la creación de un logotipo, utilizando las herramientas contenidas en esta unidad. C Conocer el concepto de transparencia al efectuar cambios en parámetros de los paneles y aplicar modos de fusión en composiciones. D Comparar las opciones del panel Pathfinder (Buscatrazos), con funciones matemáticas para crear figuras complejas con objetos simples E Comprender cada uno de los efectos que maneja Adobe® Illustrator® para saber cuándo aplicar cada uno según el trabajo que se esté realizando.
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 tema
A Más paneles Stroke (Panel Trazo) Los atributos de trazo se pueden utilizar solamente cuando se dibujan objetos. Los atributos del panel de Stroke (Trazo) determinan si una línea es continua o punteada, así como el estilo de la línea punteada, el grosor de la línea, el ángulo mínimo y el estilo de las líneas y sus remates. Utiliza el panel Stroke (Trazo) para optimizar los atributos de las líneas: Weight (Anchura o grosor), la forma en que se unen las líneas Join (Unir), Miter Limit (Rematan) y si el trazo es continuo o Dashed Line (Punteado). Para ajustar el trazo sigue estos pasos: 1. Utiliza cualquier herramienta de selección para elegir el objeto cuyos atributos de trazo deseas modificar. 2. Muestra el panel Stroke (Trazo) desde el menú Window/Stroke (Ventana/Trazo).
Grosor Remates Línea punteada Puntas de flecha
3. Para especificar el grosor del Perfil de la contorno, introduce un valor en línea el campo de Weight (Grosor) o Imagen 5-1: Panel de Trazo. selecciona un valor en el panel de control. Puedes introducir los valores en pulgadas (in), milímetros (mm), centímetros (cm) o picas (pi). La anchura de la línea determina el grosor del trazo en puntos. 4. Modifica cualquiera de las opciones del panel: ¤¤ Cap (Remate): Puede cambiar la forma en que finalizan los vectores que no están cerrados. ¤¤ Butt Cap (Remate extremo): Hace las líneas con extremos cuadrados. ¤¤ Round Cap (Remate redondeado): Hace las líneas con extremos en semicírculo. ¤¤ Projecting Cap (Remate proyectado): Hace líneas con extremos cuadrados que se extienden más allá del extremo de la figura, con la mitad del grosor. ¤¤ Corner (Esquinas): Cuando se tienen vectores rectos se pueden modificar a redondos. ¤¤ Miter Join (Remate angulado): Se debe introducir un ángulo mínimo comprendido entre 1 y 500. Este ángulo controla los remates. ¤¤ Round Join (Remate redondeado): Hace las esquinas redondeadas. ¤¤ Bevel Join (Remate biselado): Hace las líneas con extremos en relieve.
86
Paneles de Adobe Illustrator Parte 2
¤¤ Align Stroke (Trazo alineado): Con esta herramienta se puede decidir en dónde se alineará el borde del trazo, si al centro del vector, afuera o adentro. ¤¤ Dashed Line (Línea Punteada): Se pueden hacer líneas con aspecto de costura, que se puede modificar por 3 aspectos distintos: ¤¤ Las 2 opciones del lado derecho permiten elegir si la línea conserva la misma longitud en cada segmento punteado o si algunos segmentos son más cortos que otros. ¤¤ Dash (Longitud de línea): Determina la longitud de la línea. ¤¤ Gap (Espacio): Determina el espacio entra cada segmento de línea. En el panel de trazo se ha mejorado la opción de líneas discontinuas que de manera simétrica se ajustan en las esquinas así como en los extremos de los trazos abiertos ¤¤ Arrowheads (Puntas de flecha): Se puede elegir un adorno para el inicio y fin de una línea por separado estableciendo su escala, dirección y alineación respecto a los bordes de la línea, ya sea que estén dentro del tamaño del trazado o sean extensión del mismo. Las puntas de flecha son más precisas y se puede bloquear la punta o la base de la punta de flecha en el punto final del trazado. Se puede redimensionar la punta y el extremo de las puntas de flecha de forma independiente mediante la opción escala. Para vincular el inicio y el fin de la escala de las puntas de flecha, haz clic en el icono enlazar escalas de punta de flecha de inicio y fin, situado junto a la opción escala. ¤¤ Profile (Perfil): Determina diferentes anchos (formas) de la línea, también puede reflejarse de manera horizontal o vertical. Ahora podemos mejorar los trazos con las herramientas que nos proporciona Adobe® Illustrator® CS5, por ejemplo el trazo de anchura variable que puede ajustar la anchura del trazo en varios puntos alrededor del mismo, es muy útil en el momento de realizar el contorno de un rostro. La anchura se puede dar de manera simétrica o bien a lo largo de un sólo lado del trazo, también se pueden crear y guardar perfiles de anchura personalizados para aplicarlos a cualquier trazo. También en esta versión de Illustrator® ahora se mejora la unión de los trazados al pulsar una sola tecla, y se puede realizar la unión de las esquinas de manera suave. Para unir dos o más trazados abiertos tomamos la herramienta Direct Selection Tool (Selección Directa), para seleccionar los trazados abiertos ir a Object/Path/Join (Objeto /Trazado/Unir). También puedes usar el método abreviado de teclado .
5-01 VIDEO
Panel de Trazo
87
Diseño Vectorial Illustrator® CS5
Brushes (Panel de Pinceles) El panel de Brushes (Pinceles) de Adobe ® Illustrator® contiene cinco tipos de pinceles (caligráficos, de dispersión, de arte, de motivo y de cerda) que se utilizan para añadir un efecto artístico a los trazados. Para visualizar el panel de Brushes (Pinceles) ve al menú Window/Brushes (Ventana/Pinceles). Utilizando los cinco tipos de pinceles puedes obtener los siguientes efectos:
Imagen 5-2: Panel de Pinceles.
¤¤ Los pinceles caligráficos crean trazos similares a los que se obtienen con una pluma caligráfica, dibujados a lo largo del centro del trazado. ¤¤ Los pinceles de dispersión extienden copias de un objeto a lo largo del trazado. ¤¤ Los pinceles de arte estiran un objeto o una ilustración proporcionalmente a lo largo del trazado. ¤¤ Los pinceles de motivo dibujan con un símbolo predefinido, formado por mosaicos individuales que se repiten a lo largo del trazado. ¤¤ Los pinceles de cerdas son los nuevos pinceles de Adobe® Illustrator® CS5 con los cuales se crean trazos con el aspecto natural de las cerdas de un pincel, se puede pintar con vectores que se asemejan a los trazos de un pincel real así como definir las características de las cerdas, como el tamaño, la longitud, el grosor, la densidad y la rigidez, además de la densidad de la forma del pincel y la opacidad de la pintura. Ahora también en Adobe® Illustrator® CS5 se puede definir la escala de los pinceles de arte y de motivo en un trazado, así como elegir áreas del trazo de pincel para que su tamaño se cambie de forma proporcional y los trazos que forman ángulos (esquinas) se rellenen correctamente.
5-02 VIDEO
Panel de Pinceles
Gradient (Panel de Degradado) En el panel Gradient (Degradado) es posible elegir entre degradados radiales y lineales, así como especificar el ángulo del degradado y la ubicación de los colores. Si el panel Gradient (Degradado) no está visible, ve a menú Window/Gradient (Ventana/Degradado). El panel no tiene mezcladores para determinar de forma manual los puntos inicial y final de un degradado, es necesario elegirlos manualmente. Los colores del degradado se definen con una serie de puntos en el regulador de degradado (un mínimo de dos). Un punto, es el lugar en
88
Paneles de Adobe Illustrator Parte 2
que un degradado pasa de un color al siguiente y se identifica con un cuadrado situado bajo el regulador de degradado. Para cambiar el color de un punto del degradado, selecciónalo y utiliza el panel Color (Color) o los selectores de color del panel de herramientas. Otra forma de cambiar el color de un punto del degradado es arrastrar hasta ese punto un color del panel Swatches (Muestras). Los puntos de degradado muestran el color asignado a cada fase del degradado. Con un degradado radial, el punto de degradado situado más a la izquierda, define el relleno del color del área central, que inicia un degradado de forma radial hasta llegar al color del punto de degradado del extremo derecho. Después de crear o modificar un degradado, es posible guardarlo como muestra haciendo clic en el botón New Swatch (Nueva muestra) del panel Swatches (Muestras). Otra opción es arrastrar el degradado desde el cuadro de herramientas o el panel Gradient (Degradado) hasta el panel Swatches (Muestras). En este panel también se puede cambiar el degradado de izquierda a derecha y viceversa, determinar el ángulo del degradado, el aspecto del radio si es que el degradado es radial y dar opacidad en el color del punto de degradado.
Imagen 5-3: Panel de Degradado.
5-03 VIDEO
Panel de Degradado
PROYECTO
5-01
Papelería de Identificación personal
1. Inicia un nuevo documento de Illustrator® basado en una plantilla. Para ello debes elegir la opción New from Template (Nuevo desde Plantilla) al momento de cerrar el documento. La plantilla que debes buscar es Tarjetas30.ait y se encuentra en los Recursos Digitales. Esta plantilla servirá para crear una tarjeta de presentación en formato horizontal. 2. Abre la biblioteca de brochas de decoración dispersa. Para ello usa el menú Window/Brush Libraries/Decorative_Scatter (Ventana/Biblioteca de pinceles/Decoración dispersa). Esta biblioteca estará disponible en el panel Brushes (Pinceles).
89
Diseño Vectorial Illustrator® CS5
3. Las brochas de la biblioteca son aplicadas a un trazo creado por las herramientas de pluma, lápiz, segmento de línea o brocha. Empieza dibujando una línea sin relleno a lo largo del espacio de la tarjeta de presentación. Luego ve al panel Brushes (Pinceles) y selecciona la que más te agrade. 4. Puedes cambiar el tamaño, espaciado, esparcimiento y rotación de cada elemento individualmente. Selecciona el trazo o segmento de línea que dibujaste y da doble clic en la brocha de tu elección, directamente en el panel Brushes (Pinceles). Prueba los valores que den el mejor efecto. 5. Selecciona la herramienta de Text Tool (Texto) del panel de herramientas e introduce tus datos: nombre de una empresa, tu nombre completo, cargo u ocupación, dirección, teléfono, correo electrónico, página web, facebook y twitter. Recuerda que puedes modificar los atributos del texto desde el panel de control. 6. Para agregar iconos o logotipos a tu tarjeta, los puedes descargar de Internet y vectorizarlos con la herramienta Pen (Pluma) en Illustrator®. Acomódalos de tal manera que queden en armonía con los demás elementos. 7. Los elementos de la brocha en muchas ocasiones se salen del área de trabajo, por lo que es recomendable que hagas una máscara de recorte al proyecto final, para que no tenga mal aspecto. Guarda el trabajo terminado con el nombre Papelería_1 en la carpeta que indique tu profesor. 8. Cuando esté terminada tu tarjeta de presentación, crea los siguientes elementos de papelería personalizada. Para cada uno hay una plantilla que debes tomar como base. Cuida de mantener uniformidad en toda la papelería usando los mismos colores, brochas y diseños. 9. Crea máscaras de recorte para cada objeto. Guarda los documentos con nombres consecutivos (Papelería_2, Papelería_3, etcétera). Elemento
90
Nombre de la plantilla
Tarjeta de presentación vertical
tarjetas02.ait
Exterior de caja para CD (Posterior)
cd charola ext.ait
Interior de caja para CD
cd charola int.ait
Frente de caja para CD
cd panel frontal.ait
CD
etiqueta de cd.ait
Folder con un sobre interno
folder01.ait
Folder con 2 sobres internos
folder02.ait
Sobre
sobre-mini.ait
Paneles de Adobe Illustrator Parte 2
ACTIVIDAD
5-01
Identificando paneles
Relaciona los paneles de Adobe® Illustrator® que estudiamos anteriormente, con la función que le corresponde. Paneles
Funciones Contiene cinco tipos de pinceles (caligráficos, de dispersión, de arte, de motivo y de cerdas) que se utilizan para añadir un efecto artístico a los trazados. Almacena conjuntos de colores, matices, degradados y motivos para poder aplicarlos rápidamente.
Ayuda a determinar si una línea es continua o punteada, el grosor de la línea, el ángulo mínimo, el estilo de las líneas y sus remates.
Permite directamente elegir un color de relleno o contorno de cuatro formas diferentes.
Es posible elegir entre radiales y lineales, así como especificar el ángulo y la ubicación de los colores.
91
Diseño Vectorial Illustrator® CS5 tema
B Logotipos El logotipo es un elemento de comunicación visual que tiene como misión facilitar el recuerdo de una marca, imagen o elemento gráfico. En sus orígenes, el logotipo surge de la necesidad de identificar a los productos producidos en serie y actualmente se utiliza ampliamente como identificación de empresas, productos, servicios, artistas y hasta personas.
5-01 LÁMINA
Logotipos
ACTIVIDAD
5-02
Analizando logotipos
1. Observa con atención y analiza los logotipos de la Lámina Lógotipos 2. Organiza una mesa redonda o discusión para comentar en grupo acerca de cada uno de los logotipos. ¿Qué será lo que los hace fáciles de recordar? ¿En qué década habrán sido diseñados? ¿Han tenido cambios significativos con el paso del tiempo? ¿Crees que representan los valores de una marca? ¿Qué valores? ¿Qué precios? ¿A qué personas están dirigidos? 3. En Internet, usando algún motor de búsqueda (Google, Yahoo, Altavista, Terra o cualquier otro), encuentra anuncios, logotipos o cualquier tipo de imagen de marcas reconocidas como: Grupo Educare, Gatorade, Microsoft Office, Mont Blanc, Palm, etc. 4. Usando Illustrator®, pega las imágenes en un documento, organízalas y etiquétalas. Utiliza máscaras de recorte para delimitarlas en diferentes capas. 5. Elige 3 de las marcas y contesta las siguientes preguntas: Marca 1: a. Analizando exclusivamente la imagen y sin tomar en cuenta ningún otro conocimiento que tengas de la marca ¿A quién crees que va dirigida (niños, niñas, jóvenes, adultos, ancianos)? ¿Por qué?
92
Paneles de Adobe Illustrator Parte 2
b. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
c. ¿Cómo mejorarías la imagen de esta marca?
Marca 2: d. Analizando exclusivamente la imagen y sin tomar en cuenta ningún otro conocimiento que tengas de la marca ¿A quién crees que va dirigida (niños, niñas, jóvenes, adultos, ancianos)? ¿Por qué?
e. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
f. ¿Cómo mejorarías la imagen de esta marca?
Marca 3: g. Analizando exclusivamente la imagen y sin tomar en cuenta ningún otro conocimiento que tengas de la marca ¿A quién crees que va dirigida (niños, niñas, jóvenes, adultos, ancianos)? ¿Por qué?
h. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
i. ¿Cómo mejorarías la imagen de esta marca?
93
Diseño Vectorial Illustrator® CS5
PROYECTO
5-02
Creando un logotipo
1. Crea en una hoja en blanco dos o tres ideas para un posible logotipo que te represente. Puedes utilizar cualquier elemento de diseño excepto fotografías. Tu logo personal debe tener una razón teorizable; esto quiere decir, debe tener un “por qué” y un “para quién”. No olvides que un logo te diferencia e identifica de los demás.
2. Inicia un nuevo documento de Illustrator® en tamaño carta, en modo CMYK y comienza a trazar tu logotipo. 3. Comienza a trazar tu logotipo. Considera algunos de estos aspectos: ¤¤ Las orillas filosas indican tensión, fuerza o formalidad. Las orillas suaves muestran fluidez, casualidad o más naturalidad. ¤¤ El cuadrado denota estabilidad, igualdad y honestidad. El triángulo sugiere tensión, conflicto o acción. ¤¤ Puedes dibujar un logo complejo a partir de círculos, cuadrados o triángulos. Los puedes agrupar para obtener interesantes motivos. Alternando dirección de color o interponiendo un motivo con una forma básica alineada o sin alinear, agrega ideas abstractas. 4. Dale color a tu logo tomando en cuenta todo lo que has aprendido acerca de lo que los colores representan y cómo combinarlos. Puedes utilizar los colores sólidos o degradados para darle volumen y mayor presencia. No te excedas en los degradados, ya que un logo se caracteriza por su fácil comprensión y retención, tanto en su forma como en su color. 5. Una vez terminado el logotipo, crea una tarjeta de presentación para ver cómo se ve aplicado en un documento real. Si lo deseas, puedes usar alguna de las plantillas de los Recursos Digitales o bien iniciar un nuevo documento de 9 x 5 cm. para crear la tarjeta. Incluye en la tarjeta tu nombre y datos personales. 6. Guarda la tarjeta de presentación y logotipo en la carpeta de costumbre.
94
Paneles de Adobe Illustrator Parte 2
tema
C Transparencias Transparency (Panel de Transparencia) Adobe® Illustrator® te permite aplicar efectos de transparencia a los objetos, como fusiones y difuminados, sombras paralelas suaves y bordes borrosos. Además, puedes cambiar la opacidad de un objeto, es decir, el grado en que es visible o no. Una opacidad del 100% hace que el objeto se vea completamente sólido, al 50% se convierte en semitransparente y se vuelve transparente si llega al 1% de opacidad. Si el panel de Transparency (Transparencia) no se encuentra visible, ve al menú Window/ Transparency (Ventana/Transparencia).
Imagen 5-4: Panel de Transparencia.
Máscara de opacidad En el panel Transparency (Transparencia) también es posible agregar una máscara de opacidad. ¿Recuerdas lo que es una máscara? Ya estudiamos antes que las máscaras de recorte son objetos que se colocan sobre las imágenes para mostrar u ocultar diferentes zonas. La máscara de opacidad es un objeto en escala de grises (tonos de blanco a negro) que muestra lo que se pinta con blanco y oculta lo que se pinta con negro. En todos los tonos intermedios de la gama de grises, la máscara actúa como niveles de transparencia. La máscara de opacidad nos permite aclarar zonas de la imagen, fusionando de manera muy suave los elementos. Son muy útiles para lograr efectos detallados. Recuerda que cuando se usan máscaras (ya sea de recorte o de opacidad), no se modifican ni eliminan los objetos de la imagen, sólo se ocultan. De esta manera, puedes trabajar en la máscara las veces que sea necesario para mostrar u ocultar diferentes zonas en el futuro.
5-04 VIDEO
Panel de transparencia y máscara de opacidad
95
Diseño Vectorial Illustrator® CS5
PROYECTO
5-03
Degradado transparente
1. Crea un documento nuevo con las siguientes propiedades: ¤¤ ¤¤ ¤¤ ¤¤
Size (Tamaño): Letter (Carta) Units (Unidades): Centimeters (Centímetros) Orientation (Orientación): Horizontal Color Mode (Modo de color): CMYK Color
2. Crea un círculo de 7 x 7 cm. Colorea el círculo con un relleno sólido de cualquier color brillante. 3. Presiona simultáneamente la combinación de teclas , para poner transparente el fondo de la aplicación. El fondo se verá como una cuadrícula gris y blanca, indicando que es transparente. 4. Selecciona el círculo y localiza el panel Transparency (Transparencia). Si no está visible ve al menú Window/Transparency (Ventana/Transparencia). 5. En el panel Transparency (Transparencia), abre el menú emergente con el botón de la esquina superior derecha. Elige la opción Make Opacity Mask (Crear máscara de opacidad). 6. En el panel Transparency (Transparencia), selecciona el recuadro que corresponde a la máscara. Revisa también que la opción Clip esté activa y la opción Invert Mask (Invertir máscara) inactiva.
Imagen 5-5: Crear una máscara de opacidad.
7. Cambia a color blanco los dos selectores de color del panel de herramientas. 8. Crea un cuadrado de 8 x 8 cm. El círculo se vuelve a ver. Si no lo ves completo, mueve el cuadrado hasta que aparezca. Este cuadrado es una figura creada sobre la máscara que tapa al círculo original. 9. Seleccionado el cuadrado, ve al panel Swatches (Muestras), si no está visible ve al menú Window/Swatches (Ventana/Muestras). Elige el degradado blanco a negro (White, Black). Puedes ver que el círculo adquiere el degradado, pero en niveles de transparencia.
96
Paneles de Adobe Illustrator Parte 2
10. Ve al panel Gradient (Degradado). Puedes visualizarla desde el menú Window/Gradient (Ventana/Degradado). Ajusta el degradado con estos parámetros: ¤¤ Type (Tipo): Linear (Lineal) ¤¤ Angle (Ángulo): 50º ¤¤ Location (Localización): 50% 11. Ve nuevamente al panel Transparency (Transparencia), selecciona el recuadro que corresponde a la figura (círculo) y cámbiale el color desde los selectores de color.
Imagen 5-6: Panel transparencia.
12. De forma similar en una nueva capa crea una estrella y aplícale una máscara de opacidad. Aplica un degradado a la máscara para crear un efecto similar al del círculo. 13. Regresa al fondo estándar con las teclas y guarda el archivo con el nombre Opacidad en la carpeta que indique el profesor.
PROYECTO
5-04
Degradado transparente en fotografías
1. En un nuevo documento de Illustrator® coloca la imagen Ola.tif que se encuentra en los Recursos Digitales. 2. Toma la herramienta de Elipse (Elipse) y dibuja una forma que abarque casi toda la fotografía. 3. Aplica a la elipse un degradado radial de blanco a negro. 4. Selecciona los dos objetos. Ve al panel de Transparency (Transparencia) y crea una Make Opacity Mask (Máscara de opacidad). Obtendrás una elipse que contiene a la fotografía, con un degradado transparente.
Imagen 5-7: Ejemplo de máscara con degradado
Imagen 5-8: Panel de transparencia
97
Diseño Vectorial Illustrator® CS5
5. Puedes editar la máscara (elipse) y el objeto (fotografía), seleccionando el recuadro de la máscara en el panel de Transparency (Transparencia). 6. Modifica los parámetros del degradado. Prueba con un degradado lineal o intenta agregar más puntos al degradado.De forma similar en una nueva capa, vuelve a colocar la fotografía original y aplícale una máscara de opacidad con forma de estrella, con un degradado radial de transparencia. 7. Guarda la imagen con el nombre Opacidad en la carpeta que te indique tu profesor.
Blending Modes (Modos de fusión) Cuando un objeto semitransparente se superpone a otro, el efecto resultante dependerá del Blending Mode (modo de fusión) que se elija en la paleta de Transparencia. Los modos de fusión están organizados por bloques: a. Normal (Normal): es el modo que consiste en aplicar el color de relleno seleccionado en la paleta de herramientas. b. Prevalecen los colores oscuros: ¤¤ Darken (Oscurecer) ¤¤ Multiply (Multiplicar) ¤¤ Color Burn (Superponer) c. Sobresalen los colores claros: ¤¤ Lighten (Aclarar) ¤¤ Screen (Trama) ¤¤ Color Dodge (Sobreexponer Color) d. Se mantienen los colores claros y obscuros, transformando colores grises en transparentes: ¤¤ Overlay (Superponer) ¤¤ Soft Light (Luz Suave) ¤¤ Hard Light (Luz Intensa)
5-02 LÁMINA
98
Blending Modes (Modos de fusión)
Paneles de Adobe Illustrator Parte 2
e. Los cambios gravitan en torno al color base: ¤¤ Difference (Diferencia) ¤¤ Exclusión (Exclusion) f. Los cambios son dependientes del nivel de luminancia: ¤¤ ¤¤ ¤¤ ¤¤
Hue (Tono) Saturation (Saturación) Color (Parada) Luminosity (Luminosidad)
5-05 VIDEO
Blending Modes (Modos de fusión)
PROYECTO
5-05
Conociendo los modos de fusión
1. Abre en Illustrator® la fotografía Foto que se encuentra en los Recursos Digitales. 2. Selecciona la herramienta Rectangle (Rectángulo) y dibuja una forma sobre la fotografía cubriéndola toda. Cambia el color del rectángulo a # BE7C2A, dando doble clic en el selector de color de relleno y utilizando el Color Picker (Selector de color). 3. Selecciona el rectángulo y ve al panel Transparency (Transparencia) y elige el primer Blending Mode (Modo de fusión). Utiliza la herramienta de texto para etiquetar encima de la fotografía el nombre del modo que has utilizado. 4. Ahora utiliza el panel de Layers (Capas) para duplicar la capa actual. Mueve el contenido de la copia (fotografía y rectángulo) para que no se empalme con el anterior. 5. Selecciona el rectángulo copia y usa el panel de transparencia para elegir el segundo modo de fusión. Etiquétalo. Repite sucesivamente para tener una muestra de cada uno de los modos de fusión. 6. Organiza todos los objetos en el documento, como un muestrario de modos de fusión. Utiliza el panel alineación para ordenar y distribuir los objetos para una máxima calidad en la presentación y guarda tu archivo con el nombre Modos en la carpeta de costumbre.
99
Diseño Vectorial Illustrator® CS5 tema
D Pathfinder (Buzcatrazos) El panel Pathfinder (Buscatrazos) sirve para combinar dos o más figuras con el fin de obtener nuevas formas y objetos. Al crear una forma compuesta, puedes incluir trazos, trazos compuestos, grupos y otras formas simples. También puedes utilizar fusiones, texto, envolventes y deformaciones. Todos estos elementos siguen siendo editables. Para abrir el panel Pathfinder (Buscatrazos) ve al menú Window/Pathfinder (Ventana/Buscatrazos).
Imagen 5-9: Panel Buscatrazos
Las formas resultantes varían en función del método utilizado para combinar los trazados. Estos son los métodos de intersección que se encuentran dentro del panel Pathfinder (Buscatrazos): ¤¤ Add to shape areas (Añadir áreas a la forma): Define el contorno de todas las figuras como si fueran un único objeto combinado.
¤¤ Substract from Shape Area (Restar): Resta los objetos situados al frente del elemento situado al fondo.
¤¤ Intersect Shape Areas (Intersectar áreas): Define el contorno del área con la que se superponen los objetos.
¤¤ Exclude Overlapping Shape Areas (Excluir áreas de formas solapadas): Define las áreas de los objetos que no se superponen y convierte en transparentes las áreas que se superponen.
100
Paneles de Adobe Illustrator Parte 2
¤¤ Divide (Dividir): Divide una parte de la ilustración.
¤¤ Trim (Cortar): Elimina la parte oculta de un objeto. Elimina los trazados y no combina objetos de igual color.
¤¤ Merge (Combinar): Elimina la parte oculta del objeto. Suprime los trazados y combina cualquier objeto añadido o superpuesto que contenga el mismo color.
¤¤ Crop (Recortar): Divide una ilustración y elimina las partes de ésta que queden fuera de sus límites.
¤¤ Outline (Contornear): Divide un objeto en los segmentos de línea o bordes que lo componen.
¤¤ Minus Back (Menos fondo): Resta los objetos situados al fondo del elemento situado al frente.
5-06 VIDEO
Pathfinder (Panel buscatrazos)
101
Diseño Vectorial Illustrator® CS5
PROYECTO
5-06
Combinación de objetos para crear formas compuestas
1. Abre el programa de Illustrator® y crea un New Document (Documento nuevo) de 9 x 9 cm. en modo de color CMYK. 2. Selecciona las herramientas de figuras simples y dibuja cuatro objetos diferentes superpuestos. Dales a los objetos un color de relleno y un color de contorno. 3. Ve al panel de Pathfinder (Buscatrazos) Si no está visible en el espacio de trabajo usa el menú Window/Pathfinder (Ventana/Buscatrazos). 4. Selecciona todos los objetos con la combinación de teclas . Después, dentro del panel Pathfinder (Buscatrazos) da clic en la opción Add to Shape Area (Añadir áreas a la forma). Haz un clic en cualquier lugar del documento fuera de la figura, para ver el resultado. 5. Con la herramienta Direct Selection (Selección directa), selecciona un objeto de la forma compuesta. Arrastra el objeto para cambiarlo de sitio. Para cambiar la forma del objeto, arrastra un punto de ancla. 6. Con la herramienta Direct Selection (Selección directa), selecciona uno de los objetos de la forma compuesta. En el panel Pathfinder (Buscatrazos) haz clic en el botón Exclude Overlapping Shape Areas (Excluir áreas de formas solapadas). Las áreas superpuestas se volverán transparentes o visibles. 7. Aplica a la figura compuesta un degradado de azul oscuro a azul claro de tipo lineal. El degradado se aplica a toda la figura. 8. Aplica un contorno de color azul oscuro. 9. Con la forma seleccionada, aplica un efecto de sombra paralela desde el menú Effect/ Stylize/Drop shadow (Efecto/Estilizar/Sombra). 10. En una nueva capa, crea un duplicado de la figura. Selecciona este duplicado. 11. En el panel Pathfinder (Buscatrazos) abre el menú emergente dando clic sobre la pequeña flecha de la esquina superior derecha. Elige del menú el comand Release Compound Shape (Soltar forma compuesta). 12. Guarda el archivo como te lo indique tu profesor.
102
Paneles de Adobe Illustrator Parte 2
tema
E Effects (Efectos) Muchos comandos que te permiten cambiar el aspecto de los objetos están disponibles en el menú Effect (Efecto). Cada efecto da resultados distintos, así que es importante que identifiques cuándo se recomienda usar cada uno de ellos. Para aplicar un efecto, simplemente selecciona el objeto y da clic en el efecto que deseas, algunos efectos abren la galería de efectos y otros cuentan con un cuadro de diálogo independiente para su configuración. Los efectos son interactivos e independientes, lo que significa que se puede aplicar un efecto a un objeto sin alterarlo. Después de haber aplicado un efecto a un objeto, el panel Appearance (Apariencia) lo muestra en una lista que te permite editarlo, moverlo, duplicarlo, eliminarlo o guardarlo como parte de un estilo gráfico.
Ajustes de los efectos de rastrillado Cuando aplicas algunos efectos de rastrillado o rasterizado como Blur (Desenfocar) o Sketch (Bosquejar), Adobe® Illustrator® utiliza los ajustes de los efectos del documento para determinar la resolución de la imagen resultante. Estos ajustes afectan en gran medida a la ilustración resultante, así que es importante comprobarlos antes de empezar a trabajar con filtros y efectos y a la hora de exportar o imprimir el archivo. Para verificar los ajustes, selecciona menú Effect/ Rasterize (Efecto/Ajustes de efectos de rastrillado de documento) y define las opciones del cuadro de díalogo Rasterize (Rastrillado) y haz clic en Ok al terminar: ¤¤ Color Mode (Modelo de color): determina el modelo de color utilizado durante el rastrillado. Puede crear una imagen en color RGB o CMYK (dependiendo del modo de color del documento), una imagen de escala de grises o una imagen de 1 bit (que puede ser en blanco y negro o negro y transparente, según la opción de fondo seleccionada). ¤¤ Resolution (Resolución): determina el número de píxeles por pulgada (dpi) de la imagen rastrillada. ¤¤ Background (Fondo): determina la conversión en píxeles de las áreas transparentes de un gráfico vectorial. Si seleccionas White (Blanco) se llenan de blanco los píxeles en las áreas transparentes o selecciona Transparent (Transparente), para que el fondo sea un canal alfa. ¤¤ Anti-aliasing (Suavisar): se aplica un suavizado para reducir la apariencia de bordes dentados en la imagen rastrillada. Puedes omitir la opción para mantener la nitidez de las líneas finas y texto pequeño. ¤¤ Create Clipping Mask (Crear máscara de corte): crea una máscara que convierte en transparente el fondo de la imagen rastrillada o rasterizada. ¤¤ Add Around Object (Añadir alrededor del objeto): añade un número específico de píxeles alrededor de la imagen rastrillada.
5-07 VIDEO
Ajustes de los efectos de rastrillado
103
Diseño Vectorial Illustrator® CS5
Artistic (Artísticos) Estos efectos logran una sensación pictórica dentro de proyectos artísticos y comerciales que incluyen: ¤¤ Colored Pencil (Lápiz de color): Dibuja una imagen utilizando lápices de colores sobre un fondo sólido. ¤¤ Cutout (Cuarteado): Pinta una imagen como si estuviera hecha de trozos de papel de colores toscamente recortados. Las imágenes de alto contraste aparecen como siluetas, mientras que las imágenes de colores se crean a partir de varias capas de papel de colores. ¤¤ Dry Brush (Pincel Seco): Pinta los bordes de la imagen utilizando una técnica de pincel seco (entre óleo y acuarela). ¤¤ Film Grain (Película granulada): Aplica un motivo a los tonos y medios tonos de sombra de una imagen. A las áreas más claras de la imagen se les añade un motivo más suave y saturado. ¤¤ Fresco (Fresco): Pinta una imagen utilizando brochazos cortos, redondos y aplicados rápidamente. ¤¤ Neon Glow (Luz de neón): Añade varios tipos de resplandores a los objetos de una imagen. ¤¤ Paint Daubs (Manchas): Te permite seleccionar entre varios tamaños y tipos de pincel para lograr un efecto pictórico. ¤¤ Palette Knife (Espátula): Reduce los detalles de una imagen para dar la impresión de un lienzo ligeramente pintado que revela la textura que hay debajo. ¤¤ Plastic Wrap (Plastificado): Cubre a la imagen de plástico brillante acentuando los detalles de la superficie. ¤¤ Poster Edges (Bordes añadidos): Reduce el número de colores de una imagen de acuerdo con la opción de poster definida. Busca los bordes de la imagen y dibuja líneas negras sobre ellos. ¤¤ Rough Pastels (Trazos de pastel): Produce el efecto de imagen dibujada con gises de colores pastel sobre un fondo texturizado. En las áreas más claras, el gis aparece grueso y con poca textura; en las áreas oscuras el gis aparece difuminado y da sensación de textura.
104
Paneles de Adobe Illustrator Parte 2
¤¤ Smudge Stick (Barra para manchar): Suaviza una imagen utilizando trazos diagonales cortos para manchar las áreas más oscuras volviéndolas más brillantes, mientras que las áreas claras pierden detalle. ¤¤ Sponge (Esponja): Crea imágenes con áreas texturizadas con colores que contrastan entre sí y parecen haberse pintado con esponja. ¤¤ Underpainting (Pintar debajo): Pinta la imagen sobre un fondo texturizado y luego pinta la imagen final sobre ella. ¤¤ Watercolor (Color diluido): Pinta la imagen en estilo acuarela, simplificando los detalles, utilizando un pincel mediano cargado de agua y color. El filtro satura el color.
Blur (Desenfocar) Son útiles para retocar imágenes. Suavizan las transiciones de las líneas definidas y las áreas sombreadas de una imagen. ¤¤ Gaussian Blur (Desenfoque gaussiano): desenfoca rápidamente una selección mediante una cantidad ajustable. Produce un efecto brumoso. ¤¤ Radial Blur (Desenfoque radial): simula una cámara fotográfica fuera de foco, para producir un desenfoque suave. Puedes seleccionar Spin (Giro), para desenfocar a lo largo de líneas circulares concéntricas o bien puedes seleccionar Zoom, para desenfocar a lo largo de líneas radiales, como si se estuviera aumentando o reduciendo la imagen. ¤¤ Smart Blur (Desenfoque Inteligente): da resultados muy rápidos, suavizados y granulados.
Brush Stroke (Trazos de pincel) Dan un aspecto pictórico artístico mediante el uso de diferentes efectos de pincel y tinta. Algunos de los filtros añaden granulado, pintura, detalles de borde o textura a una imagen para lograr un efecto de puntillismo. ¤¤ Accented Edges (Bordes acentuados): acentúa los bordes de una imagen. Cuando el brillo de los bordes tiene un color muy fuerte, las áreas parecen gis blanco, cuando el color es muy claro las áreas parecen tinta negra. ¤¤ Angled Strokes (Trazos con efecto de ángulos): vuelve a pintar una imagen utilizando trazos diagonales.
105
Diseño Vectorial Illustrator® CS5
¤¤ Crosshatch (Sombreado): preserva los detalles y las características de la imagen original, añadiendo textura y difuminando a los bordes de las áreas coloreadas de la imagen, con sombreado de lápiz simulado. ¤¤ Dark Strokes (Trazos oscuros): pinta las áreas oscuras de una imagen casi de negro, con trazos cortos y muy estrechos y las áreas claras con trazos blancos, largos y extendidos. ¤¤ Ink Outlines (Contorno con tinta): redibuja una imagen con líneas finas sobre los detalles originales en forma de plumilla. ¤¤ Spatter (Salpicaduras): imita el efecto del aerógrafo. ¤¤ Sprayed Strokes (Trazos con spray): vuelve a pintar una imagen utilizando los colores dominantes, con trazos de color rociados y angulares. ¤¤ Sumi-e (Sumi-e): pinta una imagen en estilo japonés, con un pincel mojado lleno de tinta negra en papel arroz. Este efecto produce bordes borrosos y suaves en negro.
Distort (Distorsión) Modifican una imagen geométricamente, creando efectos tridimensionales o de cambio de forma. Debes saber que estos filtros utilizan mucha memoria RAM. ¤¤ Diffuse Glow (Luz difusa): reproduce una imagen como si se estuviera viendo a través de un filtro de difusión suave. El filtro añade un tono blanco transparente a la imagen, con lo que el color se va perdiendo gradualmente desde el centro. ¤¤ Glass (Cristal): produce el efecto de ver una imagen a través de diferentes tipos de cristales. ¤¤ Ocean Ripple (Ondas marinas): añade olas a la superficie de las imágenes, lo que hace que parezca estar debajo del agua.
Pixelate (Pixelar) Definen claramente una selección, mediante el agrupamiento en celdas de los píxeles de colores similares. ¤¤ Color Halftone (Semitono de color): simula el efecto que se produce al utilizar una trama de semitonos. En cada canal de color, el filtro divide la imagen y reemplaza cada rectángulo por un círculo. ¤¤ Crystallize (Cristalizar): agrupa los colores sólidos en una forma poligonal.
106
Paneles de Adobe Illustrator Parte 2
¤¤ Mezzotint (Grabado): convierte una imagen en un motivo con áreas en blanco y negro o de colores. ¤¤ Pointillize (Puntillista): descompone el color de una imagen en puntos, colocados armónicamente como en una pintura puntillista.
Sharpen (Enfocar) Enfoca las imágenes borrosas incrementando el contraste de los píxeles que los componen. ¤¤ Máscara de desenfoque: busca las áreas de la imagen en las que se han producido cambios bruscos de color y las hace más nítidas.
Sketch (Bosquejar) Añaden textura a las imágenes, normalmente para obtener un efecto tridimensional. Los filtros también son útiles para crear un aspecto más elaborado o una apariencia de dibujo a mano. ¤¤ Bas relief (Bajorrelieve): transforma una imagen para que parezca esculpida en bajorrelieve e iluminada, para acentuar las variaciones en la superficie. ¤¤ Chalk & Charcoal (Gis y carboncillo): redibuja las luces y los medios tonos con gis y las áreas de sombra se reemplazan con líneas de carboncillo. ¤¤ Charcoal (Carboncillo): redibuja una imagen para crear un efecto de difuminado. ¤¤ Chrome (Cromo): trata a la imagen creando una superficie cromada pulida. ¤¤ Conté Crayon (Conté Crayón): imita la textura de los lápices Conté, de blanco puro a negro fuerte. ¤¤ Graphic Pen (Estilográfica): utiliza trazos de tinta finos y bien delineados para mantener los detalles de la imagen. ¤¤ Halftone Pattern (Modelo de medio tono): simula el efecto de una trama de semitonos y mantiene la gama continua de tonos. ¤¤ Note Paper (Papel con relieve): crea una imagen que parece estar construida por papel hecho a mano (papel amate). ¤¤ Photocopy (Fotocopia): simula el efecto de fotocopiar una imagen. ¤¤ Plaster (Escayola): moldea una imagen de yeso tridimensional y luego colorea el resultado utilizando el color del primer plano.
107
Diseño Vectorial Illustrator® CS5
¤¤ Reticulation (Reticulación): simula el encogimiento de la emulsión de la película y crea una imagen que parece agrupada en las áreas de sombra y granulada en las luces. ¤¤ Stamp (Sello): se simplifica la imagen para simular que parece estampada con un sello de madera o goma. ¤¤ Torn Edges (Bordes rasgados): reconstruye la imagen con trozos de papel rasgado e irregular. ¤¤ Water Paper (Papel húmedo): utiliza manchas que parecen pintadas en papel húmedo fibroso, lo que hace que los colores fluyan y se mezclen.
Stylize (Estilizar) Produce un efecto impresionista, desplazando píxeles y realzando el contraste de la imagen. ¤¤ Glowing Edges (Bordes iluminados): Identifica los bordes de color y les añade un efecto de luz neón.
Texture (Textura) Se utilizan los efectos de Texture (Textura) para dar a las imágenes apariencia de profundidad, para añadir un aspecto más natural. ¤¤ Craquelure (Grietas): Pinta una imagen en una superficie de yeso de alto relieve, produciendo una red fina de grietas. ¤¤ Grain (Granulado): Añade textura a una imagen simulando tipos de granulado (salpicaduras, punteados). ¤¤ Mosaic Tiles (Teselas): Dibuja la imagen como si se hubiera hecho a partir de pequeños azulejos. ¤¤ Patchwork (Retales): Descompone una imagen en cuadros rellenos con el color predominante de la imagen.
5-03 LÁMINA
108
Efectos
Paneles de Adobe Illustrator Parte 2
¤¤ Stained Glass (Vidriera): Vuelve a pintar una imagen con el color del primer plano. ¤¤ Texturizer (Texturizar): Aplica una textura seleccionada o creada a una imagen.
Video (Video) ¤¤ De-Interlace (Desentrelazar): Suaviza las imágenes móviles capturadas en video. ¤¤ NTSC Colors (Colores NTSC): Limita la gama de colores a los aceptados para la reproducción en la televisión.
PROYECTO
5-07
Trabajando con efectos
1. Importa a Illustrator® la imagen Insecto.bmp, que se encuentra en los Recursos Digitales. 2. Duplica varias veces la fotografía desde el panel Layers (Capas) con el comando Duplicate Layer (Duplicar capa). Cada imagen deberá quedar en una capa diferente. 3. Organiza un mosaico de 4 imágenes horizontales por 5 verticales, dando un total de 20 imágenes. 4. Separa las imágenes y utiliza las opciones de alineación y distribución para formar una organización perfecta. 5. Aplica a la primera imagen un efecto cualquiera y utiliza la herramienta de texto para etiquetarla e identificar el efecto aplicado por nombre. Asegúrate que el texto quede en la misma capa en la que está la imagen a la que estás aplicando el efecto. 6. Bloquea la capa que contiene la imagen (ya con el efecto) y el texto con el nombre del efecto. 7. Aplica un efecto diferente a cada una de las imágenes. En la misma capa de cada imagen crea el texto para identificar el nombre del efecto aplicado. 8. Bloquea la capa cuando esté terminada. 9. Si lo deseas, puedes aplicar más de un efecto a una misma imagen. Detalla tu trabajo, agrégale tu nombre. Cuida al máximo la presentación y limpieza. 10. Guarda el archivo terminado como Efectos en la carpeta de costumbre.
109
Diseño Vectorial Illustrator® CS5
¿Qué aprendiste? TEMA A: A identificar cada una de las herramientas de diferentes paneles y reforzando los conocimientos adquiridos a través de la realización de diferentes ejercicios. TEMA B: A crear un logotipo utilizando las herramientas de Adobe® Illustrator® basándonos en los conceptos explicados en esta unidad. TEMA C: A utilizar las herramientas de los paneles, a aplicar transparencias, máscaras de opacidad, degradados de transparencia, los diferentes modos de fusión. TEMA D: A realizar diferentes combinaciones de objetos por medio del panel buscatrazos a través de la realización de diferentes ejercicios reafirmando los conceptos aprendidos. TEMA E: A aplicar cada uno de los efectos características.
de Adobe® Illustrator® para conocer sus
EVALUACIÓN
05 Contesta las preguntas correctamente. 1. ¿Para qué sirve la máscara de opacidad? La máscara de opacidad nos permite aclarar zonas de la imagen, fusionando de manera muy suave los elementos. Son muy útiles para lograr efectos detallados. 2. ¿Cuál es la función del panel Pathfinder (Buscatrazos)? Sirve para combinar dos o más figuras con el fin de obtener nuevas formas y objetos. 3. ¿Qué es un efecto? Los efectos son interactivos e independientes, lo que significa que se puede aplicar un efecto a un objeto sin alterarlo. 4. ¿Cuáles son los tipos de pinceles disponibles en el panel Brushes (Pinceles)? Caligráficos, de dispersión, de arte, de motivo y de cerdas.
110
Las herramientas de dibujo vectorial por excelencia son: Lápiz : Permite realizar dibujos a mano alzada. Pluma : Realiza un trazado vectorial mediante posición de nodos, a través de clics sobre el área de trabajo.
Un id ad
06
NIVEL: Básico
E lemento s de d ibu jo vector ia l
DURACIÓN SUGERIDA: 6 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Comprender los elementos del dibujo vectorial aplicando conceptos como puntillismo, línea, ritmo, contorno y forma al crear composiciones. B Definir el concepto de espacio al analizar la relación que existe entre los objetos de un plano básico. C Identificar lo que es un símbolo, cómo crearlos y guardarlos en la librería de Illustrator®. D Utilizar herramientas para deformar el texto por medio de envolventes y ajustar el texto a un trazado. E Aprender a crear elementos con efectos 3D. F Identificar y describir los formatos en que pueden guardarse los archivos creados en Illustrator® dependiendo el tipo de salida que tendrán.
Diseño Vectorial Illustrator Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Vectorial Illustrator® CS5 tema
A Los elementos del dibujo vectorial En diseño vectorial hay elementos que constituyen su base y desarrollo. Estos elementos son fáciles de observar. En nuestro entorno estos elementos siempre están presentes en los objetos más comunes y más complejos: puertas, sillas, computadores o vestidos. ¤¤ Punto: En diseño gráfico, un punto es la huella dejada por un lápiz, crayón, plumón, pincel o pluma en una superficie o plano. Es el elemento más sencillo y queda definido por su dimensión o tamaño, forma y color. ¤¤ Línea: En diseño gráfico, un punto en movimiento da como resultado una línea o un trazo. Una línea está formada por una sucesión de puntos, tan próximos uno de otro, que no se alcanzan a distinguir. ¤¤ Ritmo es el movimiento que se le da a la línea: es la repetición entre los elementos de las imágenes vectoriales o bitmaps. ¤¤ Contorno es el conjunto de líneas que limita una figura o composición. Cuando dos extremos de una línea se unen, se forma automáticamente un contorno y un relleno. A este efecto se le conoce como figura-fondo. ¤¤ Forma es la figura externa de los objetos, es decir la apariencia que representan los objetos de mundo sensorial. Por esa apariencia somos capaces de distinguir las cosas, personas, plantas y animales y diferenciarlos entre sí. Toda forma está integrada por: puntos, líneas, superficies y volúmenes. ¤¤ Composición: Toda obra o dibujo vectorial constituye una unidad compleja, integrada y organizada de alguna manera. A esta organización integrada se le denomina composición. La composición se define dentro del diseño como el proceso de adecuar o acomodar los elementos gráficos dentro de un espacio visual. ¤¤ Perspectiva se define como la ilusión visual que ayuda al observador a determinar la profundidad y la ubicación de los objetos a diferentes distancias. En un dibujo, la perspectiva simula la profundidad mediante efectos de reducción de dimensiones y distorsión angular.
6-01 LÁMINA
112
Elementos del dibujo vectorial
Elementos de dibujo vectorial
ACTIVIDAD
6-01
Técnica de puntillismo y línea
1. Necesitarás buscar en libros, revistas o Internet una fotografía o un dibujo que te agrade. 2. Saca una fotocopia o imprímelo en escala de grises. 3. Coloca sobre la fotocopia una hoja de papel fabriano, acetato, albanene u otro papel delgado que te permita ver el dibujo que está debajo. 4. Con un lápiz calca el contorno de la imagen con trazado muy suave que después será borrado. 5. Ahora con un lápiz, pluma fuente o tinta de color, empieza a hacer pequeños puntos en la hoja de trabajo. Guíate por los tonos de la fotocopia o impresión: si el tono es muy negro, pon los puntos muy juntos, si es gris separa los puntos y en los espacios blancos deja sin puntos. 6. Trata que se distinga una silueta muy parecida a la original. Utiliza líneas para dar sombreados o texturas especiales. 7. Terminado el proyecto hazle un marco con cartulina o papel de color y expón tu trabajo en clase.
ACTIVIDAD
6-02
Los elementos del diseño gráfico
Contesta correctamente las siguientes preguntas. 1. Define forma. La forma es la figura externa de los objetos. 2. ¿Para qué sirve la forma de los objetos? La forma de los objetos sirve para distinguir las cosas, personas, plantas y animales.
113
Diseño Vectorial Illustrator® CS5 3. Ejemplifica forma, gráficamente.
4. ¿Cuáles son los elementos que componen la forma? a. formas geométricas b. formas orgánicas c. formas rectilíneas d. puntos, líneas, superficies y volúmenes e. a, b y c f. ninguna de las anteriores 5. Ejemplifica con un par de recortes de revistas o periódicos cada uno de los elementos del ritmo: movimiento, dirección, tamaño, proporción, color y superficie. Puedes utilizar una misma imagen para ilustrar más de un elemento, pero debes identificarlos claramente escribiendo el elemento y señalando qué parte de la imagen lo representa.
114
Elementos de dibujo vectorial
tema
B El Espacio Las formas del diseño gráfico quedan plasmadas en superficies: cuaderno, lienzo, pizarrón, hojas, madera, tela, muro, entre otros. En este espacio llamado también plano básico, se conocen como espacios negativos a las áreas vacías y se llaman espacios positivos a las áreas que tienen formas, figuras o imágenes. El plano básico es un elemento activo en la estructura del espacio. La relación de los elementos con el plano y de los elementos entre sí, obedecerá a uno de estos tres criterios: ¤¤ Superposición: las formas planas que están enfrente impiden la visión de las que están atrás.
¤¤ Transparencia: las formas planas que están detrás se aprecian a través de las formas que se encuentran adelante.
¤¤ Penetración: las formas planas se intercalan entre sí.
Si se utilizan estos criterios, la posición relativa de las formas planas en el espacio puede expresar sensaciones de proximidad o lejanía. Debido a que se toma el plano como el soporte en donde se realiza el diseño, la primera elección que debes hacer es asignarle ciertos límites, los cuales determinan las dimensiones del soporte y de la imagen. Mediante las dimensiones que se den al plano, crearemos un espacio cuyas medidas y formas influyen en el resultado final del proyecto. El espacio construido de esta manera adopta diferentes formas geométricas (rectángulo, cuadrado, círculo) y tiene diferentes posiciones (vertical, horizontal o inclinada).
115
Diseño Vectorial Illustrator® CS5
PROYECTO
6-01
Composición artística libre
1. En un nuevo documento de Illustrator® (define el tamaño que consideres apropiado), crea con formas y líneas rectas y curvas una composición simétrica. La simetría se puede dar en la forma, en el color o en ambas. La composición debe adaptarse al espacio elegido (mesa de trabajo). 2. Aplica a las formas diferentes efectos, degradados y transparencias. Puedes usar herramientas de alineación, buscatrazos o cualquiera otra vista en clase, para dar mayor calidad y transmitir sensaciones al espectador. 3. Observa tu dibujo terminado. ¿Qué te hace sentir? ¿Qué transmite? Anota algunas percepciones:
4. Guarda tu trabajo como Simetrico. 5. Crea en un documento diferente una composición asimétrica, pero equilibrada. Define un espacio de trabajo apropiado. 6. Aplica efectos y otros elementos de diseño. 7. Observa tu composición terminada. ¿Consideras que transmite algún mensaje? Si no lo hace no está cumpliendo su función. Anota algunas percepciones:
8. Guarda la segunda composición como Asimetrico. 9. Crea en un nuevo documento una composición abstracta. Toma en cuenta los conceptos que se han presentado acerca del punto y la línea, el ritmo, la forma, el contorno y el espacio. 10. ¿Cuál es el mensaje que genera en el espectador?
11. Guarda la tercera composición como Abstracto.
116
Elementos de dibujo vectorial
ACTIVIDAD
6-03
Reflexión sobre perspectiva
1. Define perspectiva. Se define como la ilusión visual que ayuda al observador a determinar la profundidad y la ubicación de los objetos a diferentes distancias. 2. ¿Qué es el punto de fuga? El punto de fuga se localiza a la altura de la vista, sobre la línea de horizonte, ese punto hace que la imagen se abra hacia nosotros. 3. ¿En qué ayuda la perspectiva a un diseño? La perspectiva es fundamental en el diseño ya que crea profundidad y define la ubicación de los objetos.
PROYECTO
6-02
Generando perspectiva
1. Abre en Illustrator® el documento Siluetas.ai que se encuentra en los Recursos Digitales. El archivo contiene 6 siluetas de animales u objetos. 2. Utiliza el panel de Gradient (Degradado) y el panel de Color (Color), para aplicar degradados suaves a los objetos, de modo que den la sensación de tener volumen. Para ello debes elegir un color y aplicar una tonalidad clara para las zonas que deberían estar más cerca del espectador. Este tono se degrada a una tonalidad más oscura para las zonas alejadas o sombras. 3. Cuando hayas terminado de aplicar los degradados a las 6 formas, prueba utilizar efectos suaves de perspectiva 3D desde el menú Effect (Efecto). No utilices efectos muy angulosos o pronunciados. 4. Aplica finalmente un efecto de sombra a cada una de las figuras. 5. Guarda tu trabajo con el nombre Perspectiva en la carpeta que indique tu profesor.
117
Diseño Vectorial Illustrator® CS5
PROYECTO
6-03
Ilustrando una fotografía
Observa que interesante ilustración. Está basada en una fotografía (imagen izquierda) que se ha vectorizado con trazos usando la herramienta pluma y coloreado en Illustrator®. En esta actividad tienes que hacer una ilustración similar.
Imagen 6-1: Fotografía.
Imagen 6-2: Ilustración vectorizada.
1. Escanea una fotografía de tu rostro en donde se vean claramente todos los detalles o bien localiza el archivo Rostro.tif que se encuentra en los Recursos Digitales . 2. Abre la foto en Illustrator®. Se situará en la primera capa del panel Layers (Capas). 3. Da doble clic en la capa donde está la foto y cambia sus opciones como se indica a continuación: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤
Show (Mostrar) Preview (Previsualizar) Lock (Bloquear) Print (Imprimir) Dim Images to 30% (Transparencia de imagen a 30%)
4. Crea una New Layer (Nueva capa). 5. Con la herramienta Pen (Pluma) y la herramienta Pencil (Lápiz) empieza a trazar los contornos del rostro, como si estuvieras calcando la fotografía. a. Comienza por las zonas del rostro que quedarán en el fondo y deja para el final los detalles del frente, como los ojos o labios. b. Si lo requieres, puedes mover los trazos hacia delante o atrás directamente arrastrando las subcapas o bien con las opciones de Arrange (Organizar) del menú emergente de las figuras.
118
Elementos de dibujo vectorial
c. También puedes usar el panel Pathfinder (Buscatrazos), para combinar o intersectar formas. d. Incluye trazados para las sombras que se vean en la imagen. 6. Ahora rellena de color la cara, ojos, labios y cejas. Se obtiene un mejor efecto si utilizas degradados muy suaves (de dos o más colores muy cercanos en el círculo cromático). Toma como base los colores originales de la fotografía. 7. Rellena los trazados de las sombras con un degradado de blanco al color de la piel. Selecciona el Blending Mode (Modo de fusión): Multiply (Multiplicar). 8. Debes de ajustar el degradado de cada sombra para que quede uniforme. Lo puedes ajustar tomando la herramienta Gradient (Degradado) y arrastrando el cursor de extremo a extremo. También lo puedes ajustar desde el panel de Gradient (Degradado) con los deslizadores. 9. Puedes añadir más detalle al pelo. Crea efectos de sombra agregando modos de fusión de Multiply (Multiplicar). Pon algunas luces de color con degradados o efectos. 10. Trata de hacer el gráfico lo más realista posible, sin olvidar que parte del interés es que se trata de una ilustración y no de una fotografía. 11. Al terminar elimina la capa donde se encuentra la fotografía original. 12. Guarda el archivo en la carpeta que tu profesor indique con el nombre Retrato.ai.
TTIP IP
En
cualquier
capa puedes hacer sobre el icono del ojo para cambiar el modo de visualización al modo de Outline Mode (Trazado). Repite esta acción para regresar al modo normal. Esto te ayudará con el trazado.
13. Elige alguna de las fotografías de paisaje que se encuentran en tu CD de trabajo o carpeta de actividades. 14. Aplica las técnicas aprendidas para trazarla con vectores y colorearla. 15. Al terminar elimina la capa donde se encuentra la fotografía original. 16. Guarda el archivo en la carpeta que tu profesor indique con el nombre Paisaje.ai.
119
Diseño Vectorial Illustrator® CS5 tema
C Los símbolos En Illustrator®, un símbolo es un elemento gráfico reutilizable que se almacena en una biblioteca llamada panel de Símbolos. Cualquier elemento gráfico se puede convertir en un símbolo, que podrá usarse para crear motivos o diseños nuevos. Originalmente los símbolos se desarrollaron para crear archivos de tamaño reducido. Sin embargo, el símbolo es además un elemento esencial para la creación de diseños especiales y complejos.
PROYECTO
6-04
Creando un símbolo
1. Abre en Illustrator® el archivo Dragon.ai que se encuentra en los Recursos Digitales y vectoriza la figura del dragón que está en líneas guía. Utiliza para ello la herramienta Pluma. 2. Dale color y detállalo para una apariencia atractiva e interesante. 3. Abre el panel de Símbolos con el menú Window/ Symbols (Ventana/Símbolos), selecciona el dragón que has creado y arrástralo hacia el panel de símbolos y Revisa que la figura se ha guardado como símbolo en el panel y elimina de la mesa de trabajo el dibujo original.
Imagen 6-3: Panel de símbolos.
4. Ahora añade una copia del símbolo a tu mesa de trabajo arrastrando desde el panel Symbols (Símbolos). A una copia del símbolo en la mesa de trabajo, se le llama instancia. Crea 4 instancias más del dragón en la mesa de trabajo, separadas un poco entre sí. 5. Ajusta la transparencia de las instancias individuales a 40%, 50%, 60%, 70% y 80%. Escálalas y gíralas con ayuda del panel transformaciones, acomodando las instancias de forma equilibrada y armónica, para que la composición sea agradable a la vista. 6. Para crear muchas instancias, utiliza la herramienta Symbol Sprayer (Rociar símbolos) en el área de trabajo. Si haces doble clic en la herramienta, puedes ajustar las opciones de rociado. 7. Toma la herramienta Symbol Spinner (Girar símbolo) que se encuentra agrupada en el mismo botón de la herramienta Symbol Sprayer (Rociar símbolos). Arrástrala sobre las instancias para que giren en la dirección de arrastre. 8. Utiliza otros símbolos para crear un diseño más abstracto, revisa que tu composición transmita un mensaje o tenga una función especial. Guarda tu trabajo.
120
Elementos de dibujo vectorial
tema
D Organización del texto Adobe® Illustrator® es una excelente herramienta para diseño editorial, que te permitirá crear todo tipo de publicaciones como folletos, revistas, volantes y más. Para crear un texto bien estructurado y complementarlo con un trabajo de edición de imágenes, es importante saber organizar la tipografía. Illustrator permite crear texto en columnas y filas, aplicar diferentes formatos de párrafo y usar muchos estilos de letra. En el diseño para impresión sólo hay tres tipos de fuentes o tipografías que las imprentas manejan: ¤¤ Fuente PostScript: En la computadora cada fuente se compone de dos archivos. En uno de ellos se detallan los contornos de la fuente (*.pfb) y en el otro archivo están las medidas (*.pfm). Una tipografía son los estilos: normal, cursiva y negrita, que se componen de seis archivos: tres contornos y tres medidas. Si hay más variables, hay más archivos. ¤¤ Fuentes True Type: Cada fuente está formada por un solo archivo (*.ttf) que es multiplataforma, es decir, funciona en Sistemas Operativos Macintosh® y Windows®. ¤¤ Fuente OpenType: Son las fuentes más modernas. Son multiplataforma y están formadas por un solo archivo en el que va incluida toda la información necesaria. Además estas fuentes incluyen muchos más caracteres que las PostScript clásicas.
Creación de contornos La opción de Create Outline (Creación de contornos), que se encuentra en el menú Type/ Create Outlines (Texto/Creación de contornos), permite convertir textos en conjuntos de trazados compuestos que se pueden editar y manipular como si se tratara de un objeto gráfico. Al crear contornos a partir de texto, los caracteres conservan el formato gráfico, como el trazo y el relleno.
Texto en un trazado Illustrator permite escribir texto en un trazado o contorno. Para esto crea una línea con la herramienta Pen (Pluma) y selecciona la herramienta Type on a Path (Texto en trazado). Esta herramienta se encuentra agrupada en el mismo botón de la herramienta de texto. Con la nueva herramienta haz clic sobre el punto del trazado donde deseas que inicie el texto y empieza a escribir. Para modificar la apariencia del texto, puedes seleccionarlo y usar el menú Type/Type on a Path (Texto/Texto en trazado), para especificar efectos y otras opciones como el espaciado.
121
Diseño Vectorial Illustrator® CS5
Envolventes Las envolventes son figuras que modifican el texo u objetos seleccionados. La creación de envolventes es una manera rápida de crear logotipos, desarrollar diseños complejos o efectos tridimensionales como etiquetas para botellas o latas. También sirve para adaptar texto a la forma de otro objeto en una capa subyacente. Para distorsionar un objeto con una envolvente: 1. Selecciona uno o más objetos que quieras distorsionar. 2. Crea la envolvente usando alguna de estas técnicas del menú Object/ Envelope Distort (Objeto/Distorsión con Envolvente). a. Make with Warp (Crear con envolvente), para usar una envolvente predefinida. b. Make with Mesh (Crear con malla), para crear una envolvente a partir de una malla cuadriculada. c. Make with Top Object (Crear con objeto superior), para usar un objeto como envolvente debes asegurarte de que ese objeto está hasta arriba en su capa. 3. Puedes distorsionar la envolvente de varias formas: a. Arrastrando los puntos ancla de la envolvente con la herramienta de selección directa. b. Eliminando puntos ancla. c. Agregando puntos ancla.
PROYECTO
6-05
Experimentando con texto
1. En un nuevo documento de Illustrator® crea textos y aplícales los siguientes efectos: a. Un texto sobre una línea curva. Elimina la línea para que sólo se vea el texto curveado. b. Un texto dentro de la forma de una elipse. c. Un texto alrededor de un cilindro, simulando ser la etiqueta de una lata. d. Un texto que simule estar en una bandera que ondula al viento. 2. Modifica las propiedades de fuente, tamaño y color de cada texto. 3. Guarda tu trabajo con el nombre Textos en la carpeta que indique tu profesor.
122
Elementos de dibujo vectorial
PROYECTO
6-06
Página interna de una revista
1. Inicia un nuevo documento a partir de una plantilla con el menú File/New from Template (Archivo/Nuevo desde plantilla). La plantilla que debes usar se llama Revista.ait y se encuentra en los Recursos Digitales. 2. La plantilla base es una hoja en forma vertical, con un margen y medidas base. El objetivo de las líneas guía es que a la hora de imprimir, no existan errores por no respetar los márgenes de trabajo. 3. Activa las reglas de la aplicación con las teclas . Arrastra una guía vertical desde la regla hasta el centro del documento. Haz lo mismo para crear una guía horizontal a la mitad de la hoja. 4. Ahora tienes cuatro cuadrantes dentro de la página. Dibuja un rectángulo en el primer cuadrante. No debe tener color de relleno, pero sí color de contorno. Debe abarcar todo el primer cuadrante. 5. Toma la herramienta Area Type (Texto en área) que se encuentra agrupada en el mismo botón que la herramienta de texto. Si haces clic con esta herramienta dentro del rectángulo, podrás escribir dentro de él. Puedes escribir algo sobre tí o cualquier tema que te agrade. 6. Para cambiar el tipo de letra, tamaño, interlineado y rotación usa el menú Type (Texto) o utiliza el panel menú Window/Type/Character (Ventana/Texto/Caracter). 7. Crea un rectángulo en el cuadrante opuesto e introduce texto en él. Utiliza los otros dos cuadrantes para colocar imágenes que hayas escaneado, fotografías, imágenes de Internet o ilustraciones creadas directamente en la aplicación. Las imágenes deben complementar el mensaje del texto y servir de apoyo visual. 8. Guarda el archivo con el nombre Revista en la carpeta que te indique el profesor.
T IP
Si vas a imprimir un documento que contenga texto, usando una computadora diferente a la que se usó para crear el archivo, es conveniente convertir el texto en trazado o Curvas (Create Outlines). Esto garantiza que el texto se imprima correctamente, aún cuando el equipo de impresión no tenga instaladas las fuentes que hayas utilizado.
123
Diseño Vectorial Illustrator® CS5 tema
E Vectores 3D Los 3D Effects (Efectos 3D) facilitan la adición de elementos tridimensionales a cualquier proyecto, ofreciendo opciones de diseño únicas como extrusión, relieve, realce o revolución.
Imagen 6-4: Panel de opciones 3D.
PROYECTO
6-07
Creando un texto 3D
1. Crea un nuevo documento de 5 x 5 cm. 2. Selecciona la herramienta Text (Texto) y escribe tu primer nombre, tu deporte favorito o una palabra que te guste. Utiliza una fuente grande y clara. Dale color. 3. Selecciona el texto. Ve al menú Effect/Warp/Arc (Efecto/Envolver/Arco). En el cuadro de opciones del efecto especifica los siguientes valores y aplica el efecto: ¤¤ Bend (Arqueado): 10% ¤¤ Horizontal (Horizontal): -30% ¤¤ Vertical (Vertical): 0% 4. Aplica el menú Effect/3D/Extrude & Bevel (Efecto/3D/Realce y biselado). Introduce los siguientes valores en el cuadro de diálogo y aplica el efecto: ¤¤ Position (Posición): Off-Axis Front ¤¤ X:: -18º ¤¤ Y: -26º
124
Elementos de dibujo vectorial
¤¤ Z: 8º ¤¤ Perspective (Perspectiva): 0º ¤¤ Extrude Depth (Profundidad de realce): 5 pt. Recuerda que puedes ajustar el efecto después de haberlo aplicado, haciendo doble clic sobre su nombre en el panel de apariencia. Imagen 6-5: Tipografía con efecto 3D.
5. Ahora aplica el menú Object/Expand Appearance (Objeto/Expandir apariencia). Esto convierte el texto en trazado. 6. Desagrupa el objeto con el menú Object/Ungroup (Objeto/Desagrupar) o presionando las teclas . 7. Toma la herramienta Direct Selection (Selección directa). Selecciona sólo la parte frontal de cada letra. Recuerda que puedes mantener presionada la tecla para seleccionar varios objetos a la vez. 8. Acopla todos los frentes usando en el panel de Pathfinder (Buscatrazos) el botón Add to Shape Area (Agregar área a la forma). Esto los convierte en una sola figura. 9. Selecciona la figura que acabas de formar con el Pathfinder (Buscatrazos) y aplícale un color degradado que vaya de verde a amarillo.
Imagen 6-6: Texto en 3D con cambio de color.
10. Utiliza la misma técnica para crear otros 4 textos diferentes en 3D (pueden ser textos u otras figuras). Recuerda los pasos: ¤¤ ¤¤ ¤¤ ¤¤
Aplicar realce y bisel 3D (en cada objeto modifica los parámetros) Expandir el objeto Acoplar los frentes Aplicar un degradado
11. Guarda el archivo con el nombre Objetos3D en la carpeta que indique tu profesor. 12. Exprimenta y contesta: ¿Cuál es la diferencia entre aplicar un degradado directamente al objeto de texto o aplicarlo después de expandirlo y acoplar los frentes?
125
Diseño Vectorial Illustrator® CS5 tema
F Archivos Formatos Adobe® Illustrator® tiene varios formatos para guardar archivos como Template (Plantilla), archivo AI, EPS de Illustrator, PDF de Adobe y SVG. Todos los formatos anteriores se conocen como nativos, ya que se pueden reutilizar o importar fácilmente y conservan todos los datos de Adobe Illustrator.
6-01 VIDEO
Formatos de archivo
T IP
Illustrator® no cuenta con todos los datos necesarios para volver a abrir los formatos “no nativos” en la aplicación. Por eso, guarda siempre tu trabajo en formato AI, hasta que sea indispensable usar algún otro formato.
Preparando un archivo para imprenta
T IP
Si planeas llevar un diseño a una imprenta, es importante que prepares tus archivos de una forma correcta, completa y ordenada, para evitar problemas a la hora de imprimirlos. Se recomienda realizar una serie de comprobaciones finales conocidas dentro del diseño como checklist de impresión. Consiste básicamente en revisar que todo lo que debe ir (imágenes y textos) se incluya en el archivo, que los parámetros del arte sean los correctos y que no vayan elementos que no tienen alguna función, para evitar confusiones. Preparar correctamente un archivo para impresión distingue a un profesional de diseño pero sobre todo puede ahorrar mucho tiempo y dinero en el proceso de impresión.
6-02 LÁMINA
126
Principales requisitos y normas de impresión
Elementos de dibujo vectorial
ACTIVIDAD
6-04
Reconociendo formatos
1. ¿Qué formatos son nativos de Illustrator®? Los formatos nativos de Illustrator son: AI, EPS, PDF, de Adobe y SVG. 2. ¿Qué contiene un archivo EPS? Los archivos EPS pueden contener tanto gráficos vectoriales como mapas de bits. 3. Define el formato SVG. El formato SVG está basado completamente en XML (lenguaje de marcas para intercambio de datos). 4. Explica lo que se puede realizar en el submenú de Export (Exportar). Este menú permite guardar archivos web o archivos en otros formatos. 5. Abel creó tres archivos en Illustrator® y ahora los tiene que exportar en cierto formato para poderlos utilizar sin ningún problema en las aplicaciones con las que trabajará. Identifica el formato “no nativo” en que se deben guardar los archivos en cada situación. ¤¤ El primero es un archivo con una imagen y un texto que servirá de fondo para una página Web. ¿En qué formato(s) le recomiendas que guarde su imagen? ¿Por qué? JPEG porque acepta buena resolución, excelente compresión y alta calidad. ¤¤ El segundo archivo es una pequeña animación en la que se usaron sólo 4 colores. La animación será utilizada como emotion en un programa de chat. ¿En qué formato(s) le recomiendas que guarde su imagen? ¿Por qué? GIF permite guardar las capas de animación como fotogramas de animación. ¤¤ El tercer caso es una imagen vectorial que no tiene fondo (fondo transparente) y se requiere que esta característica se conserve. ¿En qué formato(s) le recomiendas que guarde su imagen? ¿Por qué? GIF o PNG porque estos dos formatos permiten transparencias en la imagen. El PNG puede almacenar más colores.
127
Diseño Vectorial Illustrator® CS5
¿Qué aprendiste? TEMA A: A reconocer los principales elementos que componen una ilustración vectorial para crear composición que integren estos elementos. TEMA B: A identificar la relación de los elementos con el plano y de los elementos entre sí. TEMA C: A reconocer lo que es un símbolo, aprender a crearlos y guardarlos en la librería de Illustrator®. TEMA D: Que existen tres tipos de fuentes, aplicar envolventes a texto para crear efectos en texto y que es posible acoplar texto en un trazo. TEMA E: A crear elementos con efectos de 3D. TEMA F: A identificar y describir cada uno de los formatos en que se pueden guardar los archivos generados en Illustrator® según el uso que se les dará al final.
EVALUACIÓN
06 Contesta las preguntas correctamente. 1. ¿Qué es una envolvente y cuáles clases de envolventes se pueden usar? Las envolventes son figuras que modifican un texto u objeto cuya forma se adapta a la envoltura. Son tres clases de envolventes son: arqueados, inflados y apretados. 2. ¿A qué se le conoce como figura-fondo? Figura-Fondo es cuando dos extremos de una línea se unen y forman automáticamente un contorno y un relleno. 3. ¿Qué es la composición? Es el proceso de adecuar o acomodar los elementos gráficos dentro de un espacio visual.
128
