Diseño Digital Photoshop® CS5.pdf

Diseño Digital Photoshop® CS5

Libro del Alumno

Carlos Zepeda Chehaibar

DISEÑO DIGITAL

Photoshop® CS5 Diseño Editorial:

César Carranza Contreras

Apoyo Editorial:

Sandra A. Rodríguez Romero

Corrección de estilo:

Jennifer P. Castillo Ascencio

Desarrollo de Tutoriales:

Miriam Tatiana Zamora

Dirección de Arte:

Alfredo Salazar de la Vega

Coordinador Ilustración Portada:

Mario Martínez Ramírez

Ilustración de portada:

Nestor Emilio Salazar Cuellar Autor:

Carlos Zepeda Chehaibar

Apoyo en desarrollo y actividades:

Samantha Méndez Domínguez

Apoyo en actualización:

César Carranza Contreras

Coordinación Editorial:

Alejandro Flores Ledesma Impreso por Grupo Art Graph, S.A. de C.V. Av. Peñuelas No. 15-D Colonia San Pedrito Peñuelas Querétaro, Querétaro. C.P. 76148 Impreso en Querétaro, Qro. Mayo 2012 Printed in Mexico

Ilustración de interiores:

Judith Lourdes Sierra Pérez Miriam Tatiana Zamora Gutiérrez César Carranza Contreras

Revisión de Recursos Digitales:

Jeniffer Priscila Castillo Ascencio Gregorio Sánchez Hernández

Fotografía:

Carlos Zepeda Chehaibar

Editado por Grupo Educare S.A. de C.V. Cerro de Mesontepec #83 Colonia Colinas del Cimatario Querétaro, Querétaro C.P. 76090 ISBN 978-607-7642-84-8 Primera Edición

DERECHOS RESERVADOS © 2012 MMXII por Grupo Educare S. A. de C. V. Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproducción total o parcial de esta obra y/o los recursos que la acompañan, por cualquier medio, sin autorización escrita de Grupo Educare S. A. de C. V. Grupo Educare, el logotipo de Grupo Educare, el logotipo del Programa de Informática Educativa, son propiedad de Grupo Educare S. A. de C. V. El diseño editorial y contenidos gráficos 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, imágenes y videogramas utilizados en esta obra se utilizan únicamente con fines didácticos y para la crítica e investigación científica o artística, 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 información, ni infringen derecho de marca alguno, en conformidad al Artículo 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 países. 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 DISEÑO DIGITAL

Producción de imagen digital con Photoshop® Propuesta Pedagógica

I

Unidad 1 Introducción a Photoshop® 9 tema A  Tipos de imágenes 10 Imágenes vectoriales 10 Imágenes de mapa de bits 11 Lámina 1-01 Vectores vs. Mapa de bits

11

B  Digitalización de imágenes 12 Escáner 12 Cámara digital 12 tema C  Obtención de imágenes libres de derechos 13 tema D  Introducción e historia de Adobe® Photoshop® 14 tema

Lámina 1-02 Historia de Adobe 14 Actividad 1-01 Comenzando con Adobe® Photoshop® 15 tema

E  Espacio de trabajo de Photoshop® 16

Video 1-01 Espacio de trabajo de Photoshop® 17

F  Gestión de archivos 18 Creación de un documento Nuevo (New) 18 Abrir archivos (Open) 20 Cerrar y guardar una imagen 21

tema

Video 1-02 Gestión de archivos 23 Actividad 1-02 Adobe® Photoshop® 23 Actividad 1-03 Obtención de imágenes 25 Evaluación 01 26

Unidad 2 Herramientas 27 tema A  Herramientas de Selección 28 Panel Herramientas 28 Herramientas de selección 28 Lámina 2-01 Herramientas de Selección

29

Tolerancia (Tolerance) 30 Video 2-01 Tolerancia Proyecto 2-01 Figuras simples a partir de selecciones

30 30

Selecciones como máscaras

32

Actividad 2-01 ¿Por qué máscaras? Proyecto 2-02 Selecciones

32 33

B  Herramientas de pintura y retoque

34

Lámina 2-02 Herramientas de Pintura y Retoque

34

tema

Color de frente (Foreground) y Color de fondo (Brackground) 36

Contenido Modo máscara rápida

36

Proyecto 2-03 Pintando en Adobe® Phtoshop® 37 Proyecto 2-04 Quitando cables 39 Proyecto 2-05 Quitando imperfecciones y manchas 40 Proyecto 2-06 Pintando pixeles en modo RGB 41 Actividad 2-02 Colores RGB 42 Proyecto 2-07 Jugando con los pixeles en modo CMYK 43 Actividad 2-03 Colores CMYK 44 tema

C  Herramientas de dibujo y texto

45

Proyecto 2-08 Creando texto en Adobe® Photoshop® 26 tema

D  Otras herramientas

Lámina 2-03 Otras herramientas Proyecto 2-09 Corregir la inclinación de una foto

27 27 48

Panel Historia (History) 48 Proyecto 2-10 Separar imágenes Evaluación 02

49 50

Unidad 3 Capas 51 Actividad 3-01 Creando capas manualmente

52

A  Las capas (Layers) 53 Crear y eliminar capas 54 Capa activa 54 La visibilidad de capa 55

tema

Video 3-01 Capas (Layers) 55 Proyecto 3-01 Fusión de imágenes 56

B  Las herramientas del panel Capas Modos de fusión

57 57

Lámina 3-01 Modos de fusión Proyecto 3-02 Coloreando fotografías en Modos de Fusión

59 60

tema

Bloqueo de capas (Lock) 61 Anidad capas (Link Layers) 61 Combinar capas (Merge Layers) 62 Opacidad (Opacity) 62 Relleno (Fill) 62 Video 3-02 Herramientas del Panel Capas Actividad 3-02 Experimentando con capas

62 63

Los estilos de capa (Add a layer style) 64 Video 3-03 Estilo de capa Proyecto 3-03 Estilos de capa Proyecto 3-04 Trabajando con los Modos de Capa tema

65 66 67

C  Transformación de la capa (Transform) 70

Video 3-04 Transformación de capa

71

Contenido Proyecto 3-05 Transformando retratos tema

Proyecto 3-06 Fusión de imágenes para portada de revista Proyecto 3-07 Fusionando dos imágenes con ayuda del pincel tema

Unidad 4 La fotografía tema A  La fotografía Historia de la fotografía Lámina 4-01 Historia de la fotografía Proyecto 4-01 Reflexión Proyecto 4-02 Haciendo un dagerrotipo Proyecto 4-03 Ensayo fotográfico

B  Los géneros fotográficos

Actividad 4-01 Géneros fotográficos Actividad 4-02 Compartiendo sensaciones y emociones tema

74 75

E  Capas de relleno o ajuste (Create new fill or adjustement layer) 76

Video 3-05 Capas de relleno y ajuste Proyecto 3-08 Restaurando una imagen con las capas de ajuste Actividad 3-03 Capas y máscaras Evaluación 03

tema

72

D  Crear Máscara de capa (Add Layer Mask) 73

C  La cámara fotográfica

77 78 79 80

81 82 82 83 83 84 85

86 89 90

91

Proyecto 4-04 Crear una cámara oscura

92

Elementos de la cámara fotográfica

93

Lámina 4-02 Tipos de cámara Actividad 4-03 Conociendo la cámara fotográfica Actividad 4-04 Tu cámara

95 96 98

tema

D  La profundidad de campo

Proyecto 4-05 Fotografía de acercamiento Evaluación 04

100 101 102

Unidad 5 Color 103 tema A  Modos de Color 104 Lámina 5-01 Modos de color

104

B  Los ajustes de la imagen

105

Video 5-01 Los ajustes de la imagen Proyecto 5-01 Mezclando Colores Actividad 5-01 Ajustando fotografías

105 106 107

tema

tema

C  La fotografía en blanco y negro

Proyecto 5-02 Imágenes del pasado tema

D  La fotografía a color

Proyecto 5-03 Corrigiendo los tonos y brillos de una imagen Evaluación 05

108 109

110 111 112

Contenido

Unidad 6 ¿Cómo mejorar fotografías? tema A  Plan de trabajo para sacar una fotografía La iluminación Los planos de la fotografía

113 114 114 115

Lámina 6-01 Planos en la fotografía Proyecto 6-01 Haciendo un estudio fotográfico de producto

115 115

Elementos de composición

116

Lámina 6-02 Elementos de composición Actividad 6-01 Utilizando la composición para fotografía Lámina 6-03 Tips para sacar mejores fotografías

116 116 116

tema

B  Los Filtros de Adobe®Photoshop® 117

Video 6-01 Filtros Proyecto 6-02 Trabajando con Filtros

117 118

Acciones (Actions) 118 Video 6-02 Acciones Proyecto 6-03 Creando Acciones Actividad 6-02 Fotografías de velocidad Actividad 6-03 Fotos de profundidad Actividad 6-04 Actividad sobre exposición Proyecto 6-04 Trabajando con retratos y paisajes tema

C  El retoque fotográfico

Proyecto 6-05 Eliminando ojos rojos Proyecto 6-06 Restaurando fotografías Actividad 6-05 Fotografía publicitaria Evaluación 06

119 119 120 122 122 124

125 125 126 127 128

Recursos

Material Impreso Este material forma parte de un conjunto de recursos que conforman el Programa de Informática Educativa (PIE). Está organizado en bloques integrales que incluyen todo lo necesario para aprender, practicar y evaluar habilidades o competencias. Las explicaciones, imágenes, tablas, actividades, notas y tips, apoyadas con las láminas y tutoriales, permiten integrar la experiencia de aprendizaje desde múltiples perspectivas. Así, podemos afirmar que el PIE de Grupo Educare es la mejor manera de aprender haciendo.

Recursos Digitales Los recursos digitales que acompañan al material impreso, contienen videos que te ayudarán a comprender los conceptos y a poner en práctica las habilidades adquiridas. Adicionalmente encontrarás 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 los conozcas y utilices en el curso.

Explicación Iconográfica Actividad Este icono nos indica un ejercicio que refuerza a la parte teórica de este material.

Proyecto Este icono nos indica un ejercicio que refuerza de manera práctica.

Video Es el material digital de los recursos del programa. La representación en video de la parte teórica.

Lámina de apoyo La lámina es un recurso del profesor, que sirve como refuerzo dinámico e interactivo a un tema denso, que complementa la teoría del material impreso.

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

Nota Las notas que verás dentro de tu texto, puntualizan la teoría o los aspectos más importantes de un tema.

T IP

Tip Es una sugerencia que complementa un tema del material impreso, dando un panorama más amplio al alumno sobre cómo ejecutar una actividad de manera más sencilla y práctica.

Photoshop® fue lanzado al mercado en 1988 por la compañía Adobe®, bajo el nombre de Adobe® Photoshop® 0.63.

Un id ad NIVEL: Básico

01

Introducción a Pho to shop ®

DURACIÓN SUGERIDA: 3 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenderás a: A Definir los conceptos de Imagen Mapa de Bits y Vector al describir sus características. B Describir el flujo de trabajo para digitalizar una imagen. C Registrar diferentes medios para obtener imágenes 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 permitirán crear, abrir, cerrar y guardar un documento.

DISEÑO DIGITAL Photoshop AUTOR: CARLOS ZEPEDA CHEHAIBAR

®

CS5

tema

A  Tipos de imágenes Los programas de diseño gráfico trabajan en general con dos tipos de imágenes: vectoriales y mapa de bits. Comprender sus características y diferencias es indispensable para aprender de manera exitosa el manejo de programas de diseño.

Imágenes vectoriales Un gráfico vectorial se compone de líneas y curvas que tienen propiedades como el color, tamaño o posición. Los vectores son independientes de la resolución, lo que significa que pueden desplegarse a cualquier tamaño manteniendo la misma calidad. Una imagen vectorial (o simplemente vector) es en realidad una función matemática que la computadora calcula cada vez que necesita desplegar la imagen en pantalla. Si haces un acercamiento a una parte de la imagen, la función se calcula nuevamente, de manera que no hay pérdida de información. Cuando se trabaja con imágenes vectoriales se modifican las propiedades de los vectores que forman los objetos o figuras. Este tipo de imágenes son ideales para crear y manipular formas y textos.

Imagen 1-1:  Acercamiento a una imagen vectorial

Imagen 1-2:  Imagen Vectorial

10 DISEÑO DIGITAL

Imágenes de mapa de bits Adobe® Photoshop® trabaja con imágenes de mapa de bits. Los mapas de bits están compuestos por una cuadrícula de pequeños puntos denominados píxeles (que quiere decir picture element o elementos de imagen). Los píxeles están ordenados y coloreados de una forma determinada para definir un patrón. Un píxel sólo puede tener un color. Cuando se trabaja con imágenes de mapa de bits, se modifican los píxeles en lugar de modificar directamente los objetos o las figuras. Este tipo de imágenes son ideales para capturar y manipular fotografías.

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

1-01 LÁM INA

Imagen 1-4:  Imagen de mapa de bits

Vectores vs. Mapa de Bits

Introducción a Photoshop®

11

tema

B  Digitalización de imágenes Digitalizar una imagen, es el proceso mediante el cual la información de luz y color se transforman en información numérica, que puede ser almacenada y manipulada en medios electrónicos digitales, como una computadora. El proceso de digitalización requiere siempre un convertidor analógico digital o DAC, que es el encargado de asignar un valor numérico a cada nivel de luz o color. La digitalización de imágenes se puede realizar por medio de una cámara digital o un escáner. Una vez almacenada, la información digital se puede duplicar, enviar por Internet o manipular en algún programa de edición de fotografías.

Escáner COMPUTADORA INICIO TWAIN SOFTWARE

LA IMAGEN ESCANEADA APARECE EN LA PANTALLA

ESCÁNER CIRCUITO LÓGICO

SENSOR CCD

FUENTE DE LUZ MOTOR

El escáner es un periférico de entrada de la computadora. Para capturar las imágenes, el escáner ilumina la imagen original con una fuente de luz (lámpara o foco) y, mediante espejos, transfiere la luz reflejada hacia un dispositivo sensor denominado CCD. El CCD transforma la luz en señales eléctricas y luego transforma dichas señales eléctricas al formato digital (ceros y unos) con un DAC (Conversor AnalógicoDigital), que manda finalmente la información a la PC.

Imagen 1-5:  Escáner

Cámara Digital PIC-001

Una cámara digital permite tomar fotos que se pueden visualizar, modificar e imprimir utilizando una computadora. La mayoría de las cámaras digitales incluyen una pantalla o visualizador de cristal líquido (Liquid Crystal Display o LCD), que se puede utilizar para tener una vista preliminar antes de tomar la fotografía y/o para ver las imágenes ya capturadas.

PIC-002

PIC-003

PIC-003

Imagen 1-6:  Cámara descargando imágenes

Las cámaras comúnmente incluyen un cable que permite conectar la cámara a un puerto de entrada para transferir las fotografías a la PC. La mayoría de las cámaras tienen una memoria integrada o removible, que almacena fotografías hasta que se les transfiere a una computadora. ¤¤ Memoria incorporada: almacena entre 20 y 60 fotografías, dependiendo del tamaño y calidad. Una vez que está llena se transfiere a la computadora. ¤¤ Memoria removible: almacena fotografías en una tarjeta o incluso en un disquete regular. Se puede reemplazar una tarjeta de memoria cuando esté llena para seguir tomando fotos.

12 DISEÑO DIGITAL

tema

C  Obtención de imágenes 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 económicos, porque suele pensarse que si algo se usa sin fines de lucro, no hay problema. Un autor también 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. Además de las imágenes con Copyright (todos los derechos reservados), están las imágenes con algunos derechos reservados. La Free Software Foundation promovió una iniciativa para crear contenidos digitales de libre atribución y así surgieron las licencias CreativeCommons. Este tipo de licencias se aplican lo mismo a textos, que a música, video o imágenes fijas cuyos autores deciden reservarse sólo algunos derechos. Básicamente se trata de 4 tipos de licencia.

