Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Dibujo por computadora, Apuntes de Computación Gráfica

Creación de imágenes mediante medios digitales

Tipo: Apuntes

2015/2016

Subido el 23/05/2016

Eff.Bruno
Eff.Bruno 🇪🇸

1 documento

1 / 62

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
Dibujo por Computadora
Bloque Básico
Compilador:
Lic. Dalia Álvarez Juárez
Licenciatura en Diseño Gráfico
CONOCERSE ACEPTARSE AMARSE CUIDARSE SUPERARSE TRANSMITIR TRANSFORMAR
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b
pf2c
pf2d
pf2e
pf2f
pf30
pf31
pf32
pf33
pf34
pf35
pf36
pf37
pf38
pf39
pf3a
pf3b
pf3c
pf3d
pf3e

Vista previa parcial del texto

¡Descarga Dibujo por computadora y más Apuntes en PDF de Computación Gráfica solo en Docsity!

Bloque Básico

Compilador:

Lic. Dalia Álvarez Juárez

Licenciatura en Diseño Gráfico

CONOCERSE ACEPTARSE AMARSE CUIDARSE SUPERARSE TRANSMITIR TRANSFORMAR

Índice

Objetivo general 3

Introducción

El Dibujo por computadora va a permitir crear, transformar, transportar e imprimir imágenes en un medio digital, esto se va a realizar de una manera rápida y efectiva siempre y cuando el diseñador conozca las herramientas y los atajos con los que cuenta el programa Adobe Ilustrador.

Los gráficos en computadora están constituido por gráficos vectoriales e imágenes de mapa de bits, que sirven para crear, editar e importar ilustraciones.

El programa anteriormente citado nos va a permitir, un manejo fácil y oportuno de la imagen vectorial, la cual se podrá imprimir directamente sobre papel o podrá ser convertida en la imagen positiva o negativa en una película ortocromática, o en placas para impresión, podrá utilizarse en programas de multimedia, ya sea para presentaciones o en línea como lo veremos más adelante.

Algo importante que se debe resaltar es que ahora gracias a los medios digitales se pueden compartir ilustraciones entre diversos programas tales como Illustrator Freehand, CorelDraw, Fireworks, Flash y Photoshop.

Objetivo general 4

Objetivo general

Al término del curso el estudiante producirá proyectos de diseño para la creación de imágenes digitales, empleando software especializado de dibujo y diseño.

Tema 1. El uso de la computadora para la ilustración gráfica (^6)

nuevamente. Además que requerimos de un espacio físico considerable, tanto para trabajar coma para guardar nuestro instrumental.

Es por esto que el hombre en su afán de hacerse la vida más fácil ha desarrollado diferentes programas informáticos que le permitan manipular y crear imágenes de manera más sencilla en espacios virtuales que le permitan ocupar reducidos espacios físicos. Entre estos programas están los de dibujo por computadora, entre los que destacan Freehand, Illustrator, CorelDraw y Painter. En este curso nos centraremos en el manejo del Illustrator aunque el manejo del resto de los programas es muy similar.

No debemos olvidar que al igual que en el proceso tradicional en el dibujo por computadora debemos pasar por un proceso de bocetaje, previo a la realización de la ilustración como lo podemos observar en el siguiente ejemplo.

Tema 1. El uso de la computadora para la ilustración gráfica (^7)

1.1.2 Proceso digital

Los gráficos de computadora se dividen en dos categorías principales: gráficos vectoriales e imágenes de mapa de bits. Comprender la diferencia entre ambos facilita la creación, edición e importación de ilustraciones.

En Illustrator, el tipo de imagen gráfica puede influir considerablemente en el flujo de trabajo. Por ejemplo, algunos formatos de archivo sólo admiten imágenes de mapa de bits y otros sólo admiten gráficos vectoriales. Los tipos de imagen gráfica resultan especialmente importantes al importar o exportar imágenes gráficas en Illustrator. Las imágenes de mapa de bits enlazadas no se pueden editar en Illustrator. Los formatos gráficos también afectan al modo en que se aplican los comandos y los filtros sobre las imágenes; algunos filtros de Illustrator sólo funcionan con imágenes de mapa de bits.

