Beruflich Dokumente
Kultur Dokumente
ndice
ndice Introduccin Objetivo general Tema 1. El uso de la computadora para la ilustracin grfica Objetivo de aprendizaje Introduccin 1.1 Introduccin al software de diseo e ilustracin 1.1.1 Proceso tradicional 1.1.2 Proceso digital 1.2 Hardware y software disponibles para la ilustracin grfica 1.2.1 Imgenes vectoriales 1.2.2 Imgenes de mapa de bits 1.2.2.1 Resolucin de las imgenes de mapa de bits 1.2.2.2 Dimensiones de los pxeles 1.2.3 Resolucin de imagen 1.2.4 Resolucin de monitor 1.2.5 Resolucin de impresora 1.2.6 Lineatura 1.2.7 Rasterizacin Resumen Tema 2. La imagen y la ilustracin digital Objetivo de aprendizaje Introduccin 2.1 Imagen digital 2.1.1 Concepto 2.1.2 Caractersticas 2.2 Ilustracin digital 2.2.1 rea de trabajo 2.2.2 Herramientas 2.2.3 Las paletas 2.2.4 Color 2.2.4.1 Gamas de color 2.2.4.2 Modos y modelos de color 2.3 Compresin y optimizacin de la imagen grfica Resumen Tema 3. El diseo grfico digital Objetivo de aprendizaje Introduccin 1 3 4 5 5 5 5 5 7 7 7 8 9 9 10 10 11 11 11 12 13 13 13 13 13 14 14 14 15 16 18 19 19 22 24 25 25 26
ndice 1
ndice
Objetivo general
Objetivo general
Al trmino del curso el estudiante producir proyectos de diseo para la creacin de imgenes digitales, empleando software especializado de dibujo y diseo.
Objetivo general
Objetivo de Aprendizaje
Al trmino del tema el estudiante conocer los tipos de imgenes grficas que es posible crear con el programa Illustrator y destacar la importancia de los grficos vectoriales como la mejor opcin de los grficos de texto.
Introduccin
Los tipos de imagen grfica son importantes para exportar o importar imgenes en el programa de ilustrador, la resterizacin, es el proceso por medio del cual se convierten las entidades de dibujo vectorial en imgenes de mapa de bits pudindose elegir la resolucin, y el modo de color situaciones importantes que debe conocer el diseador grfico.
Los grficos vectoriales son adecuados para reproducir contornos homogneos, como en los logotipos o las ilustraciones. Pueden imprimirse o visualizarse con cualquier resolucin sin perder por ello detalles
Las imgenes de mapa de bits son adecuadas para reproducir graduaciones sutiles de color, como en las fotografas. Si se imprimen en un tamao demasiado grande o si se visualizan con un nivel de aumento excesivamente elevado, es posible que se produzcan bordes dentados.
1.2.6 Lineatura
El nmero de puntos de impresora o celdas de semitonos por pulgada utilizado para imprimir imgenes en escala de grises y separaciones de color. Tambin conocida como lineatura o trama de lnea, se mide en lneas por pulgada (lpi, del ingls lines per inch) o lneas de celdas por pulgada de una trama de semitonos. La relacin entre resolucin de imagen y lineatura determina la calidad de detalle de la imagen impresa. Para producir una imagen de semitonos de calidad ptima, se debe utilizar una resolucin de imagen entre 1,5 y 2 veces mayor que la lineatura. A veces, sin embargo, segn sean la imagen y el dispositivo de salida, utilizar una resolucin menor producir buenos resultados.
Nota. Algunas filmadoras e impresoras lser de 600 dpi utilizan otras tecnologas de trama distintas de la de mediostonos. Si va a imprimir la imagen en una impresora que no sea de mediostonos, consulte al proveedor o la documentacin de la impresora para saber las resoluciones de imagen recomendadas.
1.2.7 Rasterizacin
Proceso de codificacin de datos espaciales cuyo resultado es la incorporacin de la informacin a una estructura de datos raster. En Dibujo por computadora la podemos definir como; convertir las entidades de dibujo vectorial en imgenes de mapa de bits, se puede elegir la resolucin, y el modo de color RGB o CMYK . Adems crea una mscara automtica para que se vean los objetos que haya detrs .
Objetivo de Aprendizaje
Al trmino del tema el estudiante conocer las ventajas que tiene el trabajar con imgenes digitales y conocer las herramientas que tiene el programa Adobe Ilustrador.
Introduccin
La imagen digital es muy maleable, permite llevar a cabo una gama de posibilidades en cualquier trabajo de diseo ya que puede ser guardada y transportada en cualquier medio electrnico. Es indispensable que el diseador conozca el programa de Adobe Ilustrator y algunos conceptos bsicos de ste tales como los distintos tipos de rea; de trabajo, de imagen, no imprimible, de pruebas entre otras.
rea de trabajo de Illustrator: A. rea de imagen B. rea no imprimible C. Borde de la pgina D. Mesa de trabajo E. rea de pruebas
2.2.2 Herramientas
La primera vez que se abre Illustrator aparece el cuadro de herramientas en la parte izquierda de la pantalla. Las herramientas que contiene permiten crear, seleccionar y manipular objetos en Illustrator. Al seleccionar la mayora de las herramientas, el puntero del ratn adopta la forma del icono de la herramienta. Por ejemplo, al seleccionar la herramienta Pincel, el puntero se convierte en un pincel. Tambin puede convertir el puntero de una herramienta en un puntero de precisin, como una cruz , para conseguir mayor precisin al alinear o trabajar en ilustraciones con un elevado nivel de detalle.
Paleta Informacin La paleta Informacin proporciona informacin sobre el rea situada debajo del puntero y los objetos seleccionados. Segn la herramienta que se utilice, la paleta Informacin sirve para medir el tamao, la distancia o el ngulo de rotacin. En la mayora de los casos, cuando se est utilizando una herramienta, la paleta Informacin muestra las coordenadas x e y de la posicin del puntero en la ilustracin, expresadas en las unidades de medida que se especifiquen. La unidad de medida est determinada por la unidad establecida en los cuadros de dilogo Ajustar documento o Preferencias de Unidades y deshacer. La paleta Informacin tambin muestra informacin del color de relleno y trazo de los objetos seleccionados y los nombres de los motivos, degradados y matices aplicados al objeto. Para mostrar la paleta Informacin: Seleccione Ventana > Informacin. La paleta Informacin muestra la siguiente informacin, dependiendo de la herramienta o comando seleccionado: Cuando se utiliza una herramienta de seleccin, se muestran las coordenadas x e y del puntero. Si se selecciona un objeto, tambin se muestran su anchura (An), su altura (Al) y las coordenadas x e y. Cuando se utiliza una herramienta de zoom, se muestra el factor de ampliacin y las coordenadas x e y al soltar el botn del ratn. Al utilizar la herramienta Pluma o Degradado, o al desplazar una seleccin, se muestran los cambios de las coordenadas x (An) e y (Al), la distancia (D) y el ngulo mientras se arrastra. Al utilizar la herramienta Escala, se muestran los porcentajes de cambio de la anchura (An) y de la altura (Al), as como la nueva anchura (An) y la nueva altura (Al) al finalizar la operacin de escala. Al utilizar las herramientas Rotacin o Reflejo, se muestran las coordenadas o de reflexin . del centro del objeto y el ngulo de rotacin Al utilizar la herramienta Distorsin, se muestran las coordenadas del centro del objeto, el ngulo del eje de distorsin y el grado de distorsin . Cuando se utiliza la herramienta Pincel, se muestran las coordenadas x e y, as como el nombre del pincel utilizado. Para mostrar u ocultar las opciones de la paleta Informacin: Seleccione Mostrar opciones u Ocultar opciones en el men de la paleta Informacin. Cuando se muestran las opciones aparece la siguiente informacin:
Valores de los colores de relleno y trazo del objeto seleccionado. Valores hexadecimales de los colores de relleno y trazo del objeto seleccionado, si el modo de color es RGB o compatible con Web. El nombre de cualquier motivo, degradado o matiz aplicado al objeto seleccionado.
Nota. Si se seleccionan varios objetos, la paleta Informacin slo muestra la informacin que es comn a todos los objetos seleccionados.
2.2.4 Color
A continuacin veremos varios aspectos del color.
Comparacin de gamas de color RGB y CMYK A. Gama de color RGB B. Gama de color CMYK La extensin de la gama de color RGB supera la de la gama CMYK.
Colores aditivos (RGB) Modo CMYK Mientras que el modelo RGB depende de una fuente de luz para crear color, el modelo CMYK se basa en la capacidad de absorber luz de la tinta impresa en papel. Cuando la luz blanca incide en tintas translcidas, se absorbe una parte del espectro. El color que no es absorbido y es captado por el ojo. Al combinar pigmentos puros de cian (C), magenta (M) y amarillo (Y) se produce el negro, puesto que se absorben, o se eliminan, todos los colores. Estos colores se denominan colores sustractivos. La tinta negra (K) se aade para mejorar la densidad de la sombra. (La letra K se ha venido utilizando porque el negro es el color clave ("key" en ingls) para registrar otros colores y porque la letra B representa el azul). La combinacin de estas tintas para reproducir colores se denomina cuatricroma.
Tema 2. La imagen y la ilustracin digital 21
Color sustractivo (CMYK) Modo Escala de grises La escala de grises utiliza matices de negro para representar objetos. Los objetos en escala de grises tienen un valor de brillo comprendido entre el 0% (blanco) y el 100% (negro). Las imgenes producidas con escner de blanco y negro o de escala de grises se visualizan normalmente en escala de grises. La escala de grises tambin permite convertir ilustraciones en color en ilustraciones en blanco y negro de alta calidad. En este caso, Adobe Illustrator elimina toda la informacin del color de la ilustracin original. Los niveles de gris (matices) de los objetos convertidos representan la luminosidad de los originales. Al convertir objetos de escala de grises a RGB, se asigna a los valores de color de cada objeto los valores de gris de los objetos originales. Tambin se pueden convertir objetos de escala de grises en objetos CMYK.
Objetivo de Aprendizaje
Al trmino del tema el estudiante conocer todas las herramientas con las que cuenta al elaborar un diseo grfico digital, as como los tipos de fuentes y color que se pueden utilizar segn sea el efecto del mensaje que se quiera transmitir.
La herramienta Seleccin directa (A) selecciona puntos o segmentos de trazado de los objetos.
La herramienta Lazo La herramienta Lazo de seleccin directa (Y) selecciona (Q) selecciona puntos objetos enteros. o segmentos de trazado de los puntos
La herramienta Pluma (P) traza lneas rectas y curvas para crear objetos.
La herramienta Aadir punto de ancla (+) aade puntos de ancla a los trazados.
La herramienta Eliminar punto de ancla (-) elimina puntos de ancla de los trazados.
La herramienta Convertir punto de ancla (Maysculas + C) convierte vrtices redondeados en vrtices cuadrados y viceversa.
La herramienta Texto La herramienta Texto (T) crea texto y de rea convierte contenedores de texto, y permite, adems, introducir y editar texto.
La herramienta Texto de trazado convierte trazados en trazados de texto y permite introducir y editar texto en ellos.
La herramienta Texto vertical crea texto y contenedores de texto verticales y permite introducir y editar el texto vertical.
La herramienta Texto de rea vertical convierte los trazados cerrados en contenedores de texto vertical y permite introducir y editar el texto que contienen.
La herramienta Texto de trazado vertical convierte trazados en trazados de texto vertical y permite introducir y editar el texto que contienen.
La herramienta La herramienta dibuja Cuadrcula Espiral espirales en ambos rectangular dibuja sentidos. cuadrculas rectangulares.
La herramienta La herramienta Elipse Rectngulo dibuja crculos y redondeado dibuja elipses. cuadrados y rectngulos con vrtices redondeados.
La herramienta La herramienta La herramienta dibuja Estrella dibuja Destello crea efectos Polgono formas regulares de estrellas. de destello como los varias figuras. que aparecen en las fotos por la luz solar.
La herramienta Pincel (B) dibuja lneas a mano alzada y caligrficas, adems de aadir dibujos y motivos a los trazados.
La herramienta Lpiz La herramienta La herramienta (N) dibuja y modifica Redondear redondea Borrador borra lneas a mano alzada. trazados Bzier. trazados y puntos de ancla de la ilustracin.
La herramienta Torcer hace girar los objetos tomando un punto fijo como centro de rotacin.
La herramienta Escala (S) cambia de tamao los objetos alrededor de un punto fijo
La herramienta Deformar (Maysculas + R) moldea los objetos con el movimiento del cursor (por ejemplo, como si se tratase de arcilla).
La herramienta La herramienta Molinete crea Fruncir desinfla los distorsiones en objetos remolino dentro de los objetos.
La herramienta La herramienta aade Engordar infla los Festonear objetos. numerosos detalles curvos al contorno de los objetos.
La herramienta Transformacin libre (E) escala, gira o distorsiona los elementos seleccionados.
La herramienta Rociar smbolo (Maysculas + S) coloca numerosas instancias de un smbolo agrupadas en la mesa de trabajo.
La herramienta Girar La herramienta gira Manchar smbolo smbolo instancias de colorea instancias de smbolos. smbolos.
La herramienta Aplicar estilo a smbolo aplica el estilo seleccionado a las instancias de smbolos.
La herramienta Grfica de barras apiladas apila columnas y las coloca en posicin horizontal.
La herramienta Grfica lineal muestra la evolucin de uno o varios conceptos durante un perodo de tiempo.
La herramienta Grfica de reas pone de relieve los totales y los cambios de valor.
La herramienta Grfica de tarta crea diagramas circulares con secciones que representan los porcentajes relativos de los valores comparados.
La herramienta Grfica de radar utiliza un crculo para comparar conjuntos de valores en momentos determinados o en categoras especficas.
La herramienta Degradado (G) ajusta los puntos inicial y final, as como el ngulo de los degradados de un objeto.
La herramienta Cuentagotas (I) muestrea los atributos de color o texto de los objetos.
La herramienta Bote de pintura (K) rellena los objetos con los atributos de pintura o texto actuales.
La herramienta La herramienta Medicin mide la Fusin (W) crea una distancia entre dos mezcla entre el color puntos. y la forma de varios objetos.
La herramienta Calco automtico traza los contornos de los objetos de imgenes rastrilladas.
La herramienta La herramienta Mano Cuchilla corta objetos (H) mueve la mesa y trazados. de trabajo de Illustrator dentro de la ventana de la ilustracin.
La herramienta ajusta la Pgina cuadrcula para controlar en qu parte de la pgina impresa aparece la ilustracin.
Paleta Capas A. Capa principal B. Subcapa C. Grupo D. Trazado Para la visualizacin de la paleta Capas Seleccione Ventana > Capas.
Crear subgrupo de fuentes Especifica cundo deben incrustarse las fuentes en funcin del nmero de caracteres de dicha fuente que se utilizan en el documento. Por ejemplo, si una
Resolucin Determina la resolucin del archivo exportado. Suavizado Elimina los bordes dentados de la ilustracin mediante supermuestreo. Si no selecciona esta opcin, se mantienen los bordes marcados del arte lineal cuando se rastrilla.
Escribir capas anidadas Escribe cada subcapa del nivel superior en una capa individual de Photoshop, siempre que ello no afecte a la apariencia de la ilustracin. Las capas del nivel superior se convierten en conjuntos de capas de Photoshop. Esta opcin slo est disponible si tambin se ha seleccionado la opcin Escribir capas. Si se generan ms de 100 capas de Photoshop, aparecer una alerta indicando que no se podr abrir el documento con Photoshop 5.5 ni versiones anteriores. Escribir formas compuestas Crea una capa con formas de Photoshop para cada forma compuesta de una capa de nivel superior, siempre que ello no afecte a la apariencia de la ilustracin. Para escribir formas compuestas con trazos slidos, cambie el tipo de juntura a redonda.
Nota. Illustrator no puede exportar formas compuestas a las que se hayan aplicado estilos, trazos discontinuos y pinceles.
Texto editable Exporta texto de punto horizontal y vertical de una capa de nivel superior a texto editable de Photoshop, siempre que ello no afecte a la apariencia de la ilustracin.
Nota. Illustrator no puede exportar texto ni texto de rea de un trazado a Photoshop como texto editable.
Incluir capas ocultas Exporta las capas ocultas de la ilustracin a capas ocultas de Photoshop. Escribir secciones Exporta las secciones de la ilustracin a secciones de Photoshop, siempre que ello no afecte a la apariencia de la ilustracin.
Formato de Mtodos de archivo importacin AI Abrir EPS Abrir, Colocar Adobe PDF Abrir, Colocar Photoshop Abrir, Colocar
Consideraciones Abre todos los archivos con formato de Illustrator. Los archivos colocados se pueden enlazar o incrustar. Especifique la pgina del archivo que desea utilizar. Los archivos colocados se pueden enlazar o incrustar. Admite Photoshop 2.5 y posterior. Los archivos colocados se pueden enlazar o incrustar. Arrastre y coloque las ilustraciones directamente desde Photoshop. Illustrator no es compatible con todos los tipos de datos SVG; por lo tanto, es posible que durante la importacin se modifiquen algunos datos. Por ejemplo, los elementos ms simples se acoplan a trazados, las transformaciones se convierten en trazados transformados y los trazados con varios atributos se convierten en distintos objetos. Los archivos colocados se pueden enlazar o incrustar. Los archivos colocados se incrustarn. Arrastre y coloque las ilustraciones directamente desde Microsoft Office. Admite DXF versiones 13, 14 y 2000. Los archivos colocados se incrustarn.
SVG/SVGZ
Abrir, Colocar
PICT WMF/EMF
DXF/DWG
Abrir, Colocar
CGM
Abrir, Colocar
Los filtros Abrir, Colocar compatibles con Photoshop admiten todos los formatos rastrillados. Formatos de Abrir, Colocar texto
Es compatible con los formatos siguientes: texto normal, MS RTF, MS Word 97, 98 y 2000. El texto japons vertical de los archivos RTF y de los archivos de Word se importar como texto horizontal. Los archivos colocados se incrustarn.
3.8.3 Mediostonos
Para crear el efecto de tono continuo al imprimir una imagen, las imgenes se descomponen en series de puntos. Este proceso se denomina mediotono. Al variar el tamao y la densidad de los puntos de una trama de semitono, se crea la ilusin ptica en la imagen de variaciones de gris o de tono continuo.
3.8.6 Transparencia
Si la ilustracin contiene transparencias, se acoplar en funcin de los ajustes establecidos en el cuadro de dilogo Ajustar documento. Con el regulador de Calidad/Velocidad, puede modificar la proporcin de imgenes rastrilladas y vectoriales en la ilustracin impresa.
Objetivo de Aprendizaje
Al trmino del tema el estudiante conocer y distinguir los diferentes comandos que le permitirn realizar alguna funcin especfica de manera ms rpida.
Introduccin
Es importante distinguir los comando relativos a la seleccin y desplazamiento, pintura y transformacin, formas, edicin de trazados, visualizacin y texto.
Tema 4. Atajos 53
las
Cie el movimiento a la malla Mueve la seleccin en incrementos definidos por el usuario Mueve la seleccin en incrementos + equivalentes a multiplicar por 10 los definidos por el usuario Bloquea todas las ilustraciones Ctrl + Alt + deseleccionadas
+2
).
Tema 4. Atajos 54
Mays
Tecla
Tema 4. Atajos 55
+ +
Aade o quita espirales, lneas horizontales de , , , , , o + cuadrcula, crculos concntricos de cuadrcula, radios de vrtice, lados, puntas de estrella, rayos o anillos Aade o quita vueltas al aumentar la longitud de + Alt + arrastrar la espiral Modifica la apertura + Ctrl + arrastrar Dibuja segmentos de lnea, arcos, espirales, , , , , , , , , cuadrculas, cuadrculas polares, rectngulos, o + Alt + arrastrar (Alt + rectngulos redondeados, elipses, polgonos o + arrastrar para limitar desde estrellas desde el centro el centro)
Mays
Tecla
Tema 4. Atajos 56
Mueve el punto de malla por el trazado Aade un punto de malla con el color del objeto seleccionado Elimina el punto de malla + Alt + clic en el punto de malla Convierte los botones de modos de Alt + modo de forma forma en comandos del Buscatrazos
Mays
Tecla
Tema 4. Atajos 57
Barra espaciadora (cuando no est en enfoque de texto) Ctrl + barra espaciadora Ctrl + Alt + barra espaciadora o + Alt Ajusta la posicin del marco de Arrastrar , pulsar la barra espaciadora y zoom seguir arrastrando Oculta ilustracin no seleccionada Ctrl + Alt + + 3 Cambia entre guas horizontales y Alt + arrastrar gua verticales Suelta la gua Ctrl + + doble clic en gua
Mays
Tecla
Tema 4. Atajos 58
*La cantidad se define en Edicin > Preferencias > Texto y calco automtico. **Pulse la tecla Mays para seleccionar o ampliar la seleccin. Tecla Mays
Tema 4. Atajos 59
Tema 4. Atajos 60
Adobe Illustrator 10.0 Manual del Usuario, Adobe Systems Inc, USA 2003 Fuenmayor, Elena, Ratn, ratn Introduccin al Diseo Grfico asistido por ordenador, Ed. Gustavo Gili, Barcelona, 2001 Bounford, Trevor, Diagramas Digitales: como disear y presentar informacin grfica, Ed. Gustavo Gili, Barcelona, 2001
Revistas
Micronotas, Microprint, Mxico, D.F. 2003 Boletn Qu?, Grupo Pochteca, Mxico, D.F. 2000
Pginas web
www.adobe.com
Bibliografa general 61