De atribución: Se permite su libre copia y distribución, con la condición de dar crédito al autor original. No comercial: Se permite su libre copia y distribución, únicamente con fines no comerciales. Obras no derivadas: Se permite su libre copia y distribución, pero únicamente de copias exactas, no de obras derivadas en las que se use el original para hacer algo más. Compartir con la misma licencia: Se permite su libre copia y distribución, con la condición de que el trabajo en el que se use, sea compartido con una licencia igual.

Introducción a Photoshop®

13

tema

D  Introducción e historia de Adobe® Photoshop® El programa de Adobe® Photoshop® es una aplicación para manipular y editar imágenes fotográficas y vectoriales, para medios impresos o virtuales. Desde su aparición, el programa ha evolucionado y mejorado sus características y capacidades. Aunque probablemente hay más de 100 programas para edición o manipulación de imágenes, Photoshop ha sido considerado -por muchos años- la aplicación modelo estándar dentro de la rama de las artes gráficas. Hoy en día sigue siendo la aplicación número uno en diseño y se considera la más completa y poderosa. Además de sus capacidades para trabajar con imágenes, 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 diseño para Internet. Adobe Photoshop se creó en 1990 como una aplicación diseñada para trabajar en las computadoras Macintosh®, que durante muchos años fueron consideradas las más adecuadas para el diseño gráfico. Imagen 1-8:  Thomas Knoll

En 1987, Thomas Knoll trabajaba en un código de programación llamado “Display”, que servía para obtener imágenes en escala de grises para adaptárselas 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 imágenes, que Imagen 1-7:  John Knoll después se convertirían en los “filtros o plug-ins”. Estos últimos los estudiaremos más adelante. La aplicación que desarrollaron con su trabajo fue nombrada Photoshop y crearon un manual para su manejo. En 1988 la Compañía Adobe® decide comprar la licencia del programa. Desde ese momento Adobe Photoshop ha posicionado en el mercado 12 ediciones y sigue evolucionando.

1-02 LÁM INA

14 DISEÑO DIGITAL

Historia de Adobe®

A C TIVIDA D

1-01

Comenzando con Adobe® Photoshop®

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

2. ¿En qué año se creó Photoshop?

3. ¿Quiénes fueron los creadores de Photoshop?

4. ¿Cuántas y cuáles son las ediciones que Photoshop ha sacado al mercado?

5. ¿En qué año Photoshop es adquirido por Adobe?

6. Describe qué es la digitalización de una imagen:

7. ¿Qué es un mapa de bits?

Introducción a Photoshop®

15

tema

E  Espacio de trabajo de Photoshop® Al iniciar Adobe® Photoshop® verás el espacio de trabajo. Los elementos que lo componen son los siguientes: 1

2

3

Imagen 1-9:  Espacio de Trabajo de Photoshop

5

16 DISEÑO DIGITAL

4

6

1. Barra Aplicación. En ella encuentras el nombre de la aplicación, así como los botones de minimizar, restaurar y cerrar. 2. Barra de menús. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa. 3. Panel de control. Permite establecer los parámetros de las herramientas o el objeto seleccionado. 4. Barra de estado. Esta barra nos proporciona información 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 distribución de fábrica usando el menú Window/Workspace/Essentials (Ventana/ Espacio de trabajo/Aspectos Esenciales).

1-01 VIDEO

Espacio de trabajo de Photoshop®

Introducción a Photoshop®

17

tema

F  Gestión de Archivos Creación de un documento Nuevo (New) Para crear un nuevo documento utiliza el menú File/New (Archivo/Nuevo) o la combinación de teclas .

Imagen 1-11:  Menú Archivo>Nuevo

Aparecerá una ventana como la siguiente: 2

1

3 4 5 6

7

Imagen 1-10:  Ventana Nuevo.

8

18 DISEÑO DIGITAL

1. Name (Nombre): En este campo nombrarás tu documento. 2. Preset (Formato del documento): El formato que elijas depende del tamaño y la forma del documento que quieras crear. Los formatos más comunes son carta, oficio y doble carta. 3. Width (Ancho del documento): Puedes definir el ancho de tu documento en centímetros, milímetros, pulgadas, puntos (unidad utilizada en tipografía que equivale a 1⁄72 de pulgada), picas (equivale a 12 puntos) y columnas (equivale al número de caracteres en una línea). 4. Height (Altura del documento): Puedes definir la altura del documento en centímetros, milímetros, pulgadas, puntos, picas y columnas. 5. Resolution (Resolución del documento): La resolución de una imagen nos permite conocer la cantidad de píxeles que podemos encontrar en ella. La resolución se define como el número de píxeles que hay en una pulgada, por eso se expresa en puntos por pulgada o dots per inch (dpi). Si una imagen tiene una resolución alta (mayor densidad de píxeles), será de mejor calidad debido a que se produce más detalle y la transición de color es más suave. 6. Color Mode (Modo de Color): Existen 5 modos de color. ¤¤ RGB Color -Red, Green & Blue- (RGB Rojo, Verde & Azul): Se utiliza para imágenes que sólo se verán en pantalla. ¤¤ CMYK Color -Cyan, Magenta, Yellow & Black- (CMYK Azul turqueza, Magenta, Amarill & Negro): Se usa para imágenes que se destinarán a impresión. ¤¤ Grayscale (Escala de grises): Se usa para imágenes 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 imágenes 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 más adelante. 8. Advanced (Opciones Avanzadas): Por el momento te recomiendo no cambiar ninguna de estas opciones. Podrás estudiar detalles más 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 línea guía, que puedes mostrar u ocultar utilizando el menú View/Rulers (Ver/Reglas) o las teclas .

Introducción a Photoshop®

19

Abrir archivos (Open) Las imágenes se abren y se importan en varios formatos de archivo. Los formatos disponibles aparecen en el cuadro de diálogo Open (Abrir). Para abrir un archivo: 1. Selecciona el menú File/Open (Archivo/Abrir) o el comando .

Imagen 1-12:  Menú Archivo>Abrir

2. Selecciona el archivo que quieres abrir. Si el tipo de archivo no aparece, puedes seleccionar la opción All Formats (Mostrar todos los archivos) en el menú emergente. 3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de diálogo que permite configurar opciones específicas del formato.

Imagen 1-13:  Ventana Abrir

20 DISEÑO DIGITAL

Puedes importar imágenes al programa desde: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

Una cámara digital Un banco de imágenes Escaneos de fotografías, transparencias, negativos, gráficos, entre otros Captura de imágenes 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 combinación de teclas . 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 información si el programa o el equipo fallan inesperadamente. Para guardar usa el menú File/Save (Archivo/Guardar) o .

Imagen 1-14:  Menú Archivo>Guardar

Introducción a Photoshop®

21

Estos son los formatos de archivo más utilizados para guardar mapas de bits en Adobe Photoshop. Formato

Función

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 imá-genes vectoriales y mapas de bits.

Este archivo se abre con Adobe® Acrobat® Reader® y se modifica el tamaño del documento.

Formato muy eficiente. Acepta alta resolución de color y tiene una excelente compresión con alta calidad de imagen. Muy usado para publicar en Web.

Dependiendo de la compresión, siempre hay pérdidas de color (calidad) en la imagen.

TIFF

Formato que crea archivos de imagen de alta calidad, normalmente destinados para impresión.

Los archivos son muy pesados.

BMP

Es el formato estándar de Windows®. Acepta alta densidad de color.

No maneja compresión, por lo que las imágenes BMP son muy pesadas. No es recomendable para Web debido a su peso.

PNG

Este formato produce transparen-cias de fondo sin bordes irregulares y soporta los modos de color.

Existen pérdidas en el color de la imagen.

JPEG o JPG

T IP

22 DISEÑO DIGITAL

Desventaja

Es recomendable trabajar siempre con un archivo maestro en formato PSD o PDD y sólo guardar en otro formato cuando el trabajo de manipulación esté terminado. Elige el formato más adecuado para cada necesidad que se te presente.

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

1-02 VIDEO

Gestión de archivos

A C T IVIDA D

1-02

Adobe® Photoshop®

1. ¿Cuáles son los 6 principales elementos que conforman la pantalla de trabajo de Adobe Photoshop? Explica la función de cada uno de ellos.

Introducción a Photoshop®

23

2. ¿Qué es y para qué sirve conocer la resolución de una imagen?

3. ¿Qué resolución es recomendable para visualizar imágenes en pantalla? ¿Por qué no conviene usar la máxima resolución?

4. ¿Qué resolución es óptima para la impresión de imágenes?

5. ¿Cuáles son los Modos de Color? Explica la aplicación de cada uno de ellos.

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

24 DISEÑO DIGITAL

A C TIVIDA D

1-03

Obtención de imágenes

1. Investiga en la página www.creativecommons.org qué tipos de licencia existen. Descríbelas indicando qué logotipo las representa y cuáles son las combinaciones de licencia posibles.

2. Busca en la misma página ejemplos (fotografías o ilustraciones) de los siguientes archivos de imagen: bmp, jpeg, gif, gif animado y png. Crea con ellos una biblioteca de imágenes. 3. Investiga en internet cómo funciona una cámara digital y copia en este espacio los gráficos y partes que muestran el proceso:

Introducción a Photoshop®

25

¿Qué aprendiste? TEMA A: A definir los conceptos de imagen, mapa de bits y vector. TEMA B: A reconocer al escáner y la cámara como elementos para digitalizar imágenes. TEMA C: A localizar imágenes con licencias creative commons e identificar el tipo de licencia por su iconografía, 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 orígines de la aplicación. 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®.

EVALUACIÓN

01 1. Menciona 3 orígenes desde donde puedes importar imágenes a Adobe® Photoshop®.

2. ¿Qué es fondo de documento?

3. ¿Qué es un vector?

26 DISEÑO DIGITAL

En la versión CS5, con las Herramientas preestablecidas, puedes guardar y volver a utilizar los ajustes de herramientas. Puedes cargar, editar y crear bibliotecas de herramientas preestablecidas, mediante el Selector de herramientas preestablecidas de la barra de Opciones, el panel Herramientas preestablecidas y el Gestor de ajustes preestablecidos.

Un id ad NIVEL: Básico

02

Her ra m ientas

DURACIÓN SUGERIDA: 9 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenderás a: A Identificar el panel Herramientas de Adobe® Photoshop®, herramientas de selección, su función y empleo. Comprender el concepto de Tolerancia y aplicar máscaras a partir de una selección. 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 creación y edición de texto, así como para la realización de trazos vectoriales. D Emplear otras herramientas que son de uso frecuente y mediante su uso realizarás tareas de manera eficiente y sencilla.

DISEÑO DIGITAL Photoshop AUTOR: CARLOS ZEPEDA CHEHAIBAR

®

CS5

tema

A  Herramientas de Selección Panel Herramientas Este panel agrupa las herramientas que te ayudarán a realizar tus actividades dentro del programa. Las herramientas de Photoshop® están comúnmente agrupadas en el lado izquierdo de la ventana de aplicación. Aunque el panel Herramientas se puede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla. Las herramientas están representadas por íconos. Hay algunas herramientas que incluyen un menú lateral que se identifica por un pequeño triángulo de color negro en la esquina inferior derecha del botón de la herramienta. Para desplegar ese menú debes mantener un clic sostenido sobre el botón de la herramienta. Las herramientas se pueden adaptar a las necesidades de cada trabajo por medio del panel de control, que comúnmente 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 parámetros para cada herramienta que se seleccione en el panel Herramientas. Siempre que tomes una herramienta, da un vistazo rápido a las opciones y ajusta lo que sea necesario. Las herramientas se clasifican en grupos de acuerdo a la función que desempeñan dentro de la aplicación. El uso detallado de las herramientas se ve en las actividades. Imagen 2-1:  Panel Herramientas

Herramientas de selección Las herramientas de selección no modifican los píxeles sobre los cuales se aplican. Similarmente, como ocurre cuando seleccionas un texto en el procesador de palabras, las selecciones sólo se usan para elegir aquellas zonas que se quieren modificar. Si hay una selección en la imagen, las acciones que se realizan sólo tienen efecto sobre los pixeles seleccionados. En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten el mismo botón (botones con triángulo 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 botón.

28 DISEÑO DIGITAL

Herramientas de Selección Marco rectangular

Rectangular Marquee Tool Marco elíptico

Elliptical Marquee Tool

Atajo





Marco columna única Marco fila única

Lazo

Lasso Tool Lazo poligonal

Polygonal Lasso Tool

Lazo magnético

Magnetic Lasso Tool

Selección rápida

Quick Selection Tool

Varita mágica

Magic Wand Tool

Dibuja un borde de selección cuadrado o rectangular. Permite hacer selecciones circulares o elípticas.

Permite hacer la selección de una columna de un píxel de grosor.

Single Row Marquee Tool Move Tool

Imagen

Permite hacer la selección de una fila de un píxel de grosor

Single Column Marquee Tool

Herramienta Mover

Función



Permite cortar y arrastrar una selección de píxeles a otra ubicación.



Permite seleccionar libremente áreas de la imagen.



Marca los puntos por donde pasará la selección.



Hace la selección a mano alzada en fusión a la configuración que se haya ajustado en la barra de opciones. La línea de selección será la intersección de dos colores dependiendo del contraste de sus bordes.



Permite marcar rápidamente una selección mediante una punta de pincel redonda



Selecciona pixeles que se encuentran dentro de un rango de color parecido al pixel escogido.

2-01 LÁM INA

Herramientas de Selección

Herramientas 29

Tolerancia (Tolerance) Algunas herramientas, como Magic Wand (Varita Mágica) o Paint Bucket (Cubeta de Pintura), tienen una opción llamada Tolerance (Tolerancia). Estas herramientas analizan el color de los píxeles alrededor de aquél sobre el que se aplica la herramienta. Si el color de los píxeles contiguos es similar, la acción de la herramienta se extiende a ellos. Si el color de los píxeles contiguos es diferente, la acción no los afecta. La Tolerancia determina qué tan similares deben ser los píxeles contiguos para ser afectados por la herramienta. Si hay poca tolerancia (cerca de 0%), los píxeles deben ser mucho más parecidos para ser afectados. Si la herramienta es muy tolerante (cerca del 100%), casi no importa si los píxeles se parecen o no a los contiguos para ser afectados. La Tolerancia estándar de la varita mágica y la cubeta de pintura es de 32%. Este es un valor que en la mayoría de los casos da buenos resultados.

2-01 VIDEO

Tolerancia

P RO Y EC T O

2-01

Figuras simples a partir de selecciones

1. Abre un documento nuevo en Photoshop®. En el cuadro de diálogo que aparece al crear el documento utiliza los siguientes parámetros: Name (Nombre): Cuadrado Preset (Formato de documento): Custom Width (Ancho): 200 pixels Height (Alto): 200 pixels Resolution (Resolución): 150 pixels/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 Píxel): Square (Cuadrado)

30 DISEÑO DIGITAL

2. Elige la herramienta Rectangular Marquee (Selección Rectangular) y crea con ella un cuadrado dentro de los límites del documento. Ya que sólo estás haciendo una selección, puedes intentar las veces que quieras. Procura que la selección sea aproximadamente de un

cuarto del tamaño 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 selección rellenando el cuadrado de color sólido. ¤¤ Utiliza el menú Edit/Fill (Editar/Rellenar). Aparecerá un cuadro de diálogo donde pondrás 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 selección crea un nuevo rectángulo en tu documento. No importa si queda encima del anterior. 5. Rellena el segundo rectángulo 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 selección, para crearle un borde o perímetro a la figura utiliza el menú Edit/ Stroke (Edición/Contorno). Aparecerá un cuadro de diálogo en donde pondrás los siguientes valores: Width (Ancho): 2 pixels Color (Color): Negro Location (Ubicación): Outside (Afuera) Mode (Modo): Normal Opacity (Opacidad): 100% 7. Da Ok para ver el resultado. Quizás la selección no te deje ver el contorno, por lo que debes eliminarla usando el menú Select/Deselect (Selección/Quitar Selección) o la combinación de teclas . 8. Ahora guarda el archivo en la ubicación que indique tu profesor, utilizando menú File/Save (Archivo/Guardar) o las teclas . Utiliza para el archivo el nombre Cuadrado con el formato PSD.

