Mod1 PDF

Mdulo 1: Conociendo el trabajo con imgenes
Material de estudio
Fernando Castillo Sologuren
ndice
Tema 1: Resolucin vs. Tamao ......................................................................................... 3
1.1
Cmo nace una imagen digital?.................................................................................. 3
1.2
Cmo reconocer una pixeleada? .............................................................................. 4
1.3
Mirar una imagen a tamao real (al 100%) ................................................................... 5
1.4
Modificando el tamao y la resolucin con Photoshop .................................................. 6
1.5
Bajando la resolucin a una imagen. ............................................................................ 8
Tema 2: Modelos de color ................................................................................................. 10

2.1
Los modelos de color .................................................................................................. 10
2.2
El gamut ..................................................................................................................... 12
2.3
Cambiar el modo de color en Photoshop .................................................................... 13
Tema 3: Bitmaps vs. vectores ........................................................................................... 15

3.1
Archivos de bitmaps y archivos vectoriales. ................................................................ 15
Tema 4: El entorno de trabajo. Paletas de herramientas y de opciones ........................ 17

4.1
El entorno de trabajo................................................................................................... 17
4.2
Abrir, guardar una imagen .......................................................................................... 20
4.3
Comandos de visualizacin, activacin de reglas ....................................................... 20
Instituto de Informtica - INFOPUC
Photoshop CS4 - Nivel bsico
Tema 1
Resolucin vs. Tamao
Introduccin al tema
Para trabajar con imgenes es necesario conocer algunos aspectos tcnicos
que aseguran la calidad del resultado.
Empezaremos por comprender la importancia de la resolucin en una
imagen y su relacin con el tamao, para lograr un trabajo de calidad. Luego
vamos a identificar una imagen pixeleada y posteriormente aprenderemos
a modificar el tamao y la resolucin de una imagen en Photoshop, sin que
pierda su calidad.
1.1 Cmo nace una imagen digital?

Idea clave
La tecnologa ha evolucionado, las cmaras fotogrficas que utilizaban
pelculas han dado paso a las cmaras digitales que toman imgenes
cada vez ms grandes y de mayor calidad.
Una imagen digital nace al tomar una foto digital o al realizar el escaneo de una pgina
o de un objeto. Una imagen digital es un conjunto ordenado de millones de puntos
(pixeles). Al crearse la imagen, esta tiene dos caractersticas esenciales:
Tamao: sus dimensiones, ancho x altura, se mide en centmetros (cm) o

pulgadas (pulg).
Resolucin: cantidad de puntos o pixeles por pulgada que posee la imagen. Se
mide en dpi (dots per inch).
Ambas caractersticas estn relacionadas entre s y son inversamente proporcionales,

lo que quiere decir que, si una aumenta, la otra disminuye. Es decir, que para
conservar las caractersticas de una imagen, su tamao y resolucin no se deben
modificar independientemente.
Lo que ocurre es que la imagen est conformada por pequeos 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 resolucin de
72 dpi. Sin embargo, para imprimirla en alta calidad se requieren 300 dpi. Para
imprimir una imagen en una impresora en casa sern suficientes 200 dpi. A ms DPI la
imagen pesar ms megabytes (Mb o megas).
Pontificia Universidad Catlica del Per
Las principales resoluciones son:

Usos
Resolucin
Imgenes en pantalla, enviadas por correo electrnico, imgenes

en presentaciones multimedia, imgenes en power point.
72 DPI
Imgenes para imprimir en laser o inyeccin de tinta, en la

impresora de la casa o la oficina.
200 DPI
Imgenes para impresin de alta calidad (offset): revistas, afiches,

folletos.
300 DPI
La idea es que al iniciar un trabajo verifiquemos la calidad de la imagen, tanto el

tamao como la resolucin, de manera que, tengamos claro si la imagen sirve para lo
que queremos utilizarla.
1.2 Cmo reconocer una pixeleada?

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.
Cuando trabajamos con imgenes digitales nos enfrentamos a diferentes problemas.
Uno de los ms comunes es el pixeleado. En la pantalla la imagen se vea bien, al
momento de imprimir sali borrosa, como conformada por cuadraditos, sin detalle, sin
calidad. La imagen no tena la resolucin suficiente para imprimirla a ese tamao. La
cantidad de puntos por pulgada no era suficiente. Si usted la reduce de tamao, la
percepcin de la imagen mejorar.
A continuacin puede apreciar cmo se ven las imgenes con diferentes resoluciones.
imagen de buena calidad

