Anda di halaman 1dari 139

Diseo Digital

ISBN 978-607-7272-84-7

9 786077 272847

Carlos Zepeda Chehaibar

PROFESOR

Photoshop CS5

Diseo Digital

Photoshop CS5

Diseo Editorial:
Csar Carranza Contreras
Apoyo Editorial:
Sandra A. Rodrguez Romero
Correccin de estilo:
Jennifer P. Castillo Ascencio
Desarrollo de Tutoriales:
Miriam Tatiana Zamora
Direccin de Arte:
Alfredo Salazar de la Vega
Coordinador Ilustracin Portada:
Mario Martnez Ramrez
Autor:
Carlos Zepeda Chehaibar
Apoyo en desarrollo y actividades:
Samantha Mndez Domnguez
Apoyo en actualizacin:
Csar Carranza Contreras
Coordinacin Editorial:
Alejandro Flores Ledesma

Ilustracin de portada:
Nestor Emilio Salazar Cuellar
Ilustracin de interiores:
Judith Lourdes Sierra Prez
Miriam Tatiana Zamora Gutirrez
Csar Carranza Contreras
Revisin de Recursos Digitales:
Jennifer Priscila Castillo Ascencio
Gregorio Snchez Hernndez
Fotografa:
Carlos Zepeda Chehaibar

Diseo Digital Photoshop CS5. Profesor


2 Edicin 1 Reimpresin
Junio 2015
D.R. Grupo Educare, S.A. de C.V., Cerro de Mesontepec, nmero 83, Colonia Colinas del Cimatario, Quertaro, Qro., CP.
76090, 2011.
Queda prohibida la reproduccin total o parcial de esta obra por cualquier medio, sin autorizacin de los editores.
ISBN 978-607-7272-84-7
Impreso y hecho en Mxico.
Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproduccin total o parcial de
esta obra y/o los recursos que la acompaan, por cualquier medio, sin autorizacin escrita de Grupo Educare, S.A. de C.V.
Editado por Grupo Educare S.A. de C.V.
Impreso por: Grupo Formavi, S.A. de C.V.
Calz. Santo Toms #139 Col. Santo Toms Del. Azcapotzalco, C.P. 02020 Mxico, D.F.
El logotipo de Grupo Educare es propiedad de Grupo Educare, S.A. de C.V.
El diseo editorial y contenidos grficos son propiedad exclusiva de Grupo Educare, S.A. de C.V.
Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos ficticios, a menos
que se indique lo contrario. Las citas, imgenes y videogramas utilizados en esta obra se utilizan nicamente con fines didcticos y para la
crtica e investigacin cientfica o artstica, por lo que el autor y Grupo Educare, S.A. de C.V. no asumen ninguna responsabilidad por el uso que
se d a esta informacin, ni infringen derecho de marca alguno, en conformidad al Artculo 148 de la Ley Federal del Derecho de Autor.
Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de Microsoft
Corporation. Microsoft y el logo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otros
pases. Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos
son marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.

Contenido
Diseo Digital
Photoshop CS5

Propuesta Pedaggica

Unidad1Introduccin a Photoshop

ATipos de imgenes
Imgenes vectoriales
Imgenes de mapa de bits

10
10
11

Lmina1-01Vectores vs. Mapa de Bits

11

tema

BDigitalizacin de imgenes
Escner
Cmara Digital
tema CObtencin de imgenes libres de derechos
tema DIntroduccin e historia de Adobe Photoshop

12
12
12
13
14

Lmina1-02Historia de Adobe
Actividad1-01Comenzando con Adobe Photoshop

14
15

tema

tema

EEspacio de trabajo de Photoshop

Video1-01Espacio de trabajo de Photoshop

16

17

FGestin de Archivos
Creacin de un documento Nuevo (New)
Abrir archivos (Open)
Cerrar y guardar una imagen

18
18
20
21

Video1-02Gestin de archivos
Actividad1-02Adobe Photoshop
Actividad1-03Obtencin de imgenes
Evaluacin01

23
23
25
26

tema

Unidad2Herramientas

AHerramientas de Seleccin
Panel Herramientas
Herramientas de seleccin

tema

Lmina2-01Herramientas de Seleccin

27

28
28
28
29

Tolerancia (Tolerance)

30

Video2-01Tolerancia
Proyecto2-01Figuras simples a partir de selecciones

30
30

Selecciones como mscaras

32

Actividad2-01Por qu mscaras?
Proyecto2-02Selecciones

32
33

tema

BHerramientas de pintura y retoque

Lmina2-02Herramientas de Pintura y Retoque

Color de frente (Foreground) y Color de fondo (Background)

34
34

36

Contenido

Modo mscara rpida

36

Proyecto2-03Pintando en Adobe Photoshop 37


Proyecto2-04Quitando cables
39
Proyecto2-05Quitando imperfecciones y manchas
40
Proyecto2-06Pintando pxeles en modo RGB
41
Actividad2-02Colores RGB
42
Proyecto2-07Jugando con los pxeles en modo CMYK
43
Actividad2-03Colores CMYK
44
tema

CHerramientas de dibujo y texto

45

Proyecto2-08Creando texto en Adobe Photoshop 46

DOtras herramientas

47

Lmina2-03Otras herramientas

47

Proyecto2-09Corregir la inclinacin de una foto


Proyecto2-10Separar imgenes
Evaluacin02

48
49
50

tema

Panel Historia (History) 48

Unidad3Capas 51
Actividad3-01Creando capas manualmente

52

ALas Capas (Layers) 53


Crear y eliminar capas
54
Capa activa
54
La visibilidad de una capa
55

tema

Video3-01Capas 55
Proyecto3-01Fusin de imgenes
56

BLas herramientas del panel Capas


Modos de fusin

57
57

Lmina3-01Modos de fusin
Proyecto3-02Coloreando fotografas en Modos de fusin

59
60

Video3-02Herramientas del Panel Capas


Actividad3-02Experimentando con capas

62
63

tema

Bloqueo de capas (Lock) 61


Anidar capas (Link layers) 61
Combinar capas (Merge layers) 62
Opacidad (Opacity)
62
Relleno (Fill)
62
Los Estilos de capa (Add a layer style) 64

Contenido

Video3-03Estilos de capa
Proyecto3-03Estilos de capa
Proyecto3-04Trabajando con los Modos de Capa
tema

CTransformacin de la capa (Transform) 70

Video3-04Transformacin de capa
Proyecto3-05Transformando retratos
tema

71
72

DCrear Mscara de capa (Add Layer Mask) 73

Proyecto3-06Fusin de imgenes para portada de revista


Proyecto3-07Fusionando dos imgenes con ayuda del pincel
tema

65
66
67

74
75

ECapas de relleno o ajuste (Create new fill or adjustment layer) 76

Video3-05Capas de relleno y ajuste


Proyecto3-08Restaurando una imagen con las capas de ajuste
Actividad3-03Capas y mscaras
Evaluacin03

Unidad4La Fotografa

ALa fotografa
Historia de la fotografa

tema

77
78
79
80

81
82
82

Lmina4-01Historia de la fotografa
83
Proyecto4-01Reflexin 83
Proyecto4-02Haciendo un daguerrotipo
84
Proyecto4-03Ensayo fotogrfico
85
tema

BLos gneros fotogrficos

Actividad4-01Gneros fotogrficos
Actividad4-02Compartiendo sensaciones y emociones
tema

CLa cmara fotogrfica

86
89
90

91

Proyecto4-04Crear una cmara oscura

92

Elementos de la cmara fotogrfica

93

Lmina4-02Tipos de cmara
Actividad4-03Conociendo la cmara fotogrfica
Actividad4-04Tu cmara

95
96
98

tema

DLa profundidad de campo

Proyecto4-05Fotografa de acercamiento
Evaluacin04

100
101
102

Unidad5Color 103
tema

AModos de Color

104

Contenido

Lmina5-01Modos de color

104

BLos ajustes de la imagen

105

Video5-01Los ajustes de la imagen


Proyecto5-01Mezclando Colores
Actividad5-01Ajustando fotografas

105
106
107

tema

tema

CLa fotografa en blanco y negro

Proyecto5-02Imgenes del pasado


tema

DLa fotografa a color

Proyecto5-03Corrigiendo los tonos y brillos de una imagen


Evaluacin05

Unidad6Cmo mejorar fotografas?

APlan de trabajo para sacar una fotografa


La Iluminacin
Los planos de la fotografa

tema

108
109

110
111
112

113
114
114
115

Lmina6-01Planos en la fotografa
Proyecto6-01Haciendo un estudio fotogrfico de producto

115
115

Elementos de composicin

116

Lmina6-02Elementos de composicin
Actividad6-01Utilizando la composicin para fotografa
Lmina6-03Tips para sacar mejores fotografas

116
116
116

tema

BLos Filtros de Adobe Photoshop 117

Video6-01Filtros 117

Acciones (Actions) 118


Proyecto6-02Trabajando con Filtros
118
Video6-02Acciones 119
Proyecto6-03Creando Acciones
119
Actividad6-02Fotografas de velocidad
120
Actividad6-03Fotos de profundidad
122
Actividad6-04Actividad sobre exposicin
122
Proyecto6-04Trabajando con retratos y paisajes
124
tema

CEl retoque fotogrfico

Proyecto6-05Eliminando ojos rojos


Proyecto6-06Restaurando fotografas
Actividad6-05Fotografa publicitaria
Evaluacin06

125
125
126
127
128

Recursos

Material Impreso
Este material forma parte de un conjunto de recursos que conforman el Programa
de Informtica y Tecnologa (PIT). Est organizado en bloques integrales que
incluyen todo lo necesario para aprender, practicar y evaluar habilidades o
competencias. Las explicaciones, imgenes, tablas, actividades, notas y tips,
apoyadas con las lminas y tutoriales, permiten integrar la experiencia de
aprendizaje desde mltiples perspectivas. As, podemos afirmar que el PIT de
Grupo Educare es la mejor manera de aprender haciendo.

Recursos Digitales
Los recursos digitales que acompaa al material impreso contienen videos que
te ayudarn a comprender los conceptos y a poner en prctica las habilidades
adquiridas. Adicionalmente encontrars los archivos que se requieren para realizar
las actividades, algunos documentos y aplicaciones tiles. No olvides que los
recursos digitales son parte integral del programa, por lo que es muy importante
que lo conozcas y utilices en el curso.

Explicacin Iconogrfica
Actividad
Este icono nos indica un ejercicio que refuerza la parte terica de
este material.

Proyecto
Este icono nos indica un ejercicio que refuerza de manera prctica.

Video
Es el material digital de los recursos del programa. La representacin
en video de la parte terica.

Lmina de apoyo
La lmina es un recurso del profesor, que sirve como refuerzo
dinmico e interactivo a un tema denso, que complementa la teora
del material impreso.

Evaluacin
Este icono indica un elemento fundamental del proceso educativo
que sirve para valorar el proceso de aprendizaje.

NOTA

Nota
Las notas que vers dentro de tu texto, puntualizan la teora o los
aspectos ms importantes de un tema.

Tip
Es una sugerencia que complementa un tema del material impreso,
dando un panorama ms amplio al alumno sobre cmo ejecutar
una actividad de manera ms sencilla y prctica.

Las propuestas didcticas son flexibles, adaptables a la forma personal de


trabajo del maestro y necesidades especficas de cada clase maximizando as
el empleo de los recursos disponibles.

P ropuesta Did ctica


NIVEL: Bsico

DURACIN SUGERIDA: 40 SESIONES / 45-50 MINUTOS

Este libro lo integran las siguientes Unidades:


Unidad01Introduccin a Photoshop
Unidad02Herramientas
Unidad03Capas
Unidad04La fotografa
Unidad05Color
Unidad06Cmo mejorar fotografas?

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5
Unidad

1 - Introduccin a Photoshop
Sesiones Sugeridas 3

2 - Herramientas
Sesiones sugeridas 9

II

Tema

Subtema

Objetivos

tema ATipos de
imgenes

Imgenes vectoriales
Imgenes de mapa de bits

Definir los conceptos de


Imagen Mapa de Bits y
Vector al describir sus
caractersticas.

tema B Digitalizacin de
imgenes

Escner
Cmara digital

Describir el flujo de trabajo


para digitalizar una
imagen.

tema C Obtencin de
imgenes libres de
derechos

Registrar diferentes medios


para obtener imgenes
libres de derechos y
usarlas para el desarrollo
de un proyecto.

tema D Introduccin
e historia de Adobe
Photoshop

Conocer la historia y
versiones de Adobe
Photoshop.

tema EEspacio de trabajo


de Photoshop

Definir los elementos que


componen el espacio de
trabajo de Adobe
Phtoshop.

Creacin de un documento
Nuevo (New)
tema F Gestin de archivos Abrir archivos (Open)
Cerrar y guardar una
imagen

Identificar los comandos


que te permitirn crear,
abrir, cerrar y guardar
un documento.

tema AHerramientas de
Seleccin

Panel Herramientas
Herramientas de Seleccin
Tolerancia (Tolerance)
Selecciones como
mscaras

Identificar el panel
Herramientas de Adobe
Photoshop, herramientas
de seleccin, su funcin
y empleo. Comprender el
concepto de Tolerancia
y aplicar mscaras a partir
de una seleccin.

PropuestaDidctica

Competencias

Actividades sugeridas para el


alumno

Tutorial Sugerido

A definir los conceptos de


imagen, mapa de bits y
vector.

Recursos
Lmina 1-01 Vectores vs.
Mapa de bits

A reconocer al escner y la
cmara como elementos para
digitalizar imgenes.
A localizar imgenes con
licencias creative commons e
identificar el tipo de licencia
por su iconografa, as como
el uso que se puede dar a
material que emplea este tipo
de licencias.
La historia acerca del
desarrollo de Adobe
Photoshop, los nombres de
sus creadores, as como los
orgines de la aplicacin.

Actividad 1-01 Comenzando


con Adobe Photoshop

Cuales son los principales


elementos que conforman el
espacio de trabajo de
Adobe Phtoshop.

Lmina 1-02 Historia de


Adobe

Video 1-01 Espacio de trabajo


de Photoshop

Los procedimientos
necesarios para crear
un documento, abrir un
documento existente en
tu computadora, guardar,
cerrar, as como los formatos
de archivo que puedes
manipular en Adobe
Photoshop.

Actividad 1-02 Adobe


Photoshop
Actividad 1-03 Obtencin de
imgenes
Evaluacin 01

A crear diferentes tipos de


selecciones mediante las
herramientas que proporciona
Adobe Photoshop en el
panel Herramientas, modificar
las opciones de tolerancia de
las herramientas de seleccin
y bote de pintura, emplear las
herramientas de
seleccin para establecer
mscaras en tus proyectos.

Proyecto 2-01 Figuras simples


a partir de selecciones
Actividad 2-01 Por qu
Video 2-01 Tolerancia0
mscaras?
Proyecto 2-02 Selecciones

Video 1-02 Gestin de


archivos

Lmina 2-01 Herramientas de


Seleccin

III

Diseo Digital
Photoshop CS5
Unidad

Tema

tema B Herramientas de
pintura y retoque

Subtema

Color de frente
(Foreground) y Color de
fondo (Brackground)
Modo mscara rpida

tema C Herramientas de
dibujo y texto

tema D Otras herramientas Panel Historia (History)

Emplear otras
herramientas que son de
uso frecuente y mediante
su uso
realizars tareas de
manera eficiente y
sencilla.

Crear y eliminar capas


tema ALas capas (Layers) Capa activa
La visibilidad de capa

Organizar elementos para


formar una imagen, a
partir de varias capas.

3 - Capas

IV

Emplear las herramientas


de pintura y retoque
realizando proyectos.
Diferenciar los conceptos
Color de frente
(Foreground) y Color de
fondo
(Background).

Conocer las herramientas


disponibles en Adobe
Photoshop para
la creacin y edicin de
texto, as como para la
realizacin de trazos
vectoriales.

Cont. Unidad 2

Sesiones sugeridas 9

Objetivos

tema B Las herramientas


del panel Capas

Modos de fusin
Bloqueo de capas (Lock)
Anidad capas (Link Layers)
Combinar capas (Merge
Layers)
Opacidad (Opacity)
Relleno (Fill)
Los estilos de capa (Add a
layer style)

Evaluar las herramientas


de fusin del panel que se
utilizan en las capas,
as como, Opacidad
y Relleno , Bloqueo,
Combinacin y Aadir
capas.

PropuestaDidctica

Competencias
Cules son los las
herramientas de pintura
y retoque, aplicando
retoques fotogrficos en
varios proyectos, tambin
aprendiste a reconocer los
colores de frente y fondo.
Realizando varios proyectos
comparaste los sistemas de
color RGB y CMYK.

Actividades sugeridas para el


alumno

Tutorial Sugerido

Proyecto 2-03 Pintando en


Adobe Phtoshop
Proyecto 2-04 Quitando
cables
Proyecto 2-05 Quitando
imperfecciones y manchas
Proyecto 2-06 Pintando
pxeles en modo RGB
Actividad 2-02 Colores RGB
Proyecto 2-07 Jugando con
los pxeles en modo CMYK
Actividad 2-03 Colores CMYK

Recursos

Lmina 2-02 Herramientas de


Pintura y Retoque

Como crear dibujos


vectoriales, diferentes figuras
geomtricas y manipulaste
las herramientas que ofrece
Adobe Photoshop para su
Proyecto 2-08 Creando texto
edicin, tambin aprendiste
en Adobe Photoshop
a usar las herramientas de
creacin y edicin de texto y
elaboraste mscaras a partir
de la introduccin de texto en
una imagen.

A examinar otras
herramientas que son de uso
frecuente en la edicin de
imgenes digitales.

Proyecto 2-09 Corregir la


inclinacin de una foto
Proyecto 2-10 Separar
imgenes
Evaluacin 02

A identificar el Panel Capas


y sus principales funciones,
identificas las capas en
un documento de Adobe
Photoshop, tambin puedes
crear y eliminar capas.

Actividad 3-01 Creando capas


manualmente
Video 3-01 Capas (Layers)
Proyecto 3-01 Fusin de
imgenes

A emplear y practicar el uso


de cada una de los Modos de
fusin al trabajar con capas,
aplicndolas a una nueva
imagen creando efectos
visuales.

Proyecto 3-02 Coloreando


fotografas en Modos de
Fusin
Video 3-02 Herramientas del
Actividad 3-02
Panel Capas
Experimentando con capas
Video 3-03 Estilo de capa
Proyecto 3-03 Estilos de capa
Proyecto 3-04 Trabajando con
los Modos de Capa

Lmina 2-03 Otras


herramientas

Lmina 3-01 Modos de fusin

Diseo Digital
Photoshop CS5
Unidad

Cont. Unidad 3

Tema

Sesiones sugeridas 8

5 - Color
Sesiones sugeridas 3

VI

Objetivos

tema C Transformacin de
la capa (Transform)

Comprender las
herramientas de
Transformacin de capa.

tema D Crear Mscara de


capa (Add Layer Mask)

Evaluar las herramientas


de Crear mscara de capa.

tema ECapas de relleno


o ajuste (Create new fill or
adjustement layer)

Diferenciar las
herramientas de Capas de
Relleno y ajuste.

tema ALa fotografa

4 - La fotografa

Subtema

Historia de la fotografa

Reconocer el tipo de
gnero al que pertenece
una fotografa.

tema B Los gneros


fotogrficos

tema C La cmara
fotogrfica

Identificar los orgenes de


la fotografa.

Elementos de la cmara
fotogrfica

Nombrar las partes de una


cmara fotogrfica.

tema D La profundidad de
campo

Dominar la profundidad
de campo practicando la
fotografa de
acercamiento.

tema AModos de Color

Identificar los modos


de color, en los cuales
Photoshop es capaz de
manipular imgenes.

tema B Los ajustes de la


imagen

Realizar ajustes globales


de manera rpida,
empleando los disponibles
por la aplicacin.

PropuestaDidctica

Competencias

Actividades sugeridas para el


alumno

Que puedes modificar la


apariencia de las capas de
un documento, en cuanto a
tamao y rotacin, formando
composiciones de imgenes.

Proyecto 3-05 Transformando


retratos

Que agregando Mscaras de


capa, puedes lograr realizar
fotomontajes detallados.

Proyecto 3-06 Fusin de


imgenes para portada de
revista
Proyecto 3-07 Fusionando
dos imgenes con ayuda del
pincel

Que si empleas la
herramienta de capa de
relleno o ajuste para realizar
edicin no destructiva de un
archivo.

Proyecto 3-08 Restaurando


una imagen con las capas de
ajuste
Actividad 3-03 Capas y
mscaras
Evaluacin 03

La importancia de la
fotografa a travs del tiempo
y la evolucin de las cmaras
fotogrficas.

Proyecto 4-01 Reflexin


Proyecto 4-02 Haciendo un
dagerrotipo
Proyecto 4-03 Ensayo
fotogrfico

Nombrar los principales


gneros fotogrficos y
describir sus caractersticas.

Actividad 4-01 Gneros


fotogrficos
Actividad 4-02 Compartiendo
sensaciones y emociones

A reconocer los elementos


que componen una cmara
fotogrfica, describiendo la
funcin que desarrolla cada
uno de dichos elementos.

Proyecto 4-04 Crear una


cmara oscura
Actividad 4-03 Conociendo la
cmara fotogrfica
Actividad 4-04 Tu cmara

A obtener fotografas de
acercamiento, al dominar la
profundidad de campo.

Proyecto 4-05 Fotografa de


acercamiento
Evaluacin 04

Tutorial Sugerido

Video 3-04 Transformacin


de capa

Video 3-05 Capas de relleno


y ajuste

Lmina 4-01 Historia de la


fotografa

Lmina 4-02 Tipos de cmara

A comparar y describir los


diversos modos de color en
los que es posible manipular
imgenes, analizando las
caractersticas que componen
a cada uno de ellos.
Que es posible aplicar ajustes
a fotografas para mejorar
su aspecto o modificar su
apariencia.

Recursos

Lmina 5-01 Modos de color

Proyecto 5-01 Mezclando


Colores
Actividad 5-01 Ajustando
fotografas

Video 5-01 Los ajustes de la


imagen

VII

Diseo Digital
Photoshop CS5
Unidad

Tema

Subtema

Objetivos

tema C La fotografa en
blanco y negro

Reconocer los elementos


escenciales de una
imagen a blanco y negro.

tema D La fotografa a
color

Conocer los inicios de la


fotografa a color.

Cont. Unidad 5

6 - Cmo mejorar fotografas?

tema APlan de trabajo


para sacar una fotografa

La iluminacin
Describir los pasos
Los planos de la fotografa para obtener mejores
Elementos de composicin fotografas.

tema B Los Filtros de


Adobe Photoshop

Acciones (Actions)

Conocer el concepto
de filtro fotogrfico, sus
aplicaciones y principales.

Sesiones sugeridas 8

tema C El retoque
fotogrfico

VIII

Identificar procesos para la


restauracin de fotografas
viejas al
digitalizarlas y modificarlas
en Photoshop.

PropuestaDidctica

Competencias

Actividades sugeridas para el


alumno

Tutorial Sugerido

Cmo manipulando el modo


de color de una imagen, se
puede cambiar su
apariencia a blanco y negro
o hacerla parecer que es una
fotografa antigua.

Proyecto 5-02 Imgenes del


pasado

A realizar ajustes ms
precisos de brillo y contraste
modificando individualmente
los parametros CMYK.

Proyecto 5-03 Corrigiendo los


tonos y brillos de una imagen
Evaluacin 05

A cmo mejorar tu tcnica


para capturar imgenes de
alta calidad y expresin, al
emplear los principios de
composicin de imagen en
tus fotografas.

Proyecto 6-01 Haciendo


un estudio fotogrfico de
producto
Actividad 6-01 Utilizando la
composicin para fotografa

Cmo aplicar filtros, su


organizacin y efectos sobre
una imagen.

Proyecto 6-02 Trabajando con


Filtros
Proyecto 6-03 Creando
Acciones
Actividad 6-02 Fotografas de
velocidad
Video 6-01 Filtros
Actividad 6-03 Fotos de
Video 6-02 Acciones
profundidad
Actividad 6-04 Actividad sobre
exposicin
Proyecto 6-04 Trabajando con
retratos y paisajes

Corregir defectos en
imgenes o modificar
imgenes para expresar una
idea especfica.

Proyecto 6-05 Eliminando


ojos rojos
Proyecto 6-06 Restaurando
fotografas
Actividad 6-05 Fotografa
publicitaria
Evaluacin 06

Recursos