1.2 Hardware y software disponibles para la ilustración gráfica

Coma ya mencionamos anteriormente; en la actualidad existen varios softwares para el dibujo e ilustración por computadora, los cuales trabajan por medio de vectores, entre estos destacan tres principalmente; Illustrator, Frenad y CorelDraw.

1.2.1 Imágenes vectoriales

Los programas de dibujo como Adobe Illustrator crean gráficos vectoriales compuestos de líneas y curvas definidas por objetos matemáticos denominados vectores. Los vectores describen los gráficos según sus características geométricas. Por ejemplo, una rueda de bicicleta en un gráfico vectorial se forma a partir de la definición matemática de un círculo dibujado con un determinado radio, en una posición específica y con un color de relleno concreto. Puede mover, cambiar el tamaño o modificar el color de la rueda sin por ello perder la calidad del gráfico.

Los gráficos vectoriales no dependen de la resolución; es decir, se pueden escalar a cualquier tamaño e imprimir en cualquier dispositivo de salida con cualquier resolución sin perder precisión ni nitidez. Por lo tanto, los gráficos vectoriales constituyen la mejor opción para los gráficos de texto (especialmente de texto pequeño) y en negrita, como los logotipos, que necesitan mantener las líneas nítidas cuando se escalan a diferentes tamaños.

Tema 1. El uso de la computadora para la ilustración gráfica (^9)

Las imágenes de mapa de bits son adecuadas para reproducir graduaciones sutiles de color, como en las fotografías. Si se imprimen en un tamaño demasiado grande o si se visualizan con un nivel de aumento excesivamente elevado, es posible que se produzcan bordes dentados.

1.2.2.1 Resolución de las imágenes de mapa de bits

La resolución es el número de puntos o de píxeles por unidad lineal utilizado para reproducir ilustraciones e imágenes. Los dispositivos de salida muestran las imágenes como grupos de píxeles. La resolución de los gráficos vectoriales, como las ilustraciones de Illustrator, depende del dispositivo que se utilice para visualizar la ilustración. La resolución de las imágenes de mapa de bits, como las fotografías digitales, depende tanto del dispositivo de visualización como de la resolución inherente de la imagen de mapa de bits.

1.2.2.2 Dimensiones de los píxeles

El número de píxeles que constituyen la altura y la anchura de una imagen de mapa de bits_._ El tamaño de una imagen en pantalla se determina por las dimensiones de los píxeles de la imagen y el tamaño y ajustes del monitor. El tamaño de un archivo de imagen es proporcional a las dimensiones de sus píxeles.

Un monitor normal de 21 pulgadas muestra 1.152 píxeles horizontalmente y 870 verticalmente. Una imagen con dimensiones de píxeles de 1.152 por 870 llenaría esta pequeña pantalla.

Tema 1. El uso de la computadora para la ilustración gráfica (^10)

1.2.3 Resolución de imagen

El número de píxeles mostrados por unidad de longitud impresa de una imagen, se mide normalmente en píxeles por pulgada (ppp). Una imagen de alta resolución contiene más píxeles y, por consiguiente, más pequeños, que una imagen de las mismas dimensiones pero de baja resolución. Por ejemplo, una imagen de 1 por 1 pulgada con una resolución de 72 ppp contiene un total de 5.184 píxeles ( píxeles de ancho por 72 de alto = 5.184). La misma imagen con una resolución de 300 ppp contendría un total de 90.000 píxeles.