(alta resolucin)
(300 dpi)
imagen borrosa o pixeleada

(baja resolucin)
(72 dpi)
imagen muy pixeleada

(muy baja resolucin)
Note los cuadraditos
Note la diferencia en la calidad de las imgenes. Una imagen en alta resolucin tiene
mucho detalle, la imgenes en baja se ven borrosas o formadas por cuadraditos,
pixeladas, no tienen detalle.
1.3 Mirar una imagen a tamao real (al 100%)

Idea clave
SI deseamos analizar visualmente la calidad de una imagen en la
pantalla, podremos observar si est o no pixeleada.
En muchas ocasiones recibiremos imgenes que pueden haber sido manipuladas.

Ser importante verificar su calidad. Si la imagen se va a utilizar para mostrarla en una
pantalla, se puede ver la calidad a simple vista, observando el detalle de la imagen al
tamao que ser publicada. Pero, si la imagen fuera para imprimir, ser necesario
mirarla al 100% de tamao. Mirando una imagen al 100% de tamao en la pantalla,
observamos lo que ver el lector al mirar la imagen impresa, no en tamao, si en
calidad y detalle de imagen.
Para colocar una imagen al 100% de tamao en la pantalla:
1.
2.
3.
En la paleta de herramientas: doble clic en la lupa.

La imagen se colocar al 100%.
Observamos la imagen, si se ve borrosa, la imagen no tiene la resolucin
suficiente para ser impresa en alta calidad.
1.4 Modificando el tamao y la resolucin con Photoshop

Idea clave
Al trabajar con una imagen de Photoshop necesitaremos averiguar su
tamao y resolucin para determinar si la imagen nos servir.
Existe la posibilidad de modificar el tamao y la resolucin en
Photoshop.
La calidad de una imagen se puede visualizar en Photoshop.
Simulaciones demostrativas
Le sugerimos que revise la simulacin demostrativa Aprendiendo el
entorno que se encuentra en la plataforma educativa Paideia PUCP.
Para modificar el tamao de una imagen en Photoshop:

1.
2.
Abrimos una imagen en Photoshop
En el men superior: haga clic en Archivo y luego en Abrir (buscar la

imagen y abrir la imagen)
En el men superior: haga clic en Imagen, luego haga clic en Tamao de
imagen.
En la ventaba de dilogo podemos observar el tamao y la resolucin de la

imagen:
27.76 x 37.14 cm a 72 dpi
Observe que el ancho y la altura estn encadenados.
Desmarque la opcin: remuestrear la imagen, notar que se encadenan

ancho, altura y resolucin.
Al estar encadenadas las dimensiones de la imagen y su resolucin

podemos modificar esta ltima, donde dice 72, escribimos 200.
Note que inmediatamente al cambio, se reducir el tamao de la imagen

(un aumento) en la resolucin disminuye el tamao de forma proporcional.
La resolucin subi de 72 a 200 dpi. El ancho bajo de 27.76 cm. a 9.99 cm.
Y si llevramos la resolucin de 200 a 300 dpi, el ancho bajara de 9.99 a

6.66 cm.
Podramos concluir que, imgenes de baja resolucin se pueden imprimir con calidad
pero a un tamao mucho ms pequeo.
1.5 Bajando la resolucin a una imagen

Idea clave
A veces tomamos fotos a gran tamao o mucha resolucin y estas
pesan demasiado. Cmo le bajamos la resolucin a una imagen para
que pese menos megas?
Para reducir la resolucin de una imagen:
En el men:
1.
2.
3.
4.
Haga clic en Imagen, luego haga clic en Tamao de archivo

Marcar: Remuestreo de imagen (no debe estar encadenada la resolucin)
Reducir la resolucin a 72 DPI.
Guardar la imagen
Al reducir la resolucin de un archivo el peso del archivo en megabytes se reducir

significativamente.
Actividades sugeridas
1.
2.
3.
4.
Descargue una imagen de Internet, brala en Photoshop y verifique su

tamao y su resolucin.
Abra otra imagen en Photoshop. Colquela al 100% de tamao y
verifique, visualmente, su calidad.
Modifique la resolucin de una imagen en Photoshop.
Modifique el tamao de una imagen controlando que su resolucin no
sea afectada.
Resumen
El tamao y la resolucin 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 tamao y la resolucin de la imagen.
Tema 2
Modelos de color
Introduccin al tema
Cmo se hace el color?, saldr igual lo que veo en pantalla al impreso?,
cmo controlamos el color?, es igual un color de pantalla que uno impreso?
NO! Definitivamente entre los colores de pantalla y los de impresin existen
diferencias.
2.1 Los modelos de color

