Computación Gráfica 1 - clase 3
-
Upload
diseno-grafico -
Category
Education
-
view
1.629 -
download
1
description
Transcript of Computación Gráfica 1 - clase 3
![Page 1: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/1.jpg)
Computación Gráfica 1Clase 3
![Page 2: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/2.jpg)
Tipografía Digital
Los archivos de tipografía son independientes de las aplicaciones que los usan, que normalmente se instalan en un determinado directorio del sistema operativo para que estén disponibles en todos los programas que lo soportan. En la actualidad, prácticamente la totalidad de programas dentro de las interfaces gráficas de usuario tiene soporte para tipografía digital, en mayor o menor escala.
![Page 3: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/3.jpg)
Categoria Ejemplo
Serif, romanas, antiguas, geraldas, modernas mecano, o incisas SerifSan Serif, palo seco, lineales sin rotulación o grotescas. Sans SerifManuscrita, rotuladas, caligráficas, o cursivas Manusc!taDe exhibición, decorativa, adorno, fantasía, o de época. Texto
Símbolos e imágenes.
![Page 4: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/4.jpg)
SerifLas fuentes serif o de adorno tienen su origen en el pasado, cuando las letras se cincelaban en bloques de piedra.
Representa:-Tranquilidad-Autoridad-Dignidad-Firmeza
![Page 5: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/5.jpg)
Sans SerifDel francés Sans “sin” Serif, serifa o patines. Las fuentes Sans Serif están simplemente sin patines o pies, es decir, no tienen remates en sus extremos.
Representa:-Modernidad-Sobriedad-Alegría-Seguridad
![Page 6: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/6.jpg)
Manuscritas o ScriptLas fuentes manuscritas o script parecen cursivas o de caligrafía. En el diseño de una presentación digital, estas fuentes se reservan para acentuar el título principal, o la !rma del autor, pues los trazos más !nos pueden desaparecer, comprometiendo la legibilidad.
![Page 7: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/7.jpg)
Fuentes de ExhibiciónLas fuentes de Exhibición (display) son las que tienen mayor atracción de todas las categorías. La forma del carácter puede sugerir una época o período de tiempo, otras otorgan mayor personalidad.
![Page 8: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/8.jpg)
SímbolosLas fuentes de símbolos e imágenes incluyen caracteres y formas no encontrados en alfabetos tradicionales (dingbats y dingfonts), incluyen diseños que contienen juegos de caracteres de matemáticas, fonéticos, y otros usos especializados. Fuentes integradas por símbolos, muestras, logotipos, ornamentos, imágenes y otros caracteres no -alfabéticos. Estas fuentes se utilizan para enfatizar, para viñetas y decoraciones.
![Page 9: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/9.jpg)
Formatos tipográ!cos digitales
Los archivos de tipografía son independientes de las aplicaciones que los usan, que normalmente se instalan en un determinado directorio del sistema operativo para que estén disponibles en todos los programas que lo soportan.
Los formatos de tipografía digital mas comunes son:
TTF TrueType Font
PostScript Tipo 1 de Adobe
OTF OpenType Font
![Page 10: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/10.jpg)
Programa para diseñar y editar tipografías
Fontographer
![Page 11: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/11.jpg)
Haz clic aquí para descargar50 tipografías de calidad
Más información sobre tipografía.
![Page 12: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/12.jpg)
Diseño
Imagen Digital
La digitalización de una imagen es el proceso por el cual ésta se describe con números para poder ser manipulada por el procesador de un computador. Ese trabajo puede ser hecho por
un escáner o una cámara fotográfica digital, en el caso de fotos o imágenes impresas.
De este modo las imágenes quedan convertidas en archivos digitales, que se pueden procesar y almacenar.
![Page 13: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/13.jpg)
Software
VectorialMapa de Bits
ratón TablaDigitalizadora
![Page 14: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/14.jpg)
Bamboo de Wacom
Tabla digitalizadora degama baja. Es la más barataque podemos encontrar.$39.000.- pesos chilenosFuente: www.globalmac.cl
![Page 15: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/15.jpg)
Cintiq de Wacom
Tabla digitalizadora de gama alta. Es la más avanzada con pantalla en la tabla. Su valor va desde los $790.000.- pesos chilenosFuente: www.globalmac.cl
![Page 16: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/16.jpg)
Inkling
![Page 17: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/17.jpg)
![Page 18: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/18.jpg)
Gráficos VectorialesEste método de digitalización de imágenes es usado en dibujos con colores planos o con degradés. No es fácil representar texturas ni dibujos fotorrealistas. Los principales programas de dibujo vectorial son Corel Draw, Adobe Illustrator y Macromedia Freehand.
![Page 19: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/19.jpg)
Mapa de Bits
Los programas de mapa de píxeles describen las imágenes dividiendo una superficie rectangular en pequeñas celdas
cuadrados, llamadas píxeles, asignándole a cada uno un valor de color. Con este método de digitalización es posible definir
imágenes fotográficas y texturas.
![Page 20: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/20.jpg)
![Page 21: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/21.jpg)
Llamamos resolución a la cantidad de píxeles que tiene la imagen por unidad de medida (píxeles por cm o por
pulgada). Este valor tiene una importancia fundamental: si la resolución es baja, es decir que tiene pocos píxeles por pulgada o cm, al imprimirse, la imagen se verá pixelada, es decir sus píxeles serán visibles y la calidad resultante será
mala. Los valores de resolución dependen del uso final que tendrá la imagen que estamos trabajando.
Resolución
![Page 22: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/22.jpg)
Color RGB
Proceso aditivo de mezcla de colores. Al mezclarse tres colores (rojo, verde y azul) se forma el color blanco. En su mezcla por pares dan como resultado cyan, magenta y amarillo.
![Page 23: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/23.jpg)
Color CMYK
Proceso sustractivo de mezcla de colores. Exactamente al contrario del aditivo, la mezcla de los tres pigmentos da como resultado el “bistre” (un gris casi negro).La mezcla de a pares da Rojo, Verde y Azul.
![Page 24: Computación Gráfica 1 - clase 3](https://reader033.fdocumento.com/reader033/viewer/2022050815/546d9371af795953298b5329/html5/thumbnails/24.jpg)
RGB CMYKColores Luz (pantalla)Web, Multimedia, Video
Colores solidos (tintas)Impresión
Resolución72 pxl/pulg.
Resolución150 - 300 pxl/pulg.
Unidad de Medidapixeles
Unidad de Medidacms - mm.
formatos más comunesJPG - GIF - PNG
formatos más comunesTIFF - JPG - PSD