Lmina 6-01 Planos en la


fotografa
Lmina 6-02 Elementos de
composicin
Lmina 6-03 Tips para sacar
mejores fotografas

IX

Diseo Digital
Photoshop CS5

Inventario de habilidades
Este inventario se emplea para medir las habilidades de los alumnos que inician
el curso. Esto no es una prueba, es un indicador que va del 1 al 5, dnde uno
establece poco o nulo conocimiento del tema por parte del alumno y cinco que
est completamente familiarizado con el mismo.
Habilidad

Reconocer diferencias entre mapa de bits y vector.


Uso del escner.
Identificar tipos de licencias Creative Commons.
Reconocer el espacio de trabajo de Photoshop.
Abrir y guardar archivos en Photoshop.
Diferenciar Color de Frente y Color de Fondo.
Modificar una seleccion.
Crear capas .
Modificar el tamao de una capa.
Reconocer las fotografas por tipo de gnero.
Operacin de cmara fotogrfica.
Modificar el Color y la saturacin de una imagen.
Reconocer los tipos de planos en la fotografa.
Aplicar modos de fusin a una capa.
Optimizar imagenes para la Web o medio impreso.
Diferenciar los modos de color RGB y CMYK.
Aplicar acciones en Photoshop.
Aplicacin de filtros a una fotografa.
Corregir ojos rojos en fotografas.
Crear fotografas para medios publicitarios.

Photoshop fue lanzado al mercado en


1988 por la compaa Adobe, bajo el
nombre de Adobe Photoshop 0.63.

Un id ad

01

NIVEL: Bsico

Introduccin a
Pho to shop

DURACIN SUGERIDA: 3 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenders a:


A Definir los conceptos de Imagen Mapa de Bits y Vector al describir sus
caractersticas.
B Describir el flujo de trabajo para digitalizar una imagen.
C Registrar diferentes medios para obtener imgenes libres de derechos y
usarlas para el desarrollo de un proyecto.
D Conocer la historia y versiones de Adobe Photoshop.
E Definir los elementos que componen el espacio de trabajo de Adobe
Photoshop.
F Identificar los comandos que te permitirn crear, abrir, cerrar y guardar
un documento.

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5
tema

ATipos de imgenes
Los programas de diseo grfico trabajan en general con dos tipos de imgenes: vectoriales y
mapa de bits. Comprender sus caractersticas y diferencias es indispensable para aprender de
manera exitosa el manejo de programas de diseo.

Imgenes vectoriales
Un grfico vectorial se compone de lneas rectas y curvas que tienen propiedades como el
color, tamao o posicin. Los vectores son independientes de la resolucin, lo que significa que
pueden desplegarse a cualquier tamao manteniendo la misma calidad.
Una imagen vectorial (o simplemente vector) es en realidad una funcin matemtica que la
computadora calcula cada vez que necesita desplegar la imagen en pantalla. Si haces un
acercamiento a una parte de la imagen, la funcin se calcula nuevamente, de manera que no
hay prdida de informacin.
Cuando se trabaja con imgenes vectoriales se modifican las propiedades de los vectores que
forman los objetos o figuras. Este tipo de imgenes son ideales para crear y manipular formas
y textos.

Imagen 1-1: Acercamiento a una imagen vectorial

Imagen 1-2: Imagen Vectorial

10

IntroduccinaPhotoshop

Imgenes de mapa de bits


Adobe Photoshop trabaja con imgenes de mapa de bits. Los mapas de bits estn compuestos
por una cuadrcula de pequeos puntos denominados pxeles (que quiere decir picture element
o elementos de imagen). Los pxeles estn ordenados y coloreados de una forma determinada
para definir un patrn. Un pxel slo puede tener un color.
Cuando se trabaja con imgenes de mapa de bits, se modifican los pxeles en lugar de modificar
directamente los objetos o las figuras. Este tipo de imgenes son ideales para capturar y
manipular fotografas.

Imagen 1-3: Acercamiento a una imagen de mapa de bits

1-01
LMINA

Imagen 1-4: Imagen de mapa de bits

Vectores vs. Mapa de Bits

11

Diseo Digital
Photoshop CS5
tema

BDigitalizacin de imgenes
Digitalizar una imagen, es el proceso mediante el cual la informacin de luz y color se
transforman en informacin numrica, que puede ser almacenada y manipulada en medios
electrnicos digitales, como una computadora. El proceso de digitalizacin requiere siempre un
convertidor analgico digital o DAC, que es el encargado de asignar un valor numrico a cada
nivel de luz o color. La digitalizacin de imgenes se puede realizar por medio de una cmara
digital o un escner. Una vez almacenada, la informacin digital se puede duplicar, enviar por
Internet o manipular en algn programa de edicin de fotografas.

Escner
COMPUTADORA
INICIO
TWAIN
SOFTWARE

LA IMAGEN ESCANEADA
APARECE EN LA PANTALLA

ESCNER
CIRCUITO
LGICO

SENSOR
CCD

FUENTE
DE LUZ
MOTOR

El escner es un perifrico de entrada de la


computadora. Para capturar las imgenes, el escner
ilumina la imagen original con una fuente de luz
(lmpara o foco) y, mediante espejos, transfiere la
luz reflejada hacia un dispositivo sensor denominado
CCD. El CCD transforma la luz en seales elctricas y
luego transforma dichas seales elctricas al formato
digital (ceros y unos) con un DAC (Conversor AnalgicoDigital), que manda finalmente la informacin a la PC.

Imagen 1-5: Escner

Cmara Digital
PIC-001

Una cmara digital permite tomar fotos que se


pueden visualizar, modificar e imprimir utilizando
una computadora. La mayora de las cmaras
digitales incluyen una pantalla o visualizador de
cristal lquido (Liquid Crystal Display o LCD), que se
puede utilizar para tener una vista preliminar antes
de tomar la fotografa y/o para ver las imgenes ya
capturadas.

PIC-002

PIC-003

PIC-003

Imagen 1-6: Cmara descargando imgenes

Las cmaras comnmente incluyen un cable que permite conectar la cmara a un puerto de
entrada para transferir las fotografas a la PC. La mayora de las cmaras tienen una memoria
integrada o removible, que almacena fotografas hasta que se les transfiere a una computadora.
Memoria incorporada: almacena entre 20 y 60 fotografas, dependiendo del tamao y
calidad. Una vez que est llena se transfiere a la computadora.
Memoria removible: almacena fotografas en una tarjeta o incluso en un disquete regular.
Se puede reemplazar una tarjeta de memoria cuando est llena para seguir tomando fotos.

12

IntroduccinaPhotoshop

tema

CObtencin de imgenes libres de derechos


Un punto que debes tomar en cuenta para poder utilizar cualquier imagen legalmente y poder
difundir tu trabajo sin problemas, son los derechos del autor. No se trata nicamente de derechos
econmicos, porque suele pensarse que si algo se usa sin fines de lucro, no hay problema. Un
autor tambin tiene derechos morales y puede negarse a que su obra se use para promover
ideas y valores contrarios a los suyos; por lo cual el autor tiene el monopolio legal del derecho
de copia de su obra.
Adems de las imgenes con Copyright (todos los derechos reservados), estn las imgenes
con algunos derechos reservados. La Free Software Foundation promovi una iniciativa para
crear contenidos digitales de libre atribucin y as surgieron las licencias CreativeCommons.
Este tipo de licencias se aplican lo mismo a textos, que a msica, video o imgenes fijas cuyos
autores deciden reservarse slo algunos derechos. Bsicamente se trata de 4 tipos de licencia.

De atribucin:
Se permite su libre copia y distribucin, con la condicin de dar crdito al
autor original.
No comercial:
Se permite su libre copia y distribucin, nicamente con fines no comerciales.
Obras no derivadas:
Se permite su libre copia y distribucin, pero nicamente de copias exactas,
no de obras derivadas en las que se use el original para hacer algo ms.
Compartir con la misma licencia:
Se permite su libre copia y distribucin, con la condicin de que el trabajo
en el que se use, sea compartido con una licencia igual.

13

Diseo Digital
Photoshop CS5
tema

DIntroduccin e historia de Adobe Photoshop


El programa de Adobe Photoshop es una aplicacin para manipular y editar imgenes
fotogrficas y vectoriales, para medios impresos o virtuales. Desde su aparicin, el programa ha
evolucionado y mejorado sus caractersticas y capacidades. Aunque probablemente hay ms
de 100 programas para edicin o manipulacin de imgenes, Photoshop ha sido considerado
-por muchos aos- la aplicacin modelo estndar dentro de la rama de las artes grficas. Hoy
en da sigue siendo la aplicacin nmero uno en diseo y se considera la ms completa y
poderosa.
Adems de sus capacidades para trabajar con imgenes, a Photoshop
se han agregado nuevas herramientas para el desarrollo Web. Las
nuevas versiones de Adobe Photoshop cuentan con un programa de
apoyo llamado Image Ready, enfocado al diseo para Internet.
Adobe Photoshop se cre en 1990 como una aplicacin diseada para
trabajar en las computadoras Macintosh, que durante muchos aos
fueron consideradas las ms adecuadas para el diseo grfico.
Imagen 1-8: Thomas Knoll

En 1987, Thomas Knoll trabajaba en un cdigo de programacin


llamado Display, que serva para obtener imgenes en escala de
grises para adaptrselas a un monitor blanco y negro. Su hermano
John Knoll experimentaba diariamente en su computadora para
crear efectos especiales.
Los dos hermanos se unieron y mientras uno trabajaba en agregar
a la computadora la habilidad de leer y escribir varios formatos,
el otro desarrollaba procesos de rutina en las imgenes, que
Imagen 1-7: John Knoll
despus se convertiran en los filtros o plug-ins. Estos ltimos
los estudiaremos ms adelante. La aplicacin que desarrollaron con su trabajo fue nombrada
Photoshop y crearon un manual para su manejo.
En 1988 la Compaa Adobe decide comprar la licencia del programa. Desde ese momento
Adobe Photoshop ha posicionado en el mercado 12 ediciones y sigue evolucionando.

1-02
LMINA

14

Historia de Adobe

IntroduccinaPhotoshop

ACTIVIDAD

1-01

Comenzando con Adobe Photoshop

1. Escribe para qu puedes utilizar el programa de Adobe Photoshop.


Se utiliza Adobe Photoshop para editar y manipular imgenes digitales.
2. En qu ao se cre Photoshop?
Photoshop se cre en el ao 1990.
3. Quines fueron los creadores de Photoshop?
Sus creadores fueron Thomas y John Knoll.
4. Cuntas y cules son las ediciones que Photoshop ha sacado al mercado?
Son 12 las ediciones de Photoshop y son:A. Photoshop
1.0, A. Photoshop 2.0, A. Photoshop 3.0, A. Photoshop
4.0, A. Photoshop 5.0, A. Photoshop 6.0, A. Photoshop
7.0, A. Photoshop CS hasta A. Photoshop CS5.
5. En qu ao Photoshop es adquirido por Adobe?
En el ao 1988.
6. Describe qu es la digitalizacin de una imagen:
Digitalizar una imagen es el proceso mediante el cual la informacin de luz y
color se transforman en informacin numrica para ser guardada y manipulada
7. Qu es un mapa de bits?
Un mapa de bits es una cuadrcula formada por pxeles.

15

Diseo Digital
Photoshop CS5
tema

EEspacio de trabajo de Photoshop


Al iniciar Adobe Photoshop vers el espacio de trabajo. Los elementos que lo componen son
los siguientes:
1

Imagen 1-9: Espacio de Trabajo de Photoshop

16

IntroduccinaPhotoshop

1. Barra Aplicacin. En ella encuentras el nombre de la aplicacin, as como los botones de


minimizar, restaurar y cerrar.
2. Barra de mens. Contiene a detalle todas las operaciones que se le pueden hacer al
documento o al programa.
3. Panel de control. Permite establecer los parmetros de las herramientas o el objeto
seleccionado.
4. Barra de estado. Esta barra nos proporciona informacin sobre el archivo e imagen con la
que estamos trabajando.
5. Panel Herramientas. Permite modificar y editar el objeto.
6. Paneles. Permiten trabajar con los distintos aspectos de un documento, como capas,
colores, navegador o historial, entre otras.

T IP

Es posible que otros usuarios modifiquen la


apariencia de la pantalla principal. Si no ves
la pantalla tal y como se muestra aqu, puedes
mostrar la distribucin de fbrica usando el
men Window/Workspace/Essentials (Ventana/
Espacio de trabajo/Aspectos Esenciales).

1-01
VIDEO

Espacio de trabajo de Photoshop

17

Diseo Digital
Photoshop CS5
tema

FGestin de Archivos
Creacin de un documento Nuevo (New)
Para crear un nuevo documento utiliza el men File/New (Archivo/Nuevo) o la
combinacin de teclas <Ctrl+N>.

Imagen 1-11: Men Archivo>Nuevo

Aparecer una ventana como la siguiente:


2

3
4
5
6

Imagen 1-10: Ventana Nuevo.

18

IntroduccinaPhotoshop

1. Name (Nombre): En este campo nombrars tu documento.


2. Preset (Formato del documento): El formato que elijas depende del tamao y la forma del
documento que quieras crear. Los formatos ms comunes son carta, oficio y doble carta.
3. Width (Ancho del documento): Puedes definir el ancho de tu documento en centmetros,
milmetros, pulgadas, puntos (unidad utilizada en tipografa que equivale a 172 de pulgada),
picas (equivale a 12 puntos) y columnas (equivale al nmero de caracteres en una lnea).
4. Height (Altura del documento): Puedes definir la altura del documento en centmetros,
milmetros, pulgadas, puntos, picas y columnas.
5. Resolution (Resolucin del documento): La resolucin de una imagen nos permite conocer
la cantidad de pxeles que podemos encontrar en ella. La resolucin se define como el
nmero de pxeles que hay en una pulgada, por eso se expresa en puntos por pulgada o dots
per inch (dpi). Si una imagen tiene una resolucin alta (mayor densidad de pxeles), ser de
mejor calidad debido a que se produce ms detalle y la transicin de color es ms suave.
6. Color Mode (Modo de Color): Existen 5 modos de color.
RGB Color -Red, Green & Blue- (RGB Rojo, Verde & Azul): Se utiliza para imgenes
que slo se vern en pantalla.
CMYK Color -Cyan, Magenta, Yellow & Black- (CMYK Azul turqueza, Magenta,
Amarillo & Negro): Se usa para imgenes que se destinarn a impresin.
Grayscale (Escala de grises): Se usa para imgenes que tienen tonalidades de
blanco a negro, pasando por los tonos grises intermedios.
Lab Color: Es un modo utilizado en las imprentas para asegurar la fidelidad de los
colores.
Bitmap (Mapa de bits): Se utiliza para imgenes que no requieren detalle de color o
que tienen muy pocos tonos diferentes.
7. Background Contents (Fondo del documento): Aqu puedes escoger el fondo del documento.
Puede ser Blanco (White), Transparente (Transparent) o del Color de fondo (Background
color) que se encuentre activo al momento de iniciar el documento. El color de fondo activo
se cambia utilizando la barra de herramientas que estudiaremos ms adelante.
8. Advanced (Opciones Avanzadas): Por el momento te recomiendo no cambiar ninguna de
estas opciones. Podrs estudiar detalles ms adelante.
Una vez creado el documento nuevo, es recomendable delimitar un rea de trabajo. Esto lo
puedes hacer con la ayuda de las reglas y la lnea gua, que puedes mostrar u ocultar utilizando
el men View/Rulers (Ver/Reglas) o las teclas <Ctrl+R>.

19

Diseo Digital
Photoshop CS5

Abrir archivos (Open)


Las imgenes se abren y se importan en varios formatos de archivo. Los formatos
disponibles aparecen en el cuadro de dilogo Open (Abrir).
Para abrir un archivo:
1. Selecciona el men File/Open (Archivo/Abrir) o el comando <Ctrl+O>.

Imagen 1-12: Men Archivo>Abrir

2. Selecciona el archivo que quieres abrir. Si el tipo de archivo no aparece,


puedes seleccionar la opcin All Formats (Mostrar todos los archivos) en el
men emergente.
3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de dilogo que
permite configurar opciones especficas del formato.

Imagen 1-13: Ventana Abrir

20

IntroduccinaPhotoshop

Puedes importar imgenes al programa desde:

Una cmara digital


Un banco de imgenes
Escaneos de fotografas, transparencias, negativos, grficos, entre otros
Captura de imgenes de video
Cliparts

Cerrar y guardar una imagen


Para cerrar cualquier archivo que est abierto en Adobe Photoshop, simplemente usa el
men File/Close (Archivo/Cerrar) o la combinacin de teclas <Ctrl+W>. Al cerrar una imagen,
aparecer un mensaje para confirmar si deseas guardar los cambios realizados, en caso de
que los hayas hecho o modificado la imagen.
Por otro lado, es conveniente que durante el proceso de trabajo guardes los cambios que le
realices al documento, con la finalidad de no perder informacin si el programa o el equipo
fallan inesperadamente. Para guardar usa el men File/Save (Archivo/Guardar) o <Ctrl+S>.

Imagen 1-14: Men Archivo>Guardar

21

Diseo Digital
Photoshop CS5
Estos son los formatos de archivo ms utilizados para guardar mapas de bits en Adobe Photoshop.
Formato

Funcin

PSD y PDD

Formato de archivo de trabajo de Adobe


Photoshop.

Solamente se puede abrir en Photoshop


y programas compatibles. No sirve para
publicar en Web.

PDF

Formato original de Adobe Acrobat.


Permite almacenar imgenes vectoriales
y mapas de bits.

Este archivo se abre con Adobe Acrobat


Reader y se modifica el tamao del
documento.

Formato muy eficiente.


Acepta alta resolucin de color y tiene
una excelente compresin con alta
calidad de imagen. Muy usado para
publicar en Web.

Dependiendo de la compresin, siempre hay


prdidas de color (calidad) en la imagen.

TIFF

Formato que crea archivos de imagen de


alta calidad, normalmente destinados
para impresin.

Los archivos son muy pesados.

BMP

Es el formato estndar de Windows.


Acepta alta densidad de color.

No maneja compresin, por lo que las


imgenes BMP son muy pesadas. No es
recomendable para Web debido a su peso.

PNG

Este formato produce transparencias de


fondo sin bordes irregulares y soporta los
modos de color.

Existen prdidas en el color de la imagen.

JPEG o JPG

T IP

22

Desventaja

Es recomendable trabajar siempre con un archivo


maestro en formato PSD o PDD y slo guardar en
otro formato cuando el trabajo de manipulacin
est terminado. Elige el formato ms adecuado
para cada necesidad que se te presente.

IntroduccinaPhotoshop

NOTA
Una imagen requiere mayores recursos (memoria y capacidad
de proceso) entre mayor sea su resolucin, por eso es
importante mantener la resolucin tan pequea como se
requiera en cada trabajo. Para una imagen que se observar
en pantalla, una resolucin adecuada es de 72 a 150 dpi. Los
monitores no tienen tan alta resolucin como los impresos, por
lo que no vale la pena usar una mayor resolucin. En cambio,
si la imagen se va a imprimir, la resolucin normalmente es
de 150 a 300 dpi, dependiendo de la calidad de la impresora
que se va a utilizar.

1-02
VIDEO

Gestin de archivos

ACTIVIDAD

1-02

Adobe Photoshop

1. Cules son los 6 principales elementos que conforman la pantalla de trabajo de Adobe
Photoshop? Explica la funcin de cada uno de ellos.
Barra aplicacin: en esta barra encuentras el nombre de la aplicacin y los botones de minimizar, restaurar y cerrar.
Barra de mens: tiene a detalle las operaciones que se le pueden hacer al documento y la aplicacin.
Panel de control: da los parmetros de las herramientas u objetos seleccionados.
Barra de estado: proporciona informacin sobre el archivo e imagen con la que se
trabaja.
Panel herramientas: permite modificar y editar el objeto.
Paneles: permite trabajar con los distintos aspectos de un documento.

23

Diseo Digital
Photoshop CS5
2. Qu es y para qu sirve conocer la resolucin de una imagen?
La resolucin de una imagen te permite conocer la cantidad de pxeles que hay
en ella. La resolucin se define como el nmero de pxeles que hay en una pulgada (dpi). A mayor resolucin mejor calidad de la imagen.
3. Qu resolucin es recomendable para visualizar imgenes en pantalla? Por qu no
conviene usar la mxima resolucin?
La resolucin recomendable para pantalla es de 72 a 150 dpi. No es recomendable una mxima resolucin porque los monitores no tienen tanta resolucin.
4. Qu resolucin es ptima para la impresin de imgenes?
La resolucin para impresin de imgenes es de 150 a 300 dpi.
5. Cules son los Modos de Color? Explica la aplicacin de cada uno de ellos.
RGB Color (Red, Green, Blue): se utiliza para imgenes que se observarn en pantalla. (8 a 16 bits)
CMYK Color (Cyan, Magenta, Yellow, Black): se utiliza para imgenes
que se imprimirn. (8 a 16 bits)
Escala de grises: se usa para imgenes que tienen tonalidades
grises, del blanco al negro. (8 a 16 bits)
Lab Color: utilizado en imprentas para asegurar la fidelidad de colores en la imagen. (8 a 16 bits)
Mapa de bits (Bitmap): se utiliza para imgenes que no requieren
distintos tonos, ya que slo tiene 2 colores. (1 bits).

6. Describe una forma de abrir un archivo en Adobe Photoshop.


1. Selecciona el Men Archivo (File)/Abrir (Open) o <Ctrl+0>.
2. Selecciona el archivo que quieras abrir.
3. Haz clic en Abrir (Open).

24

IntroduccinaPhotoshop

ACTIVIDAD

1-03

Obtencin de imgenes

1. Investiga en la pgina www.creativecommons.org qu tipos de licencia existen. Descrbelas


indicando qu logotipo las representa y cules son las combinaciones de licencia posibles.
Cultura- Si eres un fotgrafo, escritor, cineasta o DJ, esta licencia ayuda a hacer su
parte del trabajo de la innovacin cultural que se multiplica en Internet.
Educacin- Acceso a la educacin es fcil y universal cuando educadores y estudiantes usan esta licencia para compartir y construir conjuntamente planes de
leccin, conferencias y libros de texto.
Ciencia- Creemos que datos, revistas y la investigacin cientfica deben estar
disponibles para todo el mundo y tiene herramientas legales que ayudan a que
esto suceda.
Gobierno- Los gobiernos de todo el mundo utilizan licencias CC y herramientas
para compartir informacin, promover el acceso, el crecimiento econmico, participacin ciudadana y transparencia.
2. Busca en la misma pgina ejemplos (fotografas o ilustraciones) de los siguientes archivos
de imagen: bmp, jpeg, gif, gif animado y png. Crea con ellos una biblioteca de imgenes.
3. Investiga en internet cmo funciona una cmara digital y copia en este espacio los grficos
y partes que muestran el proceso:

25

Diseo Digital
Photoshop CS5

Qu aprendiste?
TEMA A: A definir los conceptos de imagen, mapa de bits y vector.
TEMA B: A reconocer al escner y la cmara como elementos para digitalizar imgenes.
TEMA C: A localizar imgenes con licencias creative commons e identificar el tipo de licencia
por su iconografa, as como el uso que se puede dar a material que emplea este
tipo de licencias.
TEMA D: La historia acerca del desarrollo de Adobe Photoshop, los nombres de sus
creadores, as como los orgines de la aplicacin.
TEMA E: Cuales son los principales elementos que conforman el espacio de trabajo de
Adobe Photoshop.
TEMA F: Los procedimientos necesarios para crear un documento, abrir un documento
existente en tu computadora, guardar, cerrar, as como los formatos de archivo que
puedes manipular en Adobe Photoshop.

EVALUACIN

01
1. Menciona 3 orgenes desde donde puedes importar imgenes a Adobe Photoshop.
Puedes importar imgenes a Photoshop desde una cmara digital, un banco de
imgenes y cliparts.
2. Qu es fondo de documento?
Aqu puedes escoger el fondo del documento. Puede ser Blanco, Transparente o
del Color de fondo que se encuentre activo al momento de iniciar el documento.
El color de fondo activo se cambia utilizando el panel herramientas.
3. Qu es un vector?
Un vector es una funcin matemtica que la computadora realiza para crear
lneas y curvas con propiedades de color, tamao y posicin.

26

En la versin CS5, con las Herramientas


preestablecidas, puedes guardar
y volver a utilizar los ajustes de
herramientas.
Mediante el Selector de herramientas
preestablecidas de la barra de
Opciones utiliza el panel emergente
Herramientas preestablecidas para
cargar, editar y crear bibliotecas.