Herramientas

31

Selecciones como máscaras En los programas profesionales de diseño gráfico se utiliza mucho el término máscara (mask). Este nombre se ha heredado de las antiguas técnicas de trabajo con papel o película fotográfica. En muchas ocasiones un artista tenía la necesidad de trabajar sólo con una pequeña parte de una imagen. Para no correr el riesgo de dañar otras zonas de la imagen, el artista creaba una máscara, que consistía en un lienzo que se colocaba sobre todo el documento y que tenía sólo un orificio a través del cual se podía retocar lo necesario. Hoy en día las personas todavía usan máscaras de este tipo para restaurar obras de arte de la antigüedad, trabajar con fotografías e incluso se usan en procedimientos médicos para enfocarse a una zona específica de trabajo, mientras se protege el todo. Una selección es una forma de crear una máscara.

A C T IVIDA D

2-01

¿Por qué máscaras?

Reflexiona de forma individual o por equipos y contesta las siguientes preguntas: 1. Describe una situación real, diferente a las que se han ejemplificado aquí, en que puede ser útil usar una máscara. Redacta los detalles de su uso.

2. ¿Por qué decimos que una selección es una forma de crear una máscara?

3. ¿Qué otro significado tiene la palabra máscara? ¿Por qué se le llama así a esta técnica de trabajo?

32 DISEÑO DIGITAL

P RO Y ECT O

2-02

Selecciones

1. En un nuevo documento de 600 X 600 pixels, crea un rectángulo, un óvalo, un círculo y un triángulo, utilizando las herramientas de selección. Rellena cada figura con diferentes texturas y colores. 2. Prueba las siguientes técnicas para trabajar con selecciones: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

Puedes quitar una selección usando las teclas . Si ya existe una selección, ésta desaparece cuando se inicia una nueva selección. Si ya existe una selección, puedes agregar más presionando la tecla . Si ya existe una selección, puedes quitar presionando la tecla . Si presionas la tecla mientras creas una selección cuadrada o circular, se forma un cuadrado o un círculo perfecto, respectivamente. Sólo funciona si no hay ninguna selección previa. ¤¤ Si presionas la tecla mientras dibujas la selección, el punto en donde hagas el primer clic será el centro de la figura. Sólo funciona si no hay ninguna selección previa. ¤¤ Puedes presionar al mismo tiempo las teclas , para crear una figura perfecta a partir de su centro. Sólo funciona si no hay ninguna selección previa. ¤¤ Para deshacer una acción pulsa las teclas , pero si necesitas regresar dos o más acciones atrás, es necesario presionar . 3. En un nuevo documento crea las siguientes figuras utilizando la combinación de las técnicas anteriores, rellénalas con diferentes colores o texturas y aplícales distintos contornos. En este caso las figuras no deben empalmarse unas con otras. ¤¤ ¤¤ ¤¤ ¤¤

na dona (círculo 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.

Herramientas

33

tema

B  Herramientas de pintura y retoque A diferencia de las herramientas de selección, las herramientas de pintura sí modifican los píxeles sobre los cuales se aplican, cambiando su color y apariencia. Se utilizan tanto para crear, como para modificar imágenes. En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten el mismo botón (botones con triángulo 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 botón. Herramientas de Pintura Pincel

Brush Tool Lápiz

Pencil Tool Sustitución de color

Color Replacement Tool Pincel Mezclador

Mixer Brush Pincel de historia

History Brush Tool Pincel histórico

Art History Tool Degradado

Gradient Tool Bote de pintura

Paint Bucket Tool

Atajo

Función



Añade pintura a la imagen con trazos suaves o intensos y puede simular las técnicas de pintura con aerógrafo.



Dibuja líneas o contornos irregulares.



Cambia un color por otro.



Realiza trazos con brochas mas realistas.



Permite restaurar una imagen a su estado original después de haber sido modificada.



Pinta con trazos estilizados basados en algún estado del panel Historia.



Rellena parte de una imagen con una fusión de colores, la cual puede modificarse tanto en orientación como suavidad.



Rellena áreas de color similares con el color frontal.

2-02 LÁM INA

34 DISEÑO DIGITAL

Herramientas de Pintura y Retoque

Imagen

Herramientas de Retoque Pincel corrector puntual

Spot Healing Brush Tool Pincel corrector

Healing Brush Tool Parche

Patch Tool Pincel de ojos rojos

Red Eye Tampón de clonar

Clone Stamp Tampón de motivo

Pattern Stamp Borrador

Eraser Tool Borrador de fondos

Background eraser tool Borrador mágico

Magic Eraser Tool

Atajo

Elimina rápidamente las imperfecciones de las fotografías.



Pinta con una muestra o motivo para reparar las imperfecciones de una imagen.



Repara las imperfecciones del área seleccionada en una imagen utilizando una muestra o un motivo.



Repara los ojos rojos de las fotos y los reflejos verdes de los animales, que produce el flash.



Clona o copia una parte de la imagen.



Pinta tomando una parte de la imagen como motivo.



Borra partes de una imagen.



Borra el área del fondo.



Borra las áreas que contienen colores uniformes. Distorsiona el foco de alguna parte de la imagen.

Blur Tool Enfocar (+)

Da más nitidez a la imagen y aumenta el contraste de color.

Sharpen Tool Dedo (+)

Diluye los colores.

Smudge Tool Dodge Tool Subexponer

Burn Tool Esponja

Sponge Tool

Imagen



Desenfocar (+)

Sobreexponer

Función



Aclara la imagen.



Oscurece la imagen.



Satura o desatura reduciendo el nivel de gris.

Herramientas

35

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 podrás escoger de la paleta de colores el que tú quieras. Para intercambiar los colores de frente y de fondo, haz clic sobre el ícono de doble flecha. Así haces que el color que se encontraba en el recuadro del fondo pase al frente como color de trabajo.

Modo máscara rápida Para utilizar este modo, se crea una selección y activa el botón Edit in Quick Mask (Editar máscara rápida). Para modificar la máscara se emplea la herramienta Paint Brush (Pincel). Al salir, las áreas no protegidas por la máscara se convierten en una selección. También se puede crear la máscara directamente en el modo Máscara rápida. Modos de edición Editar en Modo Standard

Edit in Standard Mode

Atajo

Los contornos de selección son líneas punteadas.



En este modo se pueden modificar los contornos de selección con ayuda de las herramientas de pintura.

Editar en Máscara Rápida

Edit in Quick Mask Mode

36 DISEÑO DIGITAL

Función

Imagen

P RO Y ECT O

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 , para magnificar la imagen y que puedas ver los detalles de la selección. 4. Toma del panel Herramientas, la herramienta Magic Wand (Varita Mágica) y con ella selecciona la cabeza y la trenza derecha de la muñeca. Recuerda que puedes modificar la tolerancia de la herramienta si es necesario, con el objetivo de seleccionar con mayor exactitud. También puedes usar las teclas o para aumentar o quitar áreas a la selección. 5. Toma la herramienta Paint Bucket (Cubeta de pintura) y úsala para rellenar las zonas seleccionadas. Quita la selección de las áreas que acabas de colorear. 6. De forma similar, utiliza herramientas de selección 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 difícil seleccionarla con la herramienta Magic Wand (Varita Mágica) porque hay una zona donde la línea está incompleta. Elige la herramienta Pencil (Lápiz), 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 (Lápiz) para completar las áreas en donde quedó inconclusa la línea. 9. Ahora sí puedes seleccionar con la Magic Wand (Varita Mágica) y aplicar color a la trenza que falta. Utiliza el mismo color que usaste para el resto del cabello de la muñeca. 10. Selecciona el plato del pastel con la herramienta Magic Wand (Varita Mágica). 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 botón que la herramienta Paint Bucket (Cubeta de pintura).

Herramientas

37

11. En el panel de opciones de la herramienta utiliza el menú colgante de Gradient Editor (Edición de degradado) y elige el Gradient (Degradado), Foreground to Transparent (Color frontal a transparente). Elige también 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. Verás que el cursor forma una línea 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 opción Orange/Yellow/Orange (Naranja/Amarillo/Naranja). 14. Quita cualquier selección 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 parámetros: ¤¤ B rush (Brocha): 65 px. ¤¤ Range (Rango): Midtones (Medios tonos). ¤¤ Exposure (Exposición): 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 harás algo similar para pintar sombras. Cambia el Foreground Color (Color frontal) a negro y selecciona la herramienta de Burn (Subexposición). 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 muñeca, 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 DISEÑO DIGITAL

P RO Y ECT O

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 fotografía. 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 para agrandar el área en la que vas a trabajar. Para mover el área de trabajo utiliza la herramienta Hand (Mano), oprimiendo o . 3. Selecciona la herramienta Stamp Clone (Tampón de clonación) o presiona la tecla del panel Herramientas. 4. En el panel de control de la herramienta establece los siguientes parámetros: ¤¤ ¤¤ ¤¤ ¤¤

Brush (Tamaño de la brocha): 12 px. Mode (Modo): Normal. Opacity (Opacidad): 100%. Flow (Corriente): 100%.

5. Ahora decide cuál será el punto de referencia en la imagen. Se trata de un punto que se pretende clonar y que está próximo a la zona a corregir. En este caso el punto de referencia ideal es una zona del cielo donde no haya cables. 6. Mantén presionada la tecla 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. También puedes jugar con el tamaño de la brocha para adaptarla a las necesidades del elemento sobre el que hay que pintar. 7. Cuando termines de corregir la fotografía, guárdala con el nombre Sincables en la carpeta de trabajo.

Herramientas 39

P RO Y EC T O

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 rápidamente el zoom presiona las teclas y para alejar usa . 3. Selecciona la herramienta Spot Healing (Pincel corrector) del panel herramientas. En el panel de control de la herramienta selecciona una brocha de 19 píxeles de diámetro. 4. Con esta herramienta, toma una muestra y haz clic en las manchas que tenga la fotografía para hacerlas desaparecer. Si la mancha es más grande o más chica que el pincel, podemos modificar el diámetro de la herramienta en el panel de control. Lo ideal es que el pincel sea del mismo tamaño que la mancha que se quiere corregir. 5. Recuerda que si cometes un error, puedes presionar para deshacer la última acción. Para deshacer varias acciones puedes usar el panel Historia (History) o la combinación del teclado .

NOTA La herramienta Spot Healing Brush (Pincel corrector) es muy fácil de usar y configurar. Tiene dos tipos de operación, que en Photoshop se llaman Options types y se especifican en el panel de control de la herramienta. Los tipos de operación determinan la forma en que la herramienta elimina las manchas y raspaduras. a. Proximity match (Ajusta a Entorno): utiliza los píxeles alrededor de la selección para corregir la mancha. b. Create Texture (Crear textura): utiliza los píxeles de la selección para hacer la corrección. Cuando tengas que hacer alguna corrección con esta herramienta, prueba ambos tipos de operación para decidir cuál te funciona mejor.

40 DISEÑO DIGITAL

P RO Y ECT O

2-06

Pintando pixeles en modo RGB

1. Crea un documento nuevo de un pixel por un pixel (1 X 1) y fondo transparente. Este es el documento más pequeño que se puede crear en Photoshop. Como sólo trabajaremos en pantalla, puedes usar una resolución de 72 dpi. Utiliza el modo de color RGB de 8 bits. 2. Haz un Zoom para ampliar el área de trabajo al máximo posible, que es al 3200%. 3. Selecciona como Foreground Color (Color de frente) algún tono de naranja. 4. Observa la Paleta Color. El color naranja, como todos los colores, se puede descomponer en 3 tres valores RGB, que son el nivel de Rojo, Verde y Azul. Si modificas los valores RGB directamente en la paleta Color, verás cómo cambia el Foreground Color (Color de frente) en el panel Herramientas. 5. Mueve los valores RGB para obtener un color naranja intenso. Una opción puede ser R=250, G=140, B=30. 6. Con la herramienta Paint Bucket (Bote de pintura) , rellena de color naranja el único píxel del área de trabajo. 7. Ahora crea otro documento nuevo RGB Color, de 2 X 2 píxeles. 8. Haz un Zoom para ampliar el área de trabajo al máximo posible, que es al 1600%. 9. Toma la herramienta Pencil (Lápiz) y en el panel de control cambia el diámetro de la herramienta a 1 px. 10. Pinta cada uno de los 4 píxeles 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

Herramientas

41

A C T IVIDA D

2-02

Colores RGB

Contesta las siguientes preguntas a manera de conclusiones: 1. ¿Es posible que un mismo píxel tenga más de un color? ¿Por qué?

2. ¿Cuáles son los colores que combinados en diferentes niveles, pueden formar cualquier otro color en modo RGB?

3. ¿Cuál es el valor numérico máximo que puede tomar alguna de las componentes de color RGB? (Ayuda: este valor equivale al número binario 11111111)

4. Investiga usando Photoshop, cuál es el color resultante de combinar los siguientes valores: Valor R

Valor G

Valor B

255

255

0

0

255

255

255

0

255

255

80

80

255

0

0

100

100

100

180

180

180

20

20

20

Color Resultante

5. Ahora sin usar el programa contesta: ¿Qué valores RGB forman el color negro?

6. ¿Qué valores forman el color blanco?

42 DISEÑO DIGITAL

P RO Y ECT O

2-07

Jugando con los pixeles en modo CMYK

El modo RGB se utiliza principalmente cuando se trabaja con imágenes destinadas a verse en pantalla. Pero en impresión es más común utilizar el modo CMYK. El principio de combinación 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 impresión 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 píxeles y fondo transparente. Utiliza el modo de color CMYK de 8 bits. 2. Haz un Zoom para ampliar el área de trabajo al máximo posible, que es al 3200%. 3. Observa que en la esquina superior derecha de la paleta Color, hay una pequeña flecha que despliega un menú lateral. Activa ese menú y selecciona la opción CMYK Sliders (Deslizador CMYK). Esto permitirá modificar los valores CMYK en vez de los valores RGB. 4. Utiliza la herramienta Pencil (Lápiz), con un diámetro de 1 píxel, para dar color diferente a cada uno de los 9 píxeles 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

Herramientas

43

A C T IVIDA D

2-03

Colores CMYK

Contesta las siguientes preguntas a manera de conclusiones: 1. ¿Cuáles son los colores de tinta que combinados en diferentes niveles, pueden formar cualquier otro color?

2. ¿Cuál es el valor numérico máximo que puede tomar alguno de las componentes de color CMYK? (Ayuda: este valor equivale al 100%)

3. Investiga usando Photoshop, cuál es el color resultante de combinar los siguientes valores: Valor C

Valor M

Valor Y

Valor K

100

100

0

0

0

100

100

0

0

0

100

100

100

0

0

100

80

80

80

0

80

80

80

80

0

0

0

20

0

0

100

0

100

0

0

0

Color Resultante

5. Ahora sin usar el programa contesta: En el modo CMYK hay varias formas de obtener el color negro. ¿Cuál será la combinación más económica para una imprenta?

6. ¿Qué valores forman el color blanco? 

44 DISEÑO DIGITAL

tema

C  Herramientas de dibujo y texto Las herramientas de dibujo y texto se utilizan para crear y modificar líneas, 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 edición. 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

Crea líneas y curvas bien definidas.



Crea líneas a mano alzada.

Añadir punto de ancla Eliminar Punto de Ancla

Quitar un punto de ancla.

Delete Anchor Point Convertir Punto de Ancla

Transforma un punto de ancla rectilíneo en uno curvo y viceversa.

Convert Point Horizontal Type Tool Texto Vertical

Vertical Type Tool Máscara de Texto horizontal

Horizntal Type Mask Tool Máscara de Texto Vertical

Vertical Type Mask Tool Selección de Trazado

Path Selection Tool Selección Directa

Direct Selection Tool Herramienta de formas personalizadas

Rectangular, Elipse, Polygon y

Imagen

Agrega un punto de ancla.

Add Anchor Point

Texto horizontal

Función



Sirve para crear y editar texto horizontal sobre las imágenes.



Sirve para crear y editar texto vertical sobre las imágenes.



El texto horizontal que se escribe aparecerá como selección.



El texto vertical que se escribe aparecerá como selección.



Permite seleccionar líneas o figuras creadas con las herramientas de dibujo y texto.



Permite seleccionar los vértices de las formas.



Dibuja figuras geométricas.

otras…

Herramientas

45

P RO Y EC T O

2-08

Creando texto en Adobe® Photoshop®

1. Crea un nuevo documento de 550 X 60 píxeles modo RGB color. 2. Selecciona la herramienta Text (Texto) y escribe tu nombre sobre el documento. Si es necesario, puedes cambiar la fuente, color y tamaño del texto usando la 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, seleccionándolo 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 Mágica) y selecciona todas las letras del texto. Recuerda que puedes usar la tecla para crear varias selecciones a la vez. 4. Utiliza la herramienta Gradient (Degradado), para aplicar a la selección un relleno interesante de colores degradados y guarda el archivo con el nombre Texto01 en tu carpteta de trabajo. 5. Ahora abre de tu carpeta de trabajo el archivo Textura.psd. 6. Toma la herramienta Horizontal Type Mask (Máscara de texto horizontal) y escribe tu nombre sobre el documento, de manera que ocupes casi toda el área. Notarás que mientras escribes parece que el documento cambia de color y las letras que introduces se ven más claras. Lo que estás creando es en realidad una selección o máscara. 7. Una vez ingresado el texto, toma la herramienta Rectangular Marquee (Selección rectangular) . Verás claramente el texto como una selección en el documento. 8. Invierte la selección usando del menú Select/Inverse (Selección/Invertir) o las teclas . Ahora lo que está seleccionado es todo lo que está alrededor del texto. 9. Elimina todo lo seleccionado con la tecla o cortándolo con y quita la selección con para ver el resultado de tu trabajo. 10. Guarda el documento con el nombre Texto02 en tu carpeta de trabajo.

46 DISEÑO DIGITAL

tema

D  Otras herramientas Adicionalmente, el panel Herramientas de Photoshop® tiene otros botones. En este punto no estudiaremos todos, pero describimos a continuación los más utilizados. Herramientas de Navegación Mano

Hand Tool Rotar Vista

Rotate View Zoom

Zoom

Atajo

Mueve la ventana en la aplicación.



Rota el documento sin transformar la imagen.



Acerca o aleja la vista de una imagen.

Herramientas para cortar Atajo y crear sectores Recortar

Crop Tool Sector

Slice Tool Seleccionar sector

Slice Select Tool Herramientas de medición y notas Cuentagotas

Eyedrooper Tool Muestra de Color

Color Sampler Tool Regla

Ruler Tool Notas

Note Tool

Función

Función



Elimina la parte de la imagen que queda fuera del área rectangular.



Se utilizan para dividir imágenes en áreas funcionales.



Selecciona los sectores.

Atajo

Función



Obtiene una muestra de color de cualquier píxel.



Muestra los valores de color de hasta cuatro áreas.



Mide distancias, ubicaciones y ángulos.



Crea notas que se pueden incluir en la imagen.

Imagen

Imagen

Imagen

2-03 LÁM INA

Otras herramientas

Herramientas

47

P RO Y EC T O

2-09

Corregir la inclinación de una foto

1. Abre la imagen Paisaje.psd que está en los Recursos Digitales. 2. Toma la herramienta Measure (Medición) del panel Herramientas. 3. Utiliza la herramienta para trazar una línea a lo largo del horizonte, de lado a lado de la fotografía. 4. Una vez hecha la medición, elige del menú Image/Image Rotation/Arbitrary (Imagen/Rotar Imagen/Arbitrario). En el ángulo de corrección introduce el valor 25. Verás que la línea del horizonte se corrige. 5. Ahora sólo hay que recortar las áreas sobrantes de la imagen. Utiliza la herramienta Crop (Corte) 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 para hacer el recorte. 6. Guarda el archivo con el nombre Inclinacion.psd en la ubicación acostumbrada.

Panel Historia (History) En el panel Historia se muestran en orden cronológico las acciones realizadas sobre la imagen en forma de estados, permitiéndonos deshacer o rehacer estas acciones. Cuando existen más de 20 estados, se van borrando automáticamente los más antiguos. Si no se encuentra visible, puedes mostrar este panel con menú Windows/History (Ventana/Historia).

Imagen 2-2:  Panel Historia

48 DISEÑO DIGITAL

El panel incluye un menú colgante que se puede abrir haciendo clic en la pequeña flecha que se encuentra en la esquina superior derecha del panel. En este menú encontrarás los siguientes comandos: ¤¤ Undo (Deshacer) : Este comando solamente deshace la última acción. ¤¤ Step Backward (Paso atrás) : Retrocede un estado. ¤¤ Step Foward (Paso adelante) : Rehace una a una las acciones guardadas en el historial. ¤¤ New Snapshot (Crear instantánea nueva): Crea un estado fijo que se almacenará en la parte superior de la ventana, permitiéndonos volver a él en cualquier momento. ¤¤ New Document (Crear un documento nuevo desde el estado actual): Genera un nuevo documento a partir de una instantánea o del estado en que se encuentra la imagen.

P RO Y ECT O

2-10

Separar imágenes

1. Abre la imagen Naranjas.psd que está en los Recursos Digitales. 2. Cambia a los selectores de color predeterminados usando la tecla . Observa que los colores de frente y fondo han cambiado a negro y blanco. 3. Selecciona el botón Edit in Quick Mask (Editar en Máscara Rápida), que se encuentra debajo de los Selectores de color en el panel Herramientas o presiona la letra . 4. Toma la herramienta Brush (Pincel). Cuando pintas con negro en el modo de máscara, se va creando una selección. Si deseas reducir la selección, 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 Estándar) y observa la selección que se ha creado. 6. Utiliza Eraser (Borrador) , con un gran diámetro para borrar todo el fondo alrededor de las naranjas. La selección evitará que invadas el área sobre la que pintaste la máscara. 7. Guarda tu imagen con el nombre Mask.psd en tu carpeta de trabajo.