Las imágenes de alta resolución, al utilizar más píxeles para representar cada unidad de área, normalmente reproducen más detalles y transiciones de color más sutiles que las imágenes de baja resolución cuando se imprimen. Sin embargo, cuando una imagen se ha escaneado o creado a una resolución baja, incrementar la resolución no suele mejorar la calidad de la imagen, ya que se extiende la información de píxeles original a un número mayor de píxeles.

Para determinar la resolución de imagen que se debe utilizar, tenga en cuenta el medio de distribución final de la imagen. Si está produciendo imágenes para visualización en línea, basta con que la resolución de la imagen sea la habitual de los monitores (72 o 96 ppp). Sin embargo, el uso de una resolución demasiado baja en una imagen impresa genera lo que se conoce como pixelación , una imagen con grandes píxeles de apariencia burda. Si se utiliza una resolución demasiado alta (píxeles menores a los que produce el dispositivo de salida), aumenta el tamaño del archivo y se ralentiza la impresión de la imagen.

Nota. El panel Impresión y exportación del cuadro de diálogo Ajustar documento permite definir la resolución de salida para dibujos vectoriales. En Illustrator, la resolución de salida se refiere al número de segmentos lineales que utiliza el intérprete PostScript®^ para aproximar una curva (no es lo mismo que la resolución de la imagen).

1.2.4 Resolución de monitor

El número de píxeles o puntos mostrados por unidad de longitud en el monitor, normalmente medidos en puntos por pulgada (dpi, del inglés dots per inch). La resolución del monitor depende del tamaño del mismo y de su ajuste de píxeles. Un monitor de PC o Mac OS puede oscilar entre 60 y 133 dpi. Comprender la resolución del monitor facilita la explicación de la diferencia entre el tamaño de visualización en pantalla de una imagen y su tamaño impreso.

Tema 1. El uso de la computadora para la ilustración gráfica (^12)

Resumen

Los gráficos vectoriales y las imágenes de mapa de bits, son categorías de los gráficos en computadora que sirven para crear, editar e importar ilustraciones. Dichas imágenes, constituyen el medio electrónico más común para tono continuo, como fotografías o p programas de dibujo, ya que pueden representar graduaciones sutiles de sombras y colores.

Para este tema es muy importante tener en cuenta, la dimensión de los píxeles, la resolución de imagen, del monitor y de la impresora.

Tema 2. La imagen y la ilustración digital (^13)

Tema 2. La imagen y la ilustración digital

Subtemas

2.1 Imagen digital 2.1.1 Concepto 2.1.2 Características 2.2 Ilustración 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 Compresión y organización de la imagen gráfica

Objetivo de aprendizaje

Al término del tema el estudiante conocerá las ventajas que tiene el trabajar con imágenes digitales y conocerá las herramientas que tiene el programa Adobe Ilustrador.

Introducción

La imagen digital es muy maleable, permite llevar a cabo una gama de posibilidades en cualquier trabajo de diseño ya que puede ser guardada y transportada en cualquier medio electrónico. Es indispensable que el diseñador conozca el programa de Adobe Ilustrator y algunos conceptos básicos de éste tales como los distintos tipos de área; de trabajo, de imagen, no imprimible, de pruebas entre otras.

2.1 Imagen digital

2.1.1 Concepto

La imagen digital es toda aquella imagen que se encuentre en código binario y pueda ser almacenada o manipulada por medio de una computadora, independientemente de que esta haya sido generada de manera análoga o por computadora.

Tema 2. La imagen y la ilustración digital (^15)

¾ Área de pruebas El área de pruebas es el área exterior de la mesa de trabajo, que se extiende hasta el borde de la ventana de 227 pulgadas cuadradas. El área de pruebas representa un espacio donde se pueden crear, editar y almacenar elementos de ilustraciones antes de llevarlos a la mesa de trabajo. Los objetos colocados en el área de pruebas se ven en la pantalla, pero no se imprimen.

Área de trabajo de Illustrator:

