Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Mod 1
Mod 1
Material de estudio
1
Fernando Castillo Sologuren
Índice
Introducción al tema
Para trabajar con imágenes es necesario conocer algunos aspectos técnicos
que aseguran la calidad del resultado.
Empezaremos por comprender la importancia de la resolución en una
imagen y su relación con el tamaño, para lograr un trabajo de calidad. Luego
vamos a identificar una imagen “pixeleada” y posteriormente aprenderemos
a modificar el tamaño y la resolución de una imagen en Photoshop, sin que
pierda su calidad.
Idea clave
La tecnología ha evolucionado, las cámaras fotográficas que utilizaban
películas han dado paso a las cámaras digitales que toman imágenes
cada vez más grandes y de mayor calidad.
Una imagen digital nace al tomar una foto digital o al realizar el escaneo de una página
o de un objeto. Una imagen digital es un conjunto ordenado de millones de puntos
(pixeles). Al crearse la imagen, esta tiene dos características esenciales:
Lo que ocurre es que la imagen está conformada por pequeños puntos llamados
“pixeles”. La cantidad de pixeles por pulgada determina la calidad de una imagen. Para
visualizar una imagen en la pantalla, con buena calidad, se requiere una resolución de
72 dpi. Sin embargo, para imprimirla en alta calidad se requieren 300 dpi. Para
imprimir una imagen en una impresora en casa serán suficientes 200 dpi. A más DPI la
imagen “pesará” más megabytes (Mb o “megas”).
Usos Resolución
Imágenes en pantalla, enviadas por correo electrónico, imágenes
72 DPI
en presentaciones multimedia, imágenes en power point.
Imágenes para imprimir en laser o inyección de tinta, en la
200 DPI
impresora de la casa o la oficina.
Imágenes para impresión de alta calidad (offset): revistas, afiches,
300 DPI
folletos.
Idea clave
Muchas veces vemos bien una imagen en la pantalla y al momento de
imprimirla aparece toda borrosa. ¿Qué pasó? La imagen se ha
“pixeleado”.
A continuación puede apreciar cómo se ven las imágenes con diferentes resoluciones.
Note la diferencia en la calidad de las imágenes. Una imagen en alta resolución tiene
mucho detalle, la imágenes en baja se ven borrosas o formadas por “cuadraditos”,
pixeladas, no tienen detalle.
Idea clave
SI deseamos analizar visualmente la calidad de una imagen en la
pantalla, podremos observar si está o no “pixeleada”.
Idea clave
Al trabajar con una imagen de Photoshop necesitaremos averiguar su
tamaño y resolución para determinar si la imagen nos servirá.
Existe la posibilidad de modificar el tamaño y la resolución en
Photoshop.
La calidad de una imagen se puede visualizar en Photoshop.
Simulaciones demostrativas
Le sugerimos que revise la simulación demostrativa “Aprendiendo el
entorno” que se encuentra en la plataforma educativa Paideia PUCP.
Podríamos concluir que, imágenes de baja resolución se pueden imprimir con calidad
pero a un tamaño mucho más pequeño.
Idea clave
A veces tomamos fotos a gran tamaño o mucha resolución y estas
pesan demasiado. ¿Cómo le bajamos la resolución a una imagen para
que pese menos megas?
En el menú:
Actividades sugeridas
1. Descargue una imagen de Internet, ábrala en Photoshop y verifique su
tamaño y su resolución.
2. Abra otra imagen en Photoshop. Colóquela al 100% de tamaño y
verifique, visualmente, su calidad.
3. Modifique la resolución de una imagen en Photoshop.
4. Modifique el tamaño de una imagen controlando que su resolución no
sea afectada.
Resumen
El tamaño y la resolución son determinantes al momento de establecer para
qué se puede utilizar una imagen. Debemos ser muy cuidadosos con las
resoluciones para generar trabajos de calidad. Siempre al iniciar un trabajo
verificar el tamaño y la resolución de la imagen.
Introducción al tema
¿Cómo se hace el color?, ¿saldrá igual lo que veo en pantalla al impreso?,
¿cómo controlamos el color?, ¿es igual un color de pantalla que uno impreso?
¡NO! Definitivamente entre los colores de pantalla y los de impresión existen
diferencias.
Idea clave
Existen diferentes formas de generar color y necesitamos conocerlas
para utilizar cuando corresponda CMYK – tintas y RGB – Luz.
Actualmente tenemos dos modelos básicos de color para trabajar imágenes: el modelo
RGB y el modelo CMYK.
RGB es un modelo de colores luz. En este se utiliza luz para generar colores en una
pantalla de tv o en una computadora. Este modelo permite generar alrededor de 16
millones de colores en una pantalla.
Una imagen impresa es, en realidad una ilusión óptica generada por la combinación de
puntos (tramas) de 4 colores (CMYK) (ver imagen a continuación). Basta mirar, con
detenimiento, cualquier imagen en un periódico, para ver los “puntitos” que conforman
la imagen.
Para verificar cuál es el modo de color en el que se encuentra una imagen, basta con
mirar el título de la imagen ubicado en la parte superior de la misma.
Adicionalmente…
SI quiere saber más sobre color le recomendamos visitar.
Fotonostra, es una reconocida web de Diseño Gráfico y fotografía.
Contiene un completo compendio de temas relativos al color.
http://www.fotonostra.com/grafico/rgb.htm
2.2 El gamut
Idea clave
Gamut: es cantidad de colores de un modelo. No todos los modelos
tienen la misma cantidad de colores. El ojo humano tiene la posibilidad
de ver billones de colores. Los modelos de reproducción RGB y CMYK
son más limitados.
RGB, de ahí que, al mirar en una pantalla, las imágenes se vean más atractivas y
“coloridas” que en una impresión.
Entonces, al imprimir imágenes siempre habrá una variación del color respecto a lo
que vemos en la pantalla. Esta situación se minimiza calibrando el color de la pantalla
y la impresora. Además se utiliza, en los entornos profesionales de trabajo, sistemas
de control de color, los mismos que permiten lograr una uniformidad del mismo.
Idea clave
En Photoshop podemos cambiar el modo de color en el que se
encuentra una imagen. A veces será necesario, dependiendo de donde
vamos a publicar la imagen, si en una pantalla o en un impreso.
Para cambiar el modo de color de una imagen en Photoshop (debe tener una imagen
abierta en Photoshop):
Resumen
Existen 2 modos de color, el RGB y el CMYK. Ninguno es mejor que el otro,
cada uno tiene su utilidad. Es importante considerar, que las imágenes en
pantalla se apreciarán mejor, pues son mostradas con una gama de colores
más amplia.
Introducción al tema
En los software de diseño gráfico, la información se trabaja de forma
diferente dependiendo de lo que sea. Existen archivos de diferentes tipos, de
bitmaps y de vectores, los que se trabajan en distintos programas. Es
necesario que los conozcamos algunas de sus características y formatos.
Idea clave
Reconocer un archivo Bitmap y un archivo vectorial y establecer las
diferencias entre ellos.
Al grabar un archivo de Photoshop o una foto, se graba cada uno de los puntos que
conforman la imagen, es un mapa de millones de puntos.
Estos archivos tienen la ventaja de poder ser agrandados a voluntad, sin que se pierda
las características de la ilustración en forma, color o calidad y la desventaja de no
poder reproducir exactamente la realidad (una ilustración). En los últimos años han
evolucionado mucho con la incorporación de herramientas 3-D, que permite realiza
ilustraciones más próximas a la realidad.
Los programas que trabajan archivos vectoriales son Adobe Illustrator, Adobe
Indesign, Corel Draw, Autocad. Es importante aclarar que en estos programas usted
podrá colocar una foto, pero no podrá alterar su contenido.
Resumen o conclusión
El Photoshop es un programa de bitmaps y los formatos que utiliza
frecuentemente son el TIF, JPG y PSD.
Introducción al tema
Para trabajar con comodidad vamos a reconocer el área de trabajo de
Photoshop y vamos a identificar los principales componentes de este
entorno.
También aprenderemos los comandos básicos para trabajar con imágenes
y los comandos de visualización.
Simulaciones demostrativas
Le sugerimos que revise la simulación demostrativa “Aprendiendo el
entorno” que se encuentra en la plataforma educativa Paideia PUCP.
Menú superior
Título de imagen
Paleta de herramientas
Escritorio
Tamaño en megabytes
Barras de
desplazamiento
% de ampliación
Imagen
CERRAR PALETA
TÍTULO DE PALETA
Pincel historia
Tampones de clonación
Degradado
Borrador
Sobreexponer, subexponer
Desenfoque, afinación
Texto
Pluma de dibujo
Formas
Selección pads
3-D
Manito
Zoom
Color encima
Color abajo
Máscara
rápida
Además tenemos paletas auxiliares de color, capas, texto, canales, trazados, etc.
Minimizar / maximizar
paletas
Cerrar
Título de paleta paletas
Menú de
paleta
Opciones de paleta
Todas las paletas del programa pueden ser activadas desde: menú / ventana, y
seleccione la paleta que desee.
Para mover una paleta de lugar haga clic en barra de título y arrástrela.
Simulaciones demostrativas
Le sugerimos que revise la simulación demostrativa “Aprendiendo el
entorno” que se encuentra en la plataforma educativa Paideia PUCP.
Idea clave
Al momento de trabajar es muy útil controlar adecuadamente los
comandos rápidos para visualizar los archivos. Esto nos permite
trabajar más rápido y más profesionalmente.
Simulaciones demostrativas
Le sugerimos que revise la simulación demostrativa “Aprendiendo el
entorno” que se encuentra en la plataforma educativa Paideia PUCP.
Tips
Si su mouse tiene rueda de desplazamiento presione Alt y mueva la
rueda para activar o quitar el zoom.
En Mac cambiar Ctrl por comando.
Si desea cambiar las unidades de las reglas de un clic sobre ellas y seleccione de la
lista.
Ejercicios sugeridos
1. Abrir y guardar una imagen en Photoshop.
2. Revisar el entorno de trabajo.
3. Probar los comandos rápidos de visualización.
4. Verificar y modificar el tamaño y resolución de una imagen.
Resumen
Una revisión del entorno de trabajo nos permite familiarizarnos con el
programa que vamos a utilizar. Es muy importante aprender a utilizar los
comandos rápidos de visualización, nos permiten trabajar más
cómodamente.