Herramientas 49

¿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 selección y bote de pintura, emplear las herramientas de selección para establecer máscaras en tus proyectos. TEMA B: Cuáles son los las herramientas de pintura y retoque, aplicando retoques fotográficos en varios proyectos, también 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 geométricas y manipulaste las herramientas que ofrece Adobe® Photoshop® para su edición, también aprendiste a usar las herramientas de creación y edición de texto y elaboraste máscaras a partir de la introducción de texto en una imagen. TEMA D: A examinar otras herramientas que son de uso frecuente en la edición de imágenes digitales.

EVALUACIÓN

02 1. ¿Cuál es la diferencia entre activar la Mano con la tecla o usar la ?

2. Menciona dos herramientas en las que esté presente la opción Tolerance (Tolerancia):

3. ¿Para qué se emplea la herramienta Hand (Mano)?

4. ¿Qué ventajas tiene el Zoom de las teclas ?

50 DISEÑO DIGITAL

El concepto de capas que maneja el programa para la edición de imágenes, proviene del uso de acetatos transparentes para ilustraciones que se superponían uno sobre otro, cada cual con una ilustración diferente. Este sistema es el utilizado por las películas de dibujos animados.

Un id ad NIVEL: Básico

03

Capas

DURACIÓN SUGERIDA: 9 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenderás a: A Organizar elementos para formar una imagen, a partir de varias capas. B Evaluar las herramientas de fusión del panel que se utilizan en las capas, así como, Opacidad y Relleno , Bloqueo, Combinación y Añadir capas. C Comprender las herramientas de Transformación de capa. D Evaluar las herramientas de Crear máscara de capa. E Diferenciar las herramientas de Capas de Relleno y ajuste.

DISEÑO DIGITAL Photoshop AUTOR: CARLOS ZEPEDA CHEHAIBAR

®

CS5

A C T IVIDA D

3-01

Creando capas manualmente

Para esta actividad no se requiere la computadora. Se necesita un acetato transparente, tamaño carta y plumones de colores. También se pueden utilizar pinturas. 1. Recorta el acetato en cuatro partes iguales. 2. En el primer cuarto de acetato, dibuja con un plumón punto fino o estilógrafo 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 pequeño. 6. Ordena los acetatos de manera que formen una sola composición. a. ¿Cuál es el orden (de arriba hacia abajo) en que mejor quedan acomodados los elementos (relleno, sombra, contorno y texto)?

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

c. Esta técnica se ha usado tradicionalmente para la animación o caricatura, incluso antes de la existencia de computadoras. ¿Qué elementos crees que se podrían dibujar en cada capa para facilitar la creación de un dibujo animado?

52 DISEÑO DIGITAL

tema

A  Las Capas (Layers) Las capas son una de las características más útiles de los programas profesionales de diseño gráfico. 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 más. 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 imágenes 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 sitúa 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 . 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

Capas

53

T IP

Puedes utilizar un máximo de 100 capas en el mismo documento. Además 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 sitúa debajo.

Crear y eliminar capas Para añadir nuevas capas a la composición haz clic en el ícono de Create a new layer (Nueva capa). También puedes usar el menú Layer/New/Layer (Capa/Nueva/) o la combinación de teclas . Para una mejor organización 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 elección. Para eliminar una capa seleccionada en el panel Layer (Capas), presiona el botón Delete layer (Eliminar capa) que despliega un cuadro de diálogo de confirmación. Otra forma de eliminar la capa es seleccionarla, arrastrarla y soltarla sobre el mismo ícono 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 mayoría 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 sólido (por lo general azul). Las herramientas y efectos sólo se aplican a la capa activa, de manera que puedes hacer las modificaciones que quieras a una capa sin alterar las demás. Imagen 3-4:  Capa Activa

54 DISEÑO DIGITAL

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 información. En este caso sólo se imprimirán las capas visibles. Para ocultar o mostrar una capa, haz un clic en el ícono del Ojo que aparece a la izquierda de cada capa, en el panel Layers (Capas). Si deseas mostrar únicamente una capa, mantén pulsada la tecla mientras haces clic sobre el ícono del ojo. Esto oculta todas las demás capas.

Capas no visibles Capa visible

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

Las capas también se pueden mover para ajustar su posición en el trabajo. Para mover una capa necesitas seleccionarla y arrastrarla hacia arriba o hacia abajo, a su ubicación final. Recuerda que los elementos que están 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

Capas

55

P RO Y EC T O

3-01

Fusión de imágenes

1. Abre las imágenes Globo.psd, Nubes_a.psd y Yate.psd de los Recursos Digitales. 2. La primera imagen en la que trabajarás es Nubes_a.psd. Colócala al frente y duplica la capa activa con . Comprueba la creación 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 máscara rápida) pulsando . 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 edición normal) con . Verás que se ha creado una selección dentro de la imagen. 6. Ahora selecciona toda la imagen del archivo Globo.psd y cópiala al portapapeles con . 7. Regresa a la imagen Nubes_a.psd y utiliza menú Edit/Paste into (Edición/Pegar dentro) o . La imagen del globo se debe pegar sobre las nubes con un efecto de

degradado, debido a la máscara creada.

8. Mueve la imagen del globo y dale un tamaño adecuado. Para moverla usa la herramienta Move (Mover) . En la barra de opciones de la herramienta, puedes activar la casilla Show transform controls (Mostrar control de transformación), si deseas desplegar puntos que permiten escalar la imagen. Presiona la tecla para que la imagen no se deforme mientras la escalas desde una esquina y da un al terminar. Quita la selección con . 9. Ahora realiza los pasos necesarios para incluir la imagen del archivo Yate, en la composición que estás creando. Utiliza las técnicas de selección y máscaras, 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 DISEÑO DIGITAL

tema

B  Las herramientas del panel Capas EL panel Layers (Capas), tiene muchas otras herramientas que dan al usuario gran poder en la manipulación de imágenes. Modos de fusión

Imagen 3-7:  Panel Capas mostrando modo

de fusión normal. Imagen 3-8:  Menú desplegable de los Modos

de Fusión.

Modos de fusión Los Modos de fusión, 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 usándolos una y otra vez. Como introducción, he aquí un resumen de cada uno de los métodos de fusión 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 sustitución aleatoria de cada píxel, dando como resultado una dispersión de la imagen. ¤¤ Darken (Oscurecer): La función de este modo es recoger la información de cada uno de los canales que componen la imagen, para determinar un color base. Los píxeles más claros que el color base serán reemplazados, mientras los más oscuros no son modificados. ¤¤ Multiply (Multiplicar): En este modo se multiplican los colores, creando siempre un color más oscuro.

Capas

57