Un id ad

02

NIVEL: Bsico

Her ra m ientas

DURACIN SUGERIDA: 9 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenders a:


A Identificar el panel Herramientas de Adobe Photoshop, herramientas
de seleccin, su funcin y empleo. Comprender el concepto de Tolerancia
y aplicar mscaras a partir de una seleccin.
B Emplear las herramientas de pintura y retoque realizando proyectos.
Diferenciar los conceptos Color de frente (Foreground) y Color de fondo
(Background).
C Conocer las herramientas disponibles en Adobe Photoshop para
la creacin y edicin de texto, as como para la realizacin de trazos
vectoriales.
D Emplear otras herramientas que son de uso frecuente y mediante su uso
realizars tareas de manera eficiente y sencilla.

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5
tema

AHerramientas de Seleccin
Panel Herramientas
Este panel agrupa las herramientas que te ayudarn a realizar tus actividades
dentro del programa. Las herramientas de Photoshop estn comnmente
agrupadas en el lado izquierdo de la ventana de aplicacin. Aunque el panel
Herramientas se puede mover, es recomendable tenerlo siempre visible en esta
zona de la pantalla.
Las herramientas estn representadas por iconos. Hay algunas herramientas
que incluyen un men lateral que se identifica por un pequeo tringulo de
color negro en la esquina inferior derecha del botn de la herramienta. Para
desplegar ese men debes mantener un clic sostenido sobre el botn de la
herramienta.
Las herramientas se pueden adaptar a las necesidades de cada trabajo por
medio del panel de control, que comnmente est en la parte superior de la
pantalla de Photoshop. Si no lo ves, puedes mostrarlo con el men Window/
Options (Ventana/Opciones). La paleta de opciones muestra diferentes
parmetros para cada herramienta que se seleccione en el panel Herramientas.
Siempre que tomes una herramienta, da un vistazo rpido a las opciones y
ajusta lo que sea necesario.
Las herramientas se clasifican en grupos de acuerdo a la funcin que
desempean dentro de la aplicacin. El uso detallado de las herramientas se ve
en las actividades.
Imagen 2-1: Panel Herramientas

Herramientas de seleccin
Las herramientas de seleccin no modifican los pxeles sobre los cuales se aplican. Similarmente,
como ocurre cuando seleccionas un texto en el procesador de palabras, las selecciones slo se
usan para elegir aquellas zonas que se quieren modificar. Si hay una seleccin en la imagen,
las acciones que se realizan slo tienen efecto sobre los pxeles seleccionados.
En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten
el mismo botn (botones con tringulo negro en la esquina inferior derecha). Recuerda que
debes hacer un clic sostenido sobre la herramienta actual para tener acceso a las otras
herramientas incluidas en un botn.

28

Herramientas

Herramientas de
Seleccin

Atajo

Marco rectangular

<M>

Marco elptico

<M>

Rectangular Marquee

Elliptical Marquee
Marco columna nica

Funcin
Dibuja un borde de seleccin cuadrado o
rectangular.
Permite hacer selecciones circulares o
elpticas.
Permite hacer la seleccin de una columna
de un pxel de grosor

Single Column Marquee


Marco fila nica

Permite hacer la seleccin de una fila de un


pxel de grosor.

Single Row Marquee


Herramienta Mover

<V>

Permite cortar y arrastrar una seleccin de


pxeles a otra ubicacin.

Lazo

<L>

Permite seleccionar libremente reas de la


imagen.

Lazo poligonal

<L>

Marca los puntos por donde pasar la


seleccin.

Lazo magntico

<L>

Hace la seleccin a mano alzada en fusin


a la configuracin que se haya ajustado en
la barra de opciones. La lnea de seleccin
ser la interseccin de dos colores
dependiendo del contraste de sus bordes.

Seleccin rpida

<W>

Permite marcar rpidamente una seleccin


mediante una punta de pincel redonda

Varita mgica

<W>

Selecciona pxeles que se encuentran


dentro de un rango de color parecido al
pxel escogido.

Move

Lasso
Polygonal Lasso

Magnetic Lasso

Quick Selection

Magic Wand

Imagen

2-01
LMINA

Herramientas de Seleccin

29

Diseo Digital
Photoshop CS5

Tolerancia (Tolerance)
Algunas herramientas, como Magic Wand (Varita Mgica) o Paint Bucket (Cubeta de Pintura),
tienen una opcin llamada Tolerance (Tolerancia). Estas herramientas analizan el color de los
pxeles alrededor de aqul sobre el que se aplica la herramienta. Si el color de los pxeles
contiguos es similar, la accin de la herramienta se extiende a ellos. Si el color de los pxeles
contiguos es diferente, la accin no los afecta.
La Tolerancia determina qu tan similares deben ser los pxeles contiguos para ser afectados
por la herramienta. Si hay poca tolerancia (cerca de 0%), los pxeles deben ser mucho ms
parecidos para ser afectados. Si la herramienta es muy tolerante (cerca del 100%), casi no
importa si los pxeles se parecen o no a los contiguos para ser afectados.
La Tolerancia estndar de la varita mgica y la cubeta de pintura es de 32%. Este es un valor
que en la mayora de los casos da buenos resultados.

2-01
VIDEO

Tolerancia

PROYECTO

2-01

Figuras simples a partir de selecciones

1. Abre un documento nuevo en Photoshop. En el cuadro de dilogo que aparece al crear el


documento utiliza los siguientes parmetros:
Name (Nombre): Cuadrado
Preset (Formato de documento): Custom
Width (Ancho): 200 pxels
Height (Alto): 200 pxels
Resolution (Resolucin): 150 pxels/inch
Color Mode (Modo de Color): RGB 8 bit
Background Contents (Fondo de color): White (blanco)
Color Profile (Perfil del color): Working RGB: sRGB IEC61966-2.1
Pixel Aspect Ratio (Aspecto del Pxel): Square (Cuadrado)

30

Herramientas

2. Elige la herramienta Rectangular Marquee (Seleccin Rectangular) y crea con ella un


cuadrado dentro de los lmites del documento. Ya que slo ests haciendo una seleccin,
puedes intentar las veces que quieras. Procura que la seleccin sea aproximadamente de un

cuarto del tamao del rea de trabajo y que quede centrada.

3. Ahora tienes que darle color al cuadrado. Hay dos maneras de hacerlo. Prueba ambas
formas para conocerlas:
T oma la herramienta Paint Bucket (Cubeta de Pintura) y la presionas sobre la
seleccin rellenando el cuadrado de color slido.
Utiliza el men Edit/Fill (Editar/Rellenar). Aparecer un cuadro de dilogo donde
pondrs lo siguiente:
Use (Uso): Color. Aparecer la Paleta de colores. Escoge el color que quieras
y das Ok.
Mode (Modo): Normal
Opacity (Opacidad): 100%
4. Con la herramienta de seleccin crea un nuevo rectngulo en tu documento. No importa si
queda encima del anterior.
5. Rellena el segundo rectngulo con men Edit/Fill (Editar/Rellenar), pero en este caso en Use
(Uso) selecciona Pattern (Textura). Utiliza la textura que te agrade.
6. Sin modificar la seleccin, para crearle un borde o permetro a la figura utiliza el men Edit/
Stroke (Edicin/Contorno). Aparecer un cuadro de dilogo en donde pondrs los siguientes
valores:
Width (Ancho): 2 pxels
Color (Color): Negro
Location (Ubicacin): Outside (Afuera)
Mode (Modo): Normal
Opacity (Opacidad): 100%
7. Da Ok para ver el resultado. Quizs la seleccin no te deje ver el contorno, por lo que debes
eliminarla usando el men Select/Deselect (Seleccin/Quitar Seleccin) o la combinacin
de teclas <Ctrl+D>.
8. Ahora guarda el archivo en la ubicacin que indique tu profesor, utilizando men File/Save
(Archivo/Guardar) o las teclas <Ctrl+S>. Utiliza para el archivo el nombre Cuadrado con el
formato PSD.

31

Diseo Digital
Photoshop CS5

Selecciones como mscaras


En los programas profesionales de diseo grfico se utiliza mucho el trmino mscara (mask).
Este nombre se ha heredado de las antiguas tcnicas de trabajo con papel o pelcula fotogrfica.
En muchas ocasiones un artista tena la necesidad de trabajar slo con una pequea parte de
una imagen. Para no correr el riesgo de daar otras zonas de la imagen, el artista creaba una
mscara, que consista en un lienzo que se colocaba sobre todo el documento y que tena slo
un orificio a travs del cual se poda retocar lo necesario.
Hoy en da las personas todava usan mscaras de este tipo para restaurar obras de arte de
la antigedad, trabajar con fotografas e incluso se usan en procedimientos mdicos para
enfocarse a una zona especfica de trabajo, mientras se protege el todo. Una seleccin es una
forma de crear una mscara.

ACTIVIDAD

2-01

Por qu mscaras?

Reflexiona de forma individual o por equipos y contesta las siguientes preguntas:


1. Describe una situacin real, diferente a las que se han ejemplificado aqu, en que puede ser
til usar una mscara. Redacta los detalles de su uso.
Puedo usar una mscara para corregir slo parte de la cara de una persona en
una fotografa.
2. Por qu decimos que una seleccin es una forma de crear una mscara?
Porque al crear una seleccin se trabajar sobre esa zona en especfico sin afectar lo dems.
3. Qu otro significado tiene la palabra mscara? Por qu se le llama as a esta tcnica de
trabajo?
Mscara puede tener un smil a seleccin o proteccin. Se llama mscara porque
protege la imagen u objeto al realizarle un cambio en una zona especfica de
ste.

32

Herramientas

PROYECTO

2-02

Selecciones

1. En un nuevo documento de 600 X 600 pxels, crea un rectngulo, un valo, un crculo y


un tringulo, utilizando las herramientas de seleccin. Rellena cada figura con diferentes
texturas y colores.
2. Prueba las siguientes tcnicas para trabajar con selecciones:
Puedes quitar una seleccin usando las teclas <Ctrl+D>.
Si ya existe una seleccin, sta desaparece cuando se inicia una nueva seleccin.
Si ya existe una seleccin, puedes agregar ms presionando la tecla <Shift>.
Si ya existe una seleccin, puedes quitar presionando la tecla <Alt>.
Si presionas la tecla <Shift> mientras creas una seleccin cuadrada o circular,
se forma un cuadrado o un crculo perfecto, respectivamente. Slo funciona si no
hay seleccin previa.
Si presionas la tecla <Alt> mientras dibujas la seleccin, el punto en donde hagas
el primer clic ser el centro de la figura. Slo funciona si no hay seleccin previa.
Puedes presionar al mismo tiempo las teclas <Alt+Shift>, para crear una figura
perfecta a partir de su centro. Slo funciona si no hay seleccin previa.
Para deshacer una accin pulsa las teclas <Ctrl+Z>, pero si necesitas regresar
dos o ms acciones, es necesario presionar <Ctrl+Alt+Z>.

3. En un nuevo documento crea las siguientes figuras utilizando la combinacin de las tcnicas
anteriores, rellnalas con diferentes colores o texturas y aplcales distintos contornos. En
este caso las figuras no deben empalmarse unas con otras.

na dona (crculo sin centro)


U
Una figura con forma de ocho
Una media luna
Una cara feliz

4. Guarda los archivos en tu carpeta de trabajo con el formato de Photoshop. Utiliza los
nombres Figuras_a y Figuras_b.

33

Diseo Digital
Photoshop CS5
tema

BHerramientas de pintura y retoque


A diferencia de las herramientas de seleccin, las herramientas de pintura s modifican los
pxeles sobre los cuales se aplican, cambiando su color y apariencia. Se utilizan tanto para
crear, como para modificar imgenes.
En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten
el mismo botn (botones con tringulo negro en la esquina inferior derecha). Recuerda que
debes hacer un clic sostenido sobre la herramienta actual para tener acceso a las otras
herramientas incluidas en un botn.
Herramientas de
Pintura
Pincel

Brush
Lpiz

Pencil
Sustitucin de color

Color Replacement
Pincel Mezclador

Mixer Brush
Pincel de historia

History Brush
Pincel histrico

Art History
Degradado

Gradient
Bote de pintura

Paint Bucket

Atajo

Funcin

<B>

Aade pintura a la imagen con trazos


suaves o intensos y puede simular las
tcnicas de pintura con aergrafo.

<B>

Dibuja lneas o contornos irregulares.

<B>

Cambia un color por otro.

<B>

Realiza trazos con brochas mas


realistas.

<Y>

Permite restaurar una imagen a su


estado original despus de haber sido
modificada.

<Y>

Pinta con trazos estilizados basados


en algn estado del panel Historia.

<G>

Rellena parte de una imagen con


una fusin de colores, la cual puede
modificarse tanto en orientacin como
suavidad.

<G>

Rellena reas de color similares con


el color frontal.

2-02
LMINA
34

Herramientas de Pintura y Retoque

Imagen

Herramientas

Herramientas de
Retoque
Pincel corrector puntual

Spot Healing Brush


Pincel corrector

Healing Brush
Parche

Patch
Pincel de ojos rojos

Red Eye
Tampn de clonar

Clone Stamp
Tampn de motivo

Pattern Stamp
Borrador

Eraser Tool
Borrador de fondos

Background eraser
Borrador mgico

Magic Eraser

Atajo
<J>

Elimina rpidamente las


imperfecciones de las fotografas.

<J>

Pinta con una muestra o motivo


para reparar las imperfecciones
de una imagen.

<J>

Repara las imperfecciones del rea


seleccionada en una imagen
utilizando una muestra o un motivo.

<J>

Repara los ojos rojos de las fotos y


los reflejos verdes de los animales,
que produce el flash.

<S>

Clona o copia una parte de la imagen.

<S>

Pinta tomando una parte de la imagen


como motivo.

<E>

Borra partes de una imagen.

<E>

Borra el rea del fondo.

<E>

Borra las reas que contienen colores


uniformes.

Desenfocar (+)
Enfocar (+)

Da ms nitidez a la imagen y aumenta


el contraste de color.

Sharpen
Dedo (+)

Diluye los colores.

Smudge
Dodge
Subexponer

Burn
Esponja

Sponge

Imagen

Distorsiona el foco de alguna parte de


la imagen.

Blur

Sobreexponer

Funcin

<O>

Aclara la imagen.

<O>

Oscurece la imagen.

<O>

Satura o desatura reduciendo el nivel


de gris.

35

Diseo Digital
Photoshop CS5

Color de frente (Foreground) y Color de fondo (Background)


En la parte media inferior del panel Herramientas, siempre hay visibles dos cuadros grandes
de color llamados Selectores de color. Estos cuadros corresponden a los colores de frente y de
fondo activos. Para cambiar cualquiera de estos colores basta hacer un clic sobre los cuadros
de color y se desplegar un selector donde se puede elegir cualquier color.
Las herramientas de pintura utilizan el color de frente (o color frontal) activo para
sus acciones. El color de fondo, es el tono del fondo del documento y podemos
utilizar herramientas que pinten con el color del fondo.

T IP

Para seleccionar un color haz clic sobre uno de los


recuadros de color para que se active el Selector
de color, en donde podrs escoger de la paleta de
colores el que t quieras.
Para intercambiar los colores de frente y de fondo,
haz clic sobre el icono de doble flecha. As haces
que el color que se encontraba en el recuadro del
fondo pase al frente como color de trabajo.

Modo mscara rpida


Para utilizar este modo, se crea una seleccin y activa el botn Edit in Quick Mask (Editar
mscara rpida). Para modificar la mscara se emplea la herramienta Paint Brush (Pincel). Al
salir, las reas no protegidas por la mscara se convierten en una seleccin. Tambin se puede
crear la mscara directamente en el modo Mscara rpida.
Modos de
edicin
Editar en Modo Standard

Edit in Standard Mode

Editar en Mscara Rpida

Edit in Quick Mask Mode

36

Atajo

Funcin

<Q>

Los contornos de seleccin son lneas


punteadas.

<Q>

En este modo se pueden modificar los


contornos de seleccin con ayuda de las
herramientas de pintura.

Imagen

Herramientas

PROYECTO

2-03

Pintando en Adobe Photoshop

1. Abre el archivo Muneca.psd que se encuentra en los Recursos Digitales.


2. Cambia el Foreground Color (Color de frente) a caf.
3. Utiliza la herramienta de Zoom o <Ctrl+Barra Espaciadora>, para magnificar la imagen
y que puedas ver los detalles de la seleccin.
4. Toma del panel Herramientas, la herramienta Magic Wand (Varita Mgica) y con ella
selecciona la cabeza y la trenza derecha de la mueca. Recuerda que puedes modificar
la tolerancia de la herramienta si es necesario, con el objetivo de seleccionar con mayor
exactitud. Tambin puedes usar las teclas <Shift> o <Alt> para aumentar o quitar reas
a la seleccin.
5. Toma la herramienta Paint Bucket (Cubeta de pintura) y sala para rellenar las zonas
seleccionadas. Quita la seleccin de las reas que acabas de colorear.
6. De forma similar, utiliza herramientas de seleccin y pintura para rellenar de diferentes
colores las bolitas del vestido, la cara, la mano, el delantal, los motivos del delantal, los
zapatos, las calcetas, el pastel, las velas y el broche del cabello.
7. Falta aplicar color a la trenza izquierda. Es difcil seleccionarla con la herramienta Magic Wand
(Varita Mgica) porque hay una zona donde la lnea est incompleta. Elige la herramienta
Pencil (Lpiz), que se encuentra en el men adicional de las herramientas del pincel.
8. Cambia el Foreground Color (Color de frente) a negro y usa Pencil (Lpiz) para completar
las reas en donde qued inconclusa la lnea.
9. Ahora s puedes seleccionar con la Magic Wand (Varita Mgica) y aplicar color a la trenza
que falta. Utiliza el mismo color que usaste para el resto del cabello de la mueca.
10. Selecciona el plato del pastel con la herramienta Magic Wand (Varita Mgica). Vas a aplicar
un degradado con las opciones de Paint Bucket (Cubeta de pintura). Para ello primero
selecciona la herramienta Gradient (Degradado) que est en el mismo botn que la
herramienta Paint Bucket (Cubeta de pintura).

37

Diseo Digital
Photoshop CS5

11. En el panel de opciones de la herramienta utiliza el men colgante de Gradient Editor


(Edicin de degradado) y elige el Gradient (Degradado), Foreground to Transparent (Color
frontal a transparente). Elige tambin la forma Linear Gradient (Lineal), el Mode (Modo) de
Soft Light (Luz suave) y una Opacity (Opacidad) del 60%.
12. Una vez establecidas las opciones de la herramienta, da un clic sobre la imagen. Vers que
el cursor forma una lnea que debes arrastrar sobre el plato para colorearlo.
13. Colorea con degradados similares los aros de luz y las llamas de las velas, pero en este caso
usa la opcin Orange/Yellow/Orange (Naranja/Amarillo/Naranja).
14. Quita cualquier seleccin y ahora cambia el Foreground Color (Color frontal) a amarillo.
15. Toma la herramienta Dodge Tool (Sobreexponer) y establece en el panel de control de
herramienta los siguientes parmetros:
B
rush (Brocha): 65 px.
Range (Rango): Midtones (Medios tonos).
Exposure (Exposicin): 50%.
16. Con la herramienta que has establecido, empieza a pintar brillos en el vestido, el cabello, el
delantal, el pastel, la cara, las manos, las velas y los aros de luz.
17. Ahora hars algo similar para pintar sombras. Cambia el Foreground Color (Color frontal) a
negro y selecciona la herramienta de Burn (Subexposicin). Establece las mismas opciones
que en el caso anterior. Con esta herramienta dibuja las sombras a la imagen.
18. Aplica un Desenfoque a las rayas del pastel. Para ello simplemente selecciona la herramienta
Blur (Desenfoque). En el panel de control establece estos valores:
B
rush (Brocha): 59 px.
Mode (Modo): Normal.
Strenght (Fuerza): 100%.
Pinta con la brocha sobre las rayas del pastel.
19. Para resaltar las mejillas de la mueca, pinta con la herramienta Brush (Brocha) usando una
opacidad del 50% y color rojo.
20. Guarda la imagen final con el nombre Pintando en tu carpeta de trabajo.

38

Herramientas

PROYECTO

2-04

Quitando cables

1. Abre la imagen Universidad.psd que se encuentra en los Recursos Digitales. El objetivo de


esta actividad es eliminar los cables de la fotografa. Para ello debes usar como referencia
reas similares donde no aparezcan los cables y clonarlas sobre la zona de cables.
2. Selecciona la herramienta Zoom o usa las teclas <Ctrl+Barra espaciadora> para
agrandar el rea en la que vas a trabajar. Para mover el rea de trabajo utiliza la herramienta
Hand (Mano), oprimiendo <H> o <Barra espaciadora>.
3. Selecciona la herramienta Stamp Clone (Tampn de clonacin) o presiona la tecla <S> del
panel Herramientas.
4. En el panel de control de la herramienta establece los siguientes parmetros:

Brush (Tamao de la brocha): 12 px.


Mode (Modo): Normal.
Opacity (Opacidad): 100%.
Flow (Corriente): 100%.

5. Ahora decide cul ser el punto de referencia en la imagen. Se trata de un punto que se
pretende clonar y que est prximo a la zona a corregir. En este caso el punto de referencia
ideal es una zona del cielo donde no haya cables.
6. Mantn presionada la tecla <Alt> y haz clic sobre el punto de referencia elegido. Esto fija
el punto de referencia de la herramienta. Ahora empieza a pintar sobre el cable a eliminar.
Si es necesario, puedes redefinir el punto de referencia tantas veces como quieras. Tambin
puedes jugar con el tamao de la brocha para adaptarla a las necesidades del elemento
sobre el que hay que pintar.
7. Cuando termines de corregir la fotografa, gurdala con el nombre Sincables en la carpeta
de trabajo.

39

Diseo Digital
Photoshop CS5

PROYECTO

2-05

Quitando imperfecciones y manchas

1. Abre la imagen Nubes.psd de los Recursos Digitales.


2. Haz un Zoom para ver de cerca las partes claras de la imagen. Para ampliar rpidamente el
zoom presiona las teclas <Ctrl + +> y para alejar usa <Ctrl + ->.
3. Selecciona la herramienta Spot Healing (Pincel corrector) del panel herramientas. En el
panel de control de la herramienta selecciona una brocha de 19 pxeles de dimetro.
4. Con esta herramienta, toma una muestra y haz clic en las manchas que tenga la fotografa
para hacerlas desaparecer. Si la mancha es ms grande o ms chica que el pincel, podemos
modificar el dimetro de la herramienta en el panel de control. Lo ideal es que el pincel sea
del mismo tamao que la mancha que se quiere corregir.
5. Recuerda que si cometes un error, puedes presionar <Ctrl+Z> para deshacer la ltima
accin. Para deshacer varias acciones puedes usar el panel Historia (History) o la
combinacin del teclado <Shift+Ctrl+Z>.

NOTA
La herramienta Spot Healing Brush (Pincel corrector) es muy fcil
de usar y configurar. Tiene dos tipos de operacin, que en Photoshop
se llaman Options types y se especifican en el panel de control de la
herramienta. Los tipos de operacin determinan la forma en que la
herramienta elimina las manchas y raspaduras.
a. Proximity match (Ajusta a Entorno): utiliza los pxeles alrededor
de la seleccin para corregir la mancha.
b. Create Texture (Crear textura): utiliza los pxeles de la seleccin
para hacer la correccin.
Cuando tengas que hacer alguna correccin con esta herramienta,
prueba ambos tipos de operacin para decidir cul te funciona mejor.

40

Herramientas

PROYECTO

2-06

Pintando pxeles en modo RGB

1. Crea un documento nuevo de un pxel por un pxel (1 X 1) y fondo transparente. Este es el