Idea clave
Existen diferentes formas de generar color y necesitamos conocerlas
para utilizar cuando corresponda CMYK tintas y RGB Luz.
Actualmente tenemos dos modelos bsicos de color para trabajar imgenes: 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.
10
CMYK es el modelo de colores tintas, es el modelo que se utiliza para imprimir. Si

observa cualquier impresora a colores, descubrir que utiliza, bsicamente, 4 colores:
Cyan (celeste intenso), magenta (fucsia), amarillo y negro. Las imgenes full color se
imprimen con estas cuatro tintas, tanto en los sistemas de impresin a color
convencionales (offset, serigrafa, etc.), como en los digitales (lser o inyeccin de
tinta). Este modelo permite generar alrededor de 16,000 colores al momento de
imprimir.
Una imagen impresa es, en realidad una ilusin ptica generada por la combinacin de
puntos (tramas) de 4 colores (CMYK) (ver imagen a continuacin). Basta mirar, con
detenimiento, cualquier imagen en un peridico, para ver los puntitos que conforman
la imagen.
11
Es importante definir si estamos trabajando para pantalla o para imprimir. Si

trabajamos para pantalla utilizaremos el modo de color RGB. Si trabajamos para
impresin utilizaremos el modo de color CMYK.
Para verificar cul es el modo de color en el que se encuentra una imagen, basta con
mirar el ttulo de la imagen ubicado en la parte superior de la misma.
Adicionalmente
SI quiere saber ms sobre color le recomendamos visitar.
Fotonostra, es una reconocida web de Diseo Grfico y fotografa.
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 reproduccin RGB y CMYK
son ms limitados.
Es importante entender que, en el modelo CMYK la cantidad de colores que se
pueden generar es muy limitada, respecto de lo que se puede hacer en el modelo
12
RGB, de ah que, al mirar en una pantalla, las imgenes se vean ms atractivas y

coloridas que en una impresin.
Modelo de color
Gamut
Ojo humano
Billones de colores
RGB
Ms de 16 millones de colores
CMYK
Alrededor de 16,000 colores
Entonces, al imprimir imgenes siempre habr una variacin del color respecto a lo
que vemos en la pantalla. Esta situacin se minimiza calibrando el color de la pantalla
y la impresora. Adems se utiliza, en los entornos profesionales de trabajo, sistemas
de control de color, los mismos que permiten lograr una uniformidad del mismo.
2.3 Cambiar el modo de color en Photoshop

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):
1.
2.
En el men superior: Imagen modo:

Seleccione el modo al cual quiere convertir la imagen.
Puede verificar el cambio observando el ttulo de la imagen.
13
Tareas o actividades sugeridas

1.
2.
3.
4.
5.
Mire una imagen de peridico con una lupa y compruebe que est
hecha con puntos de 4 colores (CMYK).
Observe los cartuchos de color que utiliza su impresora (CMYK)
Abra una imagen en Photoshop y verifique su modo de color.
Cambien el modo de color de una imagen de RGB a CMYK o viceversa.
Imprima una imagen y verifique las diferencias de color entre lo que se
ve en la pantalla y lo logra impreso.
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 imgenes en
pantalla se apreciarn mejor, pues son mostradas con una gama de colores
ms amplia.
14
Tema 3
Bitmaps vs. vectores
Introduccin al tema
En los software de diseo grfico, la informacin 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 caractersticas y formatos.
3.1 Archivos de Bitmaps y archivos vectoriales.

Idea clave
Reconocer un archivo Bitmap y un archivo vectorial y establecer las
diferencias entre ellos.
Archivo bitmap o mapa de bits, es un archivo en el cual se ha guardado cada punto
de informacin que ser mostrado en la pantalla. Es lo que ocurre con los archivos de
Photoshop y con todas las fotografas
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 reproducir fielmente la realidad (una
fotografa) y tiene la desventaja de no poder ser agrandados pues pierden su calidad y
se pixelean.
Los formatos tpicos de mapas de puntos son:
PSD: formato nativo del Photoshop, guarda las imgenes en capas.
TIF: formato de imagen ms estandarizado, guarda la imagen con calidad.
JPG: formato de compresin de imgenes. Las imgenes se comprimen

