Diseño Digital Producción de Imagen Digital con Photoshop
Transcripción
Diseño Digital Producción de Imagen Digital con Photoshop
Diseño Digital Producción de imagen digital con Photoshop Carlos Zepeda Chehaibar Profesor INFORMÁTICA aprender haciendo DISEÑO DIGITAL Producción de imagen digital con Photoshop Autor Carlos Zepeda Chehaibar Apoyo en desarrollo y actividades Samantha Méndez Domínguez Coordinación editorial y revisión Elsa Lesser Carrillo Coordinación de ilustración Ramón Salas Gil Ilustración de portada Armando Mendoza Hernández Ilustración de Interiores Jorge Zúñiga Reza Said Emmanuel Dokins Milián Revisión de Recursos Digitales Carlos Alberto León Rendón Fotografía Carlos Zepeda Chehaibar Resolución de actividades Samantha Méndez Domínguez Diseño editorial María Goretti Fuentes García Apoyo editorial José Agustín Pedraza Nieto Corrección de estilo Elsa Lesser Carrillo Lorena Lara Manzano Coordinación de Módulos de Instrucción Digital Sergio Jiménez Valenzuela Desarrollo de Módulos de Instrucción Digital Alma Rodríguez de Jesús Dennise López Font Sergio Jiménez Valenzuela DERECHOS RESERVADOS © 2007 MMVII por Grupo Educare S. A. de C. V. Ésta 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 Introducción e historia1 Ediciones de Photoshop2 Tipos de imágenes 3 Imágenes vectoriales3 Imágenes de mapa de bits4 Digitalización de imágenes5 Escáner5 Cámara Digital6 Lámina de apoyo 01 Vectores vs. Bitmaps 6 Actividad 01 Comenzando con Photoshop7 Actividad 02 Uso del escáner 9 Entorno de trabajo de Photoshop11 MID 01 Pantalla principal de Photoshop 12 Creación de un documento nuevo (New) MID 02 Nuevo Documento y Abrir archivos 12 15 Abrir archivos (Open)15 Abrir archivos con Adobe Bridge17 Gestión de archivos con Adobe Bridge18 MID 03 Abrir y Gestión de archivos 18 Actividad 03 Repaso18 Cerrar y Guardar una imagen MID 04 Cerrar y Guardar una imagen 21 22 Compresión de la imagen22 Actividad 04 Compresión23 La Barra de herramientas24 Herramienta de selección24 MID 05 Barra de herramientas 26 Tolerancia26 MID 06 Manejo de Tolerancia en Varita mágica y Cubeta de pintura26 Actividad 05 Figuras simples por medio de selecciones 27 Actividad 06 Selecciones28 Selecciones como máscaras29 Actividad 07 ¿Porqué máscaras?29 Herramienta de pintura30 CONTENIDO Color de frente (Foreground) y Color de fondo (Background) 32 Actividad 08 Pintando con Adobe Photoshop 32 Actividad 09 Quitando cables34 Actividad 10 Quitando imperfecciones o manchas 35 Actividad 11 Pintando píxeles en el modo RGB 36 Actividad 12 Jugando con los píxeles en el modo CMYK 38 Herramientas de edición40 Actividad 13 Creando texto en Adobe Photoshop 41 Herramientas de visualización42 Otras herramientas42 Actividad 14 Repaso de herramientas 43 Actividad 15 Corregir la inclinación de una foto 44 Paleta Historia (History)44 Actividad 16 Separar imágenes45 Las Capas (Layers)46 Crear y eliminar capas47 Capa activa47 La visibilidad de una capa 48 MID 07 Capas (Layers) 48 Actividad 17 Repaso de capas 49 Actividad 18 Creando capas manualmente 49 Actividad 19 Jugando con capas 51 Actividad 20 Fusión de imágenes para crear un timbre postal 52 Las herramientas de la paleta Capas 53 Modos de fusión53 MID 08 Herramientas de la paleta capas 55 Actividad 21 Coloreando fotografía con Modos de fusión 55 Bloqueo de Capas (Lock) 56 Anidar Capas (Link Layers) 56 Combinar Capas (Merge Layers) 57 MID 09 Bloquear, añadir y combinar capas 57 Opacidad (Opacity)57 Relleno (Fill)57 Actividad 22 Experimentando con capas 58 Los estilos de capa (Add a Layer style) 59 MID 10 Estilos de capa, Opacidad y Relleno 60 Actividad 23 Estilos de capa 60 Actividad 24 Trabajando con los Modos de Capa 61 Transformación de la capa (Transform) 64 MID 11 Transformación de la capa 65 Actividad 25 Transformar una capa 66 Crear Máscara de capa (Add layer mask) 68 Actividad 26 Fusión de imágenes para portadas de revista 68 CONTENIDO Actividad 27 Fusionando dos imágenes con ayuda del pincel 69 Capas de relleno o ajuste (Create new fill or adjustment layer) 70 MID 12 Capas de relleno o ajuste 72 Actividad 28 Restaurando una imagen con las capas de ajuste y relleno72 Actividad 29 Paletas y máscaras 73 La fotografía74 Historia de la fotografía74 Lámina de apoyo 02 Fotografía e historia de la fotografía 75 Actividad 30 La fotografía 76 Actividad 31 Reflexión 76 Actividad 32 Haciendo un daguerrotipo 77 Actividad 33 Ensayo fotográfico 77 Los géneros fotográficos 78 Actividad 34 Géneros fotográficos 81 Actividad 35 Compartiendo sensaciones y emociones de una fotografía82 La cámara fotográfica 82 Actividad 36 Crea una cámara oscura 83 Elementos de la cámara fotográfica 84 Actividad 37 Conociendo tu cámara fotográfica 87 Tipos de cámaras fotográficas 89 Lámina de apoyo 03 Tipos de cámara 91 Actividad 38 Tu cámara92 Actividad 39 Estudio de mercado 94 La profundidad de campo96 Actividad 40 Fotografía de acercamiento 97 Actividad 41 Repaso de la fotografía 99 Modos de color en Photoshop (Mode)100 Lámina de apoyo 04 Modos de color 101 Los ajustes de la imagen (Adjustment) 101 MID 13 Los ajustes de la imagen 102 Actividad 42 Ajustando fotografías103 Actividad 43 Mejorando malas fotografías 103 La fotografía en blanco y negro Actividad 44 Imágenes del pasado 104 105 La fotografía a color106 Actividad 45 Investigación107 Actividad 46 Corrigiendo los tonos y brillos de una imagen 107 CONTENIDO Los Filtros de Adobe Photoshop110 MID 14 Filtros111 Actividad 47 Trabajando con Filtros 111 Acciones (Actions)111 MID 15 Acciones112 Actividad 48 Creando Acciones112 Actividad 49 Fotografías de velocidad 113 Actividad 50 Fotos de profundidad 115 Actividad 51 Actividad sobre la exposición 115 Actividad 52 Trabajando con retratos 118 Actividad 53 Trabajando con paisajes 118 Plan de trabajo para sacar una fotografía 119 La Iluminación119 Los planos de la fotografía 120 Lámina de apoyo 05 Planos en la fotografía 120 Actividad 54 Haciendo un estudio fotográfico del producto 121 Actividad 55 Fotografía publicitaria121 Elementos de composición122 Lámina de apoyo 06 Elementos de composición 130 Actividad 56 Utilizando la composición para fotografía 131 Tips para obtener mejores fotografías 131 Lámina de apoyo 07 Tips para obtener mejores fotos 132 Actividad 57 Composición132 El retoque fotográfico Actividad 58 Restaurando fotografías Actividad 59 Eliminando ojos rojos 133 133 134 Proyecto de integración 1136 Impresión de fotografías en ropa Proyecto de integración 2137 Bienal de fotografías 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 de manera práctica e inmediata la parte teórica de este material. MID. Módulo de Instrucción Digital Es el material digital de los recursos del programa. La representación en video de la parte teórica de este volumen. Nota Las notas que verás dentro de tu texto, puntualizan la teoría o los aspectos más importantes de un tema. 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. 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. Propuesta Didáctica TIEMPO EN SEMANAS TEMAS 1 /2 S e m a n a D ise ñ o D igita l 1 /2 S e m a n a E d icio n e s d e P h o to sh o p 1 Sem ana T ip o s d e im á g e n e s 1 Sem ana D igita liza ció n d e im á g e n e s SUBTEMAS In tro d u cció n e h isto ria COMPETENCIA C o n o ce la h isto ria d e l d ise ñ o d igita l. M e m o riza la s e d icio n e s que se p u e d e n e m p le a r e n Ph o to sh o p . Im á g e n e s ve cto ria le s Im á g e n e s d e m a p a d e b its A p re n d e a u tiliza r lo s d o s tip o s d e im á g e n e s: ve cto ria le s y m a p a d e b its. E scá n e r C á m a ra D igita l D e scrib e e l fun cio n a m ie n to d e l e scá n e r p a ra d igita liza r im á g e n e s e n d ife re n te s re so lu cio n e s. E n lista e l e n to rn o d e tra b a jo que p u e d e s u tiliza r e n Ph o to sh o p . 1 /2 S e m a n a E n to rn o d e tra b a jo d e P h o to sh o p 1 /2 S e m a n a C re a ció n d e u n d o cu m e n to n u e vo N u e vo d o cu m e n to . A b rir u n d o cu m e n to D e sa rro lla u n n u e vo d o cu m e n to co n e sp e cifica cio n e s d a d a s. A b re u n d o cu m e n to e xiste n te . 1 /2 S e m a n a A b rir a rch ivo s co n A d o b e B rid ge G e stió n d e a rch ivo s co n A d o b e B rid ge C re a u n n u e vo d o cu m e n to e n Ph o to sh o p co n Ad o b e Br id ge . 1 /2 S e m a n a C e rra r y G u a rd a r u n a im a g e n C e rra r y guard a r un a im a g e n G u a rd a u n a im a g e n d e n tro d e u n a rch ivo . C o m p re sió n d e la im a g e n D e scrib e la s ca ra cte ristica s ge n e ra le s d e la co m p re n sió n d e u n a im a g e n . 1 Sem ana C o m p re sió n d e la im a g e n 5 Sem anas L a b a rra d e h e rra m ie n ta s 1 Sem ana P a le ta H isto ria 2 Sem anas Las Capas 5 Sem anas L a s h e rra m ie n ta s d e la p a le ta Capas H e rra m ie n ta d e se le cció n T o le ra n cia S e le ccio n e s co m o m á sca ra s H e rra m ie n ta d e p in tu ra C o lo r d e fre n te (F o re gro u n d ) C o lo r d e fo n d o (B a ckgro u n d ) H e rra m ie n ta s d e e d ició n H e rra m ie n ta s d e visu a liza ció n O tra s h e rra m ie n ta s U tiliza ca d a u n a d e la s h e rra m ie n ta s qu e se e n cu e n tra n e n la b a rra , y re a liza la s a p lica cio n e s n e ce sa ria s e n u n n u e vo d o cu m e n to . S e p a ra u n a im a g e n ya e xiste n te y gu árd a la e n u n a n u e va ca rp e ta . C re a r y e lim in a r ca p a s C a p a a ctiva L a visib ilid a d d e u n a ca p a M o d o s d e fu sió n B lo q u e o d e C a p a s A n id a r C a p a s C o m b in a r C a p a s O p a cid a d R e lle n o L o s e stilo s d e ca p a T ra n sfo rm a ció n d e la ca p a C re a r M á sca ra d e ca p a C a p a s d e re lle n o o a ju ste Id e n tifica e l u so d e la s ca p a s. C re a y e lim ín a la s d e n tro d e l p ro gra m a . R e la cio n a y p ra ctica e l u so d e ca d a u n a d e la s h e rra m ie n ta s que se u tiliza n a l tra b a ja r co n ca p a s. INDICADOR D e scrib e la h isto ria d e l d ise ñ o d igita l d e sd e su s o ríge n e s. E n lista la s e d icio n e s qu e se a p lica n e n Ph o to sh o p . E je m p lifica la s fu n cio n e s qu e tie n e ca d a u n a d e la s im á g e n es ve cto ria le s y lo s m a p a s d e b its. OBJETIVOS C o m p a ra la h isto ria y la s a p lica cio n e s d e D ise ñ o D igita l, e n re la ció n co n o tro s p ro gra m a s. R e co n o ce la s e d icio n e s que se a p lica n d e n tro d e u n tra b a jo u tiliza n d o e l p ro gra m a Ph o to sh o p . Id e n tifica ca d a u n a d e la s im á g e n es ta n to ve cto ria le s co m o m a p a d e b its p a ra a p lica rla s a d e cu a d a m e n te . E sca n e a u n a im a g e n e n la reso lu ció n que se so licite .D e scrib ir la s a ccio n e s que p u e d e s a p lica rle e n Ph o to sh o p . D istin gue e l tra b a jo que se p u e d e re a liza r co n u n e scá n e r y co n u n a cá m a ra d igita l. R e a liza u n d ia gra m a u b ica n d o e l e n to rn o d e tra b a jo d e Ph o to sh o p . U b ica e l e n to rn o d e tra b a jo p a ra u tiliza r co rre cta m e n te e l p ro gra m a d e Ph o to sh o p . C o n stru ye d o cu m e n to s n u e vo s. A b re d ife re n te s a rch ivo s e n P h o to sh o p . E xp lica qu é sign ifica n la s e sp e cifica cio n e s d e u n d o cu m e n to n u e vo . D e scrib e lo s p a so s n e ce sa rio s p a ra a b rir u n a rch ivo co n A d o b e B rid ge . A b re y guard a u n a im a g e n a p a rtir d e u n n u e vo d o cu m e n to . E n lista la s ca ra cte rística s gene ra le s e n la co m p re sió n d e u n a im a g e n. C o m p rim e u n a im a g e n a n te s d e e n via rla p o r co rre o . D e fin e la a p lica ció n d e ca d a u n a d e la s h e rra m ie n ta s qu e se e n cu e n tra n e n la b a rra . C o n stru ye u n a n u e va im a g e n e m p le a n d o ca d a u n a d e la s h e rra m ie n ta s. C a m b ia e l co lo r d e fre n te y e l co lo r d e fo n d o e n u n a im a g e n ya e xiste n te . D ise ñ a u n fo rm a to co n to d a s la s fórm u la s qu e p u e d e s a p lica r co n la b a rra d e h e rra m ie n ta s. N o m b ra la s ca ra cte risitica s b á sica s d e u n a p a le ta . M o d ifica u n a im a g e n ca m b ia n d o lo s se cto re s d e lo s co lo re s p re d e te rm in a d o s. A p lica la e d ició n e n m ásca ra , la e d ició n e n m o d o e sta n d a r y e l p in ce l b ru sh to o l, u tiliza n d o e l b o rra d o r cu a n d o se a n e ce sa rio . D e fin e a m p lia m e n te e l u so d e la s ca p a s. G e n e ra ca p a s n u e va s y ju e g a co n e lla s. C o n stru ye u n tim b re p o sta l. ACTIVIDADES SUGERIDAS PARA EL ALUMNO (CONTENIDAS EN EL MATERIAL DE TRABAJO) C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o e in te rn e t C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o e in te rn e t C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o A ctivid a d 0 1 C o m e n za n d o co n P h o to sh o p A ctivid a d 0 2 U so d e l e scá n e r C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o A p re n d e a a b rir u n d o cu m e n to A p lica la a p e rtu a d e u n n u e vo a rch ivo co n A ctivid a d 0 3 R e p a so A d o b e B rid ge . A p re n d e a guard a r y ce rra r u n a im a g e n . D e m u e stra co m o se co m p rim e u n a im a g e n . A ctivid a d 0 4 C o m p re sió n A ctivid a d A ctivid a d A ctivid a d Id e n tifica y p ra ctica e l u so d e ca d a u n a d e A ctivid a d A ctivid a d la s h e rra m ie n ta s que se e m p le a n e n e l A ctivid a d p ro gra m a . A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d D ivid e im á g e n e s d e n tro d e u n a p la e ta . RECURSOS 05 06 07 08 09 10 11 12 13 14 15 F igu ra s sim p le s p o r m e d io d e se le ccio n e s S e le ccio n e s ¿ P o rqu é m á sca ra s? P in ta n d o co n A d o b e P h o to sh o p Q u ita n d o ca b le s Q u ita n d o im p e rfe ccio n e s o m a n ch a s P in ta n d o p íxe le s e n e l m o d o R G B Ju gando co n lo s p íxe le s e n e l m o d o C M Y K C re a n d o te xto e n A d o b e P h o to sh o p R e p a so d e h e rra m ie n ta s C o rre gir la in clin a ció n d e u n a fo to A ctivid a d 1 6 S e p a ra r im á g e n e s C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o O rganiza lo s co m p o n e n te s qu e fo rm a u n a im a g e n, a p lica n d o la s ca p a s. A ctivid a d A ctivid a d A ctivid a d A ctivid a d 17 18 19 20 R e p a so d e ca p a s C re a n d o ca p a s m a n u a lm e n te Ju gando co n ca p a s F u sió n d e im á g e n e s p a ra cre a r u n tim b re p o sta l E n u m e ra la s h e rra m ie n ta s qu e se u tiliza n e n la s ca p a s E n u n a n u e va im a g e n a p lica E va lúa to d a s la s h e rra m ie n ta s d e la p a le ta la s h e rra m ie n ta s d e : M o d o s d e fu sió n , que se u tiliza n e n la s ca p a s. b lo q u e o d e ca p a s,a n id a r ca p a s, co m b in a r ca p a s, o p a cid a d ,re lle n o , e stilo s d e ca p a s, tra n sfo rm a ción d e u n a ca p a , ca p a s d e re lle n o o d e a ju ste . A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d y re lle n o A ctivid a d 21 22 23 24 25 26 27 28 C o lo re a n d o fo to gra fía co n M o d o s d e fu sió n E xp e rim e n ta n d o co n ca p a s E stilo s d e ca p a T ra b a ja n d o co n lo s M o d o s d e ca p a C o m p u ta d o ra , T ra n sfo rm a r u n a ca p a m a te ria l d e a p o yo d e l F u sió n d e im á g e n e s p a ra p o rta d a s d e re vista a lu m n o y cd d e l a lu m n o F u sio n a n d o d o s im á g e n e s co n a yu d a d e l p in ce l R e sta u ra n d o u n a im a g e n co n la s ca p a s d e a ju ste 2 9 P a le ta s y m á sca ra s TIEMPO EN SEMANAS TEMAS 5 Sem anas L a fo to gra fía 1 Sem ana L a p ro fu n d id a d d e ca m p o 1 Sem ana M o d o s d e co lo r e n P h o to sh o p 1 Sem ana L o s a ju ste s d e la im a g e n 1 Sem ana L a fo to gra fía e n b la n co y negro 1 Sem ana L a fo to gra fía a co lo r 1 Sem ana L o s F iltro s d e A d o b e P h o to sh o p 2 Sem anas A ccio n e s 1 Sem ana P la n d e tra b a jo p a ra sa ca r u n a fo to gra fía SUBTEMAS H isto ria d e la foto gra fía L o s género s foto grá fico s L a cá m a ra foto grá fica E le m e n to s d e la cá m a ra foto grá fica T ip o s d e cá m a ra s fo to grá fica s COMPETENCIA N a rra a m p lia m e n te la h isto ria d e la fo to gra fía y lo s géne ro s fo to gráfico s. D ife re n cia la foto gra fía d e a ce rca m ie n to y re p a sa la p ro fu n d id a d d e ca m p o . C o m p a ra lo s d ive rso s m o d o s d e co lo r qu e se p u e d e n a p lica r e n Pho to sh o p . L o s a ju ste s d e la im a g e n M o d ifica foto gra fía s n u e va s. L a fo to gra fía e n b la n co y negro Id e n tifica la s ca ra cte rística s m á s im p o rta n te s d e la s fo to gra fía s a b la n co y negro . L a fo to gra fía a co lo r L o s F iltro s d e A d o b e P h o to sh o p R e co n o ce la s d ife re n cia s e n tre u n a fo to gra fia e n b la n co y n e gro y u n a fo to gra fía a co lo r. U tiliza lo s filtro s que se e n cu e n tra n e n Ad o b e Ph o to sh o p . A ccio n e s E m p le a la s a ccio n e s que b rin d a Ph o to sh o p p a ra m e jo ra r im á g e n e s. L a Ilu m in a ció n L o s p la n o s d e la foto gra fía R e co n o ce y u tiliza la ilu m in a ció n y lo s p la n o s d e la foto gra fía co m o p la n d e tra b a jo , e n Ph o to sh o p . 1 Sem ana E le m e n to s d e co m p o sició n E le m e n to s d e co m p o sició n U b ica fo to gra fia s que ilu stre n cla ra m e n te ca d a e le m e n to d e co m p o sició n . 1 Sem ana T ip s p a ra o b te n e r m e jo re s fo to gra fía s T ip s p a ra o b te n e r m e jo re s fo to gra fía s A p lica co n se jo s p rá ctico s e n im á g e n es y fo to gra fía s. E l reto qu e fo to grá fico R e sta u ra fo tgra fía s e lim in a n d o o jo s rojo s. 1 Sem ana E l reto qu e fo to grá fico 1 Sem ana P ro ye cto d e in te gra ció n 1 Im p re sió n d e fo to gra fía s e n ro p a A p re n d e a im p irm ir foto gra fia s e n la s p re n d a s d e te la . 1 Sem ana P ro ye cto d e in te gra ció n 2 B ie n a l d e fo to gra fía s M a n ifie sta e l a rte d e la foto gra fía a p lica n d o su s h e rra m ie n ta s. Total 38 semanas INDICADOR OBJETIVOS E la b o ra u n re su m e n so b re la h isto ria d e la fo to gra fica y lo s género s foto grá fico s. D ib u la lo s e le m e n to s qu e co m p o n e n u n a C o n o ce la h isto ria d e la foto gra fia , a sí co m o cá m a ra foto grafía . lo s géne ro s fo to grá fico s. E n lista lo s d ive rso s tip o s d e cá m a ra s fo to grá fica s que e xiste n . C o m p a ra fo to gra fía s y a n a liza su p ro fu n d id a d y d e b a te la s co n clu sio n e s d e lo que o b se rva ste . D e scrib e lo s co lo re s qu e se u tiliza n e n Ph o to sh o p . T o m a va ria s foto gra fía s y a ju sta im á g e n e s fo to gráfica s e n u n ca m p o . M e jo ra la s fo to gra fía s que co n tie n e n im á g e n e s d e ficie n te s. R e co n o ce lo s ca m p o s y la p ro fu n d id a d d e u n a fo to gra fía . A p re n d e a a ju sta r la s im á g e n es, e n u n ca m p o e sp e cífico E n lista la s a ccio n e s qu e se n e ce sita n p a ra Id e n tifica y u tiliza la s d istin ta s a ccio n e s que m e jo ra r foto gra fía s. D ise ñ a u n a ga le ría se p u e d e n a p lica r e n la s cre a ció n d e fo to gráfica . A p lica to d a s la s a ccio n e s fo to gra fía s. qu e se requ ie ra n p a ra m e jo ra r la ca lid a d d e la s fo to gra fía s. E n u m e ra d ive rso s tip s que a yu d e n a m e jo ra r la s fo to gra fia s. A b re u n a ga le ría d e fo to gra fía s. M o d ifíca la s co n la a yu d a d e l re to que fo to gráfico . E lim in a o jo s rojo s e n la s im á g e n es n e ce sa ria s. R e co le cta d ife re n te s p re n d a s d e te la p a ra im p rim ir im á g e n e s y fo to gra fía s e n e lla s. D ise ñ a u n álb u m d e fo to gra fia s d o n d e F o m e n te , reco n o zca , d ifu n d a y p re m ie la cre a tivid a d e n e l a rte d e la foto gra fía . A ctivid a d 3 0 A ctivid a d 3 1 A ctivid a d 3 2 A ctivid a d 3 3 A ctivid a d 3 4 A ctivid a d 3 5 fo to gra fía A ctivid a d 3 6 A ctivid a d 3 7 A ctivid a d 3 8 A ctivid a d 3 9 V a lo ra la ilu m in a ció n y lo s p la n o s d e la fo to gra fía co m o p la n d e tra b a jo . C o m p a ra lo s e le m e n to s d e u n a co m p o sició n . Id e n tifica va rio s tip s p a ra o b te n e r m e jo re s fo to gra fía s. U tiliza e l reto que fo to gráfico . Im p rim e fo to gra fía s o im á g e n e s e n te la . R e a liza u n p ro ye cto m a n ife sta n d o e l a rte d e la foto gra fia y su s a p lica cio n e s. RECURSOS L a fo to gra fía R e fle xió n H a cie n d o u n daguerro tip o E n sa yo foto grá fico C o m p u ta d o ra , G é n e ro s fo to grá fico s m a te ria l d e a p o yo d e l C o m p a rtie n d o se n sa cio n e s y e m o cio n e s d e u n a a lu m n o y cd d e l a lu m n o C re a u n a cá m a ra o scu ra C o n o cie n d o tu cá m a ra foto grá fica T u cá m a ra E stu d io d e m e rca d o A ctivid a d 4 0 F o to gra fía d e a ce rca m ie n to A ctivid a d 4 1 R e p a so d e la foto gra fía Id e n tifica lo s m o d o s y tip o s d e co lo re s e n Ph o to sh o p . E n lista la s ca ra cte rística s im p o rta n te s d e la fo to gra fía a b la n co y negro . C o m p a ra la s ca ra cte risitca s d e la foto gra fia U tiliza d ife re n te s e fe cto s y filtro s p a ra e n b la n co y negro y d e la d e co lo r o b te n e r lo s re su lta d o s d e se a d o s e n la s fo to gra fia s. E scrib e lo s o ríge n e s d e la foto gra fía a D ife re n cia la foto gra fia e n b la n co y n e gro . co lo r. C o rrige lo s to n o s y b rillo s e n u n a D e b a te la im p o rta n cia d e la foto gra fía a im a g e n. co lo r. T ra b a ja co n filtro s d e Ad o b e Ph o to sh o p A p lica lo s filtro s d e Ad o b e Ph o to sh o p p a ra d e n tro d e u n a fo to gra fia . la co n stru cció n d e fo to gra fía s. R e su m e la s ca ra cte rística s m á s im p o rta n te s d e la ilu m in a ció n . R e a liza r u n e stu d io fo to grá fico p a rtie n d o d e u n a fo to gra fía p u b licita ria . C re a u n m u e stra rio foto grá fico d igita l. U tiliza Ph o to sh o p p a ra m o d ifica r o re a lza r a lgunas fo to gra fia s e xiste n te s. ACTIVIDADES SUGERIDAS PARA EL ALUMNO (CONTENIDAS EN EL MATERIAL DE TRABAJO) C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o A ctivid a d 4 2 A ju sta n d o fo to gra fía s A ctivid a d 4 3 M e jo ra n d o m a la s fo to gra fía s C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o A ctivid a d 4 4 Im á g e n e s d e l p a sa d o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o A ctivid a d 4 5 In ve stiga ció n A ctivid a d 4 6 C o rrigie n d o lo s to n o s y b rillo s d e u n a im a g e n A ctivid a d 4 7 T ra b a ja n d o co n F iltro s A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d A ctivid a d 48 49 50 51 52 53 C re a n d o A ccio n e s F o to gra fía s d e ve lo cid a d F o to s d e p ro fu n d id a d A ctivid a d so b re la e xp o sició n T ra b a ja n d o co n re tra to s T ra b a ja n d o co n p a isa je s C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o A ctivid a d 5 4 H a cie n d o u n e stu d io fo to grá fico d e l p ro d u cto A ctivid a d 5 5 F o to gra fía p u b licita ria C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o A ctivid a d 5 6 U tiliza n d o la co m p o sició n p a ra foto gra fía C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o A ctivid a d 5 7 C o m p o sició n A ctivid a d 5 8 R e sta u ra n d o fo to gra fía s A ctivid a d 5 9 E lim in a n d o o jo s rojo s C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o y cd d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o C o m p u ta d o ra , m a te ria l d e a p o yo d e l a lu m n o Diseño Digital Introducción e historia 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. 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 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 9 ediciones y sigue evolucionando. Thomas Knoll John Knoll Ediciones de Photoshop 8 AÑO EDICIÓN SISTEMA OPERATIVO 1990 Adobe Photoshop 1.0 Macintosh Sistema 7 1993 Adobe Photoshop 2.0 Windows 3.1 y MAC OS 1995 Adobe Photoshop 3.0 Windows 98 y MAC OS 1996 Adobe Photoshop 4.0 Windows 98 y MAC OS 1998 Adobe Photoshop 5.0 Windows 98 y MAC OS 2000 Adobe Photoshop 6.0 Windows 2000 y MAC OS 2002 Adobe Photoshop 7.0 Windows 2000 y MAC OS IX 2003 Adobe Photoshop CS Windows XP y MAC OS X 2005 Adobe Photoshop CS2 Windows XP y MAC OS X Diseño Digital - Producción de imagen digital con Photoshop Tipos de imágenes Los programas de diseño gráfico trabajan en general con dos tipos de imágenes: imágenes vectoriales e imágenes de 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. 9 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. Imágenes de mapa de bits Adobe Photoshop trabaja principalmente 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. 10 Diseño Digital - Producción de imagen digital con Photoshop 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 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ógico-Digital), que manda finalmente la información a la PC. COMPUTADORA INICIO TWAIN SOFTWARE LA IMAGEN ESCANEADA APARECE EN LA PANTALLA ESCÁNER CIRCUITO LÓGICO SENSOR CCD FUENTE DE LUZ MOTOR 11 Cámara Digital 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. 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. Lámina de apoyo: Vectores vs. Bitmaps 12 LPhoto 01 Diseño Digital - Producción de imagen digital con Photoshop Comenzando con Photoshop 01 Actividad 1. Escribe para qué puedes utilizar el programa de Adobe Photoshop. 2. ¿En qué año se creó Photoshop? Se utiliza Adobe Photoshop para editar y manipular imágenes digitales. Photoshop se creó en el año 1990. 3. ¿Quiénes fueron los creadores de Photoshop? Sus creadores fueron Thomas y John Knoll. 4. ¿Cuántas y cuáles son las ediciones que Photoshop ha sacado al mercado? Son 9 las ediciones de Photoshop y son: A. Photoshop 1.0, A. Photoshop 2.0, A. Photoshop 3.0, A. Photoshop 4.0, A. Photoshop 5.0, A. Photoshop 6.0, A. Photoshop 7.0, A. Photoshop CS y A. Photoshop CS2 5. ¿En qué año Photoshop es adquirido por Adobe? En el año 1988. 6. ¿Qué es un vector? 7. Crea una imagen vectorial a mano alzada. Un vector es una función matemática que la computadora realiza para crear líneas y curvas con propiedades de color, tamaño y posición. 13 8. ¿Qué es un píxel? El píxel es un pequeño punto que forma un patrón para crear un elemento de imagen. 9. Dibuja un píxel. 10. ¿Qué es un mapa de bits? Un mapa de bits es una cuadrícula formada por píxeles. 11. Describe qué es la digitalización de una imagen. Digitalizar una imagen es el proceso mediante el cual la información de luz y color se transforman en información numérica para ser guardada y manipulada en la computadora. 12. ¿Cuáles son los pasos para digitalizar una imagen? 1. El escáner ilumina la imagen original con una fuente de luz para capturarla. 2. Mediante espejos, que están dentro del escáner se transfiere la luz, reflejada hacia el sensor CCD. 3. El CCD transforma la luz en señales eléctricas transformándola a formato digital. 13. Investiga en Internet cómo funciona una cámara digital y copia en este espacio los gráficos y partes que muestren el proceso. 14 Diseño Digital - Producción de imagen digital con Photoshop Uso del escáner 02 Actividad 1. Selecciona una fotografía impresa o una imagen de un libro o revista. 2. Digitaliza cinco veces la imagen usando el escáner, pero cada vez que digitalices, utiliza las siguientes propiedades (investiga cómo se modifican las propiedades en el software del escáner que estés utilizando). a. Primera captura Tipo de imagen: color Resolución: 100 puntos por pulgada (dpi) Formato: JPEG b. Segunda captura Tipo de imagen: escala de grises Resolución: 200 puntos por pulgada (dpi) Formato: TIFF c. Tercera captura Tipo de imagen: color Resolución: 300 puntos por pulgada (dpi) Formato JPEG d. Cuarta captura Tipo de imagen: color Resolución: 50 puntos por pulgada (dpi) Formato JPEG e. Quinta captura Tipo de imagen: blanco y negro Resolución: 200 puntos por pulgada (dpi) Formato JPEG 3. Guarda las 5 imágenes capturadas en la carpeta que tu profesor te indique. 4. Llena la siguiente tabla: Captura Peso del archivo (en Kb) Dimensiones de la imagen (en cm.) ¿Qué opinas de la calidad? 1 2 3 4 5 15 5. 16 Escribe tus conclusiones acerca de los diferentes tipos de imagen, color y resolución disponibles en las cámaras y los programas de digitalización. Diseño Digital - Producción de imagen digital con Photoshop Entorno de trabajo de Photoshop Al iniciar Adobe Photoshop verás la pantalla de trabajo. Los elementos que componen son los siguientes: 1 2 3 5 4 6 1 Barra de título. 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 Barra de opciones. 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 Barra de herramientas. Permite modificar y editar el objeto. 6 Paletas flotantes. Permiten trabajar con los distintos aspectos de un documento, como capas, colores, navegador o historial, entre otras. 17 TIP 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ú Ventana (Window)/Espacio de trabajo (Workspace)/Espacio de trabajo por omisión (Default Workspace). Photo Pantalla principal de Photoshop Creación de un documento nuevo (New) Para crear un nuevo documento utiliza el Menú Archivo (File)/Nuevo (New) o la combinación de teclas <Ctrl+N>. Aparecerá una ventana como la siguiente: 18 Diseño Digital - Producción de imagen digital con Photoshop 01 2 4 1 3 5 6 7 8 1 Nombre (Name): En este campo nombrarás tu documento. 2 Formato del documento (Preset): 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 Ancho del documento (Width): 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 Altura del documento (Height): Puedes definir la altura del documento en centímetros, milímetros, pulgadas, puntos, picas y columnas. 5 Resolución del documento (Resolution): 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. 19 TIP 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. 6 Modo de Color (Color Mode): Existen 5 modos de color. RGB -rojo, verde, azul- (RGB Color -Red, Green, Blue-): Se utiliza para imágenes que sólo se verán en pantalla. CMYK -Cyan, Magenta, Amarillo, Negro- (CMYK Color -Cyan, Magenta, Yellow, Black): Se usa para imágenes que se destinarán a impresión. Escala de grises (Grayscale): 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. Mapa de bits (Bitmap): Se utiliza para imágenes que no requieren detalle de color o que tienen muy pocos tonos diferentes. 7 Fondo del documento (Background Contents): 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 Opciones Avanzadas (Advanced): 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ú Ver (View)/Reglas (Rulers) o las teclas <Ctrl+R>. 20 Diseño Digital - Producción de imagen digital con Photoshop Photo 02 Nuevo Documento y Abrir archivos 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 Abrir (Open). Para abrir un archivo: 1. Selecciona el Menú Archivo (File)/Abrir (Open) o el comando <Ctrl+O>. 2. Selecciona el archivo que quieres abrir. Si el tipo de archivo no aparece, puedes seleccionar la opción Mostrar todos los archivos (All Formats) en el menú emergente. 3. Haz clic en Abrir (Open). En algunos casos aparece un cuadro de diálogo que permite configurar opciones específicas del formato. 21 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 22 Diseño Digital - Producción de imagen digital con Photoshop Abrir Archivos con Adobe Bridge Adobe Bridge es un buscador de archivos especializado en la imagen. Es un eslabón entre los otros programas de Adobe: ImageReady, Illustrator, GoLive e InDesign. Adobe Bridge reconoce los archivos compatibles con cada uno de estos programas. Para abrir Bridge desde Photoshop, basta ir a Menú Archivo (File)/Buscar (Browse) o utilizar la combinación de teclas <Ctrl+Alt+O>. La ventana de Adobe Bridge se divide de la siguiente manera: 1 7 2 5 6 10 3 4 8 9 1 La lista de navegación rápida entre carpetas. Una función muy práctica, ya que permite seleccionar las carpetas usadas recientemente. 2 El panel de navegación por carpetas. La carpeta que está activa se encuentra seleccionada. 3 Las imágenes en miniatura que contiene la carpeta seleccionada. 4 La imagen seleccionada. 5 6 7 Vista previa de la imagen seleccionada. 8 Desplaza el cursor para modificar el tamaño de las miniaturas. 9 Modo de visualización en forma de miniaturas, tira de diapositivas, detalles y versiones alternativas. 10 Muestra la cantidad de imágenes de la carpeta activa. Los metadatos de la imagen seleccionada. Accesos directos para crear carpetas, girar una imagen, eliminar un archivo o reducir la ventana de Bridge. 23 Gestión de archivos con Adobe Bridge Las funciones de Adobe Bridge abarcan tanto la exploración de imágenes, como poder moverlas de una carpeta a otra, crear nuevas carpetas, renombrar archivos o recuperar fotos desde dispositivos externos. Bridge es muy recomendable para recuperar tus fotos desde una cámara o una tarjeta de memoria, ya que la visualización y gestión de archivos es sencilla. Sigue los siguientes pasos para recuperar imágenes desde tu cámara o dispositivo: 1. Conecta el dispositivo a la computadora y enciéndelo o bien introduce la tarjeta de memoria en el lector de tarjetas. 2. En Adobe Bridge, activa la unidad y carpeta que contiene las fotos. Selecciona todas las imágenes con <Ctrl+A>. 3. Arrastra los archivos seleccionados, de la ventana de la derecha a la carpeta de destino en la columna izquierda. 4. Los archivos quedarán copiados en la nueva ubicación. Mientras se transfieren los archivos, una ventana secundaria nos informará del progreso de la operación. Photo 03 Adobe Bridge. Abrir y gestión de archivos Repaso 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. Barra de título: en esta barra encuentras el nombre de la aplicación y los botones de minimizar, restaurar y cerrar. b. Barra de menús: tiene a detalle las operaciones que se le pueden hacer al documento y la aplicación. c. Barra de opciones: da los parámetros de las herramientas u objetos seleccionados. d. Barra de estado: proporciona información sobre el archivo e imagen con la que se trabaja. e. Barra de herramientas: permite modificar y editar el objeto. f. Paletas flotantes: permite trabajar con los distintos aspectos de un documento. a. 24 03 Actividad Diseño Digital - Producción de imagen digital con Photoshop 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? La resolución de una imagen te permite conocer la cantidad de píxeles que hay en ella. La resolución se define como el número de píxeles que hay en una pulgada (dpi). A mayor resolución mejor calidad de la imagen. La resolución recomendable para pantalla es de 72 a 150 dpi. No es recomendable una máxima resolución porque los monitores no tienen tanta resolución. 4. ¿Qué resolución es óptima para la impresión de imágenes? La resolución para impresión de imágenes es de 150 a 300 dpi. 5. ¿Cuáles son los Modos de Color? Explica la aplicación de cada uno de ellos. RGB Color (Red, Green, Blue): se utiliza para imágenes que se observarán en pantalla. (8 a 16 bits) b. CMYK Color (Cyan, Magenta, Yellow, Black): se utiliza para imágenes que se imprimirán. (8 a 16 bits) c. Escala de grises: se usa para imágenes que tienen tonalidades grises del blanco al negro. (8 a 16 bits) a. Lab Color: utilizado en imprentas para asegurar la fidelidad de colores en la imagen. (8 a 16 bits) e. Mapa de bits (Bitmap): se utiliza para imágenes que no requieren distintos tonos, ya que sólo tiene 2 colores (1 bits). d. 6. Describe una forma de abrir un archivo en Adobe Photoshop. 1. Selecciona el Menú Archivo (File)/Abrir (Open) o <Ctrl+0>. 2. Selecciona el archivo que quieras abrir. 3. Haz clic en Abrir (Open). 25 7. Menciona 3 orígenes desde donde puedes importar imágenes a Adobe Photoshop. Puedes importar imágenes a Photoshop desde una cámara digital, un banco de imágenes y cliparts. 8. ¿Qué es el Adobe Bridge? 9. ¿Con qué programas es compatible el Adobe Bridge? Es un puente de gestión de archivos, común a otras aplicaciones de Adobe. Adobe Bridge es compatible con: Image Ready, Illustrator, Go Live, InDesign y Photoshop. 10. Dibuja la ventana principal de Adobe Bridge y señala con flechas sus principales elementos. Recuerda que estamos estudiando temas de diseño gráfico, por lo que es importante que lo hagas con excelente presentación, limpieza y claridad. 11. ¿Qué significa “gestión de archivos” con Adobe Bridge? Es poder mover, crear, renombrar y recuperar archivos o carpetas desde dispositivos externos o internos. 26 Diseño Digital - Producción de imagen digital con Photoshop Cerrar y guardar una imagen Para cerrar cualquier archivo que esté abierto en Adobe Photoshop, simplemente usa el Menú Archivo (File)/Cerrar (Close) o la combinación de teclas <Ctrl+W>. Al cerrar una imagen, aparecerá un mensaje para confirmar si deseas guardar los cambios realizados, en caso de que los hayas hecho o modificado la imagen. Por otro lado, es conveniente que durante el proceso de trabajo guardes los cambios que le realices al documento, con la finalidad de no perder información si el programa o el equipo fallan inesperadamente. Para guardar usa el Menú Archivo (File)/Guardar (Save) o <Ctrl+S>. Éstos son los formatos de archivo más utilizados para guardar mapas de bits en Adobe Photoshop. Formato Función Desventaja Formato de archivo de trabajo Solamente se puede abrir en Photoshop y programas comPSD Y PDD de Adobe Photoshop. patibles. No sirve para publicar en Web. PDF Formato original de Acrobat. Este archivo se abre con Permite almacenar imágenes Acrobat Reader y se modifica vectoriales y mapas de bits. el tamaño del documento. Formato muy eficiente. Acepta alta resolución de color Dependiendo de la compreJPEG o JPG y tiene una excelente compre- sión, siempre hay pérdidas de sión con alta calidad de imacolor (calidad) en la imagen. gen. Muy usado para publicar en Web. 27 Formato Función Desventaja TIFF Formato que crea archivos de imagen de alta calidad, nor- Los archivos son muy pesados. malmente destinados para impresión. BMP No maneja compresión, por Es el formato estándar de lo que las imágenes BMP son Windows. Acepta alta densi- muy pesadas. No es recodad de color. mendable para Web debido a su peso. PNG Este formato produce transparencias de fondo sin bordes Existen pérdidas en el color de irregulares y soporta los mo- la imagen. dos de color. TIP 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. Photo Cerrar y Guardar una imagen Compresión de la imagen Algunos formatos permiten comprimir la información de la imagen para que los archivos sean más pequeños. La compresión es una necesidad cuando las imágenes se van a usar en Web o en multimedios, pues las imágenes no comprimidas suelen descargar demasiado lento. Toma en cuenta que a mayor compresión, menor calidad y viceversa. En general es posible comprimir una imagen hasta un 50%, sin que tenga una pérdida de nitidez notable. 28 Diseño Digital - Producción de imagen digital con Photoshop 04 Compresión Características RLE Compresión sin pérdida. Admite los formatos BMP, TIFF, PSD y EPS. Sustituye una secuencia de bits por un código. No sirve para Web. LZW Compresión sin pérdida. Admite los formatos TIFF, PDF, GIF y Post Script. Aconsejable para imágenes grandes no muy complejas. No sirve para Web. JPEG Alta compresión aunque con pérdidas. Admite los formatos JPEG, PDF y Post Script. Trabaja con imágenes a color. Compresión 04 Actividad Para mandar fotografías por correo electrónico es ideal que las imágenes pesen lo menos posible, para que no sean rechazadas por los servidores o tarden mucho en enviarse o recibirse. 1. Abre en Adobe Photoshop la fotografía Correo.psd que se encuentra en la carpeta Actividad04 de tu CD de trabajo o carpeta de actividades. Ésta es una fotografía demasiado grande y pesada para enviar por correo y lo mejor es reducirla antes de mandarla. 2. Cambia el tamaño y resolución de la imagen. Utiliza el Menú Imagen (Image)/Tamaño de imagen (Image Size) para establecer un tamaño de 400 x 400 píxeles. En el mismo cuadro de diálogo aplica una resolución de 72 dpi, ideal para ver la foto en una computadora. 3. Utiliza el comando Guardar como (Save As) para guardar la fotografía en el formato JPG con el nombre Correo04. Se desplegará un cuadro de diálogo donde puedes determinar la calidad (compresión) de la imagen. Establece una calidad de 5. 4. ¿Cuánto pesaba el archivo original? 5. ¿Cuánto pesa el archivo nuevo? 6. ¿Qué opinas de la calidad cuando comparas los dos archivos? Si fuera necesario puedes intentar con otros niveles de calidad hasta lograr una relación apropiada entre peso y calidad. 29 La Barra de herramientas Esta barra agrupa las herramientas que te ayudarán a realizar tus actividades dentro del programa. Las herramientas de Adobe Photoshop están comúnmente agrupadas en el lado izquierdo de la ventana de aplicación. Aunque la barra de herramientas se puede mover, es recomendable tenerla siempre visible en esta zona de la pantalla. TIP Si la Barra de herramientas está oculta, muéstrala con el Menú Ventana (Window)/Herramientas (Tools). 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 de la paleta de opciones, que comúnmente está en la parte superior de la pantalla de Photoshop. Si no la ves, puedes mostrarla con el Menú Ventana (Window)/Opciones (Options). La paleta de opciones muestra diferentes parámetros para cada herramienta que se seleccione en la barra de 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. 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 agrupan con el mismo color las 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. 30 Diseño Digital - Producción de imagen digital con Photoshop Herramientas Atajo de selección Función Marco rectangular (Rectangular Marquee Tool) <M> Dibuja un borde de selección cuadrado o rectangular. Marco elíptico (Elliptical Marquee Tool) <M> Permite hacer selecciones circulares o elípticas. Fila única (Single Row Marquee Tool) Permite hacer la selección de una fila de un píxel de grosor. Columna única (Single Column Marquee Tool) Permite hacer la selección de una columna de un píxel de grosor. Herramienta Mover (Move Tool) <V> Permite cortar y arrastrar una selección de píxeles a otra ubicación. Lazo (Lasso Tool) <L> Permite seleccionar libremente áreas de la imagen. Lazo poligonal (Polygonal Lasso Tool) <L> Marca los puntos por donde pasará la selección. Lazo magnético <L> (Magnetic Lasso Tool) Imagen 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. Varita mágica (Magic Wand Tool) <W> Selecciona píxeles que se encuentran dentro de un rango de color parecido al píxel escogido. Recorte (Crop Tool) <C> Elimina la parte de la imagen que queda fuera del área rectangular. Sectores (Slice Tool) <K> Se utilizan para dividir imágenes en áreas funcionales. Seleccionar Sector (Slice Select Tool) <K> Selecciona los sectores. Selección de trazado (Path Selection Tool) <Ctrl+A> Selecciona y mueve el objeto seleccionado. Selección de trazado directo (Direct Selection Tool) <Ctrl+A> Selecciona puntos o nodos para manipularlos. 31 Photo Barra de herramientas 05 Tolerancia Algunas herramientas, como la Varita mágica o la Cubeta de pintura, tienen una opción llamada 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. TIP 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. Photo Manejo de Tolerancia en Varita mágica y Cubeta de pintura 32 Diseño Digital - Producción de imagen digital con Photoshop 06 Figuras simples por medio de selecciones Actividad 05 1. Abre un documento nuevo en Photoshop. En el cuadro de diálogo que aparece al crear el documento utiliza los siguientes parámetros: Nombre (Name): Cuadrado Formato de documento (Preset): Custom Ancho (Width): 200 pixels Alto (Height): 200 pixels Resolución (Resolution): 150 pixels/inch Modo de color (Mode Color): RGB 8 bit Fondo de color (Background Contents): blanco (White) Perfil del color (Color Profile): Working RGB: Srgbbie c6/966-2.1 Aspecto del Píxel (Píxel Aspect Radio): Square 2. Elige la herramienta de Selección Rectangular (Rectangular Marquee Tool) 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: • Toma la herramienta Cubeta (Paint Bucket Tool) y la presionas sobre la selección rellenando el cuadrado de color sólido. • Utiliza el Menú Editar (Edit)/Rellenar (Fill). Aparecerá un cuadro de diálogo donde pondrás lo siguiente: • Uso (Use): Color. Aparecerá la Paleta de colores. Escoge el color que quieras y da clic al botón Ok. • Modo (Mode): Normal • Opacidad (Opacity): 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ú Editar (Edit)/Rellenar (Fill), pero en este caso en Uso (Use) selecciona Textura (Pattern). 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ú Edición (Edit)/Contorno (Stroke). Aparecerá un cuadro de diálogo en donde pondrás los siguientes valores: Ancho (Width): 2 pixels Color (Color): Negro Ubicación (Location): Outside Modo (Mode): Normal Opacidad (Opacity):100% 33 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ú Selección (Select)/Quitar selección (Deselect) o la combinación de teclas <Ctrl+D>. 7. Ahora guarda el archivo en la ubicación que indique tu profesor, utilizando Menú Archivo (File)/Guardar (Save) o las teclas <Ctrl+S>. Utiliza para el archivo el nombre Cuadrado05 con el formato PSD o PDD. Selecciones 1. En un nuevo documento de 600 X 600 píxeles, 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 <Ctrl+D>. Si ya existe una selección, ésta desaparece cuando se inicia una nueva selección. Actividad 06 Si ya existe una selección, puedes agregar más presionando la tecla <Shift>. Si ya existe una selección, puedes quitarla presionando la tecla <Alt>. Si presionas la tecla <Shift> mientras creas una selección cuadrada o circular, se forma un cuadrado o un círculo perfecto. Sólo funciona si no hay ninguna selección previa. Si presionas la tecla <Alt> 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 <Alt+Shift>, para crear una figura perfecta a partir de su centro. Sólo funciona si no hay ninguna selección previa. 3. Para deshacer una acción pulsa las teclas <Ctrl+Z>, pero si necesitas regresar dos o más acciones atrás, es necesario presionar <Ctrl+Alt+Z>. 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. 4. 34 a. Una dona (círculo sin centro) b. Una figura con forma de ocho c. Una media luna d. Una cara feliz Guarda los archivos en tu carpeta de trabajo con el formato de Photoshop. Utiliza los nombres Figuras06_a y Figuras06_b. Diseño Digital - Producción de imagen digital con Photoshop Selecciones como máscaras En los programas profesionales de diseño gráfico se utiliza mucho el término máscara. 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. ¿Por qué máscaras? Actividad 07 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. Puedo usar una máscara pra corregir sólo parte de la cara de una persona en una fotografía. 2. ¿Por qué decimos que una selección es una forma de crear una máscara? Porque al crear una selección se trabajará sobre esa zona en específico sin afectar lo demás. 3. ¿Qué otro significado tiene la palabra máscara? ¿Por qué se le llama así a esta técnica de trabajo? Máscara puede tener un simil a selección o protección. Se llama máscara porque protege la imagen u objeto al realizarle un cambio en una zona específica de éste. 35 Herramientas de pintura 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 agrupan con el mismo color las 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 Atajo de pintura Función Pincel corrector <J> (Spot Healing Brush Tool) Elimina rápidamente las imperfecciones de las fotografías. Parche (Patch Tool) <J> Repara las imperfecciones del área seleccionada en una imagen utilizando una muestra o un motivo. Herramienta ojos rojos <J> Repara los ojos rojos de las fotos y los reflejos verdes de los animales, que produce el flash. Pincel (Brush Tool) <B> Añade pintura a la imagen con trazos suaves o intensos y puede simular las técnicas de pintura con aerógrafo. Lápiz (Pencil Tool) <B> Dibuja líneas o contornos irregulares. Remplazo de color (Color Replacement Tool) <B> Cambia un color por otro. Tampón de clonación (Clone Stamp Tool) <S> Clona o copia una parte de la imagen. Tampón de motivo (Pattern Stamp Tool) <S> Pinta tomando una parte de la imagen como motivo. 36 Imagen Diseño Digital - Producción de imagen digital con Photoshop Herramientas de pintura Atajo Función Pincel de historia (History Brush Tool) <Y> Permite restaurar una imagen a su estado original después de haber sido modificada. Pincel histórico (Art History Tool) <Y> Borrador (Eraser Tool) <E> Borra partes de una imagen. Borrador de fondo (Background Eraser Tool) <E> Borra el área del fondo. Borrador mágico (Magic Eraser Tool <E> Borra las áreas que contienen colores uniformes. Degradado (Gradient Tool) <G> Rellena parte de una imagen con una fusión de colores, la cual puede modificarse tanto en orientación como suavidad. Bote de pintura (Paint Bucket Tool) <G> Rellena áreas de color similares con el color frontal. Desenfocar (Blur Tool) <R> Distorsiona el foco de alguna parte de la imagen. Enfocar (Sharpen Tool) <R> Da más nitidez a la imagen y aumenta el contraste de color. Herramienta dedo (Smudge Tool) <R> Diluye los colores. Sobreexponer (Dodge Tool) <O> Aclara la imagen. Subexponer (Burn Tool) <O> Oscurece la imagen. Esponja <O> Satura o desatura reduciendo el nivel de gris. Imagen Pinta con trazos estilizados basados en algún estado de la paleta Historia. 37 Color de frente (Foreground) y Color de fondo (Background) En la parte media inferior de la Barra de 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. TIP 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. Pintando en Adobe Photoshop 1. Abre el archivo Muneca.psd que se encuentra en la carpeta Actividad08. 2. Cambia el Color de frente (Foreground color) a café. 3. Utiliza la herramienta Zoom o <Ctrl+Barra Espaciadora>, para magnificar la imagen y que puedas ver los detalles de la selección. 4. Toma de la Barra de herramientas la Varita Mágica (Magic Wand Tool) 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 <Shift> o <Alt> para aumentar o quitar áreas a la selección. 5. Toma la herramienta Cubeta de pintura (Paint Bucket Tool) y úsala para rellenar las zonas seleccionadas. 6. Quita la selección de las áreas que acabas de colorear. 38 Actividad 08 Diseño Digital - Producción de imagen digital con Photoshop 7. 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. 8. Falta aplicar color a la trenza izquierda. Es difícil seleccionarla con la Varita mágica porque hay una zona donde la línea está incompleta. Elige la herramienta Lápiz (Pencil Tool) que se encuentra en el menú adicional de las herramientas del pincel. 9. Cambia el Color de frente a negro y usa el Lápiz para completar las áreas en donde quedó inconclusa la línea. 10. Ahora sí puedes seleccionar con la 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. 11. Selecciona el plato del pastel con la Varita Mágica. Vas a aplicar un degradado con las opciones de la Cubeta de pintura. Para ello primero selecciona la herramienta Degradado (Gradient Tool) que está en el mismo botón que la Cubeta de pintura. 12. En la paleta de opciones de la herramienta utiliza el menú colgante de Edición de degradado (Edit Gradient) y elige el Degradado que va de Color frontal a transparente (Foreground to Transparent). Elige también la forma Lineal (Linear Gradient), el Modo (Mode) de Luz suave (Soft Light) y una Opacidad del 60%. 13. 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. 14. Colorea con degradados similares los aros de luz y las llamas de las velas, pero en este caso usa la opción Naranja/Amarillo/Naranja (Orange/ Yellow/Orange). 15. Quita cualquier selección y ahora cambia el Color de frente a amarillo. 16. Toma la herramienta Sobreexponer (Dodge Tool) y establece en la paleta de opciones de herramienta los siguientes parámetros: • Brocha (Brush): 65 px. • Rango (Range): Medios tonos (Midtones) • Exposición (Exposure): 50% 17. 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. 18. Ahora harás algo similar para pintar sombras. Cambia el Color frontal a negro y selecciona la herramienta de Subexposición (Burn Tool). Establece las mismas opciones que en el caso anterior. Con esta herramienta dibuja las sombras a la imagen. 39 19. Aplica un Desenfoque a las rayas del pastel. Para ello simplemente selecciona la herramienta Desenfoque (Blur Tool). En la paleta de opciones establece estos valores: • Brocha (Brush): 59 px. • Modo (Mode): Normal • Fuerza (Strength): 100% Pinta con la brocha sobre las rayas del pastel. 20. Para resaltar las mejillas de la muñeca, pinta con la herramienta Brocha (Brush Tool) usando una opacidad del 50% y color rojo. 21. Guarda la imagen final con el nombre Pintando08 donde tu profesor te indique. Quitando cables 1. Abre la imagen Universidad09.psd que se encuentra dentro de la carpeta Actividad09. 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 <Ctrl+Barra espaciadora> para agrandar el área en la que vas a trabajar. Para mover el área de trabajo utiliza la herramienta Mano (Hand Tool), oprimiendo <H> o <Barra espaciadora>. 3. Selecciona la herramienta Tampón de clonación (Stamp Clone Tool) <S> de la barra de herramientas. 4. En la paleta de opciones de la herramienta establece los siguientes parámetros: • Tamaño de la brocha (Brush): 12 px. • Modo (Mode): Normal • Opacidad (Opacity): 100% • Corriente (Flow): 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 <Alt> y haz clic sobre el punto de referencia elegido. Esto fija el punto de referencia de la herramienta. Ahora empieza a pintar sobre el cable a eliminar. Si es necesario, puedes redefinir el punto de referencia tantas veces como quieras. 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. 40 09 Actividad Cuando termines de corregir la fotografía, guárdala con el nombre Sincables09 en la carpeta que indique tu profesor. Diseño Digital - Producción de imagen digital con Photoshop Quitando imperfecciones o manchas 10 Actividad Nota 1. Abre la imagen Calaca10.psd de la carpeta Actividad10, que se encuentra en tu CD o carpeta de actividades. 2. Haz un Zoom para ver de cerca las partes claras de la imagen. Para ampliar rápidamente el zoom presiona las teclas <Ctrl + +> y para alejar usa <Ctrl + ->. 3. Selecciona el Pincel corrector (Spot Healing Brush Tool) de la paleta de herramientas. En la paleta de opciones de la herramienta selecciona una brocha de 19 píxeles de diámetro. 4. Con esta herramienta, 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 la paleta de opciones. 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 <Ctrl+Z> para deshacer la última acción. Para deshacer varias acciones puedes usar la paleta Historia (History) o la combinación del teclado <Shift+Ctrl+Z>. El Pincel corrector (Spot Healing Brush Tool) es muy fácil de usar y configurar. Tiene dos tipos de operación, que en Photoshop se llaman Option types y se especifican en la paleta de opciones de la herramienta. Los tipos de operación determinan la forma en que la herramienta elimina las manchas y raspaduras. a. Ajusta a Entorno (Proximity match): utiliza los píxeles alrededor de la selección para corregir la mancha. b. Crear textura (Create Texture): 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. 41 Pintando píxeles en el modo RGB 1. Crea un documento nuevo de un píxel por un píxel (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 1600%. 3. Selecciona como Color de frente (Foreground color) 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 (Red), Verde (Green) y Azul (Blue). Si modificas los valores RGB directamente en la paleta Color, verás cómo cambia el Color de frente en la barra de 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 Bote de pintura (Paint Bucket) o presiona la tecla <G>, 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 Lápiz (Pencil Tool) y en la paleta de opciones cambia el diámetro de la herramienta a 1 px. 11 Actividad 10. Pinta cada uno de los 4 píxeles de la imagen de un color diferente. 11. Anota en esta tabla los valores RGB de los colores que utilizaste: Valor R Valor G Valor B Color resultante 12. Contesta las siguientes preguntas a manera de conclusiones: a. ¿Es posible que un mismo píxel tenga más de un color? ¿Por qué? No. Un píxel nada mas tiene un color, aunque se divide en canales de color (RGB). 42 Diseño Digital - Producción de imagen digital con Photoshop b. ¿Cuáles son los colores que combinados en diferentes niveles, pueden formar cualquier otro color? Los colores RGB. Rojo, verde y azul. c. ¿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) 255 es el valor numérico que pueden tomar los componentes del color RGB. d. Investiga usando Photoshop, cuál es el color resultante de combinar los siguientes valores: Valor R e. Valor G Valor B 255 255 0 0 255 255 255 0 255 255 255 255 255 0 0 255 80 80 100 100 100 20 20 20 180 180 180 Color resultante Amarillo Cyan Morado Blanco Rojo Rojo - Amarillo Gris oscuro Casi negro Gris claro Ahora sin usar el programa contesta: ¿Qué valores RGB forman el color negro? R=0 G=0 B=0 f. ¿Qué valores forman el color blanco? R = 255 G = 255 B = 255 43 Jugando con los píxeles en el 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 1600%. 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. Esto permitirá modificar los valores CMYK en vez de los valores RGB. 4. Utiliza la herramienta 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 6. Valor M Valor Y Valor K 12 Actividad Color resultante Contesta las siguientes preguntas a manera de conclusiones: a. ¿Cuáles son los colores de tinta que combinados en diferentes niveles, pueden formar cualquier otro color? Los colores CMYK. Cyan, Magenta, Amarillo y Negro. 44 Diseño Digital - Producción de imagen digital con Photoshop b. ¿Cuál es el valor numérico máximo que puede tomar alguna de las componentes de color CMYK? (Ayuda: este valor equivale al 100%) 100 Investiga usando Photoshop, cuál es el color resultante de combinar los siguientes valores: c. Valor C d. Valor M 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 Azul Rojo Negro Negro Cafe Negro Gris claro Amarillo Cyan 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? C=0 M=0 e. Valor Y Y=0 K=0 ¿Qué valores forman el color blanco? C=0 M=0 Y=0 K=0 TIP En general puede ser más difícil trabajar en el modo CMYK que en el modo RGB. Utiliza CMYK solamente cuando estés trabajando con alguna imagen que sabes que está destinada a impresión. 45 Herramientas de edición Las herramientas de edición 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. En la siguiente tabla, se muestran sólo algunas de las herramientas más usadas. Herramientas de edición Atajo Función Texto (Horizontal Type Tool o Vertical Type Tool) <T> Sirve para crear y editar texto sobre las imágenes. Máscara de Texto (Horizontal Type Mask Tool o Vertical Type Mask Tool) <T> El texto que se escribe aparecerá como selección. Pluma (Pen Tool) <P> Crea líneas y curvas bien definidas. <U> Dibuja figuras geométricas. <A> Permite seleccionar líneas o figuras creadas con las herramientas de edición. Herramienta de formas personalizadas (Rectangular Tool, Ellipse Tool, Polygon Tool) y otras… Selección de trazos (Path Selection Tool, Direct Selection Tool) 46 Imagen Diseño Digital - Producción de imagen digital con Photoshop Creando texto en Adobe Photoshop Actividad 13 1. Inicia un nuevo documento de 550 X 60 píxeles modo RGB color. 2. Selecciona la herramienta Texto o presiona la tecla <T>. 3. Escribe tu nombre sobre el documento. Si es necesario, puedes cambiar la fuente, color y tamaño del texto usando la paleta de propiedades de la herramienta. Procura que tu nombre ocupe casi todo el espacio del documento. 4. Es posible editar el texto que has creado, seleccionándolo y usando la paleta de opciones 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ú Capa (Layer)/Aplanar (Flatten image). 5. Toma la Varita Mágica (Magic Wand) y selecciona todas las letras del texto. Recuerda que puedes usar la tecla <Shift> para crear varias selecciones a la vez. 6. Utiliza la herramienta de degradados para aplicar a la selección un relleno interesante de colores degradados. 7. Guarda el archivo con el nombre Texto13_a donde tu profesor lo indique. 8. Ahora abre de tu CD o carpeta de actividades el archivo Textura.psd que se encuentra en la carpeta Actividad13. 9. Toma la herramienta Máscara de texto horizontal (Horizontal Type Mask Tool). 10. Utiliza la herramienta para escribir 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. 11. Una vez ingresado el texto, toma la herramienta de Selección rectangular (Rectangular Marquee Tool) o presiona la tecla <M>. Verás claramente el texto como una selección en el documento. 12. Invierte la selección usando el Menú Selección (Select)/Invertir (Inverse) o las teclas <Shift+Ctrl+I>. Ahora lo que está seleccionado es todo lo que está alrededor del texto. 13. Elimina todo lo seleccionado con la tecla <Suprimir> o cortándolo con <Ctrl+X>. 14. Quita la selección con <Ctrl+D> para ver el resultado de tu trabajo. 15. Guarda el documento con el nombre Texto13_b en la misma carpeta que guardaste el archivo anterior. 47 Herramientas de visualización Las herramientas de visualización no modifican los documentos. Se utilizan sólo para ver de diferentes formas el área de trabajo. Herramientas de visualización Atajo Función Mano (Hand Tool) <H> <Barra Espaciadora> para mover la manita Mueve la ventana en la aplicación. Zoom (Zoom Tool) <Z> <Ctrl+ Barra espaciadora> Acerca o aleja la vista de una imagen. Opciones de visualización Modo Standard (Standard Screen Mode) Imagen <F> <F> Opciones de visualización Pantalla completa con menús (Full Screen Mode with Menu Bar) Opciones de visualización Pantalla completa (Full Screen Mode) <F> Otras herramientas Adicionalmente, la barra de herramientas de Photoshop tiene otros botones. En este punto no estudiaremos todos, pero describimos a continuación los más utilizados. Otras herramientas Atajo Función Cuentagotas (Eyedropper Tool) <I> Obtiene una muestra de color de cualquier píxel. Herramienta de Medición (Measure Tool) <I> Mide distancias, ubicaciones y ángulos. 48 Imagen Diseño Digital - Producción de imagen digital con Photoshop Otras herramientas Atajo Función Editar en Modo Standard (Edit in Standard Mode) <Q> Los contornos de selección son líneas punteadas. Editar Máscara Rápida (Edit in Quick Mask Mode) <Q> En este modo se pueden modificar los contornos de selección con ayuda de las herramientas de pintura. Imagen Repaso de herramientas Actividad 14 1. ¿Para qué sirve la herramienta Mano? 2. ¿Cuál es la diferencia entre activar la Mano con la tecla <H> o usar la barra espaciadora? La herramienta Mano sirve para mover el área de trabajo en la aplicación. La barra espaciadora permite usar la Mano y regresar automáticamente a la herramienta anterior activa. 3. ¿Para qué sirve la herramienta Zoom? 4. ¿Qué ventajas tiene espaciadora>? La herramienta zoom sirve para acercar o alejar la vista de una imagen. el Zoom de las teclas <Ctrl+barra Puedes aumentar el zoom dentro de la ventana sin necesidad de cambiar de herramienta. 5. Experimenta y explica los tres modos de visualización de pantalla que hay en Adobe Photoshop. Modo Standard: se muestran todas las opciones de la pantalla (menús, paletas, etcétera) en una pantalla reducida. b. Modo Pantalla completa con menús: muestra el área de trabajo completo con los menús. c. Modo Pantalla completa: se muestra ventana de trabajo y opciones de edición sin menús. a. 49 Da un ejemplo concreto en el que sería necesario usar el Cuentagotas (Eyedropper). 6. Tengo una figura de color rojo y creo una nueva figura, quiero el mismo color entonces utilizo el cuentagotas para seleccionar el color de la primera figura para añadírselo a la segunda figura. Corregir la inclinación de una foto 1. Abre la imagen Paisaje.psd que está en la carpeta Actividad15 de tu CD de trabajo o carpeta de actividades. 2. Toma la herramienta de Medición (Measure Tool) de la barra de 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 Menú Imagen (Image)/Rotar Lienzo (Rotate Canvas)/Arbitrario (Arbitrary). El ángulo de corrección aparece automáticamente en el cuadro de diálogo, por lo que basta que aceptes las opciones predeterminadas. 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 de Corte (Crop Tool) <C> para seleccionar el área útil de la imagen. En la paleta de opciones de la herramienta, activa la casilla de la Perspectiva y por último presiona <Enter> para hacer el recorte. 6. 15 Actividad Guarda el archivo con el nombre Inclinacion15 en la ubicación acostumbrada. Paleta Historia (History) En la paleta 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 esta paleta con el Menú Ventana (Window)/Historia (History). 50 Diseño Digital - Producción de imagen digital con Photoshop La paleta incluye un menú colgante que se puede abrir haciendo clic en la pequeña flecha que se encuentra en la esquina superior derecha de la paleta. En este menú encontrarás los siguientes comandos: Deshacer <Ctrl+Z>: Este comando solamente deshace la última acción. Paso atrás <Ctrl+Alt+Z>: Retrocede un estado. Paso adelante: <Shift+Ctrl+Z>: Rehace una a una las acciones guardadas en el historial. 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. 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. Separar imágenes 16 Actividad 1. Abre la imagen Naranjas.psd que está en la carpeta Actividad16 de tu CD de trabajo o carpeta de actividades. 2. Cambia a los selectores de color predeterminados usando la tecla <D>. Observa que los colores de frente y fondo han cambiado a negro y blanco. 3. Selecciona el botón Editar en Máscara Rápida (Edit in Quick Mask), que se encuentra debajo de los Selectores de color en la barra de herramientas o presiona la letra <Q>. 4. Toma la herramienta Pincel (Brush Tool). 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 Editar en Modo Estándar (Edit in Standard Mode) y observa la selección que se ha creado. 6. Utiliza el Borrador (Eraser Tool) o presiona la tecla <E>, 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 Mask16 donde indique tu profesor. 51 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 la paleta de capas. La paleta Capas (Layers) se sitúa por lo general en el extremo inferior derecho del área de trabajo. Si no se encuentra activa, utiliza el Menú Ventana (Window)/Capas (Layers) o bien la tecla <F7>. Cuando se crea una imagen nueva, Adobe Photoshop crea un área de trabajo identificada como Fondo (Background) en la paleta de las capas. TIP 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. 52 Diseño Digital - Producción de imagen digital con Photoshop Capa de fondo Crear y eliminar capas Para añadir nuevas capas a la composición haz clic en el ícono de Nueva capa (Create a new layer). También puedes usar el Menú Capas (Layer)/Nueva (New)/Layer (Capa) o la combinación de teclas <Shift+Ctrl+N>. Para una mejor organización de tu trabajo es importante nombrar cada capa con un identificador adecuado. En la paleta Capas basta dar doble clic sobre el nombre de la capa y escribir el de tu elección. Para eliminar una capa seleccionada en la paleta Capas, presiona el botón Eliminar capa (Delete layer) 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 de la paleta Capas. Arrastra la capa a la papelera para eliminarla 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 la paleta de 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. 53 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 la paleta Capas. Si deseas mostrar únicamente una capa, mantén pulsada la tecla <Alt> mientras haces clic sobre el ícono del ojo. Esto oculta todas las demás capas. Capas no visibles Capa visible 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 la paleta Capas, ocultan a los que quedan debajo. Photo Capas (Layers) 54 Diseño Digital - Producción de imagen digital con Photoshop 07 Repaso de capas 17 Actividad Contesta las siguientes preguntas: 1. ¿Cuál es la función de las capas? 2. ¿Cuántas capas como máximo se pueden utilizar en un proyecto de Photoshop ? Las capas sirven para organizar todos los elementos de una imagen o para hacerle modificaciones sin alterar la imagen original. Puedes utilizar un máximo de 100 capas en un proyecto de Photoshop. 3. Describe dos formas de crear una capa nueva. Puedes crear una capa dando clic en el botón crear nueva capa desde la paleta Capas o con la teclas < Ctrl + J >. 4. Escribe un ejemplo concreto en el que sería útil ocultar algunas capas. Al mandar imprimir el proyecto, oculta las capas que no desees que salgan en la impresión. Creando capas manualmente Actividad 18 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. 7. Anota tus conclusiones: 55 a. ¿Cuál es el orden (de arriba hacia abajo) en que quedan mejor acomodados los elementos (relleno, sombra, contorno y texto)? 1. Contorno 2. Relleno 3. Sombra 4. Texto b. (conclusión individual) ¿Qué ventajas tiene trabajar cada elemento en una capa independiente? Las capas te ayudan a organizar y modificar independientemente cada sección de la imagen sin afectar lo demás. 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? Los elementos a dibujar son los colores o relleno, sombras, contornos, movimientos que realiza el personaje. d. 56 Ilustra aquí tu respuesta del inciso anterior. Diseño Digital - Producción de imagen digital con Photoshop Jugando con capas Actividad 19 1. Abre las imágenes R, G y B que están en la carpeta Actividad19 de tu CD o carpeta de actividades. 2. Crea un documento nuevo de 500 x 500 píxeles, fondo blanco, con una resolución de 150 dpi y el Modo de Color de RGB. 3. Agrega las tres imágenes al nuevo documento en el siguiente orden: Capa 1 = B Capa 2 = G Capa 3 = R TIP Para arrastrar las imágenes de un archivo a otro puedes usar la flecha de Mover (Move Tool) o utilizar la tecla <V> de la Barra de herramientas. Otra opción es seleccionar todo el origen con <Ctrl+A>, luego copiarlo con <Ctrl+C> y finalmente pegarlo en el destino con <Ctrl+V>. 4. En la paleta Capas dale a las nuevas capas los nombres Blue, Green y Red según corresponda. 5. Baja la opacidad a cada capa al 50 % y observa lo que sucede. Al mezclar las tres capas, los colores se mezclan generando una imagen en escala de grises. 6. Experimenta con la opacidad de cada capa para lograr diferentes tonalidades. 7. Intercambia el orden de las capas para ver cómo la posición afecta el color resultante, siempre y cuando la opacidad sea diferente entre las capas. 8. Guarda el trabajo como Capas19 en la carpeta de costumbre. 57 Fusión de imágenes para crear un timbre postal 1. Abre las tres imágenes de la carpeta Actividad20 de tu CD de trabajo o carpeta de actividades. 2. La primera imagen en la que trabajarás es Nubes.psd. Colócala al frente y duplica la capa activa con <Ctrl+J>. Comprueba la creación del duplicado en la paleta Capas. Selecciona la nueva capa para usarla como capa activa. 3. Activa el modo de edición Máscara Rápida (Edit in Quick Mask mode) pulsando la tecla <Q>. 4. Usa la herramienta de Degradado (Gradient Tool) para crear un degradado lineal vertical, de negro a blanco, desde la mitad de la imagen hasta un extremo. 5. Regresa al Modo de edición normal (Edit in Standard mode) con la tecla <Q>. 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 <Ctrl+C>. 7. Regresa a la imagen Nubes.psd y utiliza el Menú Edición (Edit)/Pegar dentro (Paste Into) o <Shift+Ctrl+V>. 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 Mover o la tecla <V>. En la paleta de opciones de la herramienta Mover, puedes activar la casilla Mostrar control de transformación (Show transform controls) si deseas desplegar puntos que permiten escalar la imagen. Presiona la tecla <Shift> para que la imagen no se deforme mientras la escalas desde una esquina y da un <Enter> al terminar. 9. 20 Actividad Quita la selección con <Ctrl+D>. 10. 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. 11. Por último agrega el texto “Turismo”, usando letra en color blanco de 18 pts. 12. Guarda el archivo con el nombre Postal20 en la carpeta que indique tu profesor. 58 Diseño Digital - Producción de imagen digital con Photoshop Las herramientas de la paleta Capas La paleta Capas tiene muchas otras herramientas que dan al usuario gran poder en la manipulación de imágenes. 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. Disolver (Dissolve): Este modo crea un efecto basado en la sustitución aleatoria de cada píxel dando como resultado una dispersión de la imagen. Oscurecer (Darken): 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. Multiplicar (Multiply): En este modo se multiplican los colores creando siempre un color más oscuro. Superponer (Color Burn): 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. Trama (Linear Burn): Dependiendo de la información de cada canal, se obtiene y oscurece un color base al disminuir su brillo. 59 Aclarar (Lighten): 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. Sobreexponer Color (Color Dodge): 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. Subexponer Color (Linear Dodge): Dependiendo de la información de cada canal, se obtiene y aclara un color base al aumentar su brillo. Sobreponer (Overlay): Intercala la capa que está debajo de la capa activa. Luz Suave (Soft Light): El efecto es similar a iluminar la imagen con una luz suave, aclarando u obscureciendo diferentes tonos. Luz Intensa (Hard Light): Este modo se rige por la cantidad de gris que hay en la imagen, aclarándola u oscureciéndola. Diferencia (Difference): Busca el valor de luminosidad de los píxeles 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. Exclusión (Exclusion): Es muy parecido al modo anterior pero con resultados más suaves. Tono (Hue): Mantiene la saturación y el brillo de los píxeles y del color, aumentando el tono de acuerdo al color base. Saturación (Saturation): 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. Luminosidad (Luminosity): Toma el tono y saturación del documento y la luminosidad del color base. 60 Diseño Digital - Producción de imagen digital con Photoshop Photo 08 Herramientas de la paleta capas Coloreando fotografías con los Modos de fusión Actividad 21 1. Abre la imagen Ninas.psd que se encuentra en la carpeta Actividad21. 2. Crea una capa y ponle el nombre “Test1”. Recuerda que puedes renombrar una capa haciendo doble clic sobre su nombre en la paleta Capas. 3. Toma la herramienta de pincel de la barra de herramientas <B>. Utiliza los siguientes parámetros: • Tamaño de Brocha (Brush): 15 • Opacidad (Opacity): 35% • Chorro (Flow): 20% 4. Selecciona un color de frente verde y pinta un poco sobre los árboles. 5. Ahora en la paleta de capas ve a los Modos de fusión (Blending Mode) y selecciona el Modo Disolver (Dissolve). 6. Observa el efecto y termina de pintar el verde de los árboles en este modo de fusión. 7. Ahora crea una nueva capa y nómbrala como “Test2”. 8. 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. 9. 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. 10. Al terminar de colorear toda la imagen, guarda el archivo con el nombre Fotopintada21, en la carpeta que te indique tu profesor. TIP Si necesitas llevarte un elemento de una capa a otra, puedes seleccionar la imagen <Ctrl+A> en la capa origen, copiarla <Ctrl+C> o cortarla <Ctrl+X> y pegarla <Shift+Ctrl+V> en la capa destino. Si no seleccionas una capa destino (<Ctrl+V>), Adobe Photoshop creará automáticamente una capa con la imagen pegada. 61 Bloqueo de capas (Lock) Otra herramienta importante dentro de la paleta Capas es el Bloqueo. Su principal función es evitar la modificación de alguna capa. Existen diferentes tipos de bloqueos: 1. 2. 3. 4. El bloqueo de píxeles transparentes: bloquea la edición de zonas transparentes evitando añadir pintura a éstas. El bloqueo de píxeles de imagen: deshabilita el uso de cualquier herramienta que pudiera afectar la pintura de la capa. 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. 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 selecciona las capas que quieres enlazar y da un clic en el botón Anidar (Link Layers) en la esquina inferior izquierda de la paleta 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. 62 Diseño Digital - Producción de imagen digital con Photoshop Capas anidadas 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. Éstas son las formas de combinar capas: a. Para combinar la capa seleccionada con la que se encuentra debajo de ella: Menú Capa (Layer)/Combinar abajo (Merge Down) o con la combinación de teclas <Ctrl+E>. b. Para combinar todas las capas visibles: Menú Capa (Layer)/ Combinar visible (Merge Visible) o con la combinación de teclas <Shift+Ctrl+E>. c. Para combinar todas las capas: Menú Capa (Layer)/Aplanar (Flatten Image) Photo 09 Bloquear, añadir y combinar capas 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. 63 Experimentando con capas Experimenta con varias capas y contesta las siguientes preguntas: 1. Describe detalladamente cómo puedes pasar una imagen de una capa a otra. Seleccionas la imagen, la copias y la pegas, se creará una nueva capa. 2. Actividad 22 Describe una situación en la que es útil usar bloqueo de capas. Cuando se tiene una imagen que ya no necesita más modificaciones, es conveniente bloquear esa capa para evitar dañarla. 3. Explica cada uno de los bloqueos de capas. Bloqueo de píxeles transparentes: bloquea la edición de zonas transparentes. Bloqueo de píxeles de imagen: deshabilita cualquier herramienta que pudiera afectar la pintura de la imagen. Bloqueo de posición: bloquea la capa en el lugar en donde se encuentra. Bloquear todas: no permite realizar ningún cambio a la capa. 4. ¿Cómo se puede anidar una capa con otra? Sólo seleccionas las capas que quieres enlazar y das un clic en el botón. Anidar en la paleta Capas. 5. Describe una situación real en la que sería útil anidar dos capas. En una imagen se desea aclarar el contenido de 2 capas. Se pueden anidar para afectarlas con una sola acción. 6. ¿Qué sucede cuando combinas dos o más capas? Al combinar capas disminuye el tamaño de la imagen. Sin embargo los elementos ya no son independientes. 7. ¿Cuál es la diferencia entre Merge Down y Merge Visible? Merge Down: combina la capa seleccionada con la que se encuentra debajo de ella. Merge Visible: combina todas las capas visibles. 64 Diseño Digital - Producción de imagen digital con Photoshop 8. Define Opacidad. 9. Describe una situación práctica en que debas usar el relleno de capa. La opacidad determina el grado en que una capa es visible o no. Tengo una fotografía y deseo aplicar sobre ella una textura, sin modificar los píxeles originales. Puedo usar una capa de relleno para ello. Los Estilos de capa (Add a layer style) Los Estilos de capa son efectos de volumen, sombra y brillo que de manera 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 Agregar Estilo de capa (Add a layer style) de la parte inferior de la paleta Capas. Estos son los Estilos de capa (Add a layer style) que la aplicación nos ofrece: Sombra paralela (Drop Shadow): Crea un efecto de sombra bajo la capa, dando una sensación de elevación. Sombra interior (Inner Shadow): La sombra se crea en el interior del objeto dando profundidad. Resplandor exterior (Outer Glow): Crea un brillo difuso irradiando la parte externa de la imagen. Resplandor interior (Inner Glow): Crea un brillo difuso que se irradia en la parte interna del objeto. Bisel y Relieve (Bevel & Emboss): Añade sombras y luces para crear volumen. Satinado (Satin): Aplica una sombra para dar un aspecto satinado o brilloso a la imagen. Superposición de colores (Color Overlay): Rellena el contenido de la capa con un color sólido. Superposición de degradado (Gradient Overlay): Rellena el contenido de una capa con un color degradado. Superposición de motivo (Pattern Overlay): Rellena el contenido de la capa con un motivo o patrón. Trazo (Stroke): Traza el contorno de la capa con un color sólido, un degradado o un motivo. 65 Estilos de capa Photo 10 Estilos de capa, Opacidad y Relleno Estilos de capa 1. Abre la imagen Brujula.psd de la carpeta Actividad23 de tu CD o carpeta de actividades. 2. Activa la capa donde está la imagen principal, seleccionándola en la paleta 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 <Ctrl+D>. 5. En la parte inferior izquierda de la paleta Capas (Layers) se encuentran los Estilos de capa (Add a layer Style) que se pueden agregar a la capa activa. Agrega el estilo de Sombra Paralela (Drop Shadow) con el que aparecerá un cuadro de diálogo. Experimenta con los valores que más te agraden, pero usa algunos similares a éstos: 66 Actividad 23 Diseño Digital - Producción de imagen digital con Photoshop Modo de Fusión (Blend Mode): Multiplicar (Multiply) Opacidad (Opacity): 75% Ángulo (Angle): 30% Distancia (Distance): 8 px Esparcimiento (Spread): 5% Tamaño (Size): 21 px TIP 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 Actividad23. 7. Selecciona la imagen Mar.psd completa, cópiala y pégala en el archivo Brujula.psd. Se creará una nueva capa, que queda encima de las capas previas. 8. Arrastra esta nueva capa directamente en la paleta, 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. 9. Disminuye un poco la opacidad de la capa de la brújula para lograr una mejor fusión con la imagen de fondo. 10. Guarda tu imagen con el nombre Capas23 donde indique tu profesor. Trabajando con los Modos de capa Actividad 24 1. Abre las imágenes Cara y Mariposa que están en la carpeta Actividad24. 2. Activa la imagen cara y selecciona el Modo de edición de máscara rápida (Edit in Quick Mask Mode). 3. Selecciona la herramienta de Degradado (Gradient Tool). Aplica un degradado radial que vaya de negro a blanco desde el extremo superior izquierdo hasta la mitad de la mejilla. 4. Sal del Modo de edición de máscara rápida (Edit in Quick Mask Mode) 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ú Edición (Edit)/Pegar dentro (Paste Into). 67 7. Usa la herramienta Mover (Move Tool) 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ú Imagen (Image)/Ajustes (Adjustments)/Tono y Saturación (Hue and Saturation). En el cuadro de diálogo establece los siguientes parámetros: Tono (Hue):-10 Todos los demás valores: 0 9. En el mismo menú Imagen se encuentra el Brillo y Contraste (Brightness/Contrast). Ajusta con los siguientes valores: Brillo (Brightness): -18 Contraste (Contrast): +8 10. Ahora ve agregando efectos a la capa con el botón Agregar Estilo de Capa (Add a layer style) de la parte inferior de la paleta Capas: 68 a. Sombra Interior (Inner Shadow) Modo de fusión (Blend Mode): Multiplicar (Multiply) Color: Negro Opacidad (Opacity): 75% Ángulo (Angle): -81º Distancia (Distance): 3 px Carburación (Choke): 1% Tamaño (Size): 4 px b. Satinado (Satin) Modo de fusión (Blend Mode): Multiplicar (Multiply) Color: Negro Opacidad (Opacity): 6% Ángulo (Angle): 98º Distancia (Distance): 11 px Tamaño (Size): 11 px Invertido (Invert) c. Brillo Interior (Inner Glow) Modo de fusión (Blend Mode): Trama (Screen) Color: Amarillo Opacidad (Opacity): 27% Ruido (Noise): 0% Técnica (Technique): Preciso (Precise) Recurso (Source): Centro (Center) Carburación (Choke): 18% Tamaño (Size): 51 px Rango (Range): 56% Brillo (Jittler): 51 px Diseño Digital - Producción de imagen digital con Photoshop d. Brillo Exterior (Outer Glow) Modo de fusión (Blend Mode): Normal Color: Amarillo Opacidad (Opacity): 75% Ruido (Noise): 0% Técnica (Technique): Suavizado (Softer) Propagación (Spread): 1% Tamaño (Size): 40 px e. Sombra Paralela (Drop Shadow) Modo de fusión (Blend Mode): Normal Color: Negro Opacidad (Opacity): 55% Ángulo (Angle): 0º Distancia (Distance): 13 px Propagación (Spread): 0% Tamaño (Size): 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 Composicion24_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 Composicion24_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. Las ventajas de combinar las capas: que reducen el tamaño de la imagen y eliminan capas no necesarias. Las desventajas al fusionar las capas: no poder realizar ninguna modificación a la imagen ni tener capas para trabajar sobre ellas. 69 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ú Edición (Edit)/Transformar (Transform). Este menú contiene las opciones básicas de transformación. b. Con la combinación de teclas <Ctrl+T>. Estas teclas activan en capa los puntos de control y muestran en la paleta de opciones de la herramienta, todos los controles de transformació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. TIP 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. 70 Diseño Digital - Producción de imagen digital con Photoshop Estas son las opciones de transformación: Escalar (Scale): Permite redimensionar la capa o selección, reduciendo o aumentando su altura o su ancho. Rotar (Rotate): 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. Sesgar (Skew): Permite inclinar un objeto vertical y horizontalmente. Distorsionar (Distort): Permite estirar un elemento en cualquier dirección. Perspectiva (Perspective): Permite aplicar la perspectiva de un punto a un elemento. Rotar 180º: Permite rotar 180 grados la imagen seleccionada Rotar 90º AC (Rotate 90º CW): Rota la imagen seleccionada 90 grados hacia la derecha Rotar 90º ADC (Rotate 90º CCW): Permite rotar la selección 90 grados a la izquierda. Voltear horizontal (Flip Horizontal) o Voltear vertical (Flip Vertical): Crean una imagen espejo (reflejan la imagen) de la capa o selección. Photo 11 Puntos de control Transformación de la capa 71 Transformar una capa 1. Abre las imágenes Vegetacion.psd y Olla.psd que están en la carpeta Actividad25 de tu CD de trabajo o carpeta de actividades. 2. Trabajemos primero con la imagen vegetación. Duplica la capa de fondo con <Ctrl+J>. Recuerda comprobar que la capa se ha creado en la paleta Capas. 3. Si no están visibles, muestra las reglas con <Ctrl+R> o Menú Ver (View)/Reglas (Rulers). 4. Arrastra líneas guía desde las reglas, para dividir la imagen en cuatro partes iguales. Las líneas guía se crean arrastrando desde el interior de una regla hacia la imagen. Si lo necesitas, puedes mover las líneas guía con la herramienta Mover. 5. Toma la herramienta de Corte (Crop Tool) y con ella selecciona uno de los cuatro cuadrantes formados. Verás que las líneas guía ayudan a seleccionar con exactitud. Presiona <Enter> para recortar la imagen. 6. Actividad 25 Ahora selecciona todo con <Ctrl+A> o Menú Selección (Select)/Todo (All). 7. Copia la selección al portapapeles. 8. Crea un nuevo documento tamaño carta, resolución a 300 dpi, Modo de color en CMYK y con fondo transparente. 9. Pega la imagen del portapapeles en el nuevo documento y utiliza la herramienta Mover (Move Tool) para acomodar la imagen en la esquina superior izquierda. 10. Ahora utiliza esta nueva técnica para duplicar la imagen. Presiona la tecla <Alt> y no la sueltes hasta terminar: toma la imagen con la herramienta Mover, arrástrala a un área vacía del documento y suelta la imagen. Se ha creado un duplicado en una nueva capa. 11. Utiliza el Menú Edición (Edit)/Transformar (Transform)/Voltear Horizontalmente (Flip Horizontal). 12. Juntas las dos imágenes con la herramienta Mover o bien usando las teclas de las flechas. No deben quedar espacios vacíos entre ellas. 13. Acopla o fusiona estas dos capas en una sola. 14. Haz más pequeña la imagen con la Transformación Libre (Free Transform), ya sea desde el Menú Edición (Edit)/Transformación libre (Free Transform) o con las opciones de la paleta de opciones de herramientas <Ctrl+T>. 15. Duplica otra vez la capa. Crea un reflejo vertical y acomódala junto a la anterior. 16. Acopla las capas en una sola imagen. 17. Repite el proceso duplicando y reflejando hasta llenar todo el documento con un patrón de figuras. 72 Diseño Digital - Producción de imagen digital con Photoshop 18. Fusiona todas las capas y renombra la capa resultante como “textura”. 19. Selecciona la herramienta Texto y escribe la palabra “Naturaleza” en minúsculas, fuente Times New Roman regular a 230 pts. sharp. El color de letra no es importante, pues se borrará más adelante. 20. Usando como capa activa la capa donde está el texto, selecciona todas las letras con la Varita Mágica. Después activa la capa “textura” y presiona los comandos <Ctrl+C> y <Ctrl+V>. Lo que has hecho es copiar el espacio del texto y pegarlo en una nueva capa. Renombra esta nueva capa como “texto con textura”. 21. Ahora oculta o elimina completamente la capa del texto original. 22. A la capa “texto con textura” agrega los siguientes Estilos de capa (Add layer style) usando los parámetros que creas más convenientes o bien los que se sugieren aquí. Sombra Paralela (Drop Shadow) Modo de fusión (Blend Mode): Multiplicar (Multiply) Color: Negro Opacidad (Opacity): 75% Ángulo (Angle): 63º Distancia (Distance): 31 px. Propagación (Spread): 42% Tamaño (Size): 38 px. Sombra Interior (Inner Shadow) Modo de fusión (Blend Mode): Multiplicar (Multiply) Color: Blanco Opacidad (Opacity): 75% Ángulo (Angle): 158º Distancia (Distance): 15 px. Carburación (Choke): 31% Tamaño (Size): 114 px. Brillo Exterior (Outer Glow) Modo de fusión (Blend Mode): Trama (Screen) Color: Amarillo Opacidad (Opacity): 75% Ruido (Noise): 0% Técnica (Technique): Preciso (Precise) Propagación (Spread): 18% Tamaño (Size): 43 px. 23. Acopla las capas y renombra la capa resultante como “final”. 24. Selecciona la herramienta Marco elíptico (Elliptical Marquee Tool) y crea una selección ovalada alrededor del texto y parte de la textura. Copia la selección al portapapeles. 25. Pega la imagen copiada en el archivo Olla.psd. 26. Guarda el trabajo terminado en la carpeta que tu profesor indique. 73 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 Máscara de Capa (Add Layer Mask) que se encuentra en la parte inferior de la paleta 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 Fusión de imágenes para portada de revista 1. Abre las imágenes Modelo y Motivo que se encuentran en la carpeta Actividad26. 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. 74 Actividad 26 Diseño Digital - Producción de imagen digital con Photoshop 7. Con la herramienta de degradado, dibuja sobre la máscara de capa un degradado radial, de negro 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ú Imagen (Image)/ Modo (Mode)/Escala de grises (Grayscale). 11. Guarda el trabajo con el nombre Revista26 en la carpeta que indique tu profesor. Fusionando dos imágenes con ayuda del pincel Actividad 27 1. Abre las imágenes Sol y Volcan de la carpeta Actividad27. 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 Máscara de capa (Add mask layer). 6. Selecciona el color negro como color de frente y toma la herramienta pincel (Brush Tool). 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 Fusion27 en la carpeta que indique tu profesor. 75 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 Nueva capa de relleno o ajuste (Create new fill or adjustment layer) que se encuentra en la parte inferior de la paleta 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: Color Sólido (Solid Color), Degradado (Gradient) y Motivo (Pattern). El Color Sólido (Solid Color) se elije desde el Selector de Color. El Degradado (Gradient) tiene 6 submenús que se describen de la siguiente manera: Degradado (Gradient): Menú colgante que permite acceder al editor de degradado. Estilo (Style): Determina la forma del degradado (lineal, radial, angular, reflejo y diamante). Ángulo (Angle): Determina el ángulo en el que se aplicará el degradado. Escala (Scale): Redimensiona el tamaño del degradado. Revertir (Reverse): Invierte la orientación del degradado. Tramado (Dither): Aplica un tramado (secuencia de puntos) al degradado. Alinear con capa (Align with Layers): Utiliza el rectángulo delimitador de la capa para calcular el relleno del degradado. El Motivo (Pattern) tiene la opción de escoger un patrón utilizando los siguientes parámetros para un uso óptimo. Escala (Scale): Introduce un valor o arrastra el regulador para escalar el motivo. Enlazar a capa (Link with layer): El motivo se moverá junto con la capa de relleno cuando se cambie de posición. Ajustar al origen (Snap with origin): Coloca el origen del motivo junto a la ventana del documento. 76 Diseño Digital - Producción de imagen digital con Photoshop 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 y 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. 77 Photo 12 Capas de relleno o ajuste Restaurando una imagen con las capas de ajuste y relleno 1. Abre la imagen Flor de papel.psd que se encuentra en la carpeta Actividad28. 2. Agrega una nueva capa de relleno, tipo degradado, usando el Menú Capa (Layer)/Nueva Capa de Relleno (New Fill Layer)/Degradado (Gradient). Dale un nombre y utiliza estos parámetros para el degradado: Degradado (Gradient): color frontal a transparente (el color frontal debe ser negro). Estilo (Style): Lineal (Linear) Ángulo (Angle): 90º Escala (Scale): 100% Reverso (Reverse) Alineado con capa (Align with layer) 3. Reduce la opacidad de la capa de relleno a 35% y cambia el porcentaje de Relleno (Fill) 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 de la paleta Capas para agregar una nueva capa de ajuste de tipo Filtro de fotografía con el Menú Capa(Layer)/Nueva Actividad 28 Capa de ajuste (New Adjustment Layer)/Filtro de fotografía (Photo Filter). En el cuadro de diálogo del filtro establece estos parámetros: 7. 78 Filtro (Filter): Sepia Densidad (Density): 80% Preserva luminosidad (Preserve Luminosity) Guarda el archivo en la misma carpeta que el anterior, con el nombre Flor28_b. Diseño Digital - Producción de imagen digital con Photoshop Paletas y máscaras 29 Actividad Contesta de manera individual o en pequeños grupos, las siguientes preguntas de forma clara. Imagina que debes explicarlo a un usuario que no conoce Photoshop. 1. ¿Para qué sirven las capas de Adobe Photoshop? Las capas de Photoshop sirven para organizar los elementos de la imagen. 2. ¿Qué desventajas tiene acoplar una imagen? Acoplar una imagen no te permitirá modificarla más ya que no hay más capas en donde trabajar. 3. ¿Por qué a veces es importante acoplar una imagen? 4. ¿Para qué sirve la paleta Historia? Es importante acoplar una imagen ya que reduces su tamaño y eliminas las capas innecesarias. En la paleta Historia se muestran en orden cronológico, las acciones realizadas sobre la imagen en forma de estados. 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 que acción hace cada uno? La máscara de capa es una imagen en escala de grises que muestra lo que se pinta con blanco y oculta lo que se pinta con negro. La máscara de capa sirve para aclarar zonas de la imagen, fusionando de manera suave los elementos de ésta. Los colores negro y blanco se usan para pintar sobre las máscaras de capa. El negro oculta elementos de la imagen mientras que el blanco las muestra. 7. ¿Cómo puede eliminarse una Máscara de capa? Puedes eliminar una Máscara de capa dando clic en el ícono de eliminar capa o en el submenú que aparece al dar clic con el botón del mouse en deshacer máscara (Disable Vector Mask). 79 8. Describe una situación práctica en la que es útil usar una capa de relleno. Al tener un dibujo vectorial se utiliza una capa de relleno para agregarle color. 9. Describe una situación práctica en la que es útil usar una capa de ajuste. Al tener una imagen o una fotografía y evitar modificar sus píxeles de forma permanente deberás crear una capa de ajuste para realizar las modificaciones que creas necesarias a la imagen. 10. Menciona una ventaja y una desventaja de usar una capa de ajuste en vez de aplicar un filtro o ajuste directamente sobre una fotografía. Una ventaja de usar una capa de ajuste es poder modificar la imagen sin modificar sus píxeles de forma permanente. Una desventaja de usar una capa de ajuste es utilizar más espacio y memoria en la computadora. 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. 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 graphos = escritura, línea, trazo. 80 Diseño Digital - Producción de imagen digital con Photoshop La fotografía se podría definir 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 Niépce 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). 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. En 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. Louis Daguerre Nicephore Niépce LPhoto 02 Lámina de apoyo: Fotografía e historia de la fotografía 81 La fotografía Contesta las siguientes preguntas: 1. Fotografía significa: a. Caja de luz b. Dibujo y luz c. Dibujando con luz d. Grabar imágenes con luz 2. ¿Quiénes fueron los precursores de la fotografía? a. Louis Daguerre b. Abraham Lincoln c. Nicephore Niépce d. Beethoven Actividad 30 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é? 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? 82 Actividad 31 Diseño Digital - Producción de imagen digital con Photoshop Haciendo un daguerrotipo 32 Actividad 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 3. Guárdala en formato TIFF O JPEG y llévala a imprimir en papel Couche de 90 gr. 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. Menú Edición (Edit)/Transformar (Transform)/Voltear Horizontal (Flip Horizontal). Ensayo fotográfico Actividad 33 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. 83 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 éste es un ensayo fotográfico, por lo que la imagen es lo más importante. 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. Fotografía cortesía de Marina Filipovic (www.marinafilipovic.com). Usada con permiso. 84 Diseño Digital - Producción de imagen digital con Photoshop 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. 85 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 de catálogo 86 Diseño Digital - Producción de imagen digital con Photoshop Fotografía publicitaria. Captura una imagen atractiva al consumidor, logrando ser un elemento de influencia para la toma de decisiones. Géneros fotográficos Actividad 34 Relaciona las 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. Columna B Fotografía de guerra Fotografía publicitaria Fotografía realista Anima al consumidor a realizar una compra. Fotografía documental Nos muestra personas reales. Imágenes de conflictos bélicos. Retrato fotográfico 87 Compartiendo sensaciones y emociones de una fotografía 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 permanente que promueva la reflexión. Así lograrás observar, comprender y disfrutar de una forma más rica la expresión fotográfica. Actividad 35 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. 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. 88 Diseño Digital - Producción de imagen digital con Photoshop El primero en utilizar una cámara fotográfica fue Joseph Nicephore Niépce 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. Crea una cámara oscura Actividad 36 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. 89 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. 1. Se debe oscurecer completamente la habitación, cubriendo todas las ventanas con cartulina negra. 2. 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. 3. 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. 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. 90 Diseño Digital - Producción de imagen digital con Photoshop 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. 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. 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). Imagen de catálogo 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 el 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 91 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á subexpuesta. 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 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: 92 a. Luz de día b. Nublado c. Luz interior d. Nocturno con flash e. Nocturno sin flash Diseño Digital - Producción de imagen digital con Photoshop Conociendo la cámara fotográfica 37 Actividad Contesta las siguientes preguntas. 1. 2. Define qué es una cámara fotográfica. Aparato para captar la luz en un medio fotosensible. ¿Qué es una cámara oscura? Una cámara oscura era una habitación que tenía pequeños orificios en las paredes y proyectaba la imagen del exterior en la pared opuesta , después se convirtió en una pequeña caja manejable y se le instaló una lente en el orificio para lograr imágenes claras. 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, Nicephore Niépce d. 1900, Carlos V 4. ¿Qué hizo Johann Zahn? 5. Johann Zahn creó la primera cámara pequeña, funcional y portable. Identifica las partes de la cámara y define cada una de ellas. Pantalla LCD. Permite encuadrar las imágenes y visualizarlas. Visor. Permite visualizar lo que se va a fotografiar. Disparador. Es el botón que toma la foto. Flash. Luz emitida por la cámara para iluminar el sujeto u objeto. Selector de modos de fotografía. Objetivo. Es un lente que concentra la luz del objeto en la cámara. Imagen de catálogo 93 6. 7. ¿Para qué sirve el obturador? El obturador sirve para controlar la intensidad de luz que llega al sensor de la cámara. Si tomas una fotografía en una playa y te das cuenta que queda sobreexpuesta (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) Disminuir el tiempo de exposición de la luz, o bien controlar la apertura del diafragma para evitar que entre luz excesiva al sensor. 8. ¿Qué velocidad de obturador crees que sería adecuada para una foto de un paisaje nocturno? ¿Rápida, media o lenta? Justifica tu respuesta. Debe ser lenta la velocidad para fotografiar un paisaje nocturno ya que hay poca luz y la cámara necesita captar esa “poca” luz para formar la imagen. 9. Ordena las palabras para formar una frase coherente. de luz llega que diafragma El sensor. al regula la cantidad El diafragma regula la cantidad de luz que llega al sensor. 10. Completa el siguiente párrafo con los conceptos correctos (exposición, sensor, diafragma, luz, apertura). diafragma Al regular la velocidad y la apertura del , el la cantidad exacta de luz para asegurar una correcta la fotografía. sensor consigue de exposición apertura 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. luz 94 Diseño Digital - Producción de imagen digital con Photoshop 11. Haz un mapa mental o un cuadro sinóptico que relacione los principales componentes de la cámara digital. Disparador Cámara Flash Objetivo Diafragma Pantalla LCD Sensor Memoria TIP 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. Tipos de cámaras fotográficas Las cámaras se clasifican de acuerdo a su uso comercial. Estos son los tipos más comunes, excluyendo a las cámaras para situaciones especiales como astronomía, buceo o grandes formatos. Cámara análoga: es el tipo convencional que captura las imágenes en una película fotosensible o rollo fotográfico. Poco a poco está desapareciendo del mercado. Imagen de catálogo 95 Cámara instantánea: en esta cámara la foto se auto revela e imprime en papel segundos después de ser capturada. Imagen de catálogo Cámara digital: cámara que capta las imágenes con la ayuda de un sensor digital fotosensible (chip CCD o CMOS). Las más económicas (como las integradas en algunos teléfonos) suelen ser demasiado simples y por lo tanto la calidad de las imágenes es menor. En este caso la cámara es sólo un accesorio adicional y no la función principal. Los equipos diseñados específicamente para usarse como cámaras, ofrecen una gran gama de diseños, calidades y aplicaciones. Imagen de catálogo 96 Diseño Digital - Producción de imagen digital con Photoshop Cámara reflex (SLR o Single Lens Reflex): La principal característica de esta cámara es que podemos ver por el visor la imagen tal y como se va a capturar. La imagen pasa por el lente objetivo y se refleja en un espejo mostrándola en el visor. Las cámaras digitales SLR digitales son las más sofisticadas y versátiles que existen en el mercado. Cuentan con innumerables accesorios intercambiables que componen un sistema, a través del cual se puede fotografiar cualquier situación. Imagen de catálogo TIP La calidad de una cámara digital depende de muchos factores, pero principalmente de tres: La resolución del sensor: se mide en Megapíxeles y determina la cantidad de puntos de imagen que forman la fotografía. El tamaño del sensor: se mide en pulgadas. No es lo mismo guardar 4 Megapíxeles en un sensor diminuto que en un sensor grande de calidad. La calidad del lente: un lente de alta calidad puede costar mucho más que la cámara misma. Las mejores cámaras tienen lentes grandes con características ópticas muy finas. LPhoto 03 Lámina de apoyo: Tipos de cámara 97 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 Actividad 38 Diseño Digital - Producción de imagen digital con Photoshop 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 las fotografías tomadas y organízalas en una carpeta personal. Manipularás estas fotografías con Photoshop más adelante. 99 Estudio de mercado Utiliza diferentes fuentes de investigación como folletos, revistas especializadas e Internet para llenar estas tablas comparativas. Elige en cada caso un modelo de la marca que se indica e investiga sus características. 1. Cámaras digitales compactas Marca Minolta Fuji Kodak Modelo Minolta DIMAGE G400 Fine Pix S9600 200m P712 3,9 megapíxeles 2272 x 1704 píxeles 9,1 megapíxeles 3488 x 2616 píxeles 7,1 megapíxeles 3072 x 2304 píxeles Tipo de sensor Auto, 50, 100, 200, 400 Auto, 80, 100, 200, 400, 800, 1600 Auto, 64, 80, 100, 125, 160, 200, 250, 320, 400, 800 Tipo de Lente (objetivo) 28 - 80 Gran angular teleobjetivo Gran angular teleobjetivo Resolución Otras ventajas Precio 100 CCD de 4,23 megapíxeles. Temporizador de disparo de 3 y 10 segundos. Modos predeterminados para retratos, paisajes, vistas nocturnas, instantáneas, deportes $300 dólares Graba mensajes de voz CCD de 9,24 megapíxeles Captura secuencia de video $737 dólares Actividad 39 Pantalla TFT 115.00 píxeles CCD de 7.4 megapíxeles Varios modos de disparo $597 dólares Diseño Digital - Producción de imagen digital con Photoshop 2. Cámaras digitales SLR Marca Canon Sony Nikon Modelo EOS 5D DSLR - A100 kit D40 kit Resolución 12,7 megapíxeles 4368 x 2912 píxeles 10,1 megapíxeles 3880 x 2600 píxeles 6,0 megapíxeles 3008 x 2000 píxeles Tipo de sensor Auto, 100 a 1600 Auto, 100, 200, 400, Auto, 200 a 1600 800, 1600 Tipo de Lente (objetivo) EF 35 - 60 f/3.5 Sony DT 18-70 mm f/3,5 - 5,6 Nikon AF-S DX 18 - 55mm f/3,5 - 5,5 GED Espacio de color SRGB y Adobe RGB Obturador planofocal controlado electrónicamente Autoenfoque predictivo Pantalla TFT de 230.000 píxeles CCD de 10,8 megapíxeles Control de flash Control de disparo Introducción de texto $3,500 dólares $1,400 dólares $800 dólares Otras ventajas Precio 101 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. 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. Mucha profundidad de campo. Los objetos cercanos y lejanos están enfocados. 102 Diseño Digital - Producción de imagen digital con Photoshop 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. Fotografía de acercamiento Actividad 40 La fotografía de acercamiento o Close Up es muy divertida. Permite ver de cerca un mundo diminuto o crear sorprendentes fotomontajes. 103 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. 5. Guarda tu trabajo para usarlo en una exposición fotográfica al final del curso. 104 Diseño Digital - Producción de imagen digital con Photoshop Repaso de la fotografía 41 Actividad Contesta correctamente las preguntas. 1. Escribe dos ventajas de las cámaras SRL con respecto a las cámaras compactas. Las cámaras SRL usan lentes intercambiables y producen fotos de muy alta calidad. 2. Escribe dos desventajas de las cámaras SRL con respecto a las cámara compactas. Las cámaras SRL son caras y son para profesionales de la fotografía por las características que ofrecen, por lo tanto es más difícil usarlas. 3. 4. ¿Cómo describirías una imagen con poca profundidad de campo? La imagen principal está enfocada mientras que el resto está desenfocada. ¿Qué pasa con la profundidad de campo si la apertura del diafragma es muy pequeña? Todo queda enfocado dentro de la imagen fotográfica, es decir, aumenta la profundidad de campo. 5. ¿Cómo puedo disminuir la profundidad de campo usando el zoom? Alejándome del objeto y haciendo un zoom sobre él. 105 Modos de Color en Photoshop (Mode) 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. 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ú Imagen (Image)/Modo (Mode) 1. Mapa de bits (Bit Map). Este modo sólo se utiliza en imágenes monocromáticas (blanco y negro). 2. Escala de grises (Grayscale). Son imágenes monocromáticas pero que tienen una amplia escala de tonos intermedios. 3. Color indexado (Indexed color). Tienen una tabla de color que contiene un máximo de 256 tonalidades. 4. Color RGB (RGB Color). Tiene tres canales de color: rojo, verde y azul. Se basa en la combinación de la luz para formar colores. 5. Color CMYK (CMYK Color). Tiene cuatro canales de color: cyan, magenta, amarillo y negro. Se basa en la absorción de la luz ocasionada por las tintas. 106 Diseño Digital - Producción de imagen digital con Photoshop 6. Color Lab (Lab Color). Se utiliza para manipulación profesional de color, normalmente en laboratorios fotográficos o estudios de diseño. 7. Multicanal o Duotono (Multichannel). Se utiliza para realizar impresiones de color especializado. LPhoto 04 Lámina de apoyo: Modos de color Los ajustes de la imagen (Adjustment) 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ú Imagen (Image)/Ajustes (Adjustment). 107 Los ajustes disponibles son: Niveles (Levels): Sirve para controlar las luces o la luminosidad de una imagen. Curvas (Curves): Ajusta el valor de la luz por medio de líneas que se pueden mover hacia arriba o hacia abajo en una gráfica. Equilibrio de color (Color Balance): Se utiliza para eliminar algún color dominante, saturar o desaturar la imagen. Brillo y Contraste (Brightness/Contrast): 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. Tono/Saturación (Hue/Saturation): 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. Desaturar (Desaturate): Elimina el color de la imagen dejándola en tonos de grises. Reemplazar color (Replace 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. Corrección selectiva (Match Color): Corrige desequilibrios y ajusta tonos de color. Mezclador de canales (Channel Mixer): Permite mezclar los canales de color como se quiera. Mapa de degradados (Gradient Map): Agrega un degradado a la imagen. Invertir (Invert): Invierte los colores de la imagen. Ecualizar (Equalize): Redistribuye los valores de luminosidad de los píxeles para que representen la gama completa de los valores de brillo. Umbral (Threshold): Convierte la imagen a blanco y negro (sin grises intermedios) y define su brillo. Posterizar (Posterize): Reduce el número de colores de la imagen. Variaciones (Variations): Ajusta visualmente el equilibrio de color, contraste y saturación de una imagen o parte de ella. Photo Los ajustes de la imagen 108 Diseño Digital - Producción de imagen digital con Photoshop 13 Ajustando fotografías Actividad 42 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. Mejorando malas fotografías Actividad 43 1. Utiliza Photoshop para mejorar las fotografías que se encuentran en la carpeta Actividad43 de tu CD de trabajo o carpeta de actividades. Estas fotografías tienen defectos desde que fueron tomadas como subexposición o sobreexposición, problemas de encuadre, de inclinación y de color. Toma nota de los ajustes que realices a cada una de las imágenes. 2. Guarda las fotografías corregidas con nombres diferentes para no modificar los originales. 3. Elabora un reporte digital de “antes y “después” de todas las fotografías. 4. Debajo de cada foto de “después” anota los ajustes realizados. 5. Guarda tu trabajo en tu carpeta personal. 109 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. Fotografía tomada a color y convertida a escala de grises con Photoshop. 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. 110 Diseño Digital - Producción de imagen digital con Photoshop Imágenes del pasado 44 Actividad 1. En la carpeta Actividad44 de tu CD de trabajo o carpeta de actividades 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 original Imagen procesada en Photoshop para simular una foto vieja. Algunos ajustes o filtros que puedes usar son: • • • • • • • 3. Cambiar el modo de color Ajustar brillo y contraste Desaturar Aplicar un filtro de fotografía (Photo Filter) Desenfocar Pixelar Agregar ruido 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. 111 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. Nota Fotografías cortesía de Thy Bun. Usadas con permiso. 112 Diseño Digital - Producción de imagen digital con Photoshop Investigación 45 Actividad 1. Investiga qué es el Bromuro de Plata y para qué se usaba dentro de la fotografía. El Bromuro de Plata es un compuesto químico, sensible a la luz, empleado para emulsionar la película fotográfica. 2. En fotografía ¿qué es ISO? ISO (Organización Internacional para la Estandarización). Nos da a conocer la sensibilidad de la película en la fotografía análoga y la de un sensor en la fotografía digital. 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. 4. En equipos de trabajo, elije uno de los siguientes temas para realizar una investigación y exposición al resto del grupo. Apoya tu presentación con diapositivas o elementos visuales. Las presentaciones no deben durar más de 7 minutos cada una. • • • • • Historia de la fotografía a color El revelado de la fotografía a color Autochrome y Kodachrome Transferencia de pigmentos Color aditivo y sustractivo Corrigiendo los tonos y brillos de una imagen Actividad 46 1. Abre la imagen Zona arqueologica.psd que se ubica en la carpeta Actividad46 de tu CD o carpeta de trabajo. 2. Duplica la imagen en una nueva capa con el comando <Ctrl+J>. 3. En el Menú Imagen (Image)/Ajustes (Adjustments)/Corrección Selectiva (Selective Color), ajustarás el color de la imagen. En el cuadro de diálogo de esta herramienta utiliza los siguientes valores. Rojos (Reds) Cyan (Cyan) -49 Magenta (Magenta) -27 Amarillo (Yellow) -27 Negro (Black) +5 113 Amarillos (Yellows) Cyan (Cyan) -3 Magenta (Magenta) -16 Amarillo (Yellow) -16 Negro (Black) -11 Verdes (Greens) Cyan (Cyan) +38 Magenta (Magenta) +9 Amarillo (Yellow) +57 Negro (Black) -30 Cyans Cyan (Cyan) +1 Magenta (Magenta) -11 Amarillo (Yellow) -20 Negro (Black) -17 Azules (Blues) Cyan (Cyan) -19 Magenta (Magenta) +6 Amarillo (Yellow) -21 Negro (Black) +6 Magentas Cyan (Cyan) +32 Magenta (Magenta) -20 Amarillo (Yellow) +34 Negro (Black) +19 Blancos (Whites) 114 Cyan (Cyan) +49 Magenta (Magenta) -30 Amarillo (Yellow) -43 Negro (Black) -36 Diseño Digital - Producción de imagen digital con Photoshop Neutrales (Neutrals) Cyan (Cyan) +1 Magenta (Magenta) +2 Amarillo (Yellow) -2 Negro (Black) -5 Negros (Blacks) 4. Cyan (Cyan) -12 Magenta (Magenta) -8 Amarillo (Yellow) +4 Negro (Black) +7 Ahora en el mismo Menú Imagen (Image)/Ajustes (Adjustments)/ Equilibrio de color (Color Balance), puedes corregir los colores de la imagen con mayor precisión. Usa por ejemplo estos valores: Medios tonos (Midtones) +4, 0, +2 Sombras (Shadows) +6, +5, +3 Brillos (Highlights) +4, +1, -5 5. Por último, en el mismo menú se encuentra el ajuste de Brillo y contraste (Brightness/Contrast). Desliza el cursor de brillo a +4 y el cursor de contraste a +4. 6. Acopla las capas de la imagen. 7. Guarda el archivo con el nombre ZonaArq46 en la carpeta que tu profesor indique. 115 Los Filtros de Adobe Photoshop (Filters) 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ú Filtros (Filters). Los filtros están agrupados según el tipo de efecto que producen: Filtros Artísticos: simulan efectos de pintura. Bosquejar: dan efecto de 3D a las imágenes, simulando distintos materiales. Desenfocar: suaviza las imágenes. Distorsión: realiza distorsiones geométricas. Enfocar: junta píxeles y corrige imágenes. Estilizar: simula efectos de pintura. Interpretar: filtros con diversos efectos. Pixelar: agrupa píxeles semejantes. Ruido: añade o elimina ruido a la imagen. Textura: imita diferentes materiales o texturas. Trazos de pincel: simula los trazos de pincel. 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. 116 Diseño Digital - Producción de imagen digital con Photoshop Photo 14 Filtros Trabajando con Filtros 47 Actividad 1. Abre la imagen Mundo.psd que se encuentra en la carpeta Actividad47 de tu CD de trabajo o carpeta de actividades. 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ú Filtro (Filter)/ Artístico (Artistic). 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 de las Acciones (Actions) 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 solo comando. 117 Si no se encuentra visible, la paleta Acciones se muestra con el Menú Ventana (Window)/Acciones (Actions). Para crear una nueva acción primero presiona en la paleta Acciones el botón Create New Action. 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 de Grabación (Recording). 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 Detener grabación (Stop recording). Una vez grabada puedes ejecutar una acción seleccionándola y activando el botón Reproducir (Play) en la paleta Acciones. Photo 15 Acciones Creando Acciones 1. 2. 3. 4. 5. Abre la imagen Patos.psd que está en la carpeta Actividad48. Crea una nueva acción en la paleta Acciones, usando el botón Crear nueva acción (Create new action). Nombra esta acción como “Naturaleza”. A partir de ahora todo lo que hagas quedará grabado. Crea una nueva capa y selecciónala como capa activa. Con la herramienta Marco Rectangular (Rectangular Marquee Tool) traza un rectángulo en la parte de arriba de la imagen. 48 Actividad Utiliza el Menú Edición (Edit)/Rellenar (Fill) o las teclas <Shift+F5>, para crear un relleno con los siguientes parámetros: Uso (Use): blanco (White) Opacidad (Opacity): 20% La selección se llenará con un color blanco semitransparente. 118 Diseño Digital - Producción de imagen digital con Photoshop 6. Quita la selección con <Ctrl+D>. 7. Ahora establece los colores de frente y de fondo predeterminados. La forma más rápida de hacerlo es con la tecla <D>. 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 <X>. Revisa que el color de frente sea blanco y el de fondo sea negro. 8. Con la herramienta de 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 Detener (Stop Recording) de la paleta Acciones. 12. Utiliza tu nueva acción para aplicar el mismo acabado a las demás imágenes que se encuentran en la carpeta Actividad48. Fotografías de velocidad 49 Actividad 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. 119 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. 120 Diseño Digital - Producción de imagen digital con Photoshop Fotos de profundidad Actividad 50 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. 4. Guarda tu trabajo para usarlo en una exposición fotográfica al final del curso. Actividad sobre la exposición 51 Actividad 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. 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. 121 1 2 3 La primera fotografía está subexpuesta, por lo que se ve demasiado oscura. Puedes ver una exposición correcta en la segunda imagen. La tercera fotografía quedó sobreexpuesta 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. 122 Diseño Digital - Producción de imagen digital con Photoshop 5. Guarda los tres sets de imágenes en la computadora y analízalos con el resto del grupo. Anota tus conclusiones: 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. 123 Trabajando con retratos 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. 3. La portada debe cumplir los siguientes requisitos mínimos: Actividad 52 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. 4. Acompaña tu portada con un pequeño ensayo donde se explique por qué se escogió ese tema y cuál fue su finalidad. Trabajando con paisajes En esta actividad debes tomar muchas fotografías para elegir sólo las tres mejores. 1. Una foto diurna de la naturaleza, ya sea un jardín, un campo, un lago una montaña entre otros. 2. Una foto nocturna de una población o ciudad. 3. Una fotografía deportiva de acercamiento. Actividad 53 Realiza las siguientes composiciones usando Photoshop : 1. 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). 2. 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. 3. 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 - Producción de imagen digital con Photoshop 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: 1. 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. 2. Realiza la captura de imágenes tomando siempre varias fotos. Después podrás elegir las mejores y eliminar las que no te gusten. 3. Mejora las imágenes utilizando Adobe Photoshop. 4. Edita fotomontajes, textos y efectos. 5. Guarda los archivos terminados. 6. 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. Luz de fondo. Se encarga de iluminar el fondo. Sujeto u objeto Luz Principal. Determina la exposición y la orientación correcta de la luz, así como la calidad de las sombras. Cámara Luz de efecto. Añade relieve al objeto y lo separa del fondo. Luz de relleno. Determina el contraste del objeto. Debe ser más tenue. 125 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. Los planos se clasifican en dos grupos que son: Según la orientación Plano frontal: es el más habitual y consiste en ubicar la cámara a la altura del sujeto u objeto a fotografiar. Plano picado: en este plano la cámara se sitúa más arriba que el sujeto u objeto a fotografiar. Plano contrapicado: es opuesto al plano picado, la cámara se sitúa por debajo del modelo a fotografiar. Plano cenital: la cámara se encuentra perpendicular al suelo, apuntando en forma vertical de arriba hacia abajo. Plano nadir: este plano se usa casi exclusivamente para fotografía de arquitectura, colocando la cámara apuntando del suelo hacia el cielo. Según el encuadre Plano general: es el más apropiado para situar una acción y, a su vez, es en donde aparecen las figuras de cuerpo entero. Plano americano ¾: es el plano que recorta a la persona de las rodillas hacia arriba, recibiendo este nombre por el antiguo uso en las películas de acción americanas. Plano medio: la figura se presenta claramente del pecho hacia arriba. Primer plano: nos ofrece los rasgos más llamativos del sujeto u objeto a fotografiar, centrándose principalmente en el rostro. Primerísimo plano: trata de mostrar un mayor detalle. Un claro ejemplo son los retratos donde aparece la parte superior de la frente recortada. Plano detallado: este plano consiste en sacar sólo una parte muy pequeña de la figura humana, como podrían ser los ojos o incluso un oído. Lámina de apoyo: Planos en la fotografía 126 LPhoto 05 Diseño Digital - Producción de imagen digital con Photoshop Haciendo un estudio fotográfico de producto Actividad 54 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. Fotografía publicitaria 55 Actividad 1. En esta actividad 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. 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 127 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. Recuerda que el objetivo de la foto publicitaria es persuadir e invitar al consumidor a realizar una compra: debes transmitirlo en todas tus fotos. 2. 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. 3. 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. 4. 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. 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. Los elementos de una composición fotográfica son los siguientes: El encuadre: es un fragmento del campo visual. Pensaremos en la foto como si fuera un cuadro, imaginando que el marco la delimita. 128 Diseño Digital - Producción de imagen digital con Photoshop El formato: es el tamaño y la forma de la superficie de la imagen. Puede ser vertical u horizontal. Fotografía cortesía de Darien D. Chin. Usada con permiso. 129 La línea: las líneas dominantes deben centrar la atención, no desviarla. Se puede hallar una línea casi en cualquier cosa, como en un camino o en una sombra. Las líneas pueden ser horizontales, verticales, curvas u oblicuas. Las líneas verticales suelen expresar armonía y profundidad, paz y tranquilidad; mientras que las líneas horizontales limitan la profundidad y actúan como barreras entre la fotografía y la vista. Fotografía cortesía de Darien D. Chin. Usada con permiso. La forma: es la silueta o perfil del sujeto u objeto a fotografiar. 130 Diseño Digital - Producción de imagen digital con Photoshop La textura: nos define la estructura de cualquier superficie, áspera e irregular o suave y brillante. Si se nos muestra en una fotografía, nos genera la sensación de estarla tocando. Fotografía cortesía de Thy Bun. Usada con permiso. El volumen: es lo que da a los objetos fotografiados su aspecto sólido, ya que contrasta con las luces y sombras de estos. Fotografía cortesía de Marina Filipovic (www.marinafilipovic.com). Usada con permiso. 131 El punto de vista: es el ángulo de incidencia más adecuado para lo que deseamos comunicar Fotografía cortesía de Darien D. Chin. Usada con permiso. La unidad: cada imagen debe ser considerada como única, en donde los elementos que la componen no pueden ser modificados. Fotografía cortesía de Thy Bun. Usada con permiso. 132 Diseño Digital - Producción de imagen digital con Photoshop La perspectiva: es la representación tridimensional de los objetos sobre un plano, de tal forma que se logre una impresión de profundidad real. Fotografía cortesía de Marina Filipovic (www.marinafilipovic.com). Usada con permiso. La Ley del horizonte: en el recuadro fotográfico se deben trazar, de forma imaginaria, tres bandas horizontales de igual anchura y destacar la zona en donde se encuentre el objeto principal. Fotografía cortesía de Marina Filipovic (www.marinafilipovic.com). Usada con permiso. 133 La Ley de la mirada: el objeto que se encuentra dentro del recuadro fotográfico debe tener más espacio libre hacia su parte frontal que hacia su parte trasera. Fotografía cortesía de Darien D. Chin. Usada con permiso. Regla de los tercios: divide a la escena en tres partes, tanto horizontal como verticalmente. Es preferible situar al motivo principal en una intersección de líneas. Fotografía cortesía de Thy Bun. Usada con permiso. 134 Diseño Digital - Producción de imagen digital con Photoshop El tono: es el brillo visual de una zona de la imagen que puede distinguirse por sus partes más claras o más oscuras. Fotografía cortesía de Thy Bun. Usada con permiso. El equilibrio: en cada imagen el elemento constituye líneas y formas que deben balancearse adecuadamente dentro de la composición. Fotografía cortesía de Marina Filipovic (www.marinafilipovic.com). Usada con permiso. 135 La simetría: es cuando al dividir una composición en dos partes iguales, existe equidad de peso en ambos lados. El ritmo: consiste en la repetición de una serie de elementos gráficos, que a través de una combinación de volúmenes, ajustan una imagen armónicamente. Fotografía cortesía de Thy Bun. Usada con permiso. Lámina de apoyo: Elementos de composición 136 LPhoto 06 Diseño Digital - Producción de imagen digital con Photoshop Utilizando la composición para fotografía 56 Actividad 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. Tips para sacar mejores fotografías Conoce todas las posibilidades de tu cámara. Debes leer el manual de instrucciones de la cámara para saber con qué funciones cuenta y cómo aprovecharlas. No te precipites. Evita bajar la cámara al momento de apretar el botón de disparo, ya que en muchos casos la fotografía no reflejará el encuadre o saldrá movida. Sujeta bien la cámara. Para evitar fotos movidas, torcidas o con encuadres distintos a los esperados, lo más importante es sujetar firmemente y de manera correcta la cámara. Usa líneas en el fondo y en el primer plano para mejorar la foto. Las líneas horizontales pueden ser estáticas y aburridas. Las diagonales pueden darle energía a la foto. Fotos verticales. Las fotos verticales tienen un ángulo con mayor profundidad de campo. Colocaciones originales. No te conformes con tomar fotos de las personas u objetos como los encuentres. Puedes moverlos para mejorar la composición de la imagen. Acércate al objeto o sujeto a fotografiar. El propósito es obtener más detalle significativo de lo que se está fotografiando, pero cuida no acercarte demasiado para evitar fotos borrosas. Anticípate a la acción. Se debe prever lo que va a ocurrir con el sujeto. Agáchate si es necesario. La mejor posición para tomar una fotografía es la que queda a la altura de los ojos de tu modelo, por eso es recomendable que te agaches para una mejor toma. Mira al sujeto a los ojos. El contacto directo visual puede ser tan atractivo en una fotografía como en la vida real. Cuando estés tomando una foto de alguien, sostén la cámara a la altura de los ojos de la persona, para captar el poder de su mirada. 137 Evita algunas horas del día. Las horas en las que el sol se encuentra muy alto son las menos recomendables para sacar fotografías, ya que provocan sombras excesivamente duras. Cuidado con el flash. El flash es un gran aliado para tomar fotos, sin embargo cuando lo uses, debes tener cuidado con la posición de tu cámara para evitar reflejos en las superficies brillantes como cristales y espejos. No dejes que el fondo se “coma” la foto. Evita las distracciones visuales de lo que será la imagen principal. Un fondo neutro ayuda a centrar la atención sobre el sujeto principal de la imagen. Aprovecha la luz. Aprovecha los atardeceres y los amaneceres, ya que suelen ser los que poseen la luz más adecuada para tomar fotografías. Composición de la imagen. La imagen resulta más impactante si se utilizan puntos de vista poco habituales. Organízate. Con la fotografía digital se obtienen infinidad de fotos que luego se descargan a la computadora. Elimina las fotografías mal tomadas y guarda el resto en carpetas divididas, ya sea en temas o categorías. Lámina de apoyo: Tips para sacar mejores fotos LPhoto 07 Composición Contesta las siguientes preguntas. 1. 2. 3. ¿Qué es la composición? La composición es la organización, selección y disposición de los sujetos dentro de la fotografía. Describe al menos 2 elementos de composición: El encuadre: fragmento del campo visual. El formato: es el tamaño y la forma de la superficie de la imagen. 57 Actividad Ilustra con dibujos los elementos que has descrito: 138 Diseño Digital - Producción de imagen digital con Photoshop 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. Restaurando fotografías Actividad 58 1. Abre las imágenes Antigua.psd y Cara.psd que están en la carpeta Actividad58. 2. Empieza tu trabajo con la imagen cara. Selecciona la herramienta Zoom y acércate para ver con más precisión las zonas deterioradas. 3. Usa las herramientas de Corrección (Spot Healing Brush y Clone Stamp Tool), 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 con Menú Imagen (Image)/Ajustes (Adjustments)/Niveles (Levels). 5. Duplica la imagen en una nueva capa y selecciona la nueva capa como activa. 6. Aplica a esta capa un filtro de Desenfoque gaussiano (Blur/Gaussian Blur) 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. 139 Eliminando ojos rojos 1. Abre la imagen Ojosrojos que está en la carpeta Actividad59. 2. Amplia la imagen lo suficiente para enfocarte en el área de los ojos. 3. Selecciona la herramienta Ojos rojos (Red Eye Tool) que se encuentra en el mismo botón que la herramienta de Parche (Spot Healing Brush Tool). 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 Corregido59 en la carpeta que indique tu profesor. 140 Actividad 59 Diseño Digital - Producción de imagen digital con Photoshop Proyecto de Integración 1: Impresión de fotografías en ropa 1. Toma una fotografía de lo que más te guste. 2. Retoca tu fotografía en Adobe Photoshop o realiza fotomontajes o composiciones creativas. 3. Refleja la imagen horizontalmente con Menú Edición (Edit)/Voltear horizontalmente (Flip Horizontal). 4. Guarda la imagen en formato TIFF y llévala a imprimir en papel transfer. 5. Plancha sobre el papel transfer con la imagen hacia abajo, pegada a la ropa hasta que pase la imagen. Si haces un trabajo de calidad, puedes vender la ropa impresa para obtener fondos para algún evento social como graduaciones o viajes. Proyecto de Integración 2: Bienal de fotografía BASES 1. Objetivo Los objetivos de este concurso son fomentar, reconocer, difundir y premiar la creatividad en el arte de la fotografía, utilizando las herramientas de manipulación y edición digital para una mejor calidad en la imagen. 2. Tema La temática es “Tu ciudad”: cualquier elemento que distinga al lugar en donde vives. 3. Participantes Podrán participar todos los fotógrafos con conocimientos en captura y manipulación de imagen, con un máximo de dos obras por autor, quedando descartadas aquellas que estén destinadas a uso comercial (fotografía publicitaria). Con el fin de promover la fotografía de autor y dentro de ella, la investigación, creatividad y las ideas innovadoras, esta actividad se enfoca a demostrar que a través de las imágenes se pueden aportar nuevos conceptos que beneficiarán la expresión artística. Todos los trabajos serán expuestos al término del concurso. Evaluación Diseño Digital 141 141 EVALUACION No. TEMA GENERAL: GRUPO: PROFESOR: PERIODO: DISEÑO DIGITAL - PHOTOSHOP TEMAS D ise ñ o D ig ita l E d icio n e s d e P h o to s h op Tipos d e im á g e n e s D ig ita liza c ió n d e im á g e n e s E n to rn o d e tra b a jo d e P h o to s h o p C re a ció n d e u n d o c u m e n to n u e vo A b rir a rch ivo s co n A d o b e B rid g e C e rra r y g u a rd a r u n a im a g e n TEMAS C o m p re sió n d e la im a g e n L a b a rra d e h e rra m ie n ta s L a b a rra d e h e rra m ie n ta s L a b a rra d e h e rra m ie n ta s L a b a rra d e h e rra m ie n ta s P royectado P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: C oncretado N otas: P royectado P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: C oncretado N otas: S E S IO N ES T E Ó R IC AS S E S IO N ES T E Ó R IC AS S E S IO N ES PRÁCTICAS S E S IO N ES PRÁCTICAS M M M J J SEMANA 6 M SEMANA 1 V V S S L L M M M J J SEMANA 7 M SEMANA 2 V V S S L L M M M J J SEMANA 8 M SEMANA 3 A V A N C E P R O G R A M ÁT IC O D E C U R S O L L V V S S L L M M M J SEMANA 4 M J SEMANA 9 V V S S L L M M M J SEMANA 5 M J S E M A N A 10 V V S S L a fo to g ra fía Las h e rra m ie n ta s d e la p a le ta C a p a s Las h e rra m ie n ta s d e la p a le ta C a p a s Las h e rra m ie n ta s d e la p a le ta C a p a s Las h e rra m ie n ta s d e la p a le ta C a p a s TEMAS Las h e rra m ie n ta s d e la p a le ta C a p a s Las C a p a s Las C a p a s P a le ta H isto ria L a b a rra d e h e rra m ie n ta s TEMAS DISEÑO DIGITAL - PHOTOSHOP P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: L L M M J M J S E M A N A 16 M S E M A N A 11 V V S S L L M M J M J S E M A N A 17 M S E M A N A 12 V V S S L L M M J M J S E M A N A 18 M S E M A N A 13 A V A N C E P R O G R A M ÁT IC O D E C U R S O S E S IO N ES T E Ó R IC AS S E S IO N ES T E Ó R IC AS EVALUACION No. TEMA GENERAL: GRUPO: PROFESOR: PERIODO: S E S IO N ES PRÁCTICAS S E S IO N ES PRÁCTICAS V V S S L L M M J M J S E M A N A 19 M S E M A N A 14 V V S S L L M M J M J S E M A N A 20 M S E M A N A 15 V V S S EVALUACION No. TEMA GENERAL: GRUPO: PROFESOR: PERIODO: L a fo to g ra fía L a fo to g ra fía L a fo to g ra fía L a fo to g ra fía DISEÑO DIGITAL - PHOTOSHOP TEMAS L a p ro fu n d id a d d e ca m p o TEMAS M o d o s d e co lo r e n Ph o to s h op Los a ju ste s d e la Im a g e n L a fo to g ra fía e n b lanco y n e g ro L a fo to g ra fía a co lo r Los filtro s d e A d o b e P h o to s h op P royectado P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: C oncretado N otas: P royectado P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: C oncretado N otas: S E S IO N ES T E Ó R IC AS S E S IO N ES T E Ó R IC AS S E S IO N ES PRÁCTICAS S E S IO N ES PRÁCTICAS M M M J J S E M A N A 26 M S E M A N A 21 V V S S L L M M M J J S E M A N A 27 M S E M A N A 22 V V S S L L M M M J J S E M A N A 28 M S E M A N A 23 A V A N C E P R O G R A M ÁT IC O D E C U R S O L L V V S S L L M M M J S E M A N A 24 M J S E M A N A 29 V V S S L L M M M J S E M A N A 25 M J S E M A N A 30 V V S S P ro ye cto d e in te g ra c ió n 2 P ro ye cto d e In te g ra c ió n 1 E l reto q u e fo to g ráfico TEMAS Tip s p a ra o b te n e r m e jo re s fo to g ra fía s E le m e n to s d e com p o sición P la n d e tra b a jo p a ra saca r u n a fo to g ra fía A ccio n e s A ccio n e s TEMAS P O R C E N T A JE D E AVANCE T O T A LE S DISEÑO DIGITAL - PHOTOSHOP P royectado C oncretado P royectado C oncretado P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: P royectado C oncretado N otas: 100% L 100% L J M J V V S E M A N A 36 M S E M A N A 31 M M L L J M J V V S E M A N A 37 M S E M A N A 32 M M S S L L J M J L L = = PL = PA T S S J J S S L L J M J V V S E M A N A 40 M S E M A N A 35 M M Sesión Práctica en Laboratorio Sesión Práctica en el Aula Sesión Teórica. M V V S E M A N A 39 M S E M A N A 34 M M N O M B R E Y F IR M A D E L P R O F E S O R V V S E M A N A 38 M S E M A N A 33 M M Los re cu a d ro s a b a jo d e fe ch a s d e b e rá n lle n a rse co n : S S A V A N C E P R O G R A M ÁT IC O D E C U R S O S E S IO N ES T E Ó R IC AS S E S IO N ES T E Ó R IC AS EVALUACION No. TEMA GENERAL: GRUPO: PROFESOR: PERIODO: S E S IO N ES PRÁCTICAS S E S IO N ES PRÁCTICAS S S