documento ms pequeo que se puede crear en Photoshop. Como slo trabajaremos en
pantalla, puedes usar una resolucin de 72 dpi. Utiliza el modo de color RGB de 8 bits.
2. Haz un Zoom para ampliar el rea de trabajo al mximo posible, que es al 3200%.
3. Selecciona como Foreground Color (Color de frente) algn tono de naranja.
4. Observa la Paleta Color. El color naranja, como todos los colores, se puede descomponer
en tres valores RGB, que son el nivel de Rojo, Verde y Azul. Si modificas los valores RGB
directamente en la paleta Color, vers cmo cambia el Foreground Color (Color de frente)
en el panel Herramientas.
5. Mueve los valores RGB para obtener un color naranja intenso. Una opcin puede ser R=250,
G=140, B=30.
6. Con la herramienta Paint Bucket (Bote de pintura) <G>, rellena de color naranja el nico pxel
del rea de trabajo.
7. Ahora crea otro documento nuevo RGB Color, de 2 X 2 pxeles.
8. Haz un Zoom para ampliar el rea de trabajo al mximo posible, que es al 3200%.
9. Toma la herramienta Pencil (Lpiz) y en el panel de control cambia el dimetro de la
herramienta a 1 px.
10. Pinta cada uno de los 4 pxeles de la imagen de un color diferente y anota en esta tabla los
valores RGB de los colores que utilizaste:
Valor R

Valor G

Valor B

Color Resultante

41

Diseo Digital
Photoshop CS5

ACTIVIDAD

2-02

Colores RGB

Contesta las siguientes preguntas a manera de conclusiones:


1. Es posible que un mismo pxel tenga ms de un color? Por qu?
No. Un pxel nada ms tiene un color, aunque se divide en canales de color (RGB).
2. Cules son los colores que combinados en diferentes niveles, pueden formar cualquier otro
color en modo RGB?
Los colores RGB. Rojo, verde y azul.
3. Cul es el valor numrico mximo que puede tomar alguna de las componentes de color
RGB? (Ayuda: este valor equivale al nmero binario 11111111)
255 es el valor numrico que pueden tomar los componentes del color RGB.
4. Investiga usando Photoshop, cul es el color resultante de combinar los siguientes valores:
Valor R

Valor G

Valor B

255

255

255

255

255

255

255

80

80

255

100

100

100

180

180

180

20

20

20

Color Resultante

Amarillo
Cyan
Morado
Rojo-Amarillo
Rojo
Gris oscuro
Gris Claro
Casi negro

5. Ahora sin usar el programa contesta: Qu valores RGB forman el color negro?
R=0 G=0 B=0
6. Qu valores forman el color blanco?
R = 255 G = 255 B = 255

42

Herramientas

PROYECTO

2-07

Jugando con los pxeles en modo CMYK

El modo RGB se utiliza principalmente cuando se trabaja con imgenes destinadas a verse en
pantalla. Pero en impresin es ms comn utilizar el modo CMYK. El principio de combinacin
de componentes para formar colores es muy similar. La diferencia es que en una pantalla, lo que
se combina son intensidades de luz para formar cualquier color, mientras que en impresin se
combinan colores de tinta.
Los colores de tinta o componentes CMYK son Cyan, Magenta, Amarillo y Negro. Realiza esta
actividad para comprender otras diferencias.
1. Crea un documento nuevo de 3 X 3 pxeles y fondo transparente. Utiliza el modo de color
CMYK de 8 bits.
2. Haz un Zoom para ampliar el rea de trabajo al mximo posible, que es al 3200%.
3. Observa que en la esquina superior derecha de la paleta Color, hay una pequea flecha que
despliega un men lateral. Activa ese men y selecciona la opcin CMYK Sliders (Deslizador
CMYK). Esto permitir modificar los valores CMYK en vez de los valores RGB.
4. Utiliza la herramienta Pencil (Lpiz), con un dimetro de 1 pxel, para dar color diferente a
cada uno de los 9 pxeles del documento.
5. Anota en esta tabla los valores CMYK de los colores que hayas usado:
Valor C

Valor M

Valor Y

Valor K

Color resultante

43

Diseo Digital
Photoshop CS5

ACTIVIDAD

2-03

Colores CMYK

Contesta las siguientes preguntas a manera de conclusiones:


1. Cules son los colores de tinta que combinados en diferentes niveles, pueden formar
cualquier otro color?
Los colores CMYK. Cyan, Magenta, Amarillo y Negro.
2. Cul es el valor numrico mximo que puede tomar alguno de las componentes de color
CMYK? (Ayuda: este valor equivale al 100%)
100
3. Investiga usando Photoshop, cul es el color resultante de combinar los siguientes valores:
Valor C

Valor M

Valor Y

Valor K

100

100

100

100

100

100

100

100

80

80

80

80

80

80

80

20

100

100

Color Resultante

Azul
Rojo
Negro
Negro
Caf
Negro
Gris Claro
Amarillo
Cyan

5. Ahora sin usar el programa contesta: En el modo CMYK hay varias formas de obtener el color
negro. Cul ser la combinacin ms econmica para una imprenta?
C = 0 M = 0 Y = 0 K = 100
6. Qu valores forman el color blanco?
C=0 M=0 Y=0 K=0

44

Herramientas

tema

CHerramientas de dibujo y texto


Las herramientas de dibujo y texto se utilizan para crear y modificar lneas, figuras y textos. Los
elementos creados con este grupo de herramientas se comportan como vectores: se pueden
editar y modificar sus propiedades con las herramientas de edicin. Sin embargo, no es posible
modificarlos usando las herramientas de pintura, ni aplicarles filtros, a menos que se conviertan
en mapas de bits.
Herramientas de dibujo
y texto
Pluma

Pen
Pluma de Forma Libre

Freeform Pen

Atajo
<P>

Crea lneas rectas y curvas bien definidas.

<P>

Crea lneas a mano alzada.

Aadir punto de ancla


Eliminar Punto de Ancla

Quita un punto de ancla.

Delete Anchor Point


Convertir Punto de Ancla

Transforma un punto de ancla


rectilneo en uno curvo y viceversa.

Convert Point
Horizontal Type
Texto Vertical

Vertical Type
Mscara de Texto horizontal

Horizntal Type Mask


Mscara de Texto Vertical

Vertical Type Mask


Seleccin de Trazado

Path Selection
Seleccin Directa

Direct Selection Tool


Herramienta de formas
personalizadas

Rectangular, Elipse, Polygon y

Imagen

Agrega un punto de ancla.

Add Anchor Point

Texto horizontal

Funcin

<T>

Sirve para crear y editar texto horizontal


sobre las imgenes.

<T>

Sirve para crear y editar texto vertical sobre


las imgenes.

<T>

El texto horizontal que se escribe aparecer


como seleccin.

<T>

El texto vertical que se escribe aparecer


como seleccin.

<A>

Permite seleccionar lneas o figuras


creadas con las herramientas de
dibujo y texto.

<A>

Permite seleccionar los vrtices de


las formas.

<A>

Dibuja figuras geomtricas.

otras

45

Diseo Digital
Photoshop CS5

PROYECTO

2-08

Creando texto en Adobe Photoshop

1. Crea un nuevo documento de 550 X 60 pxeles modo RGB color.


2. Selecciona la herramienta Text (Texto) <T> y escribe tu nombre sobre el documento. Si es
necesario, puedes cambiar la fuente, color y tamao del texto usando el panel de control
de la herramienta. Procura que tu nombre ocupe casi todo el espacio del documento. Es
posible editar el texto que has creado, seleccionndolo y usando el panel de control de la
herramienta. Sin embargo, no es posible aplicarle filtros o usar en l las herramientas de
pintura, porque se comporta como vector. Hay varias formas de convertir el texto en mapa
de bits. Por ahora utiliza men Layer/Flatten (Capa/Aplanar).
3. Toma la herramineta Magic Wand (Varita Mgica) y selecciona todas las letras del texto.
Recuerda que puedes usar la tecla <Shift> para crear varias selecciones a la vez.
4. Utiliza la herramienta Gradient (Degradado), para aplicar a la seleccin un relleno interesante
de colores degradados y guarda el archivo con el nombre Texto01 en tu carpeta de trabajo.
5. Ahora abre de tu carpeta de trabajo el archivo Textura.psd.
6. Toma la herramienta Horizontal Type Mask (Mscara de texto horizontal) y escribe tu nombre
sobre el documento, de manera que ocupes casi toda el rea. Notars que mientras escribes
parece que el documento cambia de color y las letras que introduces se ven ms claras. Lo
que ests creando es en realidad una seleccin o mscara.
7. Una vez ingresado el texto, toma la herramienta Rectangular Marquee (Seleccin rectangular)
<M>. Vers claramente el texto como una seleccin en el documento.
8. Invierte la seleccin usando del men Select/Inverse (Seleccin/Invertir) o las teclas
<Shift+Ctrl+I>. Ahora lo que est seleccionado es todo lo que est alrededor del texto.
9. Elimina todo lo seleccionado con la tecla <Suprimir> o cortndolo con <Ctrl+X> y quita
la seleccin con <Ctrl+D> para ver el resultado de tu trabajo.
10. Guarda el documento con el nombre Texto02 en tu carpeta de trabajo.

46

Herramientas

tema

DOtras herramientas
Adicionalmente, el panel Herramientas de Photoshop tiene otros botones. En este punto no
estudiaremos todos, pero describimos a continuacin los ms utilizados.
Herramientas de
Navegacin
Mano

Hand
Rotar Vista

Rotate View
Zoom

Zoom

Atajo
<H>

Mueve la ventana en la aplicacin.

<R>

Rota el documento sin transformar la


imagen.

<Z>

Acerca o aleja la vista de una


imagen.

Herramientas para cortar


Atajo
y crear sectores
Recortar

Crop
Sector

Slice
Seleccionar sector

Slice Select
Herramientas de
medicin y notas
Cuentagotas

Eyedrooper
Muestra de Color

Color Sampler
Regla

Ruler Tool
Notas

Note

Funcin

Funcin

<C>

Elimina la parte de la imagen que


queda fuera del rea rectangular.

<C>

Se utilizan para dividir imgenes en


reas funcionales.

<C>

Selecciona los sectores.

Atajo

Funcin

<I>

Obtiene una muestra de color de


cualquier pxel.

<I>

Muestra los valores de color de hasta


cuatro reas.

<I>

Mide distancias, ubicaciones y


ngulos.

<I>

Crea notas que se pueden incluir en


la imagen.

Imagen

Imagen

Imagen

2-03
LMINA

Otras herramientas

47

Diseo Digital
Photoshop CS5

PROYECTO

2-09

Corregir la inclinacin de una foto

1. Abre la imagen Paisaje.psd que est en los Recursos Digitales.


2. Toma la herramienta Measure (Medicin) del panel Herramientas.
3. Utiliza la herramienta para trazar una lnea a lo largo del horizonte, de lado a lado de la
fotografa.
4. Una vez hecha la medicin, elige del men Image/Image Rotation/Arbitrary (Imagen/Rotar
Imagen/Arbitrario). En el ngulo de correccin introduce el valor 25. Vers que la lnea del
horizonte se corrige.
5. Ahora slo hay que recortar las reas sobrantes de la imagen. Utiliza la herramienta Crop
(Corte) <C> para seleccionar el rea til de la imagen. En el panel de control de la herramienta,
activa la casilla de la Perspectiva y por ltimo presiona <Enter> para hacer el recorte.
6. Guarda el archivo con el nombre Inclinacion.psd en la ubicacin acostumbrada.

Panel Historia (History)


En el panel Historia se muestran en orden cronolgico las acciones realizadas sobre la imagen
en forma de estados, permitindonos deshacer o rehacer estas acciones. Cuando existen ms
de 20 estados, se van borrando automticamente los ms antiguos. Si no se encuentra visible,
puedes mostrar este panel con men Windows/History (Ventana/Historia).

Imagen 2-2: Panel Historia

48

Herramientas

El panel incluye un men colgante que se puede abrir haciendo clic en la pequea flecha que
se encuentra en la esquina superior derecha del panel. En este men encontrars los siguientes
comandos:
Undo (Deshacer) <Ctrl+Z>: Este comando solamente deshace la ltima accin.
Step Backward (Paso atrs) <Ctrl+Alt+Z>: Retrocede un estado.
Step Foward (Paso adelante) <Shift+Ctrl+Z>: Rehace una a una las acciones
guardadas en el historial.
New Snapshot (Crear instantnea nueva): Crea un estado fijo que se almacenar en
la parte superior de la ventana, permitindonos volver a l en cualquier momento.
New Document (Crear un documento nuevo desde el estado actual): Genera un
nuevo documento a partir de una instantnea o del estado en que se encuentra la
imagen.

PROYECTO

2-10

Separar imgenes

1. Abre la imagen Naranjas.psd que est en los Recursos Digitales.


2. Cambia a los selectores de color predeterminados usando la tecla <D>.
Observa que los colores de frente y fondo han cambiado a negro y blanco.
3. Selecciona el botn Edit in Quick Mask (Editar en Mscara Rpida), que
se encuentra debajo de los Selectores de color en el panel Herramientas o
presiona la letra <Q>.
4. Toma la herramienta Brush (Pincel). Cuando pintas con negro en el modo de
mscara, se va creando una seleccin. Si deseas reducir la seleccin, puedes pintar
con color blanco o bien usar el borrador. Pinta con negro encima de las naranjas.
5. Regresa a Edit in Standard Mode (Editar en Modo Estndar) y observa la
seleccin que se ha creado.
6. Utiliza Eraser (Borrador) <E>, con un gran dimetro para borrar todo el fondo
alrededor de las naranjas. La seleccin evitar que invadas el rea sobre la
que pintaste la mscara.
7. Guarda tu imagen con el nombre Mask.psd en tu carpeta de trabajo.

49

Diseo Digital
Photoshop CS5

Qu aprendiste?
TEMA A: A crear diferentes tipos de selecciones mediante las herramientas que proporciona
Adobe Photoshop en el panel Herramientas, modificar las opciones de tolerancia
de las herramientas de seleccin y bote de pintura, emplear las herramientas de
seleccin para establecer mscaras en tus proyectos.
TEMA B: Cules son los las herramientas de pintura y retoque, aplicando retoques fotogrficos
en varios proyectos, tambin aprendiste a reconocer los colores de frente y fondo.
Realizando varios proyectos comparaste los sistemas de color RGB y CMYK.
TEMA C: Como crear dibujos vectoriales, diferentes figuras geomtricas y manipulaste las
herramientas que ofrece Adobe Photoshop para su edicin, tambin aprendiste
a usar las herramientas de creacin y edicin de texto y elaboraste mscaras a
partir de la introduccin de texto en una imagen.
TEMA D: A examinar otras herramientas que son de uso frecuente en la edicin de imgenes
digitales.

EVALUACIN

02
1. Cul es la diferencia entre activar la Mano con la tecla <H> o usar la <barra espaciadora>?
La barra espaciadora permite usar la Mano y regresar automticamente a la
herramienta anterior activa.
2. Menciona dos herramientas en las que est presente la opcin Tolerance (Tolerancia):
Varita mgica y Cubeta de pintura
3. Para qu se emplea la herramienta Hand (Mano)?
La herramienta Mano sirve para mover el rea de trabajo en la aplicacin.
4. Qu ventajas tiene el Zoom de las teclas <Ctrl+barra espaciadora>?
Puedes aumentar el zoom dentro de la ventana sin necesidad de cambiar de
herramienta.

50

El concepto de capas que maneja


el programa para la edicin de
imgenes, proviene del uso de acetatos
transparentes para ilustraciones que
se superponan uno sobre otro, cada
cual con una ilustracin diferente. Este
sistema es el utilizado por las pelculas
de dibujos animados.

Un id ad

03

NIVEL: Bsico

Capas

DURACIN SUGERIDA: 9 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenders a:


A Organizar elementos para formar una imagen, a partir de varias capas.
B Evaluar las herramientas de fusin del panel que se utilizan en las capas,
as como, Opacidad y Relleno , Bloqueo, Combinacin y Aadir capas.
C Comprender las herramientas de Transformacin de capa.
D Evaluar las herramientas de Crear mscara de capa.
E Diferenciar las herramientas de Capas de Relleno y ajuste.

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5

ACTIVIDAD

3-01

Creando capas manualmente

Para esta actividad no se requiere la computadora. Se necesita un acetato transparente, tamao


carta y plumones de colores. Tambin se pueden utilizar pinturas.
1. Recorta el acetato en cuatro partes iguales.
2. En el primer cuarto de acetato, dibuja con un plumn punto fino o estilgrafo el contorno de
una figura.
3. Usa el segundo cuarto de acetato para darle color a la figura. Coloca este acetato sobre el
primero para que el relleno no pase el rea del contorno.
4. En el tercer cuarto de acetato dibuja sombras a la figura.
5. Usa el ltimo cuarto de acetato para escribir un texto pequeo.
6. Ordena los acetatos de manera que formen una sola composicin.
a. Cul es el orden (de arriba hacia abajo) en que mejor quedan acomodados los
elementos (relleno, sombra, contorno y texto)?
1. Contorno
2. Relleno
3. Sombra
4. Texto

(conclusin individual)

b. Qu ventajas tiene trabajar cada elemento en una capa independiente?


Las capas te ayudan a organizar y modificar independientemente cada seccin
de la imagen sin afectar lo dems.
c. Esta tcnica se ha usado tradicionalmente para la animacin o caricatura, incluso antes
de la existencia de computadoras. Qu elementos crees que se podran dibujar en
cada capa para facilitar la creacin de un dibujo animado?
Los elementos a dibujar son los colores o relleno, sombras,
contornos,movimientos que realiza el personaje.

52

Capas

tema

ALas Capas (Layers)


Las capas son una de las caractersticas ms tiles de los programas profesionales de diseo
grfico. Sirven para organizar todos los elementos que componen una imagen, para hacer
modificaciones sin alterar la imagen original, para aplicar efectos especiales y muchas cosas
ms.
Piensa en las capas como en lienzos transparentes que se colocan unos sobre otros y en
los que puedes pintar y utilizar todas las herramientas sin afectar a otras capas. Las capas
contienen imgenes independientes que pueden ser editadas por separado. Puedes conservar
las capas como elementos independientes o bien combinarlas, reorganizarlas o eliminarlas a
conveniencia.
Las capas se visualizan en el panel Layers (Capas), ste se sita por lo general en el extremo
inferior derecho del rea de trabajo. Si no se encuentra activo, utiliza men Window/Layers
(Ventana/Capas) o bien la tecla <F7>.
Cuando se crea una imagen nueva, Adobe Photoshop crea un rea de trabajo identificada
como Background (Fondo) en el panel de capas.

Imagen 3-1: Men Ventana

Capa de fondo
Imagen 3-2: Panel Capas mostrando capa fondo

53

Diseo Digital
Photoshop CS5

T IP

Puedes utilizar un mximo de 100 capas en el


mismo documento. Adems es posible controlar
con exactitud la opacidad de cada capa en el
documento, es decir, el grado que determina
mostrar u ocultar la capa que se sita debajo.

Crear y eliminar capas


Para aadir nuevas capas a la composicin haz clic en el icono de Create a new layer (Nueva
capa). Tambin puedes usar el men Layer/New/Layer (Capa/Nueva/) o la combinacin de
teclas <Shift+Ctrl+N>.
Para una mejor organizacin de tu trabajo es importante nombrar cada capa con un identificador
adecuado. En el panel Layers (Capas) basta dar doble clic sobre el nombre de la capa y escribir
el de tu eleccin. Para eliminar una capa seleccionada en el panel Layer (Capas), presiona el
botn Delete layer
(Eliminar capa) que despliega un cuadro de dilogo de confirmacin.
Otra forma de eliminar la capa es seleccionarla, arrastrarla
y soltarla sobre el mismo icono de la papelera, en la parte
inferior del panel Layers (Capas).

Arrastra la capa a la papelera para eliminarla.


Imagen 3-3: Panel Capas (Layers) arrastrando una capa.

Capa activa
En la mayora de los casos se trabaja con varias capas y no siempre podemos recordar en qu
capa se est trabajando. Por eso el panel Layers (Capas) resalta la capa activa con un color
slido (por lo general azul). Las herramientas y efectos slo se aplican a la capa activa, de
manera que puedes hacer las modificaciones que
quieras a una capa sin alterar las dems.
Imagen 3-4: Capa Activa

54

Capas

La visibilidad de una capa


Dentro del documento de trabajo, es posible habilitar y deshabilitar temporalmente las capas.
Por ejemplo, en ocasiones necesitamos imprimir un documento evitando que aparezca cierta
informacin. En este caso slo se imprimirn las capas visibles.
Para ocultar o mostrar una capa, haz un clic en el icono del Ojo que aparece a la izquierda de
cada capa, en el panel Layers (Capas).
Si deseas mostrar nicamente una capa, mantn pulsada la tecla <Alt> mientras haces clic
sobre el icono del ojo. Esto oculta todas las dems capas.

Capas no visibles
Capa visible

Imagen 3-5: Panel Capas (Layers) mostrando capas visibles y no visibles.

Las capas tambin se pueden mover para ajustar su


posicin en el trabajo. Para mover una capa necesitas
seleccionarla y arrastrarla hacia arriba o hacia abajo,
a su ubicacin final. Recuerda que los elementos que
estn arriba en el panel Layers (Capas), ocultan a los
que quedan debajo.

Imagen 3-6: Panel Capas (Layers)


arrastrando una capa.

3-01
VIDEO

Capas

55

Diseo Digital
Photoshop CS5

PROYECTO

3-01

Fusin de imgenes

1. Abre las imgenes Globo.psd, Nubes_a.psd y Yate.psd de los Recursos Digitales.


2. La primera imagen en la que trabajars es Nubes_a.psd. Colcala al frente y duplica la capa
activa con <Ctrl+J>. Comprueba la creacin del duplicado en el panel Layers (Capas).
Selecciona la nueva capa para usarla como capa activa.
3. Activa el modo Edit in Quick Mask mode (Editar en mscara rpida) pulsando <Q>.
4. Usa la herramienta Gradient (Degradado) para crear degradado lineal vertical, de negro a
blanco, desde la mitad de la imagen hasta un extremo.
5. Regresa a Edit in Standard mode (Modo de edicin normal) con <Q>. Vers que se ha
creado una seleccin dentro de la imagen.
6. Ahora selecciona toda la imagen del archivo Globo.psd y cpiala al portapapeles con
<Ctrl+C>.
7. Regresa a la imagen Nubes_a.psd y utiliza men Edit/Paste into (Edicin/Pegar dentro) o
<Shift +Ctrl+V>. La imagen del globo se debe pegar sobre las nubes con un efecto de

degradado, debido a la mscara creada.

8. Mueve la imagen del globo y dale un tamao adecuado. Para moverla usa la herramienta
Move (Mover) <V>. En la barra de opciones de la herramienta, puedes activar la casilla
Show transform controls (Mostrar control de transformacin), si deseas desplegar puntos
que permiten escalar la imagen. Presiona la tecla <Shift> para que la imagen no se
deforme mientras la escalas desde una esquina y da un <Enter> al terminar. Quita la
seleccin con <Ctrl+D>.
9. Ahora realiza los pasos necesarios para incluir la imagen del archivo Yate, en la composicin
que ests creando. Utiliza las tcnicas de seleccin y mscaras, copiado y capas para lograr
un buen efecto.
10. Por ltimo agrega el texto Turismo, usando letra en color blanco de 18 pts. y guarda el
archivo con el nombre Postal.psd en la carpeta de costumbre.

56

Capas

tema

BLas herramientas del panel Capas


EL panel Layers (Capas), tiene muchas otras herramientas que dan al usuario gran poder en la
manipulacin de imgenes.
Modos de
fusin

Imagen 3-7: Panel Capas mostrando modo de


fusin normal.
Imagen 3-8: Men desplegable de los Modos
de Fusin.

Modos de fusin
Los Modos de fusin, son las formas en que una capa combina sus colores con las capas
debajo de ella. Comprender con palabras lo que significa cada modo, nunca es tan importante
como tener una imagen mental del efecto que producen. La mejor manera de entenderlos es
usndolos una y otra vez. Como introduccin, he aqu un resumen de cada uno de los mtodos
de fusin de capas:
Normal (Normal): En este modo se muestra el color real de la capa, sin que se vea afectado
por lo que se encuentra en otras capas. Es el modo predeterminado de una nueva capa.
Dissolve (Disolver): Este modo crea un efecto basado en la sustitucin aleatoria de cada
pxel, dando como resultado una dispersin de la imagen.
Darken (Oscurecer): La funcin de este modo es recoger la informacin de cada uno de los
canales que componen la imagen, para determinar un color base. Los pxeles ms claros
que el color base sern reemplazados, mientras los ms oscuros no son modificados.
Multiply (Multiplicar): En este modo se multiplican los colores, creando siempre un color
ms oscuro.

57

Diseo Digital
Photoshop CS5

Color Burn (Subexponer Color): Dependiendo de la informacin de cada canal, se obtiene