pesando menos y sacrificando algo de calidad.
RAW: formato que conserva mejor las caractersticas originales de una

fotografa. Es muy verstil, pues permite migrar a otros formatos con bastante
control y regularidad.
15
Archivo vectorial: es un tipo de archivo que tiene la cualidad de guardar las

imgenes ilustradas o ilustraciones como vectores, es decir, al grabar, se guarda un
conjunto de ecuaciones matemticas cuya representacin grfica en el dibujo que
visualizamos en la pantalla.
Estos archivos tienen la ventaja de poder ser agrandados a voluntad, sin que se pierda
las caractersticas de la ilustracin en forma, color o calidad y la desventaja de no
poder reproducir exactamente la realidad (una ilustracin). En los ltimos aos han
evolucionado mucho con la incorporacin de herramientas 3-D, que permite realiza
ilustraciones ms prximas 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.
Los formatos tpicos de los programas vectoriales son:
Ai: formato nativo de Illustrator.
Eps: formato de compresin de archivos vectoriales.
Un bitmap, una foto
Tomada de: http://i41.tinypic.com/vs13tj.jpg

Una ilustracin
Tareas o actividades sugeridas

1.
Mirar diferentes imgenes e identificar cules son fotos o imgenes

bitmaps y cules archivos vectoriales.
Resumen o conclusin
El Photoshop es un programa de bitmaps y los formatos que utiliza
frecuentemente son el TIF, JPG y PSD.
16
Tema 4
El entorno de trabajo. Paletas de herramientas y de

opciones
Introduccin 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.
Tambin aprenderemos los comandos bsicos para trabajar con imgenes
y los comandos de visualizacin.
4.1 El entorno de trabajo

A continuacin podr observar los principales elementos del entorno de trabajo:

Men superior
Paletas
auxiliares
Paleta de control
Ttulo de imagen
Paleta de herramientas
Escritorio
Tamao en megabytes
Barras de
desplazamiento
% de ampliacin
Imagen
17
Aqu presentamos la paleta de herramientas, es la paleta principal de Photoshop, en

ella encontrar diferentes herramientas para realizar los trabajos:
CAMBIAR VISUALIZACIN DE PALETA
TTULO DE PALETA
Formas de seleccin
Lazos de seleccin
Herramienta de corte
Curita, parche
Tampones de clonacin
CERRAR PALETA
Seleccin de capas
Varita mgica para seleccin
Gotero
Herramientas de pintura: pincel, lpiz
Pincel historia
Degradado
Borrador
Desenfoque, afinacin
Sobreexponer, subexponer
Texto
Pluma de dibujo
Formas
Seleccin pads
3-D
Manito
Zoom
Color encima
Color abajo
Mscara
rpida
Adicionalmente tenemos una paleta de opciones que es interactiva y que cambiar su

informacin segn la herramienta que seleccionemos en la paleta de herramientas.
Generalmente se mostrar debajo del men.
18
Adems tenemos paletas auxiliares de color, capas, texto, canales, trazados, etc.
Minimizar / maximizar
paletas
Cerrar
paletas
Ttulo de paleta
Men de
paleta
Opciones de paleta
Comandos rpidos 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 ttulo y arrstrela.
19
4.2 Abrir, guardar una imagen

Para abrir un archivo
En el men: ARCHIVO / abrir / (ubicar el nombre del archivo)
Para grabar un archivo
En el men: ARCHIVO / grabar / (colocar el nombre del archivo y seleccionar el

formato).
Para cerrar un archivo
En el men: ARCHIVO / cerrar o es posible cerrar la ventana que contiene el

archivo para cerrarlo.
4.3 Comandos de visualizacin, activacin de reglas

Idea clave
Al momento de trabajar es muy til controlar adecuadamente los
comandos rpidos para visualizar los archivos. Esto nos permite
trabajar ms rpido y ms profesionalmente.
A continuacin se detalla los comandos rpidos de visualizacin para el Photoshop:

Comando rpido
Ctrl +
+
-
Ctrl +
Ctrl + 0 (cero)
TAB (teclado)
Doble clic en la manito*
Doble clic en lupa*
Resultado
Ampliar vista (zoom +)
Reducir vista (zoom - )
Encaja la pgina en la ventana
Oculta paletas de herramientas
Foto encajada en ventana
Foto al 100%
*En la paleta de herramientas
20
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.
Para activar las reglas
En el men: ARCHIVO / ver / reglas: teclas [Ctrl + R]
Si desea cambiar las unidades de las reglas de un clic sobre ellas y seleccione de la
lista.
Ejercicios sugeridos
1.
2.
3.
4.
Abrir y guardar una imagen en Photoshop.

Revisar el entorno de trabajo.
Probar los comandos rpidos de visualizacin.
Verificar y modificar el tamao y resolucin de una imagen.
Resumen
Una revisin del entorno de trabajo nos permite familiarizarnos con el
programa que vamos a utilizar. Es muy importante aprender a utilizar los
comandos rpidos de visualizacin, nos permiten trabajar ms
cmodamente.
21

Mod1 PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mod1 PDF

Uploaded by

Copyright:

Available Formats

Mdulo 1: Conociendo el trabajo con imgenes

Fernando Castillo Sologuren

Cmo nace una imagen digital?.................................................................................. 3

Cmo reconocer una pixeleada? .............................................................................. 4

Mirar una imagen a tamao real (al 100%) ................................................................... 5

Modificando el tamao y la resolucin con Photoshop .................................................. 6

Bajando la resolucin a una imagen. ............................................................................ 8

Tema 2: Modelos de color ................................................................................................. 10

Los modelos de color .................................................................................................. 10

Cambiar el modo de color en Photoshop .................................................................... 13

Tema 3: Bitmaps vs. vectores ........................................................................................... 15

Archivos de bitmaps y archivos vectoriales. ................................................................ 15

Tema 4: El entorno de trabajo. Paletas de herramientas y de opciones ........................ 17

Abrir, guardar una imagen .......................................................................................... 20

Comandos de visualizacin, activacin de reglas ....................................................... 20

Instituto de Informtica - INFOPUC

Photoshop CS4 - Nivel bsico

Resolucin vs. Tamao

1.1 Cmo nace una imagen digital?

Tamao: sus dimensiones, ancho x altura, se mide en centmetros (cm) o

Ambas caractersticas estn relacionadas entre s y son inversamente proporcionales,

Pontificia Universidad Catlica del Per

Fernando Castillo Sologuren

Las principales resoluciones son:

Imgenes en pantalla, enviadas por correo electrnico, imgenes

Imgenes para imprimir en laser o inyeccin de tinta, en la

Imgenes para impresin de alta calidad (offset): revistas, afiches,

La idea es que al iniciar un trabajo verifiquemos la calidad de la imagen, tanto el

1.2 Cmo reconocer una pixeleada?

Instituto de Informtica - INFOPUC

Photoshop CS4 - Nivel bsico

imagen de buena calidad

imagen borrosa o pixeleada

imagen muy pixeleada

1.3 Mirar una imagen a tamao real (al 100%)

En muchas ocasiones recibiremos imgenes que pueden haber sido manipuladas.

En la paleta de herramientas: doble clic en la lupa.

Pontificia Universidad Catlica del Per

Fernando Castillo Sologuren

1.4 Modificando el tamao y la resolucin con Photoshop

Para modificar el tamao de una imagen en Photoshop:

Abrimos una imagen en Photoshop

En el men superior: haga clic en Archivo y luego en Abrir (buscar la

En la ventaba de dilogo podemos observar el tamao y la resolucin de la

Observe que el ancho y la altura estn encadenados.

Instituto de Informtica - INFOPUC

Photoshop CS4 - Nivel bsico

Desmarque la opcin: remuestrear la imagen, notar que se encadenan

Al estar encadenadas las dimensiones de la imagen y su resolucin

Note que inmediatamente al cambio, se reducir el tamao de la imagen

Pontificia Universidad Catlica del Per

Fernando Castillo Sologuren

Y si llevramos la resolucin de 200 a 300 dpi, el ancho bajara de 9.99 a

1.5 Bajando la resolucin a una imagen

Haga clic en Imagen, luego haga clic en Tamao de archivo

Al reducir la resolucin de un archivo el peso del archivo en megabytes se reducir

Instituto de Informtica - INFOPUC

Photoshop CS4 - Nivel bsico

Descargue una imagen de Internet, brala en Photoshop y verifique su

Pontificia Universidad Catlica del Per

Fernando Castillo Sologuren

2.1 Los modelos de color

Instituto de Informtica - INFOPUC