A. Área de imagen B. Área no imprimible C. Borde de la página 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 mayoría de las herramientas, el puntero del ratón adopta la forma del icono de la herramienta. Por ejemplo, al seleccionar la herramienta Pincel, el puntero se convierte en un pincel. También puede convertir el puntero de una herramienta en un puntero de precisión, como una cruz , para conseguir mayor precisión al alinear o trabajar en ilustraciones con un elevado nivel de detalle.

Tema 2. La imagen y la ilustración digital (^16)

Para desplazar el cuadro de herramientas: Arrastre el cuadro de herramientas desde la barra superior.

Para mostrar u ocultar el cuadro de herramientas: Para mostrar u ocultar el cuadro de herramientas, seleccione Ventana > Herramientas. Al mostrar el cuadro de herramientas, aparece una marca delante del nombre.

Para ver las herramientas ocultas en la pantalla: Pulse una herramienta del cuadro de herramientas que tenga herramientas ocultas bajo ella. Las herramientas que tienen herramientas ocultas se identifican mediante un triángulo situado en la esquina inferior derecha.

Cuando aparezca la barra de herramientas de las herramientas ocultas, mantenga pulsado el botón del ratón y arrastre hasta la flecha situada al final de la barra de herramientas. La barra de herramientas se separa del cuadro de herramientas.

Para cerrar una barra de herramientas separada: Haga clic en el cuadro Cerrar.

Para cambiar el puntero por un puntero de precisión: Lleve a cabo uno de los procedimientos siguientes:

  • Con la herramienta seleccionada, pulse la tecla Bloq Mayús (Windows) o la tecla Todo Mayúsculas (Mac OS).
  • Seleccione Edición > Preferencias > Generales (Windows y Mac OS 9) o bien Illustrator > Preferencias > Generales (Mac OS X), elija Usar cursores precisos y, a continuación, haga clic en Aceptar (Windows) o en OK (Mac OS).

2.2.3 Las paletas

Adobe Illustrator incluye diversas paletas que facilitan el control y la modificación del trabajo. Por defecto, estas paletas aparecen apiladas en varios grupos. También puede anclar paletas para poder moverlas juntas.

Mostrar y ocultar paletas Illustrator permite mostrar y ocultar paletas mientras trabaja.

Para mostrar u ocultar una paleta: Lleve a cabo uno de los procedimientos siguientes:

  • Seleccione Ventana > (nombre de la ventana). Delante de las ventanas que ya estén abiertas aparece una marca.

Tema 2. La imagen y la ilustración digital (^18)

¾ 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 Información sólo muestra la información que es común a todos los objetos seleccionados.

2.2.4 Color

A continuación veremos varios aspectos del color.

Tema 2. La imagen y la ilustración digital (^19)

2.2.4.1 Gamas de color

La gama, o espacio de color , de un sistema de color es el número de colores que se pueden ver o imprimir. El espectro de colores que puede ver el ojo humano es más amplio que cualquier método de reproducción de color.

La gama RGB contiene el subconjunto de colores que se puede visualizar en un monitor de ordenador o de televisión (que emite luz roja, verde y azul). Algunos colores, como el cian o el amarillo puros, no se pueden mostrar adecuadamente en un monitor. La gama menor es la del modelo CMYK, que contiene los colores que se pueden imprimir utilizando las tintas de colores de cuatricromía. Cuando los colores que no se pueden imprimir se visualizan en la pantalla, nos referimos a ellos como colores fuera de gama (es decir, que quedan fuera de la gama CMYK).

Comparación de gamas de color RGB y CMYK

A. Gama de color RGB B. Gama de color CMYK

La extensión de la gama de color RGB supera la de la gama CMYK.

2.2.4.2 Modos y modelos de color

En Illustrator, un modo de color determina el modelo de color utilizado para visualizar e imprimir archivos de Illustrator. Illustrator basa sus modos de color en los modelos de color establecidos para la descripción y reproducción de colores. Los modelos más comunes son HSB (del inglés hue, saturation, brightness: tono,