y oscurece un color base al aumentar su contraste. Si se superpone con el color blanco, no
habr cambios.
Linear Burn (Subexposicin Lineal): Dependiendo de la informacin de cada canal, se
obtiene y oscurece un color base al disminuir su brillo.
Darker Color (Color ms Obscuro): Compara el total de los valores de todos los canales,
tanto para el color fusionado, como para el color base y muestra el color cuyo valor sea ms
bajo.
Lighten (Aclarar): La funcin de este modo es recoger la informacin de cada uno de los
canales que componen la imagen, para determinar un color base. Los pxeles ms oscuros
que el color base sern reemplazados, mientras los ms claros no son modificados.
Screen (Trama): Busca la informacin de cada canal y multiplica los colores contrarios al
color base y al de fusin. El color resultante siempre es un color ms claro. Tramar con negro
no produce cambios. Tramar con blanco genera blanco.
Color Dodge (Sobreexponer Color): Dependiendo de la informacin de cada canal, se
obtiene y aclara un color base al reducir su contraste. Si se sobreexpone con el color negro,
no habr cambios.
Linear dodge (Sobreexposicin Lineal): Dependiendo de la informacin de cada canal, se
obtiene y aclara un color base al aumentar su brillo.
Lighter Color (Color ms claro): Compara el total de los valores de todos los canales, tanto
para el color fusionado, como para el color base y muestra el color cuyo valor sea ms
elevado.
Overlay (Sobreponer): Intercala la capa que est debajo de la capa activa.
Soft Light (Luz Suave): El efecto es similar a iluminar la imagen con una luz suave, aclarando
u obscureciendo diferentes tonos.
Hard Light (Luz Fuerte): Dependiendo del color de fusin, trama o multiplica los colores. El
efecto es similar a iluminar la imagen con un foco brillante. Es til para aadir iluminaciones
y sombras a una imagen. Pintar con blancos y negros puros resultar en los mismos.
Vivid Light (Luz Intensa): Subexpone o sobreexpone los colores aumentando o disminuyendo
el contraste, dependiendo del color de fusin.

58

Capas

Linear Light (Luz lineal): Subexpone o sobreexpone los colores aumentando o disminuyendo
el brillo, dependiendo del color de fusin.
Pin Light (Luz Focal): Reemplaza el color, dependiendo del color de fusin. Es til para
aadir efectos especiales a una imagen.
Hard Mix (Mezcla Definida): Aade los valores de los canales rojo, verde y azul del color de
fusin, a los valores RGB del color base.
Difference (Diferencia): Busca el valor de luminosidad de los pxeles de la imagen y los
compara con el color base. Los colores menos brillantes son restados por los ms brillantes,
dependiendo del nivel de brillo.
Exclusion (Exclusin): Es muy parecido al modo anterior pero con resultados ms suaves.
Substract (Restar): Busca la informacin de color de cada canal y resta color de fusin al
color base.
Divide (Dividir): Busca la informacin de color de cada canal y divide el color de fusin del
color base.
Hue (Tono): Mantiene la saturacin y el brillo de los pxeles y del color, aumentando el tono
de acuerdo al color base.
Saturation (Saturacin): Conserva la luminosidad y el tono, mientras suma la saturacin de
color.
Color (Color): Reemplaza el tono y la saturacin de los pxeles con el valor del color base. Se
utiliza para colorear imgenes en escala de grises.
Luminosity (Luminosidad): Toma el tono y saturacin del documento y la luminosidad del
color base.

3-01
LMINA

Modos de fusin

59

Diseo Digital
Photoshop CS5

PROYECTO

3-02

Coloreando fotografas en Modos


de fusin

1. Abre la imagen Ninas.psd que se encuentra en los Recursos Digitales.


2. Crea una capa y ponle el nombre Test1. Recuerda que puedes renombrar una capa
haciendo doble clic sobre su nombre en el panel Layers (Capas).
3. Toma la herramienta de pincel de la barra de herramientas <B>. Utiliza los siguientes
parmetros:
Brush (Tamao de Brocha): 15
Opacity (Opacidad): 35%
Flow (Chorro): 20%
4. Selecciona un color de frente verde y pinta un poco sobre los rboles.
5. Ahora en el panel de capas ve a los Blending Mode (Modos de fusin) y selecciona el modo
Disolve (Disolver). Observa el efecto y termina de pintar el verde de los rboles en este modo
de fusin.
6. Ahora crea una nueva capa y nmbrala como Test2.
7. Utiliza nuevamente el pincel para pintar alguna otra seccin de la imagen, pero usa un modo
de fusin diferente para la nueva capa.
8. Contina de forma similar pintando toda la imagen. Debes crear una capa nueva por cada
seccin que pintes y debes usar un diferente Modo de fusin. Al terminar de colorear toda la
imagen, guarda el archivo con el nombre Fotopintada, en la carpeta de costumbre.

T IP

60

Si necesitas llevarte un elemento de una capa a otra,


puedes seleccionar la imagen <Ctrl+A> en la capa
origen, copiarla <Ctrl+C> o cortarla <Ctrl+X> y pegarla
<Shift+Ctrl+V> en la capa destino. Si no seleccionas
una capa destino (<Ctrl+V>), Adobe Photoshop crear
automticamente una capa con la imagen seleccionada.

Capas

Bloqueo de capas (Lock)


Otra herramienta importante dentro del panel Capas es el Bloqueo. Su principal funcin es
evitar la modificacin de alguna capa. Existen diferentes tipos de bloqueos:
a.
El bloqueo de pxeles transparentes: bloquea la edicin de zonas
transparentes, evitando aadir pintura a stas.
b.
El bloqueo de pxeles de imagen: deshabilita el uso de cualquier
herramienta que pudiera afectar la pintura de la capa.
c.

El bloqueo de posicin: bloquea la capa en el lugar en donde se encuentra.


Puedes trabajar con la capa, pero no la puedes desplazar.

d.
Bloquear todas: la capa se bloquea completamente y no es posible
realizarle ningn cambio.
Un pequeo candado negro a la derecha del nombre de una capa, indica que la capa tiene algn
tipo de bloqueo. Si el candado es blanco, indica que la capa est completamente bloqueada.

Anidar capas (Link layers)


A veces necesitas mover o transformar varias capas a la vez, pero quieres que sigan siendo
independientes. Para situaciones as, es posible enlazar dos o ms capas de una forma sencilla:
simplemente seleccionas las capas que quieres enlazar y das un clic en el botn Link Layers
(Anidar Capas) en la esquina inferior izquierda del panel Capas. Aparecer un pequeo eslabn
junto al nombre de las capas anidadas.
Cuando dos o ms capas se han anidado, las modificaciones que le hagas a una de las capas
anidadas afectar a la otra. Para romper el vnculo slo necesitas dar otro clic en Anidar.

Capas anidadas

Comando:
Anidar Capas
(Link Layers)

Imagen 3-9: Iconos Anidar Capas en Panel Capas

61

Diseo Digital
Photoshop CS5

Combinar capas (Merge layers)


Combinar o fusionar capas nos ayudar a que nuestro archivo sea menos pesado y a eliminar
capas que ya no se utilizan o no requerirn de modificaciones posteriores. Estas son las formas
de combinar capas:
a. Para combinar la capa seleccionada, con la que se encuentra debajo de ella:
Men Layer/Merge Down (Capa/Combinar abajo) o con la combinacin de
teclas <Ctrl+E>.
b. Para combinar todas las capas visibles: Men Layer/Merge Visible (Capa/
Combinar Visible) o con la combinacin de teclas <Shift+Ctrl+E>.
c. Para combinar todas las capas: Men Layer/Flatten Image (Capa/Aplanar).

Opacidad (Opacity)

La Opacidad determina el grado en que una capa es visible o no. Una opacidad del 100% hace
que la capa se vea completamente, al 50% se convierte en semitransparente y si llega al 1% de
opacidad la capa se vuelve transparente.

Relleno (Fill)

El Relleno se usa normalmente cuando se aplican efectos de capa, como el Relieve o la Sombra
Paralela. Al reducir el Relleno los pxeles de esta capa se hacen ms transparentes, pero el
efecto de la capa permanece intacto.

3-02
VIDEO
62

Herramientas del Panel Capas

Capas

ACTIVIDAD

3-02

Experimentando con capas

1. Describe detalladamente cmo puedes pasar una imagen de una capa a otra.
Seleccionas la imagen, la copias y la pegas, se crear una nueva capa.
2. Describe una situacin en la que es til usar bloqueo de capas.
Cuando se tiene una imagen que ya no necesita ms modificaciones, es conveniente bloquear esa capa para evitar daarla.
3. Explica cada uno de los bloqueos de capas.
Bloqueo de pxeles transparentes: bloquea la edicin de zonas transparentes.
Bloqueo de pxeles de imagen: deshabilita cualquier herramienta que pudieraafectar la pintura de la imagen.
Bloqueo de posicin: bloquea la capa en el lugar en donde se encuentra.
Bloquear todas: no permite realizar ningn cambio a la capa.
4. Cmo se puede anidar una capa con otra?
Slo seleccionas las capas que quieres enlazar y das un clic en el botn.Anidar
en el panel Capas.
5. Describe una situacin real en la que sera til anidar dos capas.
En una imagen se desea aclarar el contenido de 2 capas. Se pueden anidar para
afectarlas con una sola aplicacin, afectarlas con una sola accin.
6. Qu sucede cuando combinas dos o ms capas?
Al combinar capas disminuye el tamao de la imagen. Sin embargo los elementos ya no son independientes.

63

Diseo Digital
Photoshop CS5
7. Cul es la diferencia entre Merge Down y Merge Visible?
Merge Down: combina la capa seleccionada con la que se encuentra debajo de
ella. Merge Visible: combina todas las capas visibles.
8. Define Opacidad.
La opacidad determina el grado en que una capa es visible o no.

9. Describe una situacin prctica en que debas usar el relleno de capa.


Tengo una fotografa y deseo aplicar sobre ella una textura, sin modificar los pxeles originales. Puedo usar una capa de relleno para ello.

Los Estilos de capa (Add a layer style)


Los Estilos de capa son efectos de volumen, sombra y brillo, que de manera rpida y
personalizada, pueden ayudar a mejorar una composicin visual. Los estilos de capa se agregan
a la capa activa mediante el botn Add a layer style (Estilos de capa) de la parte inferior del
panel Layers (Capas).
Estos son los Estilos de capa que la aplicacin nos ofrece:
Drop Shadow (Sombra paralela): Crea un efecto de sombra bajo la capa dando
una sensacin de elevacin.
Inner Shadow (Sombra interior): La sombra se crea en el interior del objeto dando
profundidad.
Outer Glow (Resplandor exterior): Crea un brillo difuso irradiando la parte externa
de la imagen.
Inner Glow (Resplandor interior): Crea un brillo difuso que se irradia en la parte
interna del objeto.
Bevel & Emboss (Bisel y Relieve): Aade sombras y luces para crear volumen.
Satin (Satinado): Aplica una sombra para dar un aspecto satinado o brilloso a la
imagen.
Color Overlay (Superposicin de colores): Rellena el contenido de la capa con un
color slido.

64

Capas

Gradient Overlay (Superposicin de degradado): Rellena el contenido de una capa


con un color degradado.
Pattern Overlay (Superposicin de motivo): Rellena el contenido de la capa con un
motivo o patrn.
Stroke (Trazo): Traza el contorno de la capa con un color slido, un degradado o
un motivo.

Comando:
Add a layer style
(Estilo de capa)

Imagen 3-10: Esilos de Capa

3-03
VIDEO

Estilos de capa

65

Diseo Digital
Photoshop CS5

PROYECTO

3-03

Estilos de capa

1. Abre la imagen Brujula.psd de los Recuros Digitales.


2. Activa la capa donde est la imagen principal, seleccionndola en el panel Layers (Capas).
3. Utiliza las herramientas de seleccin o la edicin en modo de mscara y elimina todo lo que
est alrededor de la imagen principal.
4. Qutale cualquier seleccin de la imagen con <Ctrl+D>.
5. En la parte inferior izquierda del panel Layers (Capas) se encuentran los Estilos de Capa,
que se pueden agregar a la capa activa. Agrega el estilo Drop Shadow (Sombra Paralela),
con el que aparecer un cuadro de dilogo. Experimenta con los valores que ms te agraden,
pero usa algunos similares a stos:

Blend Mode (Modo de Fusin): Multiply (Multiplicar)


Opacity (Opacidad): 75%
Angle (ngulo): 30%
Distance (Distancia): 8px
Spread (Esparcimiento): 5%
Size (Tamao): 21px

Observa el resultado al aceptar. Si deseas modificar los parmetros de la sombra, puedes


activar nuevamente el cuadro de dilogo anterior, haciendo doble clic sobre el pequeo
icono circular con una f, que aparece a la derecha del nombre de la capa.
6. Abre ahora la imagen Mar.psd de la misma carpeta y seleccinala completa, cpiala y
pgala en el archivo Brujula.psd. Se crear una nueva capa, que queda encima de las
capas previas.
7. Arrastra esta nueva capa directamente en el panel, para que quede el mar por debajo
de la brjula. Si es necesario, puedes mover los elementos en las capas para mejorar la
composicin.
8. Disminuye un poco la opacidad de la capa de la brjula, para lograr una mejor fusin con la
imagen de fondo. Guarda tu imagen con el nombre Capas.psd en la carpeta de costumbre.

66

Capas

PROYECTO

3-04

Trabajando con los Modos de Capa

1. Abre las imgenes Cara.psd y Mariposa.psd de los Recursos Digitales.


2. Activa la imagen cara y selecciona Edit in Quick Mask Mode (Modo de edicin de mscara
rpida).
3. Selecciona la herramienta Gradient (Degradado). Aplica un degradado radial que vaya de
negro a blanco desde el extremo superior izquierdo hasta la mitad de la mejilla.
4. Sal de Edit in Quick Mask Mode (Modo Mscara Rpida) y comprueba que se haya creado
una seleccin en la imagen.
5. Copia al portapapeles toda la imagen del archivo Mariposa.
6. Regresa a la primera imagen y pega la mariposa en la seleccin, usando el men Edit/Paste
Into (Edicin/Pegar dentro).
7. Usa la herramienta Move (Mover) para ubicar la mariposa pegada, en un lugar adecuado
para la composicin. Dale un tamao adecuado.
8. Revisa que est seleccionada la capa de la mariposa y ve al men Image/Adjustments/Hue
and Saturation (Imagen/Ajustes/Tono y Saturacin). En el cuadro de dilogo establece los
siguientes parmetros:
Hue (Tono): -10
Todos los dems valores: 0
9. En el mismo men Image (Imagen) se encuentra el Brightness/Contrast (Brillo y Contraste).
Ajusta con los siguientes valores:
Brightness (Brillo): -18
Contrast (Contraste): +8

67

Diseo Digital
Photoshop CS5

10. Ahora ve agregando efectos a la capa con el botn Add a layer style (Estilos de Capa) de la
parte inferior del panel Layers (Capas):
a. Inner Shadow (Sombra Interior)
Blend Mode (Modo de fusin): Multiply (Multiplicar) Color: Negro
Opacity (Opacidad): 75%
Angle (ngulo): -81
Distance (Distancia): 3 px
Choke (Carburacin): 1%
Size (Tamao): 4 px
b. Satin (Satinado)
Bend Mode (Modo de fusin): Multiply (Multiplicar) Color: Negro
Opacity (Opacidad): 6%
Angle (ngulo): 98
Distance (Distancia): 11 px
Size (Tamao): 11 px
Invert (Invertido)
c. Inner Glow (Brillo Interior)
Blend Mode (Modo de fusin): Screen (Trama) Color: Amarillo
Opacity (Opacidad): 27%
Noise (Ruido): 0%
Technique (Tcnica): Precise (Preciso)
Source (Recurso): Center (Centro)
Choke (Carburacin): 18%
Size (Tamao): 51 px
Range (Rango): 56%
Jitter (Brillo): 51 px
d. Outer Glow (Brillo Exterior)
Blend Mode (Modo de fusin): Normal Color: Amarillo
Opacity (Opacidad): 75%
Noise (Ruido): 0%
Technique (Tcnica): Softer (Suavizado)
Spread (Propagacin): 1%
Size (Tamao): 40 px

68

Capas

e. Drop Shadow (Sombra Paralela)


Blend Mode (Modo de fusin): Normal Color: Negro
Opacity (Opacidad): 55%
Angle (ngulo): 0
Distance (Distancia): 13 px
Spread (Propagacin): 0%
Size (Tamao): 29 px
11. Haz los cambios que creas apropiados a los estilos que has agregado a la capa.
12. Guarda el trabajo con el nombre Composicion_a en la carpeta acostumbrada.
13. Antes de cerrar el documento, combina todas las capas en una sola y vuelve a guardar el
trabajo con el nombre Composicion_b.
14. Contesta:
a. Cul es el peso en Kb del primer archivo con las capas separadas?

b. Cul es el peso en Kb del segundo archivo con las capas combinadas en una sola?

c. Menciona dos ventajas y dos desventajas de combinar o fusionar las capas.


Las ventajas de combinar las capas: que reducen el tamao de la imagen y eliminan capas no necesarias.
Las desventajas al fusionar las capas: no poder realizar ninguna modificacin a la
imagen, ni tener capas para trabajar sobre ellas.

69

Diseo Digital
Photoshop CS5
tema

CTransformacin de la capa (Transform)


La transformacin de una capa permite modificarla de muchas maneras, como por ejemplo,
hacerla ms pequea, voltearla, darle perspectiva o distorsionarla. Las opciones de
transformacin se pueden acceder de dos maneras:
a. Con el men Edit/Transform (Edicin/Transformar). Este men contiene las opciones
bsicas de transformacin.
b. Con la combinacin de teclas <Ctrl+T>. Estas teclas activan en capa los puntos de
control y muestran en la barra de opciones de la herramienta todos los controles de
transformacin.

Imagen 3-11: Men Edicin

La aplicacin nos ofrece diferentes modos de transformacin. Si seleccionas alguna herramienta


de transformacin, aparecer sobre el rea de trabajo el marco de transformacin y los puntos
de control que ayudan a modificar al objeto.

T IP

70

Tambin puedes aplicar todas las transformaciones necesarias a una seleccin en


cualquier capa. Utiliza los mismos comandos
despus de hacer la seleccin.

Capas

Estas son las opciones de transformacin:


Scale (Escalar): Permite redimensionar la capa o seleccin, reduciendo o
aumentando su altura o su anchora.
Rotate (Rotar): Gira la capa con respecto al punto de referencia. El punto de
referencia inicialmente est al centro de la capa o seleccin, pero puedes moverlo
arrastrndolo.
Skew (Sesgar): Permite inclinar un objeto vertical y horizontalmente.
Distort (Distorsionar): Permite estirar un elemento en cualquier direccin.
Perspective (Perspectiva): Permite aplicar la perspectiva de un punto a un elemento.
Rotate 180 (Rotar 180): Permite rotar 180 grados la imagen seleccionada.
Rotate 90 CW (Rotar 90 AC): Rota la imagen seleccionada 90 grados hacia la
derecha.
Rotate 90 CCW (Rotar 90 ADC): Permite rotar la seleccin 90 grados a la izquierda.
Flip Horizontal (Voltear horizontal) o Flip Vertical (Voltear vertical): Crean una
imagen espejo (reflejan la imagen) de la capa o seleccin.

Imagen 3-12: Puntos de control.

3-04
VIDEO

Transformacin de capa

71

Diseo Digital
Photoshop CS5

PROYECTO

3-05

Transformando retratos

1. Abre la imagen Retrato.psd de los recursos digitales. Puedes substituirla por una foto tuya

o la de un amigo para que sea ms divertido el resultado, pero es muy importante que la
persona est totalmente de frente como en las fotografas para credencial.

2. Haz clic en el men Layer/Duplicate Layer (Capa/Duplicar Capa), asgnale el nombre


Deforme y presiona OK. Esto dar por resultado una capa nueva que contiene la misma
informacin que la capa original.
3. Vamos a trabajar con la capa Deforme, localiza en el men Edit/Distort (Edicin/Deformar),
separa las esquinas superiores y acerca las inferiores, de manera que la parte superior
quede ms ancha y la inferior ms angosta. Recuerda que al terminar la transformacin

debes presionar la tecla <Enter> para confirmar la transformacin.

4. Oculta la capa Deforme y selecciona la capa inferior, con la herramienta Elliptical Marquee
(Seleccin Elptica), para trazar una elipse que abarque el ojo derecho de la imagen. Convierte
la seleccin en una nueva capa con men Layer/New/Layer via Copy (Capa/Nueva/Capa
va Copiar) o las teclas <Ctrl+J>.
5. Empleando el panel Layers (Capas) haz visible la capa Deforme y coloca la capa del ojo
arriba de las otras capas, con ayuda de la herramienta mover, utiliza los puntos de control
para deformar el ojo y hacerlo lucir redondo. Si los puntos de control no estn visibles, activa
la casilla de la opcin Show Transformation Controls (Mostrar Controles de Transformacin)
de la barra de opciones.
6. Emplea la herramienta Erase (Borrar), con la finalidad de eliminar el contorno de piel
circundante al ojo, de manera que se vea integrado a la imagen.
7. Duplica la capa que contiene el ojo, con el men Edit/Transform/Fip Horizontal (Edicin/
Transformacin/Voltear Horizontal), voltalo horizontalmente y colcalo sobre el ojo izquierdo,
si es necesario emplea los puntos de control para acoplar el ojo y la herramienta Erase
(Borrar) para hacer retoques.
8. En el panel Layers (Capas), selecciona la capa que contiene la imagen original y elimnala,
despus selecciona las tres capas y con el men Layers/Merge Layers (Capas/Combinar
Capas) juntando todas las capas para hacer una sola capa. Por ltimo guarda tu trabajo en
la carpeta de costumbre con el nombre Retrato_b.psd.

72

Capas

tema

DCrear Mscara de capa (Add Layer Mask)


Recuerdas lo que es una mscara? Recuerdas cmo se trabaja en el Modo de edicin
de mscara rpida? Las mscaras se colocan sobre las imgenes para mostrar u ocultar
diferentes zonas.
La Mscara de capa es una imagen en escala de grises (tonos de blanco a negro), que muestra
lo que se pinta con blanco y oculta lo que se pinta con negro. En todos los tonos intermedios
de la gama de grises, la mscara acta como niveles de transparencia.
La Mscara de capa nos permite aclarar zonas de la imagen, fusionando de manera muy
suave los elementos de sta. Son muy tiles para lograr fotomontajes muy detallados. Para
agregar una mscara a una capa activa, utiliza el botn Add Layer Mask (Mscara de Capa)
que se encuentra en la parte inferior del panel Layers (Capas).
Recuerda que cuando se usan mscaras de capa, no se modifican ni eliminan los pxeles de
la imagen, slo se ocultan de manera que puedes trabajar en la mscara las veces que sea
necesario, para mostrar u ocultar diferentes zonas en el futuro.

Imagen en la capa

Mscara

Imagen 3-13: Capa con mscara de capa.

73

Diseo Digital
Photoshop CS5

PROYECTO

3-06

Fusin de imgenes para portada


de revista

1. Abre las imgenes Modelo.psd y Motivo.psd que se encuentran en los Recursos Digitales.
2. Selecciona toda la imagen de motivo y cpiala al portapapeles.
3. Pega la imagen en el archivo modelo.
4. Renombra las capas como modelo y motivo segn corresponda.
5. Ordena las capas para que la imagen motivo quede debajo de la imagen modelo.
6. Selecciona la capa modelo como capa activa y aplcale una Mscara de capa.
7. Con la herramienta de degradado, dibuja sobre la mscara de capa un degradado radial,
de negro a blanco, que vaya de lado a lado del documento. La ventaja de trabajar en la
mscara, es que no tocas la imagen original.
8. Puedes repetir el proceso las veces que quieras, hasta que ests satisfecho con el resultado.
9. Acopla la imagen.
10. Convierte la imagen en escala de grises con el men Image/Mode/Grayscale (Imagen/
Modo/Escala de grises).
11. Guarda el trabajo con el nombre Revista en la carpeta que indique tu profesor.

74

Capas

PROYECTO

3-07

Fusionando dos imgenes con ayuda


del pincel

1. Abre las imgenes Sol.psd y Volcn.psd de los Recursos Digitales.