¤¤ Color Burn (Subexponer Color): Dependiendo de la información 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 (Subexposición Lineal): Dependiendo de la información de cada canal, se obtiene y oscurece un color base al disminuir su brillo. ¤¤ Darker Color (Color más 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 más bajo. ¤¤ Lighten (Aclarar): La función de este modo es recoger la información de cada uno de los canales que componen la imagen, para determinar un color base. Los píxeles más oscuros que el color base serán reemplazados, mientras los más claros no son modificados. ¤¤ Screnn (Trama): Busca la información de cada canal y multiplica los colores contrarios al color base y al de fusión. El color resultante siempre es un color más claro. Tramar con negro no produce cambios. Tramar con blanco genera blanco. ¤¤ Color Dodge (Sobreexponer Color): Dependiendo de la información 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 (Sobreexposición Lineal): Dependiendo de la información de cada canal, se obtiene y aclara un color base al aumentar su brillo. ¤¤ Lighter Color (Color más 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 más 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 fusión, trama o multiplica los colores. El efecto es similar a iluminar la imagen con un foco brillante. Es útil para añadir 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 fusión.

58 DISEÑO DIGITAL

¤¤ Linear Light (Luz lineal): Subexpone o sobreexpone los colores aumentando o disminuyendo el brillo, dependiendo del color de fusión. ¤¤ Pin Light (Luz Focal): Reemplaza el color, dependiendo del color de fusión. Es útil para añadir efectos especiales a una imagen. ¤¤ Hard Mix (Mezcla Definida): Añade los valores de los canales rojo, verde y azul del color de fusión, a los valores RGB del color base. ¤¤ Difference (Diferencia): Busca el valor de luminosidad de los pixeles de la imagen y los compara con el color base. Los colores menos brillantes son restados por los más brillantes, dependiendo del nivel de brillo. ¤¤ Exclusion (Exclusión): Es muy parecido al modo anterior pero con resultados más suaves. ¤¤ Substract (Restar): Busca la información de color de cada canal y resta color de fusión al color base. ¤¤ Divide (Dividir): Busca la información de color de cada canal y divide el color de fusión del color base. ¤¤ Hue (Tono): Mantiene la saturación y el brillo de los píxeles y del color, aumentando el tono de acuerdo al color base. ¤¤ Saturation (Saturación): Conserva la luminosidad y el tono, mientras suma la saturación de color. ¤¤ Color (Color): Reemplaza el tono y la saturación de los píxeles con el valor del color base. Se utiliza para colorear imágenes en escala de grises. ¤¤ Luminosity (Luminosidad): Toma el tono y saturación del documento y la luminosidad del color base.

3-01 LÁM INA

Modos de fusión

Capas 59

P RO Y EC T O

3-02

Coloreando fotografías en Modos de fusión

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 . Utiliza los siguientes parámetros: ¤¤ Brush (Tamaño 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 fusión) y selecciona el modo Disolve (Disolver). Observa el efecto y termina de pintar el verde de los árboles en este modo de fusión. 6. Ahora crea una nueva capa y nómbrala como “Test2”. 7. Utiliza nuevamente el pincel para pintar alguna otra sección de la imagen, pero usa un modo de fusión diferente para la nueva capa. 8. Continúa de forma similar pintando toda la imagen. Debes crear una capa nueva por cada sección que pintes y debes usar un diferente Modo de fusión. Al terminar de colorear toda la imagen, guarda el archivo con el nombre Fotopintada, en la carpeta de costumbre.

T IP

60 DISEÑO DIGITAL

Si necesitas llevarte un elemento de una capa a otra, puedes seleccionar la imagen en la capa origen, copiarla o cortarla y pegarla en la capa destino. Si no seleccionas una capa destino (), Adobe Photoshop creará automáticamente una capa con la imagen seleccionada.

Bloqueo de capas (Lock) Otra herramienta importante dentro del panel Capas es el Bloqueo. Su principal función es evitar la modificación de alguna capa. Existen diferentes tipos de bloqueos: a. El bloqueo de píxeles transparentes: bloquea la edición de zonas transparentes, evitando añadir pintura a éstas. b. El bloqueo de píxeles de imagen: deshabilita el uso de cualquier herramienta que pudiera afectar la pintura de la capa. c.

El bloqueo de posición: 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 ningún cambio. Un pequeño candado negro a la derecha del nombre de una capa, indica que la capa tiene algún 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 más capas de una forma sencilla: simplemente seleccionas las capas que quieres enlazar y das un clic en el botón Link Layers (Anidar Capas) en la esquina inferior izquierda del panel Capas. Aparecerá un pequeño eslabón junto al nombre de las capas anidadas. Cuando dos o más capas se han anidado, las modificaciones que le hagas a una de las capas anidadas afectará a la otra. Para romper el vínculo sólo necesitas dar otro clic en Anidar.

Capas anidadas

Comando: Anidar Capas (Link Layers)

Imagen 3-9:  Iconos Anidar Capas en Panel Capas

Capas

61

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 requerirán 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 combinación de teclas . b. Para combinar todas las capas visibles: Menú Layer/Merge Visible (Capa/ Combinar Visible) o con la combinación de teclas . 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 píxeles de esta capa se hacen más transparentes, pero el efecto de la capa permanece intacto.

3-02 VIDEO

62 DISEÑO DIGITAL

Herramientas del Panel Capas

A C TIVIDA D

3-02

Experimentando con capas

1. Describe detalladamente cómo puedes pasar una imagen de una capa a otra.

2. Describe una situación en la que es útil usar bloqueo de capas.

3. Explica cada uno de los bloqueos de capas.

4. ¿Cómo se puede anidar una capa con otra?

5. Describe una situación real en la que sería útil anidar dos capas.

6. ¿Qué sucede cuando combinas dos o más capas?

Capas

63

7. ¿Cuál es la diferencia entre Merge Down y Merge Visible?

8. Define Opacidad.

9. Describe una situación práctica en que debas usar el relleno de capa.

Los Estilos de capa (Add a layer style) Los Estilos de capa son efectos de volumen, sombra y brillo, que de manera rápida y personalizada, pueden ayudar a mejorar una composición visual. Los estilos de capa se agregan a la capa activa mediante el botón Add a layer style (Estilos de capa) de la parte inferior del panel Layers (Capas). Estos son los Estilos de capa que la aplicación nos ofrece: ¤¤ Drop Shadow (Sombra paralela): Crea un efecto de sombra bajo la capa dando una sensación de elevación. ¤¤ 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): Añade sombras y luces para crear volumen. ¤¤ Satin (Satinado): Aplica una sombra para dar un aspecto satinado o brilloso a la imagen. ¤¤ Color Overlay (Superposición de colores): Rellena el contenido de la capa con un color sólido.

64 DISEÑO DIGITAL

¤¤ Gradient Overlay (Superposición de degradado): Rellena el contenido de una capa con un color degradado. ¤¤ Pattern Overlay (Superposición de motivo): Rellena el contenido de la capa con un motivo o patrón. ¤¤ Stroke (Trazo): Traza el contorno de la capa con un color sólido, 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

Capas

65

P RO Y EC T O

3-03

Estilos de capa

1. Abre la imagen Brujula.psd de los Recuros Digitales. 2. Activa la capa donde está la imagen principal, seleccionándola en el panel Layers (Capas). 3. Utiliza las herramientas de selección o la edición en modo de máscara y elimina todo lo que está alrededor de la imagen principal. 4. Quítale cualquier selección de la imagen con . 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 diálogo. Experimenta con los valores que más te agraden, pero usa algunos similares a éstos: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

Blend Mode (Modo de Fusión): Multiply (Multiplicar) Opacity (Opacidad): 75% Angle (Ángulo): 30% Distance (Distancia): 8px Spread (Esparcimiento): 5% Size (Tamaño): 21px

Observa el resultado al aceptar. Si deseas modificar los parámetros de la sombra, puedes activar nuevamente el cuadro de diálogo anterior, haciendo doble clic sobre el pequeño ícono 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 selecciónala completa, cópiala y pégala 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 brújula. Si es necesario, puedes mover los elementos en las capas para mejorar la composición. 8. Disminuye un poco la opacidad de la capa de la brújula, para lograr una mejor fusión con la imagen de fondo. Guarda tu imagen con el nombre Capas.psd en la carpeta de costumbre.

66 DISEÑO DIGITAL

P RO Y ECT O

3-04

Trabajando con los Modos de Capa

1. Abre las imágenes Cara.psd y Mariposa.psd de los Recursos Digitales. 2. Activa la imagen cara y selecciona Edit in Quick Mask Mode (Modo de edición de máscara rápida). 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 Máscara Rápida) y comprueba que se haya creado una selección 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 selección, usando el menú Edit/Paste Into (Edición/Pegar dentro). 7. Usa la herramienta Move (Mover) para ubicar la mariposa pegada, en un lugar adecuado para la composición. Dale un tamaño adecuado. 8. Revisa que esté seleccionada la capa de la mariposa y ve al menú Image/Adjustments/Hue and Saturation (Imagen/Ajustes/Tono y Saturación). En el cuadro de diálogo establece los siguientes parámetros: ¤¤ Hue (Tono): -10 ¤¤ Todos los demás 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 10. Ahora ve agregando efectos a la capa con el botón Add a layer style (Estilos de Capa) de la

Capas

67

parte inferior del panel Layers (Capas): a. Inner Shadow (Sombra Interior) Blend Mode (Modo de fusión): Multiply (Multiplicar) Color: Negro Opacity (Opacidad): 75% Angle (Ángulo): -81º Distnace (Distancia): 3 px Choke (Carburación): 1% Size (Tamaño): 4 px b. Satin (Satinado) Bend Mode (Modo de fusión): Multiply (Multiplicar) Color: Negro Opacity (Opacidad): 6% Angle (Ángulo): 98º Distance (Distancia): 11 px Size (Tamaño): 11 px Invert (Invertido) c. Inner Glow (Brillo Interior) Blend Mode (Modo de fusión): Screen (Trama) Color: Amarillo Opacity (Opacidad): 27% Noise (Ruido): 0% Technique (Técnica): Precise (Preciso) Source (Recurso): Center (Centro) Choke (Carburación): 18% Size (Tamaño): 51 px Range (Rango): 56% Jittler (Brillo): 51 px d. Outer Glow (Brillo Exterior) Blend Mode (Modo de fusión): Normal Color: Amarillo Opacity (Opacidad): 75% Noise (Ruido): 0% Technique (Técnica): Softer (Suavizado) Propagación (Spread): 1% Size (Tamaño): 40 px e. Drop Shadow (Sombra Paralela)

68 DISEÑO DIGITAL

Blend Mode (Modo de fusión): Normal Color: Negro Opacity (Opacidad): 55% Angle (Ángulo): 0º Distance (Distancia): 13 px Spead (Propagación): 0% Size (Tamaño): 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. ¿Cuál es el peso en Kb del primer archivo con las capas separadas?

b. ¿Cuál 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.

Capas 69

tema

C  Transformación de la capa (Transform) La transformación de una capa permite modificarla de muchas maneras, como por ejemplo, hacerla más pequeña, voltearla, darle perspectiva o distorsionarla. Las opciones de transformación se pueden acceder de dos maneras: a. Con el menú Edit/Transform (Edición/Transformar). Este menú contiene las opciones básicas de transformación. b. Con la combinación de teclas . Estas teclas activan en capa los puntos de control y muestran en la barra de opciones de la herramienta todos los controles de transformación.

Imagen 3-11:  Menú Edición

La aplicación nos ofrece diferentes modos de transformación. Si seleccionas alguna herramienta de transformación, aparecerá sobre el área de trabajo el marco de transformación y los puntos de control que ayudan a modificar al objeto.

T IP

70 DISEÑO DIGITAL

También puedes aplicar todas las transformaciones necesarias a una selección en cualquier capa. Utiliza los mismos comandos después de hacer la selección.

Estas son las opciones de transformación: ¤¤ Scale (Escalar): Permite redimensionar la capa o selección, reduciendo o aumentando su altura o su ancho. ¤¤ Rotate (Rotar): Gira la capa con respecto al punto de referencia. El punto de referencia inicialmente está al centro de la capa o selección, pero puedes moverlo arrastrándolo. ¤¤ Skew (Sesgar): Permite inclinar un objeto vertical y horizontalmente. ¤¤ Distort (Distorsionar): Permite estirar un elemento en cualquier dirección. ¤¤ 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 selección 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 selección.

Imagen 3-12:  Puntos de control.

3-04 VIDEO

Transformación de capa

Capas

71

P RO Y EC T O

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 más divertido el resultado, pero es muy importante que la persona esté totalmente de frente como en las fotografías para credencial.

2. Haz clic en el menú Layer/Duplicate Layer (Capa/Duplicar Capa), asignale el nombre “Deforme” y presiona OK. Esto dará por resultado una capa nueva que contiene la misma información que la capa original. 3. Vamos a trabajar con la capa “Deforme”, localiza en el menú Edit/Distort (Edición/Deformar), separa las esquinas superiores y acerca las inferiores, de manera que la parte superior quede más ancha y la inferior más angosta. Recuerda que al terminar la transformación

debes presionar la tecla para confirmar la transformación.

4. Oculta la capa “Deforme” y selecciona la capa inferior, con la herramienta Elliptical Marquee (Selección Elíptica), para trazar una elipse que abarque el ojo derecho de la imagen. Convierte la selección en una nueva capa con menú Layer/New/Layer via Copy (Capa/Nueva/Capa vía Copiar) o las teclas . 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 están visibles, activa

la casilla de la opción Mostrar Controles de Transformación (Show Transformation Controls) 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 (Edición/ Transformación/Volterar Horizontal), voltéalo horizontalmente y colócalo 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 eliminala, después 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 DISEÑO DIGITAL

tema

D  Crear Máscara de capa (Add Layer Mask) ¿Recuerdas lo que es una máscara? ¿Recuerdas cómo se trabaja en el Modo de edición de máscara rápida? Las máscaras se colocan sobre las imágenes para mostrar u ocultar diferentes zonas. La Máscara 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 máscara actúa como niveles de transparencia. La Máscara 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 máscara a una capa activa, utiliza el botón Add Layer Mask (Máscara de Capa) que se encuentra en la parte inferior del panel Layers (Capas). Recuerda que cuando se usan máscaras de capa, no se modifican ni eliminan los píxeles de la imagen, sólo se ocultan de manera que puedes trabajar en la máscara las veces que sea necesario, para mostrar u ocultar diferentes zonas en el futuro.

Imagen en la capa

Máscara

Imagen 3-13:  Capa con máscara de capa.

Capas 73

P RO Y EC T O

3-06

Fusión de imágenes para portada de revista

1. Abre las imágenes Modelo.psd y Motivo.psd que se encuentran en los Recursos Digitales. 2. Selecciona toda la imagen de motivo y cópiala al portapapeles. 3. Pega la imagen en el archivo modelo. 4. Renombra las capas como “modelo” y “motivo” según 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 aplícale una Máscara de capa. 7. Con la herramienta de degradado, dibuja sobre la máscara de capa un degradado radial, de negro a blanco, que vaya de lado a lado del documento. La ventaja de trabajar en la máscara, es que no tocas la imagen original. 8. Puedes repetir el proceso las veces que quieras, hasta que estés 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 DISEÑO DIGITAL

P RO Y ECT O

3-07

Fusionando dos imágenes con ayuda del pincel

1. Abre las imágenes Sol.psd y Volcán.psd de los Recursos Digitales. 2. Selecciona la imagen sol, cópiala y pégala sobre la imagen volcán. Renombra las capas como “volcán” y “sol” según corresponda. 3. Estando activa la capa de sol, utiliza las opciones de transformación para hacer la imagen más pequeña, de manera que se vea proporcionada con respecto al volcán. 4. Reordena las capas y asegúrate que la capa con la imagen del volcán quede arriba de la capa “sol”. 5. Ahora activa la capa “volcán” y agrégale una Add mask layer (Máscara 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 estás modificando los píxeles de la imagen, sólo estás trabajando en una máscara. 8. En la capa “sol”, rellena con color el espacio que queda vacío. 9. Guarda el trabajo con el nombre Fusion en la carpeta que indique tu profesor.

Capas 75

tema

E  Capas 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 patrón. Las Capas de relleno no afectan a las que se encuentran debajo. Para agregar una nueva capa de relleno utiliza el botón Create new fill or adjustment layer (Nueva capa de relleno o ajuste) que se encuentra en la parte inferior del panel Layers (Capas). Este botón despliega un menú con muchas opciones: las primeras tres corresponden a capas de relleno y las demás a capas de ajuste. Analicemos las opciones de capas de relleno: Solid Color (Color Sólido), Gradient (Degradado) y Pattern (Motivo). Solid Color (Color Sólido) se elije desde el Selector de Color. Gradient (Degradado) tiene 6 submenús que se describen de la siguiente manera: ¤¤ Gradient (Degradado): Menú colgante que permite acceder al editor de degradado. ¤¤ Styule (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 tamaño del degradado. ¤¤ Reverse (Revertir): Invierte la orientación del degradado. ¤¤ Dither (Tramado): Aplica un tramado (secuencia de puntos) al degradado. ¤¤ Align with Layers (Alinear con capa): Utiliza el rectángulo delimitador de la capa para calcular el relleno del degradado. Pattern (Motivo) tiene la opción de escoger un patrón utilizando los siguientes parámetros 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 posición. ¤¤ Snap with origin (Ajustar al origen): Coloca el origen del motivo junto a la ventana del documento.

76 DISEÑO DIGITAL

La capa de ajuste nos permite experimentar con ajustes de color y tono en una imagen, sin tener que modificar sus píxeles de forma permanente. Más adelante estudiaremos los ajustes de imagen y filtros que se usan para mejorar las fotografías. Algunos de estos ajustes se pueden realizar en una capa de ajuste, en vez de realizarlos directamente sobre la fotografía. 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 píxeles originales. A esta forma de trabajo se le conoce como Edición no destructiva. La desventaja es que necesitas mucho más poder en tu computadora, espacio en memoria y disco para trabajar de forma no destructiva. Otra desventaja es que normalmente es más rápido 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

Capas 77

P RO Y EC T O

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ú Laye/New Fill Layer/ Gradient (Capa/Nueva Capa de Relleno/Degradado). Dale un nombre y utiliza estos parámetros para el degradado: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

Gradient (Degradado): color frontal a transparente (el color frontal debe ser negro). Style (Estilo): Lineal (Linear) 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 botón adecuado del panel Layers (Capas) para agregar una nueva capa de ajuste, de tipo Filtro de fotografía New Adjustment Layer/Photo Filter (Nueva Capa de ajuste/Filtro de fotografía). En el cuadro de diálogo del filtro establece estos parámetros: ¤¤ 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 DISEÑO DIGITAL

A C TIVIDA D

3-03

Capas y máscaras

1. ¿Para qué sirven las capas de Adobe® Photoshop®?

2. ¿Qué desventajas tiene acoplar una imagen?

3. ¿Por qué a veces es importante acoplar una imagen?

4. ¿Para qué sirve el panel Historia?

5. Explica qué es y para qué sirve una Máscara de capa.

6. ¿Qué colores se usan para pintar sobre las máscaras y qué acción hace cada uno?

7. ¿Cómo puede eliminarse una Máscara de capa?

Capas 79

¿Qué aprendiste? TEMA A: A identificar el Panel Capas y sus principales funciones, identificas las capas en un documento de Adobe Photoshop, también puedes crear y eliminar capas. TEMA B: A emplear y practicar el uso de cada una de los Modos de fusión al trabajar con capas, aplicándolas a una nueva imagen creando efectos visuales. TEMA C: Que puedes modificar la apariencia de las capas de un documento, en cuanto a tamaño y rotación, formando composiciones de imágenes. TEMA D: Que agregando Máscaras de capa, puedes lograr realizar fotomontajes detallados. TEMA E: Que si empleas la herramienta de capa de relleno o ajuste para realizar edición no destructiva de un archivo.

EVALUACIÓN

03 1. Describe una situación práctica en la que es útil usar una Capa de relleno:

2. Describe una situación práctica en la que es útil usar una Capa de ajuste:

3. ¿Cómo puede eliminarse una Máscara de capa?

80 DISEÑO DIGITAL

Un megapixel equivale, aproximadamente, a 1 millón de pixeles.

Un id ad NIVEL: Básico

04

La Fo togra f ía

DURACIÓN SUGERIDA: 8 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenderás a: A Identificar los orígenes de la fotografía. B Reconocer el tipo de género al que pertenece una fotografía. C Nombrar las partes de una cámara fotográfica. D Dominar la profundidad de campo practicando la fotografía de acercamiento.

DISEÑO DIGITAL Photoshop AUTOR: CARLOS ZEPEDA CHEHAIBAR

®

CS5

tema

A  La fotografía Los conceptos fotográficos básicos, siguen vigentes en nuestros días y se han incorporado en los programas de manipulación de fotografía digital como Photoshop. La fotografía es un arte de masas, con una alta dependencia de la industria. Por otra parte a nivel social, el crecimiento exponencial de la fotografía digital ha generado un cambio de mentalidad. Es muy difícil encontrar a alguien que no haya tomado una fotografía en toda su vida. Por esto, resulta muy común que interese a mucha gente aprender a capturar y manipular imágenes.

Imagen 4-1:  Louis Daguerre

Hoy en día, la fotografía ha supuesto una revolución a nivel teórico, técnico y social. Ahora es el fotógrafo el que establece la estructura de la composición final, después de realizar una o muchas tomas. Mientras que la fotografía fue tradicionalmente sinónimo de realidad, parece que con la llegada de la fotografía digital, el público se hace consciente de la manipulación fotográfica, poniendo en tela de juicio la veracidad de la imagen que observa.

Historia de la fotografía La palabra fotografía viene del griego y significa “dibujar con la luz” photos = luz y graphis = dibujo y podría definirse como la técnica de grabar imágenes 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 tamaño de la imagen queda reducido y aumenta su nitidez. La fotografía digital opera exactamente con este principio, con la diferencia de contar con un sensor electrónico, en vez de una película sensible a la luz. A principios del siglo XIX, el científico francés Nicephore Niepce obtuvo las primeras imágenes fotográficas con la ayuda de una cámara oscura (instrumento óptico capaz de obtener la proyección plana de una imagen) y una placa cubierta con un químico sensible a la luz, conocido como haluro de plata. En 1839, Louis Daguerre hizo público el proceso para la obtención de fotografías, basado en la sensibilidad de los haluros de plata y lo denominó Daguerrotipo (principios del negativo y positivo).

82 DISEÑO DIGITAL

La fotografía tuvo su auge comercial casi 50 años después. En 1888, la compañía KODAK® sacó al mercado una cámara que utilizaba carretes de 100 fotos circulares. Además ya se realizaba el proceso de impresión de película fotográfica y para 1925 se introduce al mercado la primera película de 35 mm., llamada Leica. Esta película todavía se encuentra en nuestros días.

4-01 LÁM INA

Imagen 4-2:  Nicephore Niepce

Historia de la fotografía

P RO Y EC T O

4-01

Reflexión

Organiza una mesa de discusión o debate para responder las siguientes preguntas. 1. ¿En cuántos años se ha popularizado la fotografía digital?

2. ¿Por qué se ha vuelto universal?

3. ¿Las personas imprimen tantas fotografías como antes de la fotografía digital? ¿Por qué?

La Fotografía

83

4. ¿Qué está pasando con las empresas que se dedicaban a la comercialización de película fotográfica?

5. Si la fotografía digital es tan popular y amigable ¿por qué es importante aprender a capturar y manipular fotografías?

P RO Y EC T O

4-02

Haciendo un daguerrotipo

En esta interesante práctica vas a crear tu propio daguerrotipo. Necesitas los siguientes materiales: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

Cualquier fotografía impresa Escáner Impresora a color (también puedes llevar el archivo a imprimir a una tienda) Papel con textura, puede ser Guarro, Fabriano o algún otro que se sienta texturizado Cartulina Xilol (es un líquido que se consigue en las farmacias) Un pincel grueso o brocha pequeña

1. Escanea una fotografía a color a 300 dpi y guárdala en el formato JPEG. 2. Ábrela en Photoshop, mejora su calidad y refléjala. Para reflejarla usa el menú Edit/Transform/ Flip Horizontal (Edición/Transformar/Voltear Horizontal). 3. Guárdala en formato TIFF o JPEG y llévala a imprimir en papel Couche de 90 gr.

84 DISEÑO DIGITAL

4. Coloca la fotografía sobre la cartulina con la imagen hacia abajo. 5. Usando la brocha, moja bien el reverso de la fotografía con el Xilol. Verás que la imagen pasa a la cartulina. Cuando la imagen pase completa, puedes desechar la fotografía impresa. 6. Deja secar la cartulina, de preferencia al sol. 7. A veces los fotógrafos de daguerrotipo realzaban sus obras pintándolas con colores, pinturas pastel, acuarelas y oleos, entre otros. Puedes hacer lo mismo con tu trabajo. 8. Organiza con tus compañeros una exposición de daguerrotipos.

P RO Y ECT O

4-03

Ensayo fotográfico

1. Explora un tema en forma documental. Reúne material fotográfico relacionado con el mismo, para analizarlo en términos de su pasado, su estado actual y su proyección hacia el futuro. Por ejemplo, un trabajo sobre un monumento público debe referirse no sólo a su aspecto externo, sino también a lo que conmemora. Si se trata de una mansión histórica, incluye retratos y recuerdos de quienes la habitaron. Si se trata de un templo, menciona las actividades del culto, el párroco y los feligreses. No te quedes solamente con la ubicación del edificio. Si el tema seleccionado es una persona, podrías basarte en las actividades que realiza en un día. 2. Puedes utilizar fotografías de diversas fuentes o tomar tus propias imágenes. 3. Escanea o guarda las fotografías en tu computadora. 4. Elabora un documento, en el que debes pegar todas las fotografías de tu investigación y complementarlas con algo de texto explicativo. Recuerda que este es un ensayo fotográfico, por lo que la imagen es lo más importante.

La Fotografía

85

tema

B  Los géneros fotográficos Los géneros fotográficos, son distintos temas sobre los que puede tratar una fotografía. Reconocer los géneros fotográficos nos sirve para: 1. Disponer la ubicación de las fotografías en los medios de almacenamiento y así localizarlas en un archivo sin problema. Esto es válido, tanto para almacenar fotografías digitales como impresas. Por ejemplo, puedes guardar en la misma carpeta todas las imágenes que se relacionan con cierta actividad. 2. Trabajar con imágenes agrupadas en categorías, lo que simplifica su tratamiento y manipulación. Por ejemplo, puedes aplicar el mismo efecto o los mismos ajustes a todas las imágenes de cierta categoría. En sus orígenes, la fotografía tuvo la función de realizar lo que hasta el momento sólo se podía conservar a través de la pintura. Por lo tanto, la primera clasificación fotográfica se hizo en géneros que se relacionaban con la pintura. ¤¤ Retrato fotográfico. Nos muestra las cualidades físicas y morales de las personas.

Imagen 4-3: Fotografía cortesía de Marina Filipovic www.marinafilipovic.com). Usada con permiso.

86 DISEÑO DIGITAL

¤¤ Fotografía de paisaje. Imprime la belleza de los paisajes, la flora y fauna.

¤¤ Fotografía 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.

La Fotografía

87

Podríamos usar otra clasificación de los géneros fotográficos de acuerdo a la función y uso de la imagen. ¤¤ Fotografía realista. Plasma el medio con fines expresivos e interpretativos.

¤¤ Fotografía documental. Plasma en imagen la realidad humana.

¤¤ Fotografía de guerra. Captura imágenes de conflictos armados, así como sus terrores y sacrificios.

Imagen 4-4:  Imagen de catálogo

88 DISEÑO DIGITAL

¤¤ Fotografía publicitaria. Captura una imagen atractiva al consumidor, logrando ser un elemento de influencia para la toma de decisiones.

A C TIVIDA D

4-01

Géneros fotográficos

Relaciona correctamente las siguientes columnas: Columna A Capta el mundo exterior tal y como aparece ante nuestros ojos. Es una manifestación del medio, con fines expresivos e interpretativos. Anima al consumidor a realizar una compra. Nos muestra personas reales. Imágenes de conflictos bélicos.

Columna B Fotografía de guerra Fotografía publicitaria Fotografía realista Fotografía documental Retrato fotográfico

La Fotografía 89

A C T IVIDA D

4-02

Compartiendo sensaciones y emociones

Esta actividad busca que hagas una reflexión para reconocer de forma subjetiva, lo percibido en la fotografía y las imágenes cotidianas. Este proceso te servirá para descubrir tu creatividad y poderla así compartir con los demás, dándole un sentido completo y dinámico a la fotografía. La fotografía es un disfrute reflexivo de importante valor humano, independientemente de su valor utilitario. Esta actividad no tiene un final, ya que conforme vayas estudiando más los conceptos y técnicas de este curso, deberás realizar las actividades propuestas. Analizar fotografías debe convertirse en una experiencia activa y permanente que promueva la reflexión. Así lograrás observar, comprender y disfrutar de una forma más rica la expresión fotográfica. Se deben realizar las siguientes actividades dentro y fuera de la institución educativa: ¤¤ Asiste cada mes a una exposición fotográfica y realiza un ensayo donde expreses lo que las imágenes te transmiten y te hacen sentir. Incluye en tu ensayo algunas de las imágenes 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 imágenes. ¤¤ ¡Usa tu cámara! Toma fotografías relacionando las diferentes disciplinas que se imparten dentro del plantel (multimedia, ciencias, literatura, inglés, informática o deporte, entre otras). ¤¤ Realiza exposiciones con las mejores fotografías que captures. También puedes realizar publicaciones como anuarios y revistas. ¤¤ Aprovecha cualquier viaje o realiza una salida fotográfica para explorar nuevos escenarios y elementos visuales. ¤¤ Organiza un taller o una conferencia con un fotógrafo experto. Un profesional puede compartir algunos de sus secretos, darte nuevas ideas y motivarte.

90 DISEÑO DIGITAL

tema

C  La cámara fotográfica El término cámara se deriva del latín camera, que significa ‘habitación’ o ‘cámara’. La cámara oscura originalmente era una habitación que tenía pequeños orificios en las paredes, siendo la única fuente de luz que tenían. 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 cámara oscura evolucionó y se convirtió en una pequeña caja manejable. Al orificio se le instaló una lente óptica, para conseguir una imagen más clara y definida.

Imagen 4-5:  Cámara fotográfica antigua.

El primero en utilizar una cámara fotográfica fue Joseph Nicephere Niepce en 1826. Esta cámara fue hecha de madera por los hermanos Chavalier en París. Como no existía ningún medio de almacenamiento, las imágenes proyectadas se tenían que dibujar a mano para conservarlas. En 1865, surge la primera cámara pequeña, funcional y portable construida por Johann Zahn, pero el mundo tuvo que esperar casi 150 años, para que la tecnología se percatara de las posibilidades comerciales del novedoso aparato. Hoy en día hay cámaras por doquier, tanto para equipos independientes, como adaptadas a otros dispositivos como teléfonos, PDAs, lámparas o relojes. Las cámaras digitales son virtualmente automáticas, es decir, basta apuntar y presionar un botón para capturar la imagen. Sin embargo, esta facilidad normalmente es opuesta a la calidad de una buena fotografía. La fotografía de calidad depende mucho más del “ojo” del fotógrafo, que de la tecnología de su cámara. Por esta razón, los conceptos y técnicas de este curso te ayudarán a tomar mejores fotos, independientemente de la cámara que utilices.

La Fotografía

91

P RO Y EC T O

4-04

Crear una cámara oscura

1. Utiliza una caja de zapatos pintada por dentro completamente de negro. 2. Hazle un pequeño 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, pegándolo con cuidado por los bordes y asegurándote que tapa totalmente el hueco. 4. Con la punta de un alfiler haz una perforación 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, deberás 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 imágenes o películas de las primeras cámaras fotográficas? El fotógrafo se cubría con una tela para evitar que la luz entrara al aparato. 8. Coloca tu cámara oscura de frente a una escena bien iluminada o frente a una vela o lámpara. Cubriéndote con la tela, observa la imagen invertida que se forma en el extremo opuesto sobre el papel albanene. Otras opciones: Para crear una cámara oscura, se puede utilizar incluso un salón de clases o una habitación que tenga una ventana hacia el exterior. ¤¤ Se debe oscurecer completamente la habitación, cubriendo todas las ventanas con cartulina negra. ¤¤ Se debe hacer un pequeño orificio circular de 3 cm. de diámetro 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 nítido.

92 DISEÑO DIGITAL

Elementos de la cámara fotográfica La cámara fotográfica 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 cámaras: ¤¤ Objetivo: es un lente o conjunto de lentes que concentran los rayos de luz emanados por el objeto en la cámara. ¤¤ Sensor: es un dispositivo electrónico o bien una película fotosensible que recibe la información 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 través del cual se puede ver lo que se quiere fotografiar, para elegir la perspectiva y el campo visual que abarcará la fotografía. El visor puede ser un simple orificio en el cuerpo de la cámara o una combinación de lentes y espejos. En las cámaras profesionales, el visor muestra exactamente lo que capta el lente del objetivo. En las cámaras económicas, el visor es una aproximación de la toma real, especialmente cuando no son digitales. ¤¤ Disparador: es el botón que toma la fotografía. Muchas cámaras digitales permiten presionar el disparador a la mitad para hacer un autoenfoque y completamente para tomar la foto.

Imagen 4-6:  Imagen de catálogo

¤¤ Pantalla LCD (Display de cristal líquido): se encuentra en la parte trasera de la cámara. A través de ella es posible encuadrar las imágenes y, una vez tomadas, visualizarlas inmediatamente. También sirve para moverse por el menú y realizar ajustes de configuración. ¤¤ Flash: el flash integrado en las cámaras 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.

La Fotografía 93

¤¤ Memoria: la memoria puede ser fija o extraíble. Algunas cámaras 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 fotografía. Si la imagen es oscura, el diafragma se abre más, para dejar pasar suficiente luz que excite al sensor. La medición de luz normalmente se hace de forma automática por un Fotómetro incluido en la cámara, pero puede hacerse de forma manual. Además de determinar qué tan brillante quedará la fotografía, la apertura también afecta el enfoque de los objetos lejanos, con relación a los cercanos. Existe una escala normalizada para la apertura o cierre del diafragma, representado con una f minúscula.  más abierto (entra más luz) f/1

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

f/1.4

más 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 sólo durante una fracción de segundo. En cambio, si hay poca luz, el diafragma se abre durante más tiempo, incluso durante varios segundos. Para fotografiar un cielo estrellado, puede ser necesario dejar el diafragma abierto, incluso por más de un minuto: todo este tiempo la cámara debe estar perfectamente inmóvil. La velocidad determina qué tan brillante quedará la fotografía, lo que se conoce como exposición. Se dice que una fotografía 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.  más lento (entra más luz) 2

94 DISEÑO DIGITAL

1

½

¼

1/8

1/15

más rápido (entra menos luz) 

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

¤¤ Modos de apertura y velocidad: casi todas las cámaras digitales tienen modos semiautomáticos, que corresponden a diferentes combinaciones de valores de apertura y velocidad del obturador. Los más comunes son: a. Retrato: Usa mayor apertura, para conseguir fondos desenfocados y centrar la atención sobre el rostro del sujeto. b. Deporte: Usa mayor velocidad para congelar las imágenes 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. ¤¤ Exposición. La exposición de una fotografía, depende de la cantidad de luz que llegue al sensor de la cámara fotográfica. Si llega más 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 exposición. La exposición se puede controlar de forma manual, semiautomática o automática. Los modos automáticos o semiautomáticos, funcionan haciendo una medición rápida 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 exposición más comunes son: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

L uz de día Nublado Luz interior Nocturno con flash Nocturno sin flash

4-02 LÁM INA

Tipos de cámara

La Fotografía 95

A C T IVIDA D

4-03

Conociendo la cámara fotográfica

Contesta las siguientes preguntas: 1. Define qué es una cámara fotográfica.

2. ¿Qué es una cámara oscura?

3. ¿En qué año y quién empezó a utilizar la cámara fotográfica? a. 1810, Charles Darwin b. 1521, Tomás Alba Edison

c. 1826, Nicephere Niepce d. 1900, Carlos V

4. ¿Qué hizo Johann Zahn?

5. ¿Para qué sirve el obturador?

6. Completa el siguiente párrafo con los conceptos correctos (exposición, sensor, diafragma, luz, apertura). Al regular la velocidad y la apertura del cantidad exacta de luz para asegurar una correcta

, el

consigue la de la fotografía.

La velocidad y la del diafragma son directamente proporcionales. De esta manera, si se aumenta la velocidad deberá ser aumentada la apertura, para permitir que igual cantidad de llegue al sensor.

96 DISEÑO DIGITAL

7. Si tomas una fotografía en una playa y te das cuenta que queda sobre-expuesta (demasiado clara y brillante) ¿qué puedes modificar en la cámara para que la siguiente foto salga bien? (Tip: Hay varias posibles acciones que corregirían el problema).

8. ¿Qué velocidad de obturador crees que sería adecuada para una foto de un paisaje nocturno? ¿Rápida, media o lenta? Justifica tu respuesta.

9. Ordena las palabras para formar una frase coherente: de luz llega que diafragma El sensor. al regula la cantidad

10. Haz un mapa mental o un cuadro sinóptico, que relacione los principales componentes de la cáma digital:

T IP

Los programas de manipulación fotográfica como Photoshop, permiten hacer muchos ajustes a una imagen y pueden mejorar una mala foto, pero es preferible tomar las mejores fotografías que sean posibles, aunque tengas que repetir varias veces la toma antes de intentar mejorarla en la computadora.

La Fotografía 97

A C T IVIDA D

4-04

Tu cámara

1. ¿Qué tipo de cámara fotográfica usarás en este curso?

2. Anota la marca y modelo.

3. Identifica los elementos esenciales de tu cámara fotográfica. Dibuja en este espacio tu cámara e indica con flechas sus partes principales (objetivo, visor, diafragma y otros que puedas reconocer). Recuerda que este es un curso de diseño gráfico, por lo que la calidad y limpieza del trabajo es muy importante.

98 DISEÑO DIGITAL

4. Familiarízate con el manejo de tu cámara. Consulta su manual de usuario o instrucciones. Lo más seguro es que tenga algunos modos automáticos para diferentes situaciones, como retratos, paisajes, deportes, acercamientos o tomas nocturnas. Estos modos suelen ser combinaciones automáticas de apertura y velocidad, sumados a compensación electrónica. 5. ¿Cuáles son los modos automáticos que tiene tu cámara y para qué se usa cada uno? Si están representados por íconos, dibújalos junto a la descripción.

6. Probablemente puedas modificar manualmente la apertura o la velocidad. ¿Es posible hacerlo en tu cámara? ¿Cómo?

7. Toma varias fotografías 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 parámetros. Escribe aquí algunas conclusiones:

8. Guarda en la computadora o memoria USB las fotografías tomadas y organízalas en una carpeta personal. Manipularás estas fotografías con Photoshop más adelante.

La Fotografía 99

tema

D  La profundidad de campo La profundidad de campo (Depth Of Field o DOF) es el espacio nítido que queda por delante y por detrás del objeto enfocado, es decir, la zona correctamente enfocada. En la mayoría de las ocasiones, se desea que toda la escena quede perfectamente enfocada, pero a veces es preferible enfocar sólo la parte principal de la fotografía, mientras el resto queda fuera de foco. Esto ayuda a resaltar lo que más nos interesa de una imagen.

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

están enfocados mientras el fondo se mantiene fuera de foco, para centrar la atención en los animales.

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

cercanos y lejanos están enfocados.

Si en tu cámara 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 cámara 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. También puedes crear profundidad de campo usando las características de zoom o acercamiento de la cámara. Prueba tomando al mismo sujeto de dos maneras diferentes: cerca de él, usando poco zoom o lejos de él usando un gran zoom.

100 DISEÑO DIGITAL

P RO Y ECT O

4-05

Fotografía de acercamiento

La fotografía de acercamiento o Close Up es muy divertida. Permite ver de cerca un mundo diminuto o crear sorprendentes fotomontajes.

Imagen 4-9:  Fotografías de insectos cortesía de Thy Bun. Usadas con permiso.

1. Utiliza tu cámara para tomar muchas fotos de acercamiento de objetos comunes como lápices 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 fotografía dos veces, pero intentando lograr diferente profundidad de campo. 3. Guarda las fotografías 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 fotografías realizadas. Guarda tu trabajo para usarlo en una exposición fotográfica al final del curso.

La Fotografía 101

¿Qué aprendiste? TEMA A: La importancia de la fotografía a través del tiempo y la evolución de las cámaras fotográficas. TEMA B: Nombrar los principales géneros fotográficos y describir sus características. TEMA C: A reconocer los elementos que componen una cámara fotográfica, describiendo la función que desarrolla cada uno de dichos elementos. TEMA D: A obtener fotografías de acercamiento, al dominar la profundidad de campo.

EVALUACIÓN

04 1. Escribe dos ventajas de las cámaras SRL con respecto a las cámaras compactas:

2. Escribe dos desventajas de las cámaras SRL con respecto a las cámaras compactas:

3. ¿Cómo describirías una imagen con poca profundidad de campo?

4. ¿Qué pasa con la profundidad de campo si la apertura del diafragma es muy pequeña?

5. ¿Cómo puedes disminuir la profundidad de campo usando el zoom?

102 DISEÑO DIGITAL

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 recuperarán si vuelve a convertir la imagen al modo anterior.

Un id ad NIVEL: Básico

05

C olor

DURACIÓN SUGERIDA: 3 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenderás a: A Identificar los modos de color, en los cuales Photoshop® es capaz de manipular imágenes. B Realizar ajustes globales de manera rápida, empleando los disponibles por la aplicación. C Reconocer los elementos escenciales de una imagen a blanco y negro. D Conocer los inicios de la fotografía a color.

DISEÑO DIGITAL Photoshop AUTOR: CARLOS ZEPEDA CHEHAIBAR

®

CS5

tema

A  Modos de Color Adobe® Photoshop® nos ofrece herramientas de edición, retoque fotográfico y composición que nos ayudarán a obtener óptimos resultados en nuestro trabajo. Prácticamente cualquier fotografía puede mejorarse con Photoshop y los ajustes de imagen actúan sobre el color, brillo, contraste, saturación y más.

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 impresión. Están disponibles a través del menú Image/Mode (Imagen/Modo). ¤¤ Bitmap (Mapa de bits). Este modo sólo se utiliza en imágenes monocromáticas (blanco y negro). ¤¤ Grayscale (Escala de grises). Son imágenes monocromáticas 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 máximo de 256 tonalidades. ¤¤ RGB Color (Color RGB). Tiene tres canales de color: rojo, verde y azul. Se basa en la combinación de la luz para formar colores. ¤¤ CMYK Color (Color CMYK). Tiene cuatro canales de color: cyan, magenta, amarillo y negro. Se basa en la absorción de la luz ocasionada por las tintas. ¤¤ Lab Color (Color Lab). Se utiliza para manipulación profesional de color, normalmente en laboratorios fotográficos o estudios de diseño.

5-01 LÁM INA

104 DISEÑO DIGITAL

Modos de color

tema

B  Los ajustes de la imagen Los Ajustes de Color o ajustes tonales, cambian los valores de color o tonalidad de una imagen. Proporcionan un modo rápido 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/Contast (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 líneas que se pueden mover hacia arriba o hacia abajo en una gráfica. ¤¤ Hue/Saturation (Tono/Saturación): El tono es el color reflejado o transmitido a través de un objeto. La saturación define la cantidad de color que tiene la imagen. ¤¤ Color Balance (Equilibrio de color): Se utiliza para eliminar algún color dominante, saturar o desaturar la imagen. ¤¤ Desaturate (Desaturar): Elimina el color de la imagen dejándola en tonos de grises. ¤¤ Replace Color (Reemplazar Color): Crea una máscara temporal seleccionada según el rango de colores. Sobre esta selección se pueden modificar los valores de saturación, tono y luminosidad. ¤¤ Match Color (Corrección 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 píxeles 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 número de colores de la imagen. ¤¤ Variations (Variaciones): Ajusta visualmente el equilibrio de color, contraste y saturación de una imagen o parte de ella.

5-01 VIDEO

Los ajustes de la imagen

Color 105

P RO Y EC T O

5-01

Mezclando Colores

En este proyecto elaborarás un disco de Newton. Es un dispositivo inventado por Isaac Newton y consiste en un círculo con sectores pintados en colores rojo, naranja, amarillo, verde, azul, celeste y violeta. Al girar rápidamente, 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 necesitarás: ¤¤ Cartulina blanca ¤¤ Un CD o DVD (inservible) ¤¤ Lápices de colores rojo, naranja, amarillo, verde, celeste, azul y violeta ¤¤ Un pincel ¤¤ Tijeras ¤¤ Una canica ¤¤ Juego de geometría 1. Dibuja un círculo de 12 cm de diámetro.

Imagen 5-2:  Disco de Newton

2. Divídelo en 7 segmentos iguales. (Para dividir el círculo en 7 segmentos iguales emplea el siguiente cálculo obteniendo como resultado 5.38 cm).

d = r #`

12 j 7

3. Con el compás dibuja cada 5.38 cm una marca en el perímetro del círculo y une cada marca con el centro de éste. 4. Colorea cada segmento de un color empleando el siguiente patrón: rojo, naranja, amarillo, verde, celeste, azul y violeta. Tu disco debe quedar como se muestra en la imagen 1-7. 5. Haz un corte circular en el centro del círculo de aproximadamente 2 centímetros. 6. Por último pega el círculo 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 compañeros y profesor lo que observaste.

106 DISEÑO DIGITAL

A C TIVIDA D

5-01

Ajustando fotografías

1. Utiliza tu cámara para tomar 15 fotografías 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 saturación 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 fotografías restantes. 7. Al terminar, crea un documento en un procesador de palabras o programa de presentaciones donde muestres el “antes” y “después” de todas las fotografías. 8. Debajo de cada foto de “después” anota los ajustes realizados. 9. Guarda tu trabajo en tu carpeta personal.

Color 107

tema

C  La fotografía en blanco y negro La fotografía 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 además de los colores externos, tiene muchos tonos intermedios. En el pasado, la única opción disponible para capturar imágenes era en blanco y negro, pero aunque ahora todas las cámaras capturan imágenes a color, la fotografía en blanco y negro sigue siendo muy popular. La fotografía en blanco y negro pone de manifiesto las formas, el volumen y los detalles del objeto plasmado, por lo que es una técnica que, bien empleada, tiene gran valor artístico.

Imagen 5-3:  Fotografía 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 antigüedad.

Cualquier fotografía a color se puede convertir a escala de grises con Photoshop. También se pueden usar otros tonos como sepia, azules, rojos o cualquiera que se quiera.

108 DISEÑO DIGITAL

P RO Y ECT O

5-02

Imágenes del pasado

1. En la carpeta de los Recursos Digitales hay varias fotografías. El objetivo de esta actividad es simular que son fotografías 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 fotografía (Photo Filter) Desenfocar Pixelar Agregar ruido

3. Usa tu cámara para tomar dos retratos de amigos o familiares. Si es posible, utilicen ropa y accesorios que parezcan de alguna época pasada. Después guarda las fotografías y manipúlalas en Photoshop para darles el efecto de antigüedad.

Color 109

tema

D  La fotografía a color La fotografía 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 fotografía a color fue obtenida por el físico escocés, James Clerk Maxwell. La primera película fotográfica a color, conocida como Kodachrome, fue puesta en el mercado en 1935. Esta película consistía en un tipo de placa-pantalla, hecha de minúsculos granos de fécula de papa. La placa filtraba la luz roja, verde y azul a través de cada grano, hacia una película fotográfica en contacto con ella. Luego era revelado a negativo para invertirlo e imprimirlo a positivo. Una fotografía a color debe provocar una respuesta emocional de acuerdo con el tema que está representando.

Imagen 5-7:  Fotografía cortesía de Thy Bun. Usadas con permiso.

Imagen 5-8:  Fotografía cortesía de Thy Bun. Usadas con permiso.

110 DISEÑO DIGITAL

P RO Y ECT O

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 . ¤¤ En el menú Image/Adjustments/Selective Color (Imagen/Ajustes/Corrección Selectiva), ajustarás el color de la imagen. En el cuadro de diálogo 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 Cyan (Cyan)

Blues (Azules) +1

Cyan (Cyan)

Magentas -19

Cyan (Cyan)

+32

Magenta (Magenta)

-11

Magenta (Magenta)

+6

Magenta (Magenta)

-20

Yellow (Amarillo)

-20

Yellow (Amarillo)

-21

Yellow (Amarillo)

+34

Black (Negro)

-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)

Blacks (Negros)

color), puedes corregir los colores de la imagen con mayor precisión. 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.

Color 111

¿Qué aprendiste? TEMA A: A comparar y describir los diversos modos de color en los que es posible manipular imágenes, analizando las características que componen a cada uno de ellos. TEMA B: Que es posible aplicar ajustes a fotografías para mejorar su aspecto o modificar su apariencia. TEMA C: Cómo manipulando el modo de color de una imagen, se puede cambiar su apariencia a blanco y negro o hacerla parecer que es una fotografía antigua. TEMA D: A realizar ajustes más precisos de brillo y contraste modificando individualmente los parametros CMYK.

EVALUACIÓN

05 1. Investiga qué es el Bromuro de Plata y para qué se empleaba dentro de la fotografía.

2. En fotografía ¿qué es ISO?

3. Realiza un ensayo digital sobre la fotografía en blanco y negro con ejemplos gráficos. Puedes usar PowerPoint® o cualquier otro programa de presentaciones.

112 DISEÑO DIGITAL

Toma en cuenta que en tanto más grande es la cantidad de megapixeles a editar, mayores serán los requerimientos que se le exijan a la computadora.

Un id ad NIVEL: Básico

06

¿Cómo mejora r fo togra f ías?

DURACIÓN SUGERIDA: 8 SESIONES / 45-50 MINUTOS

Durante el desarrollo de esta unidad aprenderás a: A Describir los pasos para obtener mejores fotografías. B Conocer el concepto de filtro fotográfico, sus aplicaciones y principales. C Identificar procesos para la restauración de fotografías viejas al digitalizarlas y modificarlas en Photoshop®.

DISEÑO DIGITAL Photoshop AUTOR: CARLOS ZEPEDA CHEHAIBAR

®

CS5

tema

A  Plan de trabajo para sacar una fotografía Tomar fotografías de calidad profesional y de forma eficiente, requiere de una planeación 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é día y hora, qué elementos se necesitan para la fotografía y qué iluminación se tendrá disponible. b. Realiza la captura de imágenes, tomando siempre varias fotos. Después podrás elegir las mejores y eliminar las que no te gusten. c. Mejora las imágenes utilizando Adobe® Photoshop®. d. Edita fotomontajes, textos y efectos. e. Guarda los archivos terminados. f. Imprímelos o simplemente visualízalos en el navegador de Adobe® Bridge®.

La Iluminación Dentro de la fotografía, podemos clasificar a las luces por el tipo de sombra que generan. ¤¤ Luces duras: Estas luces generan sombras nítidas. El sol directo, las lámparas 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 iluminación dentro y fuera del estudio fotográfico. Sujeto u objeto

Luz de efecto. Añade relieve al objeto y lo separa del fondo.

Luz de fondo. Se encarga de iluminar el fondo.

Luz Principal. Determina la exposición y la orientación correcta de la luz, así como la calidad de las sombras.

114 DISEÑO DIGITAL

Cámara

Luz de relleno. Determina el contraste del objeto. Debe ser más tenue.

Los planos de la fotografía En la fotografía se le llama “plano” a todo aquello que está a una misma distancia de la cámara. Una fotografía puede tener uno o varios planos, que se identifican dependiendo de la orientación que tome la cámara o del encuadre que se elija.

6-01 LÁM INA

Planos en la fotografía

P RO Y EC T O

6-01

Haciendo un estudio fotográfico 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 lámparas pequeñas o linternas. 1. Debes colocar una mesa pegada a una pared. Esto servirá de fondo para la foto, ya que pegarás 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 más atractivos, rocíalos con agua para formar pequeñas gotas. 4. Coloca una lámpara a cada lado de la escena o pide a dos amigos que te ayuden a dirigir la luz hacia los objetos. Ve a través del visor de la cámara para decidir si es o no correcta la iluminación que se le dará al objeto. 5. Decide el encuadre que quieres para la fotografía y captúrala. Realiza varias tomas con diferentes parámetros, encuadres e iluminación. 6. Utiliza Adobe® Photoshop® para hacer ajustes de calidad a la fotografía. 7. Utilízala para crear un cartel o volante publicitario.

¿Cómo mejorar fotografías? 115

Elementos de composición La composición es la organización, selección y disposición de los sujetos dentro de la fotografía. Se basa en conceptos básicos como la forma, el volumen, el ritmo y la textura, para una mejor comprensión de la imagen. Las nociones básicas sobre la composición de una imagen, son algo que debe tener en cuenta quien se sitúa tras una cámara fotográfica.

6-02 LÁM INA

Elementos de composición

A C T IVIDA D

6-01

Utilizando la composición para fotografía

1. En esta actividad debes aplicar cada uno de los elementos de composición que hemos explicado. Para ello, toma fotografías que ilustren claramente cada elemento de composición. Elige al menos una imagen para ejemplificar cada elemento. 2. Utiliza Photoshop® para modificar o darle más realce a tus fotografías. 3. Crea un muestrario fotográfico digital (puedes utilizar PowerPoint®), en el que muestres el nombre del elemento de composición y una o dos fotografías que ejemplifiquen claramente lo que significa. 4. Guarda tu trabajo para usarlo en una exposición fotográfica al final del curso.

6-03 LÁM INA

116 DISEÑO DIGITAL

Tips para sacar mejores fotografías

tema

B  Los Filtros de Adobe® Photoshop® En la fotografía 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 fotografía digital, los mismos efectos (y muchos más) se pueden lograr aplicando filtros en la computadora como los que incluye Adobe Photoshop. Para aplicar un filtro a una capa o selección, utiliza el menú Filter (Filtro). Los filtros están agrupados según el tipo de efecto que producen:

¤¤ Artistic (Filtros Artísticos): simulan efectos de pintura. ¤¤ Blur (Desenfocar): suaviza las imágenes. ¤¤ Brush Strokes (Trazos de pincel): simula los trazos de pincel. ¤¤ Distort (Distorsión): realiza distorsiones geométricas. ¤¤ Noise (Ruido): añade o elimina ruido a la imagen. ¤¤ Pixelate (Píxelar): agrupa píxeles semejantes. ¤¤ Render (Interpretar): filtros con diversos efectos. ¤¤ Sharpen (Enfocar): junta píxeles y corrige imágenes. ¤¤ Sketch (Bosquejar): dan efecto de 3D a las imágenes, 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 selección 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

¿Cómo mejorar fotografías? 117

P RO Y EC T O

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 píxeles originales. 3. Aplica un filtro artístico usando cualquier opción del menú Filter/Artisitc (Filtro/Artístico). 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 artístico diferente. Repite los pasos hasta conocer todos los filtros de esta categoría, guardando en cada caso el archivo con un nombre distinto. 7. De forma similar, utiliza ahora algunas de las fotografías que has tomado en actividades previas y aplícales diferentes filtros. La mejor manera de conocer los filtros es usándolos. Modifica al menos diez fotografías más.

Acciones (Actions) Imagina que tienes decenas o quizás cientos de fotografías con características similares. Puede ser que todas se hayan tomado en un evento deportivo o en una reunión. Lo más probable es que muchas de ellas requieran los mismos ajustes, como aumento de brillo, saturación de color o realce con algún filtro artístico. Si tienes que aplicar varios ajustes a cada imagen, el trabajo puede ser muy tedioso. La función Actions (Acciones) es la automatización de tareas repetitivas en Adobe Photoshop. Puedes crear una acción que contenga muchos ajustes, como cambiar las imágenes de tamaño, grabarlas en cierto formato y convertirlas a escala de grises, todo con un sólo comando. Si no se encuentra visible, la paleta Acciones se muestra con menú Window/Actions (Ventana/ Acciones).

118 DISEÑO DIGITAL

Para crear una nueva acción, primero presiona en el panel Actions (Acciones) el botón Create New Action (Crear Nueva Acción). Esto permite asignar un nombre a la acción y automáticamente inicia el modo de grabación. Puedes comprobar que la acción está grabando porque se activa el botón rojo Recording (Grabación). Mientras esté en el modo de grabación, todas las operaciones que realices se guardan en la acción. Para terminar de grabar presiona el botón Stop recording (Detener grabación). Una vez grabada, puedes ejecutar una acción seleccionándola y activando el botón Play (Reproducir) en el panel Actions (Acciones).

6-02 VIDEO

Acciones

P RO Y ECT O

6-03

Creando Acciones

1. Abre la imagen Patos.psd que está en los Recursos Digitales. 2. Crea una nueva acción en la paleta Acciones, usando el botón Create new action (Crear nueva acción). Nombra esta acción como “Naturaleza”. A partir de ahora todo lo que hagas quedará grabado. 3. Crea una nueva capa y selecciónala como capa activa. 4. Con la herramienta Rectangular Marquee (Marco Rectangular) traza un rectángulo en la parte de arriba de la imagen. 5. Utiliza el menú Edit/Fill (Edición/Rellenar) o las teclas , para crear un relleno con los siguientes parámetros: ¤¤ Use (Uso): White (blanco) ¤¤ Opacity (Opacidad): 20% La selección se llenará con un color blanco semitransparente. 6. Quita la selección utilizando .

¿Cómo mejorar fotografías? 119

7. Ahora establece los colores de frente y de fondo predeterminados. La forma más rápida de hacerlo es con la tecla . A continuación intercambia los colores de frente y fondo, ya sea usando la flecha de intercambio en la barra de herramientas o con la tecla . 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 rectángulo 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 rectángulo. 11. Termina la grabación de la acción presionando el botón Stop Recording (Detener) del panel Actions (Acciones). 12. Utiliza tu nueva acción para aplicar el mismo acabado a las demás imágenes que se encuentran en la carpeta Acciones_PS.psd

A C T IVIDA D

6-02

Fotografías 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 también determina qué tan rápido se puede congelar la acción de una escena en movimiento. Este concepto es fundamental para que las fotos de sujetos que se mueven salgan nítidas o bien, salgan difusas para dar un mejor efecto. En estas tres fotografías se ve la diferencia entre usar una velocidad rápida (1/1000 de segundo), media (1/250 seg.) y lenta (1/4 de segundo). Entre más rápido 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 fotografía es mejor que otra, pues depende de lo que se quiera expresar con las imágenes.

120 DISEÑO DIGITAL

Si tu cámara 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 obturación, toma tu cámara y captura fotografías de: ¤¤ ¤¤ ¤¤ ¤¤ ¤¤ ¤¤

Gente caminando Gente corriendo Personas patinando o montando en bicicleta Automóviles en movimiento Animales en movimiento Actividades que involucran movimiento, como uso de máquinas, tocar instrumentos musicales y bailar, entre otras.

2. Recopila en total al menos 25 fotografías y ve tomando nota de los parámetros usados para cada foto. 3. Examina y anota los efectos visuales que producen las distintas velocidades o modos de la cámara. 4. Guarda las imágenes, ajústalas y mejóralas usando Photoshop. 5. Elabora un reporte digital ilustrado con tus conclusiones.

¿Cómo mejorar fotografías? 121

A C T IVIDA D

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 distribución de objetos cercanos (a pocos centímetros o metros de la cámara) 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 cámara ¤¤ Un objeto pequeño frente a un gran paisaje 1. Realiza para cada escena varias tomas procurando lograr estos efectos: a. Los objetos cercanos están nítidamente enfocados y los lejanos desenfocados. b. Los objetos lejanos están nítidamente 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 imágenes 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 fotografía de retrato o un objeto en un determinado entorno. 3. Organiza una mesa de discusión o un panel, para exponer las conclusiones de esta actividad. Guarda tu trabajo para usarlo en una exposición fotográfica al final del curso.

A C T IVIDA D

6-04

Actividad sobre exposición

Recuerda que la exposición de una fotografía depende de la cantidad de luz que llegue al sensor de la cámara fotográfica. Aunque se puede mejorar con Photoshop®, uno de los aspectos más importantes de una buena fotografía, es una correcta exposición desde el momento en que se captura la escena.

122 DISEÑO DIGITAL

Para aprender a dar la exposición correcta a tus fotografías, lo mejor es practicar de manera sistemática y analizar los resultados de tus imágenes. Tu cámara debe tener un ajuste de exposición, ya sea manual o semiautomático en modos como luz de día, atardecer, nublado, foto nocturna, entre otros. 1

2

3

La primera fotografía está sub-expuesta, por lo que se ve demasiado oscura. Puedes ver una exposición correcta en la segunda imagen. La tercera fotografía 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 fotografía desde el mismo ángulo, cambiando los parámetros de exposición o modos de tu cámara. El objetivo es comparar el resultado de cada toma, por lo que es importante que tomes nota de los parámetros 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 análisis 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 lámpara frente a un fondo oscuro. 5. Guarda los tres sets de imágenes en la computadora y analízalos con el resto del grupo. 6. Cuando tengas los resultados, realiza un pequeño reporte acerca de cómo lograr una correcta exposición y cómo el contraste entre el sujeto y el fondo afectan el resultado. Incluye imágenes para ilustrar tu trabajo.

¿Cómo mejorar fotografías? 123

P RO Y EC T O

6-04

Trabajando con retratos y paisajes

1. Organicen equipos de dos a cuatro personas. Cada equipo debe tomar dos fotografías de retrato, que después serán 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, educación, ciencias, negocios o cualquier otro. La portada debe cumplir los siguientes requisitos mínimos: ¤¤ Ser creada, modificada y editada en Adobe® Photoshop®. ¤¤ Debe ser tamaño carta, con una resolución de 300 dpi, modo CMYK. ¤¤ Debe incluir el retrato que tomaste, manipulado y corregido para mejorar su aspecto o darle un efecto más interesante. ¤¤ Puede incluir otras fotografías, mientras sean tomadas por miembros del equipo. ¤¤ Debe tener textos y créditos, 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. ¤¤ Acompaña tu portada con un pequeño ensayo donde se explique por qué se escogió ese tema y cuál fue su finalidad. 3. En esta segunda parte, deben tomar muchas fotografías para elegir sólo las tres mejores. ¤¤ Una foto diurna de la naturaleza, ya sea un jardín, un campo, un lago o una montaña. ¤¤ Una foto nocturna de una población o ciudad. ¤¤ Una fotografía 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 tamaño del poster debe ser 30 X 60 cm (puede ser vertical u horizontal). b. Crea una invitación a una fiesta para celebrar el año nuevo, con la foto de la escena nocturna. La fotografía debe convertirse a sepia y hay que incluir los textos apropiados. El tamaño de la invitación es de 15 x 8 cm. c. La fotografía deportiva debe ser preparada para el periódico escolar. Esta fotografía estará fusionada con otras tres, como mínimo y debe incluir un texto que explique la escena. Debe guardarse en formato TIFF.

124 DISEÑO DIGITAL

tema

C  El retoque fotográfico Muchas personas tienen fotografías impresas, que fueron tomadas antes de la era digital. En las fotografías más viejas, el paso del tiempo y el efecto de los productos químicos con los que se reveló el papel, hacen que la imagen tome un tono amarillento en las zonas claras. El plástico protector que cubre la fotografía, se puede despegar en algunas zonas y en otras se llega a perder totalmente la imagen. Para salvar una fotografía de este tipo, puedes escanearla y restaurar las zonas dañadas usando Adobe Photoshop. Después puedes conservarla y compartirla en su formato digital o realizar una nueva impresión en papel.

P RO Y EC T O

6-05

Eliminando ojos rojos

1. Abre la imagen Ojosrojos.psd que está en los Recursos Digitales. 2. Amplía 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 botón 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 parámetros en la paleta de opciones de la herramienta. 5. Guarda el ejercicio con el nombre Ojoscorregidos.psd en la carpeta que indique tu profesor.

¿Cómo mejorar fotografías? 125

P RO Y EC T O

6-06

Restaurando fotografías

1. Abre las imágenes Antigua.psd y Cara_a.psd que están en los Recursos Digitales. 2. Empieza tu trabajo con la imagen Cara_a.psd. Selecciona la herramienta Zoom y acércate para ver con más precisión las zonas deterioradas. 3. Usa las herramientas Spot Healing Brush (Pincel Corrector Punctual) y Clone Stamp Tool (Tampón de clonar), con mucha paciencia tapa las manchas y corrige las zonas deterioradas. Recuerda que tendrás que modificar las opciones de la herramienta, según las características 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 máscara de capa. 8. Utiliza un pincel de color negro para pintar sobre la máscara 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 máscara. 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 DISEÑO DIGITAL

A C TIVIDA D

6-05

Fotografía publicitaria

En este proyecto debes tomar fotografías con mayor grado de dificultad. Como las imágenes se usarán 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 iluminación natural o artificial según 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 cámara fotográfica f. Un juguete g. Una flor o grupo de flores h. Una puerta o ventana que sea estética i. Un automóvil 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 iluminación o el de otros objetos. Si la fotografía tiene reflejos o sombras indeseadas, si está movida, desenfocada o fuera de encuadre, se considera que la imagen es inutilizable y deberás tomar más, 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 exposición y concurso de imagen publicitaria, en el que se premie a la mejor fotografía y manipulación digital, para cada uno de los diez objetos.

¿Cómo mejorar fotografías? 127

¿Qué aprendiste? TEMA A: A cómo mejorar tu técnica para capturar imágenes de alta calidad y expresión, al emplear los principios de composición de imagen en tus fotografías. TEMA B: Cómo aplicar filtros, su organización y efectos sobre una imagen. TEMA C: Corregir defectos en imágenes o modificar imágenes para expresar una idea específica.

EVALUACIÓN

06 1. Explica brevemente para qué se emplean los filtros en Adobe® Photoshop®:

2. ¿Qué apariencia tiene una fotografía que ha sido sub-expuesta?

3. ¿Qué es la composición?

4. Describe al menos dos elementos de composición:

128 DISEÑO DIGITAL