Este documento proporciona información sobre recursos gráficos como tipografía, imágenes, color y espacio composicional. Explica diferentes formatos de archivo de imagen como JPG, PNG, GIF y TIFF, así como herramientas digitales como Adobe Photoshop, Illustrator e InDesign. También cubre conceptos como mapas de bits, profundidad de color, resolución de imágenes y vectores.
9. Imprimir
300 dpi
Imágenes a tamaño real sin escalar para
que no se pixelen
Pantalla
72/96/120 dpi
Imágenes de poco peso para que cargen
y se envíen rápidamente.
dpi: dots per inch
ppp: puntos por pulgada
13. Una imagen de mapa de bits, también conocida como gráfico raster o rasterizado se compone
de pequeños cuadrados (píxeles) distribuidos sobre una cuadrícula rectangular.
La calidad de una imagen de mapa de bits viene dada por la combinación de
su resolución y su número de bits de profundidad del color.
A mayor número de píxeles, mayor resolución y mayor nitidez de la imagen.
Dado que los mapas de bits dependen de su resolución,
al ampliar su tamaño un mapa de bits pierde detalles y calidad.
Mapa de bits
14. Profundidad de color
La profundidad de color de una imagen se refiere al número de colores diferentes que puede
contener cada uno de los puntos o píxeles que la forman,
y depende de la cantidad de información (número de bits) que puede almacenar un pixel.
Cuanto mayor sea la profundidad de bit, mayor será la cantidad de tonos
(escala de grises o color) que puedan ser representados,
más colores habrá disponibles y
más exacta será la representación del color en la imagen digital.
15. Taba de profundidad de color
Nº máximo de colores
Nº bits/canal Escala de grises colore RGB
1 bit 2 8
2 bits 4 48
4 bits 16 4.096
8 bits 256 16,7 Millones (24 bits)
10 bits 1024 1,1 Billones (30 bits)
12 bits 4.096 68,7 Billones (36 bits)
14 bits 16.384 4,4 rillones (42 bits)
15 bits 32.768 35 Trillones (45 bits)
16 bits 65.536 281 Trillones (48 bits)
16. MEGAPIXELES RESOLUCUIÓN TAMAÑO IMPRESO
2 MP 1600 x 1200 px 20x15 cm.
3.1 MP 2048 x 1536 px 26x19 cm.
4.1 MP 2272 x 1704 px 28x21 cm.
5 MP 2592 x 1944 px 32x24 cm.
6.3 MP 3072 x 2048 px 39x26 cm.
7.1 MP 3072 x 2304 px 39x29 cm.
8.2 MP 3264 x 2248 px 41x28 cm.
9.1 MP 3456 x 2592 px 43x32 cm.
10.1 MP 3648 x 2736 px 46x32 cm.
11.1 MP 4080 x 2720 px 51x34 cm.
12.1 MP 4000 x 3000 px 50x38 cm.
28. con pérdida de calidad
.jpg .gif .png
sin pérdida de calidad
.bmp .psd .tif
Formatos y extensiones
29. GIF
Imágenes de tamaño muy reducido.
Gran compresión
Admite fondos transparentes.
Permite enlazar varias imágenes gif en una
secuencia, gif animado
Idóneo para dibujos web y colores planos, no
para fotografías de gran calidad.
Profundidad de color: 256 colores 8 bits
30. PNG
Formato de compresión mayor que el gif
y sin pérdidas.
No permite archivos animados.
Mayor número de colores que el gif
Hasta 256 niveles de transparencia
(canal alfa)
Profundidad de color: + de 256 colores 24 bits
31. JPG
Formato de compresión con pérdida
Formato estándar en la web
Ideal para fotografías
La compresión se produce automáticamente
cada vez que se guarda el archivo.
No admite fondos transparentes.
Profundidad de color:
16 millones de colores 24 bits
32. BMP
Formato de compresión sin pérdida
La imagen se forma mediante una parrilla
de píxeles.
Formato nativo de Microsoft y aplicaciones.
Inconveniente: el archivo tiene un tamaño
muy grande.
Profundidad de color: 24 bits
33. TIF
Formato de calidad excelente
Formato ideal para editar o imprimir
Mantiene capas el canal alfa
Inconveniente: produce archivos muy grandes
Profundidad de color: 48 bits
34. PSD
Formato de Adobe Photoshop
Uso centrado en la edición de la imagen.
Permite mantener las capas, retoques y canales
Profundidad de color: 48 bits
37. Imagen vectorial
Es una imagen formada por atributos matemáticos.
Valores que definen la posición, el centro, el grosor de línea, las curvas, etc.
Los vectores son la descripción geométrica matemática de una imagen.
Son líneas, polígonos, círculos, estrellas, espirales, etc.
Es un formato completamente distinto a las imágenes de mapa de bits.
La principal ventaja de los gráficos vectoriales es poder ampliar el tamaño de una imagen a
voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits.
39. Imagen vectorial
vs. mapa de bits
Requieren mayor cantidad de operaciones del procesador para ser decodificados y desplegados
en la pantalla, por lo que se necesitará un ordenador más potente para su edición.
Las imágenes vectoriales almacenan en pocos bytes información compleja,
ya que lo único que se guardan son las ecuaciones que forman las figuras geométricas,
su posición, su color, etc., por este motivo son más fáciles de enviar y recibir a través de Internet.
Generalmente su uso está enfocado a definir las áreas de color plano.
detalle ampliado de imagen de mapa de bits detalle ampliado de imagen vectorial
40. Curvas de Bézier
En un trazado Bézier existen "manejadores" en cada uno de sus nodos de manera que se puede
alterar la curvatura a voluntad para adaptar el trazo a cualquier forma, controlando la suavidad
de las zonas de transición.
nodo
nodo
nodo
manejador
manejador
41. Vectorización
Convertir imágenes formadas por píxeles en
formas vectoriales. Esto se logra dibujando
todos los contornos y rellenos de la imagen
mediante curvas Bezier.
Rasterizar
Proceso por el cual una imagen descrita en
un formato gráfico vectorial se convierte
en un conjunto de píxeles unificado.
Al rasterizar se elimina toda
la información vestorial.
45. EPS
Es un archivo PostScript que almacena
pequeños gráficos vectoriales, a diferencia de
los que almacenan una o varias páginas enteras.
Formato utilizado habitualmente para exportar
imágenes de mapa de bits con trazados
vectoriales.
Es uno de los mejores formatos para ser
importados desde la mayoría de software
de diseño.
46. PDF
En esencia no es un formato gráfico
propiamente dicho, sino un formato de
almacenamiento de documentos, que permite
almacenar texto con formato, imágenes de
diferentes tipos, etc.
Es una versión simplificada de PostScript;
permite contener múltiples páginas y enlaces.
Es compatible entre las plataformas MAC y PC.
Usado fundamentalmente para la confección de
documentos que puedan descargarse
de Internet.
51. Texto+Imagen
Software para la composición digital de páginas
dirigida a diseñadores gráficos y
maquetadores profesionales.
Domina:
Archivos de texto de múltiples páginas
El control tipográfico
La composición de página
Los textos vinculados
La relación texto e imagen
Estilos de texto
Páginas maestras
Gestión del color
Arte final para imprenta
54. Composición
de página
Las retículas son las estructuras a través de las cuales el diseñador organiza y distribuye
los elementos que integran la página al tiempo que establece una jerarquía informativa eficaz
con modulos, ayudando así los usuarios a orientarse con facilidad.
De esta manera se reducen los errores del usuario y la desorientación,
invitándole a explorar la información de una manera guiada.
El uso de retículas permite optimizar el diseño de la página genrandose una lógica visual y
buscando el equilibrio entre proporcionar sensaciones visuales y transmitir contenido.
55.
56. Partes del libro
faja
solapasobrecubierta o camisa
cinta
anteportada o portadilla
portada
guarda
canto
guarda
media caña lomo
tapa delantera tapa trasera
ceja
páginas impares derecha
páginas pares izquierda
59. INDD
Formato propio de Adobe InDesign.
EMPAQUETADO
El empaquetado nos permite guardar
en una sola carpeta todo lo que estamos
requiriendo en nuestro proyecto.
Contiene todo lo empleado en el
documento, las fuentes, los vínculos de
imágenes, colores y tintas, etc.
60. PDF
En esencia no es un formato gráfico
propiamente dicho, sino un formato de
almacenamiento de documentos, que permite
almacenar texto con formato, imágenes de
diferentes tipos, etc.
Es una versión simplificada de PostScript;
permite contener múltiples páginas y enlaces.
Es compatible entre las plataformas MAC y PC.
Usado fundamentalmente para la confección de
documentos que puedan descargarse
de Internet.
61.
62. - Corrección de color, retoque
y mejora de imágenes
- Efectos gráficos y montajes
- Creación de gráficos para web
- Diseño de interfaz de usuario y
para dispositivos móviles
- Diseño de logo, marcas, iconos,
símbolos, etc
- Ilustraciones vectoriales
- Creación de elementos web,
fotográfico no
¿ EN QUÉ ES MEJOR CADA PROGRAMA?
- Creación de documentos de varias
páginas y diseños (libros, folletos, etc.)
- Páginas maestras y
numeración de páginas
- Texto vinculado y ajuste de texto
- Archivos de packaging.