2. Selecciona la imagen sol, cpiala y pgala sobre la imagen volcn. Renombra las capas
como volcn y sol segn corresponda.
3. Estando activa la capa de sol, utiliza las opciones de transformacin para hacer la imagen
ms pequea, de manera que se vea proporcionada con respecto al volcn.
4. Reordena las capas y asegrate que la capa con la imagen del volcn quede arriba de la
capa sol.
5. Ahora activa la capa volcn y agrgale una Add mask layer (Mscara de capa).
6. Selecciona el color negro como color de frente y toma la herramienta Brush (Pincel). Utiliza
un pincel suave semitransparente (una opacidad de un 50%).
7. Pinta con negro sobre la imagen para ir revelando la capa inferior y mostrar el sol. Para
restaurar la imagen pinta con color blanco. Recuerda que en realidad no ests modificando
los pxeles de la imagen, slo ests trabajando en una mscara.
8. En la capa sol, rellena con color el espacio que queda vaco.
9. Guarda el trabajo con el nombre Fusion en la carpeta que indique tu profesor.

75

Diseo Digital
Photoshop CS5
tema

ECapas de relleno o ajuste (Create new fill or adjustment


layer)
La Capa de relleno, como su nombre lo dice, rellena la capa con un color uniforme, un
degradado o un patrn. Las Capas de relleno no afectan a las que se encuentran debajo.
Para agregar una nueva capa de relleno utiliza el botn Create new fill or adjustment layer
(Nueva capa de relleno o ajuste) que se encuentra en la parte inferior del panel Layers (Capas).
Este botn despliega un men con muchas opciones: las primeras tres corresponden a capas
de relleno y las dems a capas de ajuste. Analicemos las opciones de capas de relleno: Solid
Color (Color Slido), Gradient (Degradado) y Pattern (Motivo).
Solid Color (Color Slido) se elige desde el Selector de Color.
Gradient (Degradado) tiene 6 submens que se describen de la siguiente manera:
Gradient (Degradado): Men colgante que permite acceder al editor de degradado.
Style (Estilo): Determina la forma del degradado (lineal, radial, angular, reflejo y
diamante).
Angle (ngulo): Determina el ngulo en el que se aplicar el degradado.
Scale (Escala): Redimensiona el tamao del degradado.
Reverse (Revertir): Invierte la orientacin del degradado.
Dither (Tramado): Aplica un tramado (secuencia de puntos) al degradado.
Align with Layers (Alinear con capa): Utiliza el rectngulo delimitador de la capa
para calcular el relleno del degradado.
Pattern (Motivo) tiene la opcin de escoger un patrn utilizando los siguientes parmetros para
un uso ptimo.
Scale (Escala): Introduce un valor o arrastra el regulador para escalar el motivo.
Link with Layer (Enlazar a capa): El motivo se mover junto con la capa de relleno
cuando se cambie de posicin.
Snap with origin (Ajustar al origen): Coloca el origen del motivo junto a la ventana
del documento.

76

Capas

La capa de ajuste nos permite experimentar con ajustes de color y tono en una imagen, sin
tener que modificar sus pxeles de forma permanente. Ms adelante estudiaremos los ajustes
de imagen y filtros que se usan para mejorar las fotografas. Algunos de estos ajustes se
pueden realizar en una capa de ajuste, en vez de realizarlos directamente sobre la fotografa.
La ventaja de hacerlo as, es que no modificas la imagen original; mientras que si no usas una
capa de ajuste, los cambios afectan directamente los pxeles originales. A esta forma de trabajo
se le conoce como Edicin no destructiva.
La desventaja es que necesitas mucho ms poder en tu computadora, espacio en memoria y
disco para trabajar de forma no destructiva. Otra desventaja es que normalmente es ms rpido
aplicar los ajustes directamente, en vez de usar capas de ajuste. Debes evaluar la conveniencia
de cada forma de trabajo, de acuerdo a lo que necesites.

Imagen 3-14: Men Capa

3-05
VIDEO

Capas de relleno y ajuste

77

Diseo Digital
Photoshop CS5

PROYECTO

3-08

Restaurando una imagen con las capas


de ajuste

1. Abre la imagen Flor de papel.psd que se encuentra en los Recursos Digitales.


2. Agrega una nueva capa de relleno, tipo degradado, usando el men Layer/New Fill Layer/
Gradient (Capa/Nueva Capa de Relleno/Degradado). Dale un nombre y utiliza estos
parmetros para el degradado:

Gradient (Degradado): color frontal a transparente (el color frontal debe ser negro).
Style (Estilo): Linear (Lineal)
Angle (ngulo): 90
Scale (Escala): 100%
Reverse (Reverso)
Align with layer (Alineado con capa)

3. Reduce la opacidad de la capa de relleno a 35% y cambia el porcentaje de Fill (Relleno) a


65%.
4. Guarda la imagen final con el nombre Flor28_a en la carpeta que tu profesor te indique.
5. Abre nuevamente la imagen original Flor de papel.psd.
6. Utiliza el botn adecuado del panel Layers (Capas) para agregar una nueva capa de ajuste,
de tipo Filtro de fotografa New Adjustment Layer/Photo Filter (Nueva Capa de ajuste/Filtro
de fotografa). En el cuadro de dilogo del filtro establece estos parmetros:
F ilter (Filtro): Sepia
Density (Densidad): 80%
Preserve Luminosity (Preserva luminosidad)
7. Guarda el archivo en la misma carpeta que el anterior, con el nombre Flor28_b.

78

Capas

ACTIVIDAD

3-03

Capas y mscaras

1. Para qu sirven las capas de Adobe Photoshop?


Las capas de Photoshop sirven para organizar los elementos de la imagen.
2. Qu desventajas tiene acoplar una imagen?
Acoplar una imagen no te permitir modificarla ms ya que no hay ms capas en
donde trabajar.
3. Por qu a veces es importante acoplar una imagen?
Es importante acoplar una imagen ya que reduces su tamao y eliminas las
capas innecesarias.
4. Para qu sirve el panel Historia?
El panel Historia se muestran en orden cronolgico, las acciones realizadas sobre
la imagen en forma de estados.
5. Explica qu es y para qu sirve una Mscara de capa.
Es una imagen en escala de grises que muestra lo que se pinta con blanco y
oculta lo que se pinta con negro y sirve para aclarar zonas de la imagen, fusionando de manera suave los elementos de sta.
6. Qu colores se usan para pintar sobre las mscaras y qu accin hace cada uno?
Los colores negro y blanco se usan para pintar sobre las mscaras de capa.
El negro oculta elementos de la imagen mientras que el blanco las muestra.
7. Cmo puede eliminarse una Mscara de capa?
Puedes eliminar una Mscara de capa dando clic en el icono de eliminar capa
o en el submen que aparece al dar clic con el botn del mouse en deshacer
mscara (Disable Vector Mask).

79

Diseo Digital
Photoshop CS5

Qu aprendiste?
TEMA A: A identificar el Panel Capas y sus principales funciones identificas las capas en un
documento de Adobe Photoshop, tambin puedes crear y eliminar capas.
TEMA B: A emplear y practicar el uso de cada una de los Modos de fusin al trabajar con
capas, aplicndolas a una nueva imagen creando efectos visuales.
TEMA C: Que puedes modificar la apariencia de las capas de un documento, en cuanto a
tamao y rotacin, formando composiciones de imgenes.
TEMA D: Que agregando Mscaras de capa, puedes lograr realizar fotomontajes detallados.
TEMA E: A emplear la herramienta de capa de relleno o ajuste, para realizar edicin no
destructiva de un archivo.

EVALUACIN

03
1. Describe una situacin prctica en la que es til usar una Capa de relleno:
Al tener un dibujo vectorial se utiliza una capa de relleno para agregarle color.
2. Describe una situacin prctica en la que es til usar una Capa de ajuste:
Al tener una imagen o una fotografa y evitar modificar sus pxeles de forma permanente, debers crear una capa de ajuste para realizar las modificaciones que
creas necesarias a la imagen.
3. Cmo puede eliminarse una Mscara de capa?
Puedes eliminar una Mscara de capa dando clic en el icono de eliminar capa
o en el submen que aparece al dar clic con el botn del mouse en deshacer
mscara (Disable Vector Mask).

80

Un megapxel equivale, aproximadamente, a 1 milln de pxeles.

Un id ad

04

NIVEL: Bsico

La Fo togra f a

DURACIN SUGERIDA: 8 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenders a:


A Identificar los orgenes de la fotografa.
B Reconocer el tipo de gnero al que pertenece una fotografa.
C Nombrar las partes de una cmara fotogrfica.
D Dominar la profundidad de campo practicando la fotografa de
acercamiento.

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5
tema

ALa fotografa
Los conceptos fotogrficos bsicos, siguen vigentes en
nuestros das y se han incorporado en los programas de
manipulacin de fotografa digital como Photoshop. La
fotografa es un arte de masas, con una alta dependencia
de la industria. Por otra parte, a nivel social, el crecimiento
exponencial de la fotografa digital ha generado un cambio
de mentalidad. Es muy difcil encontrar a alguien que no
haya tomado una fotografa en toda su vida. Por esto,
resulta muy comn que interese a mucha gente aprender a
capturar y manipular imgenes.

Imagen 4-1: Louis Daguerre

Hoy en da, la fotografa ha supuesto una revolucin a nivel terico, tcnico y social. Ahora es
el fotgrafo el que establece la estructura de la composicin final, despus de realizar una o
muchas tomas.
Mientras que la fotografa fue tradicionalmente sinnimo de realidad, parece que con la llegada
de la fotografa digital, el pblico se hace consciente de la manipulacin fotogrfica, poniendo
en tela de juicio la veracidad de la imagen que observa.

Historia de la fotografa
La palabra fotografa viene del griego photos = luz y graphis = dibujo, significa dibujar con la
luz. Podra definirse como la tcnica de grabar imgenes fijas sobre un material sensible a la
luz. Se basa en proyectar una imagen captada por un lente sobre una superficie, de tal forma
que el tamao de la imagen queda reducido y aumenta su nitidez. La fotografa digital opera
exactamente con este principio, con la diferencia de contar con un sensor electrnico, en vez
de una pelcula sensible a la luz.
A principios del siglo XIX, el cientfico francs Nicephore Niepce obtuvo las primeras imgenes
fotogrficas con la ayuda de una cmara oscura (instrumento ptico capaz de obtener la
proyeccin plana de una imagen) y una placa cubierta con un qumico sensible a la luz,
conocido como haluro de plata.
En 1839, Louis Daguerre hizo pblico el proceso para la obtencin de fotografas, basado en
la sensibilidad de los haluros de plata y lo denomin Daguerrotipo (principios del negativo y
positivo).

82

LaFotografa

La fotografa tuvo su auge comercial casi 50 aos despus. En


1888, la compaa KODAK sac al mercado una cmara que
utilizaba carretes de 100 fotos circulares. Adems ya se realizaba
el proceso de impresin de pelcula fotogrfica y para 1925 se
introduce al mercado la primera pelcula de 35 mm., llamada
Leica. Esta pelcula todava se encuentra en nuestros das.

4-01
LMINA

Imagen 4-2: Nicephore Niepce

Historia de la fotografa

PROYECTO

4-01

Reflexin

Organiza una mesa de discusin o debate para responder las siguientes preguntas.
1. En cuntos aos se ha popularizado la fotografa digital?

2. Por qu se ha vuelto universal?

3. Las personas imprimen tantas fotografas como antes de la fotografa digital? Por qu?

83

Diseo Digital
Photoshop CS5
4. Qu est pasando con las empresas que se dedicaban a la comercializacin de pelcula
fotogrfica?

5. Si la fotografa digital es tan popular y amigable por qu es importante aprender a capturar


y manipular fotografas?

PROYECTO

4-02

Haciendo un daguerrotipo

En esta interesante prctica vas a crear tu propio daguerrotipo. Necesitas los siguientes materiales:

Cualquier fotografa impresa


Escner
Impresora a color (tambin puedes llevar el archivo a imprimir a una tienda)
Papel con textura, puede ser Guarro, Fabriano o algn otro que se sienta texturizado
Cartulina
Xilol (es un lquido que se consigue en las farmacias)
Un pincel grueso o brocha pequea

1. Escanea una fotografa a color a 300 dpi y gurdala en el formato JPEG.


2. brela en Photoshop, mejora su calidad y refljala. Para reflejarla usa el men Edit/Transform/
Flip Horizontal (Edicin/Transformar/Voltear Horizontal).
3. Gurdala en formato TIFF o JPEG y llvala a imprimir en papel Couche de 90 gr.

84

LaFotografa

4. Coloca la fotografa sobre la cartulina con la imagen hacia abajo.


5. Usando la brocha, moja bien el reverso de la fotografa con el Xilol. Vers que la imagen pasa
a la cartulina. Cuando la imagen pase completa, puedes desechar la fotografa impresa.
6. Deja secar la cartulina, de preferencia al sol.
7. A veces los fotgrafos de daguerrotipo realzaban sus obras pintndolas con colores, pinturas
pastel, acuarelas y oleos, entre otros. Puedes hacer lo mismo con tu trabajo.
8. Organiza con tus compaeros una exposicin de daguerrotipos.

PROYECTO

4-03

Ensayo fotogrfico

1. Explora un tema en forma documental. Rene material fotogrfico relacionado con el


mismo, para analizarlo en trminos de su pasado, su estado actual y su proyeccin hacia
el futuro. Por ejemplo, un trabajo sobre un monumento pblico debe referirse no slo a su
aspecto externo, sino tambin a lo que conmemora. Si se trata de una mansin histrica,
incluye retratos y recuerdos de quienes la habitaron. Si se trata de un templo, menciona las
actividades del culto, el prroco y los feligreses. No te quedes solamente con la ubicacin
del edificio. Si el tema seleccionado es una persona, podras basarte en las actividades que
realiza en un da.
2. Puedes utilizar fotografas de diversas fuentes o tomar tus propias imgenes.
3. Escanea o guarda las fotografas en tu computadora.
4. Elabora un documento, en el que debes pegar todas las fotografas de tu investigacin y
complementarlas con algo de texto explicativo. Recuerda que este es un ensayo fotogrfico,
por lo que la imagen es lo ms importante.

85

Diseo Digital
Photoshop CS5
tema

BLos gneros fotogrficos


Los gneros fotogrficos, son distintos temas sobre los que puede tratar una fotografa.
Reconocer los gneros fotogrficos nos sirve para:
1. Disponer la ubicacin de las fotografas en los medios de almacenamiento y as localizarlas
en un archivo sin problema. Esto es vlido, tanto para almacenar fotografas digitales como
impresas. Por ejemplo, puedes guardar en la misma carpeta todas las imgenes que se
relacionan con cierta actividad.
2. Trabajar con imgenes agrupadas en categoras, lo que simplifica su tratamiento y
manipulacin. Por ejemplo, puedes aplicar el mismo efecto o los mismos ajustes a todas
las imgenes de cierta categora.
En sus orgenes, la fotografa tuvo la funcin de realizar lo que hasta el momento slo se poda
conservar a travs de la pintura. Por lo tanto, la primera clasificacin fotogrfica se hizo en
gneros que se relacionaban con la pintura.
Retrato fotogrfico. Nos muestra las cualidades fsicas y morales de las personas.

Imagen 4-3: Fotografa cortesa de Marina Filipovic www.marinafilipovic.com). Usada con permiso.

86

LaFotografa

Fotografa de paisaje. Imprime la belleza de los paisajes, la flora y fauna.

Fotografa de naturaleza muerta (bodegones). Es el retrato de un objeto o grupo


de objetos, que se realizan desde el interior, fuera de su ambiente natural.

87

Diseo Digital
Photoshop CS5
Podramos usar otra clasificacin de los gneros fotogrficos de acuerdo a la funcin y uso de
la imagen.
Fotografa realista. Plasma el medio con fines expresivos e interpretativos.

Fotografa documental. Plasma en imagen la realidad humana.

Fotografa de guerra. Captura imgenes de conflictos armados, as como sus


terrores y sacrificios.

Imagen 4-4: Imagen de catlogo

88

LaFotografa

Fotografa publicitaria. Captura una imagen atractiva al consumidor, logrando ser


un elemento de influencia para la toma de decisiones.

ACTIVIDAD

4-01

Gneros fotogrficos

Relaciona correctamente las siguientes columnas:


Columna A
Capta el mundo exterior tal y como
aparece ante nuestros ojos.
Es una manifestacin del medio,
con fines expresivos e interpretativos.
Anima al consumidor a realizar una
compra.
Nos muestra personas reales.
Imgenes de conflictos blicos.

Columna B
Fotografa de guerra
Fotografa publicitaria
Fotografa realista
Fotografa documental
Retrato fotogrfico

89

Diseo Digital
Photoshop CS5

ACTIVIDAD

4-02

Compartiendo sensaciones y emociones

Esta actividad busca que hagas una reflexin para reconocer de forma subjetiva, lo percibido
en la fotografa y las imgenes cotidianas. Este proceso te servir para descubrir tu creatividad y
poderla as compartir con los dems, dndole un sentido completo y dinmico a la fotografa. La
fotografa es un disfrute reflexivo de importante valor humano, independientemente de su valor
utilitario.
Esta actividad no tiene un final, ya que conforme vayas estudiando ms los conceptos y tcnicas
de este curso, debers realizar las actividades propuestas. Analizar fotografas debe convertirse en
una experiencia activa y permanente que promueva la reflexin. As logrars observar, comprender
y disfrutar de una forma ms rica la expresin fotogrfica.
Se deben realizar las siguientes actividades dentro y fuera de la institucin educativa:
Asiste cada mes a una exposicin fotogrfica y realiza un ensayo donde expreses lo
que las imgenes te transmiten y te hacen sentir. Incluye en tu ensayo algunas de
las imgenes que analices. Si no tienes posibilidad de asistir a exposiciones en el
lugar donde vives, puedes usar libros, revistas de calidad o el Internet para buscar
imgenes.
Usa tu cmara! Toma fotografas relacionando las diferentes disciplinas que se
imparten dentro del plantel (multimedia, ciencias, literatura, ingls, informtica o
deporte, entre otras).
Realiza exposiciones con las mejores fotografas que captures. Tambin puedes
realizar publicaciones como anuarios y revistas.
Aprovecha cualquier viaje o realiza una salida fotogrfica para explorar nuevos
escenarios y elementos visuales.
Organiza un taller o una conferencia con un fotgrafo experto. Un profesional puede
compartir algunos de sus secretos, darte nuevas ideas y motivarte.

90

LaFotografa

tema

CLa cmara fotogrfica


El trmino cmara se deriva del latn camera, que significa habitacin o cmara. La cmara
oscura originalmente era una habitacin que tena pequeos orificios en las paredes, siendo
la nica fuente de luz que tenan. La luz que penetraba por el orificio proyectaba la imagen
del exterior en la pared opuesta, aunque la imagen formada resultaba invertida y borrosa. Con
el transcurso de los siglos la cmara oscura evolucion y se convirti en una pequea caja
manejable. Al orificio se le instal una lente ptica, para conseguir una imagen ms clara y
definida.

Imagen 4-5: Cmara fotogrfica antigua.

El primero en utilizar una cmara fotogrfica fue Joseph Nicephere Niepce en 1826. Esta cmara
fue hecha de madera por los hermanos Chavalier en Pars. Como no exista ningn medio de
almacenamiento, las imgenes proyectadas se tenan que dibujar a mano para conservarlas.
En 1865, surge la primera cmara pequea, funcional y portable construida por Johann Zahn,
pero el mundo tuvo que esperar casi 150 aos, para que la tecnologa se percatara de las
posibilidades comerciales del novedoso aparato.
Hoy en da hay cmaras por doquier, tanto para equipos independientes, como adaptadas
a otros dispositivos como telfonos, PDAs, lmparas o relojes. Las cmaras digitales son
virtualmente automticas, es decir, basta apuntar y presionar un botn para capturar la imagen.
Sin embargo, esta facilidad normalmente es opuesta a la calidad de una buena fotografa. La
fotografa de calidad depende mucho ms del ojo del fotgrafo, que de la tecnologa de su
cmara. Por esta razn, los conceptos y tcnicas de este curso te ayudarn a tomar mejores
fotos, independientemente de la cmara que utilices.

91

Diseo Digital
Photoshop CS5

PROYECTO

4-04

Crear una cmara oscura

1. Utiliza una caja de zapatos pintada por dentro completamente de negro.


2. Hazle un pequeo orifico de 3 x 3 cm. en la parte central de uno de los lados.
3. Cubre este orificio con un trozo de papel aluminio, pegndolo con cuidado por los bordes y
asegurndote que tapa totalmente el hueco.
4. Con la punta de un alfiler haz una perforacin diminuta en el centro del papel aluminio.
5. Para visualizar la imagen, realiza en la cara opuesta al orificio un hueco cuadrado o
rectangular de 5 a 10 cm por lado.
6. Cubre este hueco con una hoja de papel albanene bien estirada, para que forme un plano
definido.
7. Por ltimo, debers fijar por fuera del lado del plano de albanene, una tela negra. La tela
debe ser suficientemente grande para cubrir al observador y evitar que la luz del exterior
entre a la caja. Has visto imgenes o pelculas de las primeras cmaras fotogrficas? El
fotgrafo se cubra con una tela para evitar que la luz entrara al aparato.
8. Coloca tu cmara oscura de frente a una escena bien iluminada o frente a una vela o
lmpara. Cubrindote con la tela, observa la imagen invertida que se forma en el extremo
opuesto sobre el papel albanene.
Otras opciones: Para crear una cmara oscura, se puede utilizar incluso un saln de clases o una
habitacin que tenga una ventana hacia el exterior.
Se debe oscurecer completamente la habitacin, cubriendo todas las ventanas con
cartulina negra.
Se debe hacer un pequeo orificio circular de 3 cm. de dimetro en una de las
cartulinas, por donde pasar la luz del exterior.
En la pared opuesta a la ventana, se forma una imagen invertida del exterior. Si la
escena exterior est fuertemente iluminada por el sol, el efecto ser realmente ntido.

92

LaFotografa

Elementos de la cmara fotogrfica


La cmara fotogrfica tiene una serie de elementos cuyas funciones son las de concentrar,
reflejar y fotografiar la imagen sobre material sensible a la luz, formando as una imagen
permanente.
Estos son algunos conceptos indispensables que debes conocer, relacionados con las cmaras:
Objetivo: es un lente o conjunto de lentes que concentran los rayos de luz emanados por el
objeto en la cmara.
Sensor: es un dispositivo electrnico o bien una pelcula fotosensible que recibe la
informacin luminosa.
Diafragma (obturador): es un disco que se abre o cierra para controlar la intensidad de luz
que llega al sensor. El diafragma normalmente est cerrado y se abre por un instante para
dejar pasar la luz.
Visor: es el elemento a travs del cual se puede ver lo que se quiere fotografiar, para elegir la
perspectiva y el campo visual que abarcar la fotografa. El visor puede ser un simple orificio
en el cuerpo de la cmara o una combinacin de lentes y espejos.
En las cmaras profesionales, el visor muestra
exactamente lo que capta el lente del objetivo. En las
cmaras econmicas, el visor es una aproximacin
de la toma real, especialmente cuando no son
digitales.
Disparador: es el botn que toma la fotografa.
Muchas cmaras digitales permiten presionar el
disparador a la mitad para hacer un autoenfoque
y completamente para tomar la foto.

Imagen 4-6: Imagen de catlogo

Pantalla LCD (Display de cristal lquido): se encuentra en la parte trasera de la cmara.


A travs de ella es posible encuadrar las imgenes y, una vez tomadas, visualizarlas
inmediatamente. Tambin sirve para moverse por el men y realizar ajustes de configuracin.
Flash: el flash integrado en las cmaras no tiene mucha potencia, pero es suficiente si vas
a realizar fotos con acercamiento. Hay diferentes modos de flash, que nos permiten reducir
el efecto de ojos rojos y ajuste de potencia.

93

Diseo Digital
Photoshop CS5

Memoria: la memoria puede ser fija o extrable. Algunas cmaras digitales, tienen una
ranura en cuyo interior se inserta la tarjeta de memoria. Existen varios formatos de memoria,
como Compact Flash (CF), Secure Digital (SD), Multimedia Card (MMC), Memory Stick (MS)
y xD-Picture Card (xD).
Apertura: si la escena est muy iluminada, el diafragma se abre poco para no quemar la
fotografa. Si la imagen es oscura, el diafragma se abre ms, para dejar pasar suficiente luz
que excite al sensor. La medicin de luz normalmente se hace de forma automtica por un
Fotmetro incluido en la cmara, pero puede hacerse de forma manual.
Adems de determinar qu tan brillante quedar la fotografa, la apertura tambin afecta el
enfoque de los objetos lejanos, con relacin a los cercanos. Existe una escala normalizada para
la apertura o cierre del diafragma, representado con una f minscula.
ms abierto (entra ms luz)
f/1

f/1.4 f/2 f/2.8 f/4

f/1.4

ms cerrado (entra menos luz)

f/5.6 f/8 f/11 f/16 f/2

f/2

f/2.8

f/4

f/32 f/45 f/64

f/5.6

f/8

Velocidad: similarmente a la apertura, la cantidad de luz que entra al sensor depende de qu


tanto tiempo permanezca abierto el diafragma. Para fotografiar una escena bien iluminada,
el diafragma se abre slo durante una fraccin de segundo. En cambio, si hay poca luz, el
diafragma se abre durante ms tiempo, incluso durante varios segundos. Para fotografiar
un cielo estrellado, puede ser necesario dejar el diafragma abierto, incluso por ms de un
minuto: todo este tiempo la cmara debe estar perfectamente inmvil.
La velocidad determina qu tan brillante quedar la fotografa, lo que se conoce como exposicin.
Se dice que una fotografa demasiado brillante est sobre-expuesta y una demasiado oscura
est sub-expuesta. La velocidad con que se abre y cierra el diafragma, se mide en segundos o
fracciones de segundo.
ms lento (entra ms luz)
2

94

1/8

1/15

ms rpido (entra menos luz)

1/30 1/60 1/25 1/125 1/150 1/500 1/1000 1/4000

LaFotografa

Modos de apertura y velocidad: casi todas las cmaras digitales tienen modos
semiautomticos, que corresponden a diferentes combinaciones de valores de apertura y
velocidad del obturador. Los ms comunes son:
a. Retrato: Usa mayor apertura, para conseguir fondos desenfocados y centrar la atencin
sobre el rostro del sujeto.
b. Deporte: Usa mayor velocidad para congelar las imgenes en movimiento.
c. Paisaje: Usa menor apertura y velocidad para capturar una gran escena enfocada.
d. Acercamiento: Alta velocidad y gran apertura para fotos de close-up.
Exposicin. La exposicin de una fotografa, depende de la cantidad de luz que llegue al
sensor de la cmara fotogrfica. Si llega ms luz de la necesaria, la foto se quema y se
dice que est sobreexpuesta. Si no llega suficiente luz, la foto se ve muy oscura y se dice
que est subexpuesta.
Modos de exposicin. La exposicin se puede controlar de forma manual, semiautomtica
o automtica. Los modos automticos o semiautomticos, funcionan haciendo una
medicin rpida de la luz de la escena, para elegir los valores indicados para realizar la
toma y compensar el exceso o falta de luz que pueda tenerse. Los modos de exposicin ms
comunes son:

L uz de da
Nublado
Luz interior
Nocturno con flash
Nocturno sin flash

4-02
LMINA

Tipos de cmara

95

Diseo Digital
Photoshop CS5

ACTIVIDAD

4-03

Conociendo la cmara fotogrfica

Contesta las siguientes preguntas:


1. Define qu es una cmara fotogrfica.
Aparato para captar la luz en un medio fotosensible.
2. Qu es una cmara oscura?
Una cmara oscura era una habitacin que tena pequeos orificios en las paredes y proyectaba la imagen del exterior en la pared opuesta, despus se convirti
en una pequea caja manejable y se le instal una lente en el orificio para lograr
imgenes claras.
3. En qu ao y quin empez a utilizar la cmara fotogrfica?
a. 1810, Charles Darwin
b. 1521, Toms Alba Edison

c. 1826, Nicephere Niepce


d. 1900, Carlos V

4. Qu hizo Johann Zahn?


Johann Zahn cre la primera cmara pequea, funcional y portable.
5. Para qu sirve el obturador?
Para controlar la intensidad de luz que llega al sensor de la cmara.
6. Completa el siguiente prrafo con los conceptos correctos (exposicin, sensor, diafragma,
luz, apertura).
Al regular la velocidad y la apertura del
diafragma , el
sensor consigue la
cantidad exacta de luz para asegurar una correcta
exposicin
de la fotografa.
La velocidad y la apertura del diafragma son directamente proporcionales. De esta
manera, si se aumenta la velocidad deber ser aumentada la apertura, para permitir
que igual cantidad de luz
llegue al sensor.

96

LaFotografa

7. Si tomas una fotografa en una playa y te das cuenta que queda sobre-expuesta (demasiado
clara y brillante) qu puedes modificar en la cmara para que la siguiente foto salga bien?
(Tip: Hay varias posibles acciones que corregiran el problema).
Disminuir el tiempo de exposicin de la luz, o bien controlar la apertura del diafragma para evitar que entre luz excesiva al sensor.
8. Qu velocidad de obturador crees que sera adecuada para una foto de un paisaje nocturno?
Rpida, media o lenta? Justifica tu respuesta.
Debe ser lenta la velocidad para fotografiar un paisaje nocturno ya que hay poca
luz y la cmara necesita captar esa poca luz para formar la imagen.
9. Ordena las palabras para formar una frase coherente:
de luz llega que diafragma El sensor. al regula la cantidad
El diafragma regula la cantidad de luz que llega al sensor.
10. Haz un mapa mental o un cuadro sinptico, que relacione los principales componentes de
la cmara digital:
Disparador

Flash

Cmara

Objetivo

T IP

Diafragma

Pantalla LCD

Sensor

Memoria

Los programas de manipulacin fotogrfica


como Photoshop, permiten hacer muchos
ajustes a una imagen y pueden mejorar una
mala foto, pero es preferible tomar las mejores
fotografas que sean posibles, aunque tengas
que repetir varias veces la toma antes de
intentar mejorarla en la computadora.

97

Diseo Digital
Photoshop CS5

ACTIVIDAD

4-04

Tu cmara

1. Qu tipo de cmara fotogrfica usars en este curso?

2. Anota la marca y modelo.

3. Identifica los elementos esenciales de tu cmara fotogrfica. Dibuja en este espacio tu


cmara e indica con flechas sus partes principales (objetivo, visor, diafragma y otros que
puedas reconocer). Recuerda que este es un curso de diseo grfico, por lo que la calidad
y limpieza del trabajo es muy importante.

98

LaFotografa

4. Familiarzate con el manejo de tu cmara. Consulta su manual de usuario o instrucciones.


Lo ms seguro es que tenga algunos modos automticos para diferentes situaciones, como
retratos, paisajes, deportes, acercamientos o tomas nocturnas. Estos modos suelen ser
combinaciones automticas de apertura y velocidad, sumados a compensacin electrnica.
5. Cules son los modos automticos que tiene tu cmara y para qu se usa cada uno? Si
estn representados por iconos, dibjalos junto a la descripcin.

6. Probablemente puedas modificar manualmente la apertura o la velocidad. Es posible


hacerlo en tu cmara? Cmo?

7. Toma varias fotografas en los diferentes modos o cambia los valores de apertura y velocidad.
No te preocupes mucho por el resultado, pero ve tomando nota de qu efecto produce cada
cambio en los parmetros. Escribe aqu algunas conclusiones:

8. Guarda en la computadora o memoria USB las fotografas tomadas y organzalas en una


carpeta personal. Manipulars estas fotografas con Photoshop ms adelante.

99

Diseo Digital
Photoshop CS5
tema

DLa profundidad de campo


La profundidad de campo (Depth Of Field o DOF) es el espacio ntido que queda por delante
y por detrs del objeto enfocado, es decir, la zona correctamente enfocada. En la mayora de
las ocasiones, se desea que toda la escena quede perfectamente enfocada, pero a veces es
preferible enfocar slo la parte principal de la fotografa, mientras el resto queda fuera de foco.
Esto ayuda a resaltar lo que ms nos interesa de una imagen.

Imagen 4-8: Poca profundidad de campo. Los flamencos


estn enfocados mientras el fondo se mantiene fuera de
foco, para centrar la atencin en los animales.

Imagen 4-7: Mucha profundidad de campo. Los objetos


cercanos y lejanos estn enfocados.

Si en tu cmara puedes modificar manualmente la apertura del diafragma, toma en cuenta


estas reglas: A menor apertura, mayor profundidad de campo (todo queda mejor enfocado). A
mayor apertura, menor profundidad de campo (el sujeto principal queda enfocado y el resto de
la escena queda fuera de foco).
Si tu cmara no tiene ajuste manual de apertura, puedes crear menor profundidad de campo
usando los modos de retrato o acercamiento y mayor profundidad de campo usando los modos
de paisaje.
Tambin puedes crear profundidad de campo usando las caractersticas de zoom o acercamiento
de la cmara. Prueba tomando al mismo sujeto de dos maneras diferentes: cerca de l, usando
poco zoom o lejos de l usando un gran zoom.

100

LaFotografa

PROYECTO

4-05

Fotografa de acercamiento

La fotografa de acercamiento o Close Up es muy divertida. Permite ver de cerca un mundo


diminuto o crear sorprendentes fotomontajes.

Imagen 4-9: Fotografas de insectos cortesa de Thy Bun. Usadas con permiso.

1. Utiliza tu cmara para tomar muchas fotos de acercamiento de objetos comunes como
lpices de colores, clips para papel, juguetes, insectos o plantas. Realiza composiciones
creativas, usa papeles de colores como fondo y simula situaciones reales con miniaturas.
2. Experimenta tomando la misma fotografa dos veces, pero intentando lograr diferente
profundidad de campo.
3. Guarda las fotografas en la computadora, en una subcarpeta llamada CloseUp dentro de
tu carpeta personal.
4. Utiliza Adobe Photoshop para crear al menos 2 fotomontajes diferentes con algunas de
las fotografas realizadas. Guarda tu trabajo para usarlo en una exposicin fotogrfica al
final del curso.

101

Diseo Digital
Photoshop CS5

Qu aprendiste?
TEMA A: La importancia de la fotografa a travs del tiempo y la evolucin de las cmaras
fotogrficas.
TEMA B: Nombrar los principales gneros fotogrficos y describir sus caractersticas.
TEMA C: A reconocer los elementos que componen una cmara fotogrfica, describiendo la
funcin que desarrolla cada uno de dichos elementos.
TEMA D: A obtener fotografas de acercamiento, al dominar la profundidad de campo.

EVALUACIN

04
1. Escribe dos ventajas de las cmaras SRL con respecto a las cmaras compactas:
Las cmaras SRL usan lentes intercambiables y producen fotos de muy alta calidad.
2. Escribe dos desventajas de las cmaras SRL con respecto a las cmaras compactas:
Las cmaras SRL son caras y son para profesionales de la fotografa por las caractersticas que ofrecen, por lo tanto es ms difcil usarlas.
3. Cmo describiras una imagen con poca profundidad de campo?
La imagen principal est enfocada mientras que el resto est desenfocada.
4. Qu pasa con la profundidad de campo si la apertura del diafragma es muy pequea?
Todo queda enfocado dentro de la imagen fotogrfica, es decir, aumenta la profundidad de campo.
5. Cmo puedes disminuir la profundidad de campo usando el zoom?
Alejndome del objeto y haciendo un zoom sobre l.

102

Al modificar el modo de color,


Photoshop cambia de forma
permanente los valores de color de
la imagen, para ajustarse a la nueva
gama. Como resultado, se pueden
perder algunos datos de la imagen
que no se recuperarn si vuelve a
convertir la imagen al modo anterior.

Un id ad

05

NIVEL: Bsico

C olor

DURACIN SUGERIDA: 3 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenders a:


A Identificar los modos de color, en los cuales Photoshop es capaz de
manipular imgenes.
B Realizar ajustes globales de manera rpida, empleando los disponibles
por la aplicacin.
C Reconocer los elementos escenciales de una imagen a blanco y negro.
D Conocer los inicios de la fotografa a color.

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5
tema

AModos de Color
Adobe Photoshop nos ofrece herramientas de edicin, retoque fotogrfico y composicin
que nos ayudarn a obtener ptimos resultados en nuestro trabajo. Prcticamente cualquier
fotografa puede mejorarse con Photoshop y los ajustes de imagen actan sobre el color, brillo,
contraste, saturacin y ms.

Imagen 5-1: Men Imagen/Modo

Lo primero que hay que comprender, son los diferentes modos de color en que una imagen
puede manipularse. Los modos son modelos que tratan de representar los colores de la
naturaleza, para ser visualizados en la pantalla o en impresin. Estn disponibles a travs del
men Image/Mode (Imagen/Modo).
Bitmap (Mapa de bits). Este modo slo se utiliza en imgenes monocromticas
(blanco y negro).
Grayscale (Escala de grises). Son imgenes monocromticas pero que tienen una
amplia escala de tonos intermedios.
Duotone o Multichannel (Duotono o Multicanal). Se utiliza para realizar impresiones
de color especializado.
Indexed color (Color indexado). Tienen una tabla de color que contiene un mximo
de 256 tonalidades.
RGB Color (Color RGB). Tiene tres canales de color: rojo, verde y azul. Se basa en
la combinacin de la luz para formar colores.
CMYK Color (Color CMYK). Tiene cuatro canales de color: cyan, magenta, amarillo
y negro. Se basa en la absorcin de la luz ocasionada por las tintas.
Lab Color (Color Lab). Se utiliza para manipulacin profesional de color,
normalmente en laboratorios fotogrficos o estudios de diseo.

5-01
LMINA
104

Modos de color

Color

tema

BLos ajustes de la imagen


Los Ajustes de Color o ajustes tonales, cambian los valores de color o tonalidad de una imagen.
Proporcionan un modo rpido y sencillo para realizar ajustes globales, aunque para ajustes
precisos es mejor usar otras herramientas de Photoshop, como los canales e histogramas. Para
acceder a estos ajustes globales se usa el men Image/Adjustment (Imagen/Ajustes).
Los ajustes disponibles son:
Brightness/Contrast (Brillo/Contraste): El brillo define la cantidad de luz que tiene la
imagen. El contraste determina la fuerza que tiene la diferencia entre las sombras
y los brillos de la imagen.
Levels (Niveles): Sirve para controlar las luces o la luminosidad de una imagen.
Curves (Curvas): Ajusta el valor de la luz por medio de lneas que se pueden mover
hacia arriba o hacia abajo en una grfica.
Hue/Saturation (Tono/Saturacin): El tono es el color reflejado o transmitido a
travs de un objeto. La saturacin define la cantidad de color que tiene la imagen.
Color Balance (Equilibrio de color): Se utiliza para eliminar algn color dominante,
saturar o desaturar la imagen.
Desaturate (Desaturar): Elimina el color de la imagen dejndola en tonos de grises.
Replace Color (Reemplazar Color): Crea una mscara temporal seleccionada
segn el rango de colores. Sobre esta seleccin se pueden modificar los valores
de saturacin, tono y luminosidad.
Match Color (Correccin selectiva): Corrige desequilibrios y ajusta tonos de color.
Channel Mixer (Mezclador de canales): Permite mezclar los canales de color como
se quiera.
Gradient Map (Mapa de degradados): Agrega un degradado a la imagen.
Invert (Invertir): Invierte los colores de la imagen.
Equalize (Ecualizar): Redistribuye los valores de luminosidad de los pxeles para
que representen la gama completa de los valores de brillo.
Threshold (Umbral): Convierte la imagen a blanco y negro (sin grises intermedios)
y define su brillo.
Posterize (Posterizar): Reduce el nmero de colores de la imagen.
Variations (Variaciones): Ajusta visualmente el equilibrio de color, contraste y
saturacin de una imagen o parte de ella.

5-01
VIDEO

Los ajustes de la imagen

105

Diseo Digital
Photoshop CS5

PROYECTO

5-01

Mezclando Colores

En este proyecto elaborars un disco de Newton. Es un dispositivo inventado por Isaac Newton
y consiste en un crculo con sectores pintados en colores rojo, naranja, amarillo, verde, azul,
celeste y violeta. Al girar rpidamente, los colores se combinan formando el color blanco. Con
este dispositivo se demuestra que la luz blanca est formada por los siete colores del arco iris.
Para el desarrollo del proyecto necesitars:
Cartulina blanca
Un CD o DVD (inservible)
Lpices de colores rojo, naranja, amarillo, verde,
celeste, azul y violeta
Pegamento
Tijeras
Una canica
Juego de geometra
1. En la cartulina, dibuja un crculo de 12 cm de dimetro.

Imagen 5-2: Disco de Newton

2. Divdelo en 7 segmentos iguales.


(Para dividir el crculo en 7 segmentos iguales emplea el siguiente clculo
obteniendo como resultado 5.38 cm).

d = r #`

12 j
7

3. Con el comps dibuja cada 5.38 cm una marca en el permetro del crculo y une cada marca
con el centro de ste.
4. Colorea cada segmento de un color empleando el siguiente patrn: rojo, naranja, amarillo,
verde, celeste, azul y violeta. Tu disco debe quedar como se muestra en la imagen superior.
5. Haz un corte circular en el centro del crculo de aproximadamente 2 centmetros.
6. Por ltimo pega el crculo al CD o DVD, la canica al centro del CD o DVD y deja secar el
pegamento
7. Haz girar tu disco, discute con tus compaeros y profesor lo que observaste.

106

Color

ACTIVIDAD

5-01

Ajustando fotografas

1. Utiliza tu cmara para tomar 15 fotografas diferentes de cualquier tipo. En esta actividad no
dediques mucho tiempo a planear y hacer las tomas, ya que el objetivo es ajustarlas con
Photoshop.
2. Guarda los archivos capturados en la computadora, en una subcarpeta de tu carpeta
personal.
3. Abre el primer archivo y realiza algunos ajustes mejorando el brillo y contraste, ajustando la
saturacin de color o cambiando la tonalidad. La foto resultante debe ser una mejora de la
original y tener una imagen global agradable.
4. Toma notas simples de los ajustes que has realizado, por ejemplo: incrementar brillo o
desaturar el color, entre otras.
5. Guarda la imagen usando un nombre distinto para conservar la foto original sin cambios y
poder compararla con la modificada.
6. Repite este proceso con las 14 fotografas restantes.
7. Al terminar, crea un documento en un procesador de palabras o programa de presentaciones
donde muestres el antes y despus de todas las fotografas.
8. Debajo de cada foto de despus anota los ajustes realizados.
9. Guarda tu trabajo en tu carpeta personal.

107

Diseo Digital
Photoshop CS5
tema

CLa fotografa en blanco y negro


La fotografa en blanco y negro se caracteriza por la ausencia del color. Normalmente lo que
conocemos como imagen en blanco y negro es en realidad una imagen en escala de grises,
pues adems de los colores externos, tiene muchos tonos intermedios.
En el pasado, la nica opcin disponible para capturar imgenes era en blanco y negro, pero
aunque ahora todas las cmaras capturan imgenes a color, la fotografa en blanco y negro
sigue siendo muy popular.
La fotografa en blanco y negro pone de manifiesto las formas, el volumen y los detalles del
objeto plasmado, por lo que es una tcnica que, bien empleada, tiene gran valor artstico.

Imagen 5-3: Fotografa tomada a color y convertida a escala de


grises con Photoshop.

Imagen 5-4: En vez de escala de grises puedes usar otro color, como
sepia, azul o naranja, para lograr un efecto que simula antigedad.

Cualquier fotografa a color se puede convertir a escala de grises con Photoshop. Tambin se
pueden usar otros tonos como sepia, azules, rojos o cualquiera que se quiera.

108

Color

PROYECTO

5-02

Imgenes del pasado

1. En la carpeta de los Recursos Digitales hay varias fotografas. El objetivo de esta actividad es
simular que son fotografas antiguas.
2. Utiliza diferentes ajustes y filtros, ya sea directamente o en capas, para dar el efecto deseado.

Imagen 5-5: Imagen original.

Imagen 5-6: Imagen procesada en Photoshop para


simular una foto vieja.

Algunos ajustes o filtros que puedes usar son:

Cambiar el modo de color


Ajustar brillo y contraste
Desaturar
Aplicar un filtro de fotografa (Photo Filter)
Desenfocar
Pixelar
Agregar ruido

3. Usa tu cmara para tomar dos retratos de amigos o familiares. Si es posible, utilicen ropa
y accesorios que parezcan de alguna poca pasada. Despus guarda las fotografas y
maniplalas en Photoshop para darles el efecto de antigedad.

109

Diseo Digital
Photoshop CS5
tema

DLa fotografa a color


La fotografa a color fue desarrollada en el siglo XIX. Los experimentos iniciales no fueron
capaces de conseguir que los colores se quedaran fijos en el papel, pero en 1861 la primera
fotografa a color fue obtenida por el fsico escocs, James Clerk Maxwell.
La primera pelcula fotogrfica a color, conocida como Kodachrome, fue puesta en el mercado
en 1935. Esta pelcula consista en un tipo de placa-pantalla, hecha de minsculos granos
de fcula de papa. La placa filtraba la luz roja, verde y azul a travs de cada grano, hacia
una pelcula fotogrfica en contacto con ella. Luego era revelado a negativo para invertirlo e
imprimirlo a positivo.
Una fotografa a color debe provocar una respuesta emocional de acuerdo con el tema que est
representando.

Imagen 5-7: Fotografa cortesa de Thy Bun. Usadas con permiso.

Imagen 5-8: Fotografa cortesa de Thy Bun. Usadas con permiso.

110

Color

PROYECTO

5-03

Corrigiendo los tonos y brillos de una


imagen

1. Abre la imagen Zona arqueologica.psd que se ubica en los Recursos Digitales.


Duplica la imagen en una nueva capa con el comando <Ctrl+J>.
En el men Image/Adjustments/Selective Color (Imagen/Ajustes/Correccin Selectiva), ajustars el color de la imagen. En el cuadro de dilogo de esta herramienta
utiliza cada una de las siguientes nueve combinaciones de valores:
2. Ahora en el mismo men Image/Adjustment/Color Balance (Imagen/Ajustes/Equilibrio de
Reds (Rojos)

Yellows (Amarillos)

Greens (Verdes)

Cyan (Cyan)

-49

Cyan (Cyan)

-3

Cyan (Cyan)

+38

Magenta (Magenta)

-27

Magenta (Magenta)

-16

Magenta (Magenta)

+9

Yellow (Amarillo)

-27

Yellow (Amarillo)

-16

Yellow (Amarillo)

+57

Black (Negro)

+5

Black (Negro)

-11

Black (Negro)

-30

Cyans

Blues (Azules)

Cyan (Cyan)

+1

Cyan (Cyan)

Magenta (Magenta)

-11

Yellow (Amarillo)

-20

Black (Negro)

Magentas
-19

Cyan (Cyan)

Magenta (Magenta)

+6

Magenta (Magenta)

-20

Yellow (Amarillo)

-21

Yellow (Amarillo)

+34

-17

Black (Negro)

+6

Black (Negro)

+19

Cyan (Cyan)

+49

Cyan (Cyan)

+1

Cyan (Cyan)

-12

Magenta (Magenta)

-30

Magenta (Magenta)

+2

Magenta (Magenta)

-8

Yellow (Amarillo)

-43

Yellow (Amarillo)

-2

Yellow (Amarillo)

+4

Black (Negro)

-36

Black (Negro)

-5

Black (Negro)

+7

Whites (Blancos)

Neutrals (Neutrales)

+32

Blacks (Negros)

color), puedes corregir los colores de la imagen con mayor precisin. Usa por ejemplo estos
valores:
Midtones (Medios tonos)

+4, 0, +2

Shadows (Sombras)

+6, +5, +3

Highlights (Brillos)

+4, +1, -5

3. Por ltimo, en el mismo men se encuentra el ajuste de Brightness/Contrast (Brillo y


contraste). Desliza el cursor de brillo a +4 y el cursor de contraste a +4 y acopla las capas
de la imagen.
4. Guarda el archivo con el nombre ZonaArq46.psd en la carpeta que tu profesor indique.

111

Diseo Digital
Photoshop CS5

Qu aprendiste?
TEMA A: A comparar y describir los diversos modos de color en los que es posible manipular
imgenes, analizando las caractersticas que componen a cada uno de ellos.
TEMA B: Que es posible aplicar ajustes a fotografas para mejorar su aspecto o modificar su
apariencia.
TEMA C: Cmo manipulando el modo de color de una imagen, se puede cambiar su
apariencia a blanco y negro o hacerla parecer que es una fotografa antigua.
TEMA D: A realizar ajustes ms precisos de brillo y contraste modificando individualmente
los parametros CMYK.

EVALUACIN

05
1. Investiga qu es el Bromuro de Plata y para qu se empleaba dentro de la fotografa.
El Bromuro de Plata es un compuesto qumico, sensible a la luz, empleado para
emulsionar la pelcula fotogrfica.
2. En fotografa qu es ISO?
ISO (Organizacin Internacional para la Estandarizacin).Nos da a conocer la
sensibilidad de la pelcula en la fotografa anloga y la de un sensor en la fotografa digital.
3. Realiza un ensayo digital sobre la fotografa en blanco y negro con ejemplos grficos. Puedes
usar PowerPoint o cualquier otro programa de presentaciones.

112

Toma en cuenta que en tanto ms


grande es la cantidad de megapixeles a editar, mayores sern los
requerimientos que se le exijan a la
computadora.

Un id ad

06

NIVEL: Bsico

Cmo mejora r
fo togra f as?

DURACIN SUGERIDA: 8 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenders a:


A Describir los pasos para obtener mejores fotografas.
B Conocer el concepto de filtro fotogrfico, sus aplicaciones y principales.
C Identificar procesos para la restauracin de fotografas viejas al
digitalizarlas y modificarlas en Photoshop.

Diseo Digital Photoshop


Autor:
Carlos Zepeda Chehaibar

CS5

Diseo Digital
Photoshop CS5
tema

APlan de trabajo para sacar una fotografa


Tomar fotografas de calidad profesional y de forma eficiente, requiere de una planeacin del
trabajo. En general, sigue los siguientes pasos para aprovechar mejor los recursos materiales
y el tiempo:
a. Desarrolla un plan de trabajo. Decide qu vas a tomar, en qu da y hora, qu elementos
se necesitan para la fotografa y qu iluminacin se tendr disponible.
b. Realiza la captura de imgenes, tomando siempre varias fotos. Despus podrs elegir
las mejores y eliminar las que no te gusten.
c. Mejora las imgenes utilizando Adobe Photoshop.
d. Edita fotomontajes, textos y efectos.
e. Guarda los archivos terminados.
f. Imprmelos o simplemente visualzalos en el navegador de Adobe Bridge.

La Iluminacin
Dentro de la fotografa, podemos clasificar a las luces por el tipo de sombra que generan.
Luces duras: Estas luces generan sombras ntidas. El sol directo, las lmparas
fuertes y el flash son luces duras.
Luces suaves: Estas luces generan sombras difusas. El sol rebotado en las nubes
genera sombras de este tipo.
El siguiente esquema nos ayudar a comprender y manejar la iluminacin dentro y fuera del
estudio fotogrfico.
Sujeto u objeto

Luz de efecto.
Aade relieve al objeto
y lo separa del fondo.

Luz de fondo.
Se encarga de iluminar el fondo.

Luz Principal.
Determina la exposicin y la orientacin
correcta de la luz, as
como la calidad de las
sombras.

114

Cmara

Luz de relleno.
Determina el contraste
del objeto. Debe ser
ms tenue.

Cmomejorarfotografas?

Los planos de la fotografa


En la fotografa se le llama plano a todo aquello que est a una misma distancia de la cmara.
Una fotografa puede tener uno o varios planos, que se identifican dependiendo de la orientacin
que tome la cmara o del encuadre que se elija.

6-01
LMINA

Planos en la fotografa

PROYECTO

6-01

Haciendo un estudio fotogrfico de


producto

Para realizar esta actividad necesitas dos vasos de vidrio, una soda o refresco, un emparedado
que se vea muy apetitoso, un florero con flores, 2 cartulinas blancas, un rociador con agua, un
plato para poner el emparedado y un par de lmparas pequeas o linternas.
1. Debes colocar una mesa pegada a una pared. Esto servir de fondo para la foto, ya que
pegars una cartulina blanca a la pared y otra a la mesa.
2. Acomoda tu escena con los elementos (emparedado en el plato, vasos y refresco, florero
con flores), de forma que quede equilibrada.
3. Para que los vasos se vean ms atractivos, rocalos con agua para formar pequeas gotas.
4. Coloca una lmpara a cada lado de la escena o pide a dos amigos que te ayuden a dirigir
la luz hacia los objetos. Ve a travs del visor de la cmara para decidir si es o no correcta
la iluminacin que se le dar al objeto.
5. Decide el encuadre que quieres para la fotografa y captrala. Realiza varias tomas con
diferentes parmetros, encuadres e iluminacin.
6. Utiliza Adobe Photoshop para hacer ajustes de calidad a la fotografa.
7. Utilzala para crear un cartel o volante publicitario.

115

Diseo Digital
Photoshop CS5

Elementos de composicin
La composicin es la organizacin, seleccin y disposicin de los sujetos dentro de la fotografa.
Se basa en conceptos bsicos como la forma, el volumen, el ritmo y la textura, para una mejor
comprensin de la imagen.
Las nociones bsicas sobre la composicin de una imagen, son algo que debe tener en cuenta
quien se sita tras una cmara fotogrfica.

6-02
LMINA

Elementos de composicin

ACTIVIDAD

6-01

Utilizando la composicin para


fotografa

1. En esta actividad debes aplicar cada uno de los elementos de composicin que hemos
explicado. Para ello, toma fotografas que ilustren claramente cada elemento de composicin.
Elige al menos una imagen para ejemplificar cada elemento.
2. Utiliza Photoshop para modificar o darle ms realce a tus fotografas.
3. Crea un muestrario fotogrfico digital (puedes utilizar PowerPoint), en el que muestres el
nombre del elemento de composicin y una o dos fotografas que ejemplifiquen claramente
lo que significa.
4. Guarda tu trabajo para usarlo en una exposicin fotogrfica al final del curso.

6-03
LMINA

116

Tips para sacar mejores fotografas

Cmomejorarfotografas?

tema

BLos Filtros de Adobe Photoshop


En la fotografa profesional, un filtro suele ser un cristal que se antepone al lente del objetivo
y que hace que la imagen logre un efecto especial. En el mundo de la fotografa digital, los
mismos efectos (y muchos ms) se pueden lograr aplicando filtros en la computadora como los
que incluye Adobe Photoshop.
Para aplicar un filtro a una capa o seleccin, utiliza el men Filter (Filtro).
Los filtros estn agrupados segn el tipo de efecto que producen:

Artistic (Filtros Artsticos): simulan efectos de pintura.


Blur (Desenfocar): suaviza las imgenes.
Brush Strokes (Trazos de pincel): simula los trazos de
pincel.
Distort (Distorsin): realiza distorsiones geomtricas.
Noise (Ruido): aade o elimina ruido a la imagen.
Pixelate (Pxelar): agrupa pxeles semejantes.
Render (Interpretar): filtros con diversos efectos.
Sharpen (Enfocar): junta pxeles y corrige imgenes.
Sketch (Bosquejar): dan efecto de 3D a las imgenes,
simulando distintos materiales.
Stylize (Estilizar): simula efectos de pintura.
Texture (Textura): imita diferentes materiales o texturas.
Video (Video): contiene los filtros Desentrelazar y Colores
NTSC.
Other (Otros): ofrecen la posibilidad de desplazar una
seleccin dentro de la imagen y hacer ajustes de color.
Digimarc: inserta una marca de agua usada para
copyright.
Imagen 6-1: Men Filtro

6-01
VIDEO

Filtros

117

Diseo Digital
Photoshop CS5

PROYECTO

6-02

Trabajando con Filtros

1. Abre la imagen Mundo.psd que se encuentra en los Recursos Digitales.


2. Duplica la capa de la imagen para que las modificaciones que hagas no afecten los pxeles
originales.
3. Aplica un filtro artstico usando cualquier opcin del men Filter/Artisitc (Filtro/Artstico).
4. Baja la opacidad de la capa modificada a 50%.
5. Guarda el archivo con el nombre Mundo47_a en la carpeta de costumbre.
6. Vuelve a abrir la imagen original y repite el proceso aplicando un filtro artstico diferente.
Repite los pasos hasta conocer todos los filtros de esta categora, guardando en cada caso
el archivo con un nombre distinto.
7. De forma similar, utiliza ahora algunas de las fotografas que has tomado en actividades
previas y aplcales diferentes filtros. La mejor manera de conocer los filtros es usndolos.
Modifica al menos diez fotografas ms.

Acciones (Actions)
Imagina que tienes decenas o quizs cientos de fotografas con caractersticas similares. Puede
ser que todas se hayan tomado en un evento deportivo o en una reunin. Lo ms probable es
que muchas de ellas requieran los mismos ajustes, como aumento de brillo, saturacin de color
o realce con algn filtro artstico. Si tienes que aplicar varios ajustes a cada imagen, el trabajo
puede ser muy tedioso.
La funcin Actions (Acciones) es la automatizacin de tareas repetitivas en Adobe Photoshop.
Puedes crear una accin que contenga muchos ajustes, como cambiar las imgenes de tamao,
grabarlas en cierto formato y convertirlas a escala de grises, todo con un slo comando.
Si no se encuentra visible, la paleta Acciones se muestra con men Window/Actions (Ventana/
Acciones).

118

Cmomejorarfotografas?

Para crear una nueva accin, primero presiona en el panel Actions (Acciones) el botn Create
New Action (Crear Nueva Accin). Esto permite asignar un nombre a la accin y automticamente
inicia el modo de grabacin. Puedes comprobar que la accin est grabando porque se activa
el botn rojo Recording (Grabacin).
Mientras est en el modo de grabacin, todas las operaciones que realices se guardan en la
accin. Para terminar de grabar presiona el botn Stop recording (Detener grabacin).
Una vez grabada, puedes ejecutar una accin seleccionndola y activando el botn Play
(Reproducir) en el panel Actions (Acciones).

6-02
VIDEO

Acciones

PROYECTO

6-03

Creando Acciones

1. Abre la imagen Patos.psd que est en los Recursos Digitales.


2. Crea una nueva accin en la paleta Acciones, usando el botn Create new action (Crear
nueva accin). Nombra esta accin como Naturaleza. A partir de ahora todo lo que
hagas quedar grabado.
3. Crea una nueva capa y seleccinala como capa activa.
4. Con la herramienta Rectangular Marquee (Marco Rectangular) traza un rectngulo en la
parte de arriba de la imagen.
5. Utiliza el men Edit/Fill (Edicin/Rellenar) o las teclas <Shift+F5>, para crear un relleno
con los siguientes parmetros:
Use (Uso): White (blanco)
Opacity (Opacidad): 20%
La seleccin se llenar con un color blanco semitransparente.
6. Quita la seleccin utilizando <Ctrl+D>.

119

Diseo Digital
Photoshop CS5
7. Ahora establece los colores de frente y de fondo predeterminados. La forma ms rpida de
hacerlo es con la tecla <D>. A continuacin intercambia los colores de frente y fondo, ya sea
usando la flecha de intercambio en la barra de herramientas o con la tecla <X>. Revisa que
el color de frente sea blanco y el de fondo sea negro.
8. Con la herramienta Text (Texto), escribe la palabra Naturaleza dentro del rectngulo de
color que creaste. Si es necesario mueve el texto para centrarlo.
9. Reduce la opacidad del texto a 50%.
10. Combina las capas del texto y el rectngulo.
11. Termina la grabacin de la accin presionando el botn Stop Recording (Detener) del panel
Actions (Acciones).
12. Utiliza tu nueva accin para aplicar el mismo acabado a las dems imgenes que se
encuentran en la carpeta Acciones_PS.psd

ACTIVIDAD

6-02

Fotografas de velocidad

Hemos visto que la velocidad con la que se abre y cierra el diafragma determina la cantidad de luz
que ingresa al sensor. Pero tambin determina qu tan rpido se puede congelar la accin de una
escena en movimiento. Este concepto es fundamental para que
las fotos de sujetos que se mueven salgan ntidas o bien, salgan
difusas para dar un mejor efecto.
En estas tres fotografas se ve la diferencia entre usar una
velocidad rpida (1/1000 de segundo), media (1/250 seg.) y
lenta (1/4 de segundo). Entre ms rpido opera el obturador, las
gotas de agua individuales se pueden congelar mejor en la toma.
Las velocidades bajas crean un efecto difuso que expresa muy
bien el movimiento. Observa que ninguna fotografa es mejor
que otra, pues depende de lo que se quiera expresar con las
imgenes.

120

Cmomejorarfotografas?

Si tu cmara tiene control manual de la velocidad de disparo, prueba con distintos valores. Si no,
prueba intercambiando entre los modos para deportes (alta velocidad) y los modos para paisajes
(baja velocidad).
1. Utilizando diferentes velocidades de obturacin, toma tu cmara y captura fotografas de:

Gente caminando.
Gente corriendo.
Personas patinando o montando en bicicleta.
Automviles en movimiento.
Animales en movimiento.
Actividades que involucran movimiento, como uso de mquinas, tocar instrumentos
musicales y bailar, entre otras.

2. Recopila en total al menos 25 fotografas y ve tomando nota de los parmetros usados para
cada foto.
3. Examina y anota los efectos visuales que producen las distintas velocidades o modos de la
cmara.
4. Guarda las imgenes, ajstalas y mejralas usando Photoshop.
5. Elabora un reporte digital ilustrado con tus conclusiones.

121

Diseo Digital
Photoshop CS5

ACTIVIDAD

6-03

Fotos de profundidad

Para experimentar los efectos de profundidad, en esta actividad debes buscar o planear escenas
con varios planos. La escena debe tener una distribucin de objetos cercanos (a pocos centmetros
o metros de la cmara) y objetos lejanos (que se pueden perder en el horizonte) por ejemplo:

Una avenida con rboles o postes de luz.
Una fila larga de personas.
Una persona u objeto en una playa con rboles o edificios lejanos.
Un patio donde hay personas cerca y personas lejos de la cmara.
Un objeto pequeo frente a un gran paisaje.
1. Realiza para cada escena varias tomas procurando lograr estos efectos:
a. Los objetos cercanos estn ntidamente enfocados y los lejanos desenfocados.
b. Los objetos lejanos estn ntidamente enfocados y los cercanos desenfocados.
c. Todo est enfocado.
Es importante anotar todos los datos de las tomas y numerarlas para poder discutirlas en clase.
2. Guarda las imgenes en la computadora y analiza las variaciones de nitidez que se producen
en cada una de ellas. Debemos probar los efectos de la profundidad de campo y el enfoque,
con una fotografa de retrato o un objeto en un determinado entorno.
3. Organiza una mesa de discusin o un panel, para exponer las conclusiones de esta actividad.
Guarda tu trabajo para usarlo en una exposicin fotogrfica al final del curso.

ACTIVIDAD

6-04

Actividad sobre exposicin

Recuerda que la exposicin de una fotografa depende de la cantidad de luz que llegue al sensor
de la cmara fotogrfica. Aunque se puede mejorar con Photoshop, uno de los aspectos ms
importantes de una buena fotografa, es una correcta exposicin desde el momento en que se
captura la escena.

122

Cmomejorarfotografas?

Para aprender a dar la exposicin correcta a tus fotografas, lo mejor es practicar de manera
sistemtica y analizar los resultados de tus imgenes. Tu cmara debe tener un ajuste de
exposicin, ya sea manual o semiautomtico en modos como luz de da, atardecer, nublado, foto
nocturna, entre otros.
1

La primera fotografa est sub-expuesta, por lo que se ve demasiado oscura. Puedes ver una
exposicin correcta en la segunda imagen. La tercera fotografa qued sobre-expuesta y el exceso
de brillos hace que se pierdan detalles.
1. Busca una escena que tenga un contraste normal (tanto el sujeto principal como el fondo,
deben estar bien iluminados) y dispara una imagen.
2. Ahora prueba tomar la misma fotografa desde el mismo ngulo, cambiando los parmetros
de exposicin o modos de tu cmara. El objetivo es comparar el resultado de cada toma, por
lo que es importante que tomes nota de los parmetros usados para cada foto.
3. Repite el paso anterior con una escena en la que el motivo principal est menos iluminado
que el resto de la escena, por ejemplo, una persona que est en la sombra frente a un fondo
iluminado por el sol.
4. Repite el anlisis fotografiando una escena en la que el sujeto principal est bien iluminado,
mientras el resto de la escena est oscura, por ejemplo, una foto nocturna de una persona
bajo una lmpara frente a un fondo oscuro.
5. Guarda los tres sets de imgenes en la computadora y analzalos con el resto del grupo.
6. Cuando tengas los resultados, realiza un pequeo reporte acerca de cmo lograr una
correcta exposicin y cmo el contraste entre el sujeto y el fondo afectan el resultado. Incluye
imgenes para ilustrar tu trabajo.

123

Diseo Digital
Photoshop CS5

PROYECTO

6-04

Trabajando con retratos y paisajes

1. Organicen equipos de dos a cuatro personas. Cada equipo debe tomar dos fotografas de
retrato, que despus sern manipuladas para crear la portada de una revista.
2. El tipo de foto, vestuario y escenario deben corresponder al tipo de revista que quieres crear:
moda, deportes, educacin, ciencias, negocios o cualquier otro. La portada debe cumplir los
siguientes requisitos mnimos:
Ser creada, modificada y editada en Adobe Photoshop.
Debe ser tamao carta, con una resolucin de 300 dpi, modo CMYK.
Debe incluir el retrato que tomaste, manipulado y corregido para mejorar su aspecto
o darle un efecto ms interesante.
Puede incluir otras fotografas, mientras sean tomadas por miembros del equipo.
Debe tener textos y crditos, incluyendo el nombre de la revista.
Debe ser impresa en color sobre papel couche de 250 gr.
Se deber entregar el archivo digital y el formato impreso.
Acompaa tu portada con un pequeo ensayo donde se explique por qu se escogi
ese tema y cul fue su finalidad.
3. En esta segunda parte, deben tomar muchas fotografas para elegir slo las tres mejores.
Una foto diurna de la naturaleza, ya sea un jardn, un campo, un lago o una montaa.
Una foto nocturna de una poblacin o ciudad.
Una fotografa deportiva de acercamiento.
4. Realicen las siguientes composiciones usando Photoshop:
a. Crea un cartel con la imagen de la naturaleza, incluyendo un texto con un efecto
agradable, sombras y transparencias. El tamao del poster debe ser 30 X 60 cm (puede
ser vertical u horizontal).
b. Crea una invitacin a una fiesta para celebrar el ao nuevo, con la foto de la escena
nocturna. La fotografa debe convertirse a sepia y hay que incluir los textos apropiados.
El tamao de la invitacin es de 15 x 8 cm.
c. La fotografa deportiva debe ser preparada para el peridico escolar. Esta fotografa
estar fusionada con otras tres, como mnimo y debe incluir un texto que explique la
escena. Debe guardarse en formato TIFF.

124

Cmomejorarfotografas?

tema

CEl retoque fotogrfico


Muchas personas tienen fotografas impresas, que fueron tomadas antes de la era digital. En las
fotografas ms viejas, el paso del tiempo y el efecto de los productos qumicos con los que se
revel el papel, hacen que la imagen tome un tono amarillento en las zonas claras. El plstico
protector que cubre la fotografa, se puede despegar en algunas zonas y en otras se llega a
perder totalmente la imagen.
Para salvar una fotografa de este tipo, puedes escanearla y restaurar las zonas daadas usando
Adobe Photoshop. Despus puedes conservarla y compartirla en su formato digital o realizar
una nueva impresin en papel.

PROYECTO

6-05

Eliminando ojos rojos

1. Abre la imagen Ojosrojos.psd que est en los Recursos Digitales.


2. Ampla la imagen lo suficiente para enfocarte en el rea de los ojos.
3. Selecciona la herramienta Red Eye (Pincel de ojos rojos) que se encuentra en el mismo
botn que la herramienta Spot Healing Brush (Pincel corrector puntual).
4. Da un clic con la herramienta en las pupilas para corregir. Si fuera necesario, puedes
modificar los parmetros en la paleta de opciones de la herramienta.
5. Guarda el ejercicio con el nombre Ojoscorregidos.psd en la carpeta que indique tu profesor.

125

Diseo Digital
Photoshop CS5

PROYECTO

6-06

Restaurando fotografas

1. Abre las imgenes Antigua.psd y Cara_a.psd que estn en los Recursos Digitales.
2. Empieza tu trabajo con la imagen Cara_a.psd. Selecciona la herramienta Zoom y acrcate
para ver con ms precisin las zonas deterioradas.
3. Usa las herramientas Spot Healing Brush (Pincel Corrector Punctual) y Clone Stamp Tool
(Tampn de clonar), con mucha paciencia tapa las manchas y corrige las zonas deterioradas.
Recuerda que tendrs que modificar las opciones de la herramienta, segn las caractersticas
del rea que desees corregir. Para que el resultado sea menos duro, reduce la opacidad de
la herramienta.
4. Cuando la imagen est restaurada, ajusta los niveles mediante men Image/Adjustments/
Levels (Imagen/Ajustes/Niveles).
5. Duplica la imagen en una nueva capa y selecciona la nueva capa como activa.
6. Aplica a esta capa un filtro de Gaussian Blur (Desenfoque gaussiano) de 0.7 px. Esto crear
un efecto de difuminado en toda la foto.
7. Agrega una mscara de capa.
8. Utiliza un pincel de color negro para pintar sobre la mscara de capa y revelar aquellas reas
que deseas conservar con nitidez, como los ojos, los labios, las cejas, detalles del cabello
y otros. Recuerda que si te equivocas, puedes usar color blanco para restaurar la mscara.
9. Guarda tu trabajo con el nombre Retocada58_a en la carpeta de costumbre.
10. Restaura de forma similar la foto Antigua.psd.
11. Guarda la foto restaurada como Retocada58_b.

126

Cmomejorarfotografas?

ACTIVIDAD

6-05

Fotografa publicitaria

En este proyecto debes tomar fotografas con mayor grado de dificultad. Como las imgenes se
usarn para publicidad, debes cuidar todos los detalles, como usar fondos limpios y lisos, evitar
sombras demasiado duras o no deseadas, evitar reflejos, entre otros cuidados. Recuerda que el
objetivo de la foto publicitaria, es persuadir e invitar al consumidor a realizar una compra: debes
transmitirlo en todas tus fotos.
Utiliza iluminacin natural o artificial segn se requiera. Realiza todas las tomas que sean
necesarias, hasta lograr un resultado ptimo y profesional y elegir al final la mejor imagen de
cada uno de los diez objetos de la actividad. Los objetos a fotografiar son:
a. Una fruta o grupo de frutas
b. Un reloj de pulso
c. Un juego de ajedrez
d. Un CD-ROM
e. Una cmara fotogrfica
f. Un juguete
g. Una flor o grupo de flores
h. Una puerta o ventana que sea esttica
i. Un automvil
j. La fachada de una casa
Haz lo necesario para evitar que en elementos que tienen metal o vidrio se vea tu reflejo, el reflejo
de la iluminacin o el de otros objetos. Si la fotografa tiene reflejos o sombras indeseadas, si est
movida, desenfocada o fuera de encuadre, se considera que la imagen es inutilizable y debers
tomar ms, hasta que se logre el objetivo.
1. Guarda en la computadora las mejores fotos y utiliza Photoshop para detallarlas. Puedes
eliminar los fondos para destacar el objeto principal, ajustar brillo o color, aplicar filtros y
efectos.
2. Incluye en cada foto una marca comercial (real o imaginaria) y mensaje publicitario simple,
por ejemplo: Fresas Natura. Del campo a su casa. Utiliza efectos interesantes para el texto,
como texto con la misma textura de la foto, un reflejo en la imagen o cualquier otro.
3. Organiza con el grupo una exposicin y concurso de imagen publicitaria, en el que se premie
a la mejor fotografa y manipulacin digital, para cada uno de los diez objetos.

127

Diseo Digital
Photoshop CS5

Qu aprendiste?
TEMA A: A cmo mejorar tu tcnica para capturar imgenes de alta calidad y expresin, al
emplear los principios de composicin de imagen en tus fotografas.
TEMA B: Cmo aplicar filtros, su organizacin y efectos sobre una imagen.
TEMA C: Corregir defectos en imgenes o modificar imgenes para expresar una idea
especfica.

EVALUACIN

06
1. Explica brevemente para qu se emplean los filtros en Adobe Photoshop:
Los filtros se emplean para limpiar o retocar las fotografas, aplicar efectos especiales que doten a la imagen de la apariencia de un bosquejo o un cuadro
impresionista o bien crear transformaciones exclusivas mediante distorsiones y
efectos de iluminacin.
2. Qu apariencia tiene una fotografa que ha sido sub-expuesta?
Demasiado obscura.
3. Qu es la composicin?
La composicin es la organizacin, seleccin y disposicin de los sujetos dentro
de la fotografa.
4. Describe al menos dos elementos de composicin:
El encuadre: fragmento del campo visual.
El formato: es el tamao y la forma de la superficie de la imagen.

128

Anda mungkin juga menyukai