diseno digital photoshop cs5 profesor

PRO

FESO

R

Diseo DigitalPhotoshop CS5

Diseo Digital Photoshop CS52da. EDICIN

Marzo 2014

D.R. Grupo Educare, S.A. de C.V., Cerro de Mesontepec, nmero 83, Colonia Colinas del Cimatario, Quertaro, Qro., CP. 76090, 2002.

Queda prohibida la reproduccin total o parcial de esta obra por cualquier medio, sin autorizacin de los editores.

ISBN 978-607-7271-93-2Impreso y hecho en Mxico.

Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproduccin total o parcial de esta obra y/o los recursos que la acompaan, por cualquier

medio, sin autorizacin escrita de Grupo Educare, S.A. de C.V.

Editado por Grupo Educare S.A. de C.V.Impreso por: Impresores Profesionales, S.A. de C.V., calle 6, nmero 208-C, Agrcola Pantitln,

Mxico, D.F., C.P. 08100, Delegacin Iztacalco.

Grupo Educare, el logotipo de Grupo Educare, el logotipo de Diseo Digital Photoshop CS5 son propiedad de Grupo Educare, S.A. de C.V.

El diseo editorial y contenidos grficos son propiedad exclusiva de Grupo Educare, S.A. de C.V.Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta

obra, forman parte de ejemplos ficticios, a menos que se indique lo contrario. Las citas, imgenes y videogramas utilizados en esta obra se utilizan nicamente con fines didcticos y para la crtica e investigacin cientfica o artstica, por lo que el autor y Grupo Educare, S.A. de C.V. no asumen ninguna responsabilidad por el uso que se d a esta informacin, ni infringen derecho de marca

alguno, en conformidad al Artculo 148 de la Ley Federal del Derecho de Autor.

Autor: Ral Calao Rebouleen

Carlos Zepeda Chehaibar

Apoyo en desarrollo y actividades: Samantha Mndez Domnguez

Apoyo en actualizacin: Csar Carranza Contreras

Coordinacin Editorial:Alejandro Flores Ledesma

Diseo Editorial: Csar Carranza Contreras

Apoyo Editorial: Sandra A. Rodrguez Romero

Correccin de estilo:Jennifer P. Castillo Ascencio

Desarrollo de Tutoriales: Miriam Tatiana Zamora

Direccin de Arte:Alfredo Salazar de la Vega

Coordinador Ilustracin Portada: Mario Martnez Ramrez

Ilustracin de portada:Nestor Emilio Salazar Cuellar

Ilustracin de interiores:Judith Lourdes Sierra Prez

Miriam Tatiana Zamora GutirrezCsar Carranza Contreras

Revisin de Recursos Digitales:Jennifer Priscila Castillo Ascencio

Gregorio Snchez Hernndez

Fotografa:Carlos Zepeda Chehaibar

Diseo DigitalPhotoshop CS5

Contenido

Unidad 1 Introduccin a Photoshop 9tema a Tipos de imgenes 10

Imgenes vectoriales 10Imgenes de mapa de bits 11Lmina 1-01 Vectores vs. Mapa de Bits 11

tema B Digitalizacin de imgenes 12Escner 12Cmara Digital 12

tema C Obtencin de imgenes libres de derechos 13tema D Introduccin e historia de Adobe Photoshop 14

Lmina 1-02 Historia de Adobe 14Actividad 1-01 Comenzando con Adobe Photoshop 15

tema e Espacio de trabajo de Photoshop 16Video 1-01 Espacio de trabajo de Photoshop 17

tema F Gestin de Archivos 18Creacin de un documento Nuevo (New) 18Abrir archivos (Open) 20Cerrar y guardar una imagen 21Video 1-02 Gestin de archivos 23Actividad 1-02 Adobe Photoshop 23Actividad 1-03 Obtencin de imgenes 25Evaluacin 01 26

Unidad 2 Herramientas 27tema a Herramientas de Seleccin 28

Panel Herramientas 28Herramientas de seleccin 28Lmina 2-01 Herramientas de Seleccin 29Tolerancia (Tolerance) 30Video 2-01 Tolerancia 30Proyecto 2-01 Figuras simples a partir de selecciones 30Selecciones como mscaras 32Actividad 2-01 Por qu mscaras? 32Proyecto 2-02 Selecciones 33

tema B Herramientas de pintura y retoque 34Lmina 2-02 Herramientas de Pintura y Retoque 34Color de frente (Foreground) y Color de fondo (Background) 36

Propuesta Pedaggica I

Contenido

Modo mscara rpida 36Proyecto 2-03 Pintando en Adobe Photoshop 37Proyecto 2-04 Quitando cables 39Proyecto 2-05 Quitando imperfecciones y manchas 40Proyecto 2-06 Pintando pxeles en modo RGB 41Actividad 2-02 Colores RGB 42Proyecto 2-07 Jugando con los pxeles en modo CMYK 43Actividad 2-03 Colores CMYK 44

tema C Herramientas de dibujo y texto 45Proyecto 2-08 Creando texto en Adobe Photoshop 46

tema D Otras herramientas 47Lmina 2-03 Otras herramientas 47Panel Historia (History) 48Proyecto 2-09 Corregir la inclinacin de una foto 48Proyecto 2-10 Separar imgenes 49Evaluacin 02 50

Unidad 3 Capas 51Actividad 3-01 Creando capas manualmente 52

tema a Las Capas (Layers) 53Crear y eliminar capas 54Capa activa 54La visibilidad de una capa 55Video 3-01 Capas 55Proyecto 3-01 Fusin de imgenes 56

tema B Las herramientas del panel Capas 57Modos de fusin 57Lmina 3-01 Modos de fusin 59Proyecto 3-02 Coloreando fotografas en Modos de fusin 60Bloqueo de capas (Lock) 61Anidar capas (Link layers) 61Combinar capas (Merge layers) 62Opacidad (Opacity) 62Relleno (Fill) 62Video 3-02 Herramientas del Panel Capas 62Actividad 3-02 Experimentando con capas 63Los Estilos de capa (Add a layer style) 64Video 3-03 Estilos de capa 65Proyecto 3-03 Estilos de capa 66Proyecto 3-04 Trabajando con los Modos de Capa 67

tema C Transformacin de la capa (Transform) 70Video 3-04 Transformacin de capa 71

Contenido

Proyecto 3-05 Transformando retratos 72tema D Crear Mscara de capa (Add Layer Mask) 73

Proyecto 3-06 Fusin de imgenes para portada de revista 74Proyecto 3-07 Fusionando dos imgenes con ayuda del pincel 75

tema e Capas de relleno o ajuste (Create new fill or adjustment layer) 76Video 3-05 Capas de relleno y ajuste 77Proyecto 3-08 Restaurando una imagen con las capas de ajuste 78Actividad 3-03 Capas y mscaras 79Evaluacin 03 80

Unidad 4 La Fotografa 81tema a La fotografa 82

Historia de la fotografa 82Lmina 4-01 Historia de la fotografa 83Proyecto 4-01 Reflexin 83Proyecto 4-02 Haciendo un daguerrotipo 84Proyecto 4-03 Ensayo fotogrfico 85

tema B Los gneros fotogrficos 86Actividad 4-01 Gneros fotogrficos 89Actividad 4-02 Compartiendo sensaciones y emociones 90

tema C La cmara fotogrfica 91Proyecto 4-04 Crear una cmara oscura 92Elementos de la cmara fotogrfica 93Lmina 4-02 Tipos de cmara 95Actividad 4-03 Conociendo la cmara fotogrfica 96Actividad 4-04 Tu cmara 98

tema D La profundidad de campo 100Proyecto 4-05 Fotografa de acercamiento 101Evaluacin 04 102

Unidad 5 Color 103tema a Modos de Color 104

Lmina 5-01 Modos de color 104tema B Los ajustes de la imagen 105

Video 5-01 Los ajustes de la imagen 105Proyecto 5-01 Mezclando Colores 106Actividad 5-01 Ajustando fotografas 107

tema C La fotografa en blanco y negro 108Proyecto 5-02 Imgenes del pasado 109

tema D La fotografa a color 110Proyecto 5-03 Corrigiendo los tonos y brillos de una imagen 111Evaluacin 05 112

Contenido

Unidad 6 Cmo mejorar fotografas? 113tema a Plan de trabajo para sacar una fotografa 114

La Iluminacin 114Los planos de la fotografa 115Lmina 6-01 Planos en la fotografa 115Proyecto 6-01 Haciendo un estudio fotogrfico de producto 115Elementos de composicin 116Lmina 6-02 Elementos de composicin 116Actividad 6-01 Utilizando la composicin para fotografa 116Lmina 6-03 Tips para sacar mejores fotografas 116

tema B Los Filtros de Adobe Photoshop 117Video 6-01 Filtros 117Proyecto 6-02 Trabajando con Filtros 118Acciones (Actions) 118Video 6-02 Acciones 119Proyecto 6-03 Creando Acciones 119Actividad 6-02 Fotografas de velocidad 120Actividad 6-03 Fotos de profundidad 122Actividad 6-04 Actividad sobre exposicin 122Proyecto 6-04 Trabajando con retratos y paisajes 124

tema C El retoque fotogrfico 125Proyecto 6-05 Eliminando ojos rojos 125Proyecto 6-06 Restaurando fotografas 126Actividad 6-05 Fotografa publicitaria 127Evaluacin 06 128

Recursos

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

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

Material Impreso

Recursos Digitales

T IP

Explicacin Iconogrfica

Proyecto

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

Actividad

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

Video

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

Lmina de apoyo

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

Nota

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

Evaluacin

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

Tip

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

DISEO DIGITAL Photoshop CS5AUTOR:CARLOS ZEPEDA CHEHAIBAR

Unidad 01 Introduccin a Photoshop

Unidad 02 Herramientas

Unidad 03 Capas

Unidad 04 La fotografa

Unidad 05 Color

Unidad 06 Cmo mejorar fotografas?

NIVEL: Bsico DURACIN SUGERIDA: 40 SESIONES / 45-50 MINUTOS

Propuesta Didctica

Este libro lo integran las siguientes Unidades:

Las propuestas didcticas son flexibles, adaptables a la forma personal de trabajo del maestro y necesidades especficas de cada clase maximizando as el empleo de los recursos disponibles.

DISEO DIGITAL II

Unidad Tema Subtema Objetivos

1 - Introduccin a Photoshop

Sesiones Sugeridas 3

tema A Tipos de imgenes

Imgenes vectorialesImgenes de mapa de bits

Definir los conceptos de Imagen Mapa de Bits y Vector al describir suscaractersticas.

tema B Digitalizacin de imgenes

EscnerCmara digital

Describir el flujo de trabajo para digitalizar una imagen.

tema C Obtencin de imgenes libres de derechos

Registrar diferentes medios para obtener imgenes libres de derechos yusarlas para el desarrollo de un proyecto.

tema D Introduccin e historia de Adobe Photoshop

Conocer la historia y versiones de Adobe Photoshop.

tema E Espacio de trabajo de Photoshop

Definir los elementos que componen el espacio de trabajo de AdobePhtoshop.

tema F Gestin de archivos

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

Identificar los comandos que te permitirn crear, abrir, cerrar y guardarun documento.

2 - Herramientas

Sesiones sugeridas 9

tema A Herramientas de Seleccin

Panel HerramientasHerramientas de SeleccinTolerancia (Tolerance)Selecciones como mscaras

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

Propuesta Didctica III

Competencias Actividades sugeridas para el alumno Tutorial Sugerido Recursos

A definir los conceptos de imagen, mapa de bits y vector.

Lmina 1-01 Vectores vs. Mapa de bits

A reconocer al escner y la cmara como elementos para digitalizar imgenes.

A localizar imgenes con licencias creative commons e identificar el tipo de licencia por su iconografa, as como el uso que se puede dar a material que emplea este tipo de licencias.

La historia acerca del desarrollo de Adobe Photoshop, los nombres de sus creadores, as como los orgines de la aplicacin.

Actividad 1-01 Comenzando con Adobe Photoshop

Lmina 1-02 Historia de Adobe

Cuales son los principales elementos que conforman el espacio de trabajo deAdobe Phtoshop.

Video 1-01 Espacio de trabajo de Photoshop

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

Actividad 1-02 Adobe Photoshop

Actividad 1-03 Obtencin de imgenesEvaluacin 01

Video 1-02 Gestin de archivos

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

Proyecto 2-01 Figuras simples a partir de seleccionesActividad 2-01 Por qu mscaras?Proyecto 2-02 Selecciones

Video 2-01 Tolerancia0 Lmina 2-01 Herramientas de Seleccin

DISEO DIGITAL IV


Cont. Unidad 2

tema B Herramientas de pintura y retoque

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

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

tema C Herramientas de dibujo y texto

Conocer las herramientas disponibles en Adobe Photoshop parala creacin y edicin de texto, as como para la realizacin de trazosvectoriales.

tema D Otras herramientas Panel Historia (History)

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

3 - Capas


tema A Las capas (Layers)Crear y eliminar capasCapa activaLa visibilidad de capa

Organizar elementos para formar una imagen, a partir de varias capas.

tema B Las herramientas del panel Capas

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

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

Propuesta Didctica V


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

Proyecto 2-03 Pintando en Adobe Phtoshop

Proyecto 2-04 Quitando cablesProyecto 2-05 Quitando imperfecciones y manchasProyecto 2-06 Pintando pixeles en modo RGBActividad 2-02 Colores RGBProyecto 2-07 Jugando con los pixeles en modo CMYKActividad 2-03 Colores CMYK

Lmina 2-02 Herramientas de Pintura y Retoque

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

Proyecto 2-08 Creando texto en Adobe Photoshop

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

Proyecto 2-09 Corregir la inclinacin de una fotoProyecto 2-10 Separar imgenesEvaluacin 02

Lmina 2-03 Otras herramientas

A identificar el Panel Capas y sus principales funciones, identificas las capas en un documento de Adobe Photoshop, tambin puedes crear y eliminar capas.

Actividad 3-01 Creando capas manualmenteProyecto 3-01 Fusin de imgenes

Video 3-01 Capas (Layers)

A emplear y practicar el uso de cada una de los Modos de fusin al trabajar con capas, aplicndolas a una nueva imagen creando efectos visuales.

Proyecto 3-02 Coloreando fotografas en Modos de FusinActividad 3-02 Experimentando con capasProyecto 3-03 Estilos de capaProyecto 3-04 Trabajando con los Modos de Capa

Video 3-02 Herramientas del Panel CapasVideo 3-03 Estilo de capa

Lmina 3-01 Modos de fusin

DISEO DIGITAL VI


Cont. Unidad 3

tema C Transformacin de la capa (Transform)

Comprender las herramientas de Transformacin de capa.

tema D Crear Mscara de capa (Add Layer Mask)

Evaluar las herramientas de Crear mscara de capa.

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

Diferenciar las herramientas de Capas de Relleno y ajuste.

4 - La fotografa


tema A La fotografa Historia de la fotografa Identificar los orgenes de la fotografa.

tema B Los gneros fotogrficos

Reconocer el tipo de gnero al que pertenece una fotografa.

tema C La cmara fotogrfica

Elementos de la cmara fotogrfica

Nombrar las partes de una cmara fotogrfica.

tema D La profundidad de campo

Dominar la profundidad de campo practicando la fotografa deacercamiento.

5 - Color


tema A Modos de Color

Identificar los modos de color, en los cuales Photoshop es capaz demanipular imgenes.

tema B Los ajustes de la imagen

Realizar ajustes globales de manera rpida, empleando los disponiblespor la aplicacin.

Propuesta Didctica VII


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

Proyecto 3-05 Transformando retratos

Video 3-04 Transformacin de capa

Que agregando Mscaras de capa, puedes lograr realizar fotomontajes detallados.

Proyecto 3-06 Fusin de imgenes para portada de revistaProyecto 3-07 Fusionando dos imgenes con ayuda del pincel

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

Proyecto 3-08 Restaurando una imagen con las capas de ajusteActividad 3-03 Capas y mscarasEvaluacin 03

Video 3-05 Capas de relleno y ajuste

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

Proyecto 4-01 ReflexinProyecto 4-02 Haciendo un dagerrotipoProyecto 4-03 Ensayo fotogrfico

Lmina 4-01 Historia de la fotografa

Nombrar los principales gneros fotogrficos y describir sus caractersticas.

Actividad 4-01 Gneros fotogrficosActividad 4-02 Compartiendo sensaciones y emociones

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

Proyecto 4-04 Crear una cmara oscuraActividad 4-03 Conociendo la cmara fotogrficaActividad 4-04 Tu cmara

Lmina 4-02 Tipos de cmara

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

Proyecto 4-05 Fotografa de acercamientoEvaluacin 04

A comparar y describir los diversos modos de color en los que es posible manipular imgenes, analizando las caractersticas que componen a cada uno de ellos.

Lmina 5-01 Modos de color

Que es posible aplicar ajustes a fotografas para mejorar su aspecto o modificar su apariencia.

Proyecto 5-01 Mezclando ColoresActividad 5-01 Ajustando fotografas

Video 5-01 Los ajustes de la imagen

DISEO DIGITAL VIII


Cont. Unidad 5

tema C La fotografa en blanco y negro

Reconocer los elementos escenciales de una imagen a blanco y negro.

tema D La fotografa a color

Conocer los inicios de la fotografa a color.

6 - Cmo mejorar fotografas?


tema A Plan de trabajo para sacar una fotografa

La iluminacinLos planos de la fotografaElementos de composicin

Describir los pasos para obtener mejores fotografas.

tema B Los Filtros de Adobe Photoshop Acciones (Actions)

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

tema C El retoque fotogrfico

Identificar procesos para la restauracin de fotografas viejas aldigitalizarlas y modificarlas en Photoshop.

Propuesta Didctica IX


Cmo manipulando el modo de color de una imagen, se puede cambiar suapariencia a blanco y negro o hacerla parecer que es una fotografa antigua.

Proyecto 5-02 Imgenes del pasado

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

Proyecto 5-03 Corrigiendo los tonos y brillos de una imagenEvaluacin 05

A cmo mejorar tu tcnica para capturar imgenes de alta calidad y expresin, alemplear los principios de composicin de imagen en tus fotografas.

Proyecto 6-01 Haciendo un estudio fotogrfico de productoActividad 6-01 Utilizando la composicin para fotografa

Lmina 6-01 Planos en la fotografaLmina 6-02 Elementos de composicinLmina 6-03 Tips para sacar mejores fotografas

Cmo aplicar filtros, su organizacin y efectos sobre una imagen.

Proyecto 6-02 Trabajando con FiltrosProyecto 6-03 Creando AccionesActividad 6-02 Fotografas de velocidadActividad 6-03 Fotos de profundidadActividad 6-04 Actividad sobre exposicinProyecto 6-04 Trabajando con retratos y paisajes

Video 6-01 FiltrosVideo 6-02 Acciones

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

Proyecto 6-05 Eliminando ojos rojosProyecto 6-06 Restaurando fotografasActividad 6-05 Fotografa publicitariaEvaluacin 06

DISEO DIGITAL X

Diagnstico de habilidades

Habilidad 1 2 3 4 5

Reconocer diferencias entre mapa de bits y vector

Uso del escner

Identificar tipos de licencias Creative Commons

Reconocer el espacio de trabajo de Photoshop

Abrir y guardar archivos en Photoshop

Diferenciar Color de Frente y Color de Fondo

Modificar una seleccion

Crear capas

Modificar el tamao de una capa

Reconocer las fotografas por tipo de gnero

Operacin de cmara fotogrfica

Modificar el Color y la saturacin de una imagen

Reconocer los tipos de planos en la fotografa

Aplicar modos de fusin a una capa

Optimizar imagenes para la Web o medio impreso

Diferenciar los modos de color RGB y CMYK

Aplicar acciones en Photoshop

Aplicacin de filtros a una fotografa

Eliminar ojos rojos

Crear fotografas para medios publicitarias

Diseo Digital Photoshop CS5Autor:Carlos Zepeda Chehaibar

A Definir los conceptos de Imagen Mapa de Bits y Vector al describir sus caractersticas.

B Describir el flujo de trabajo para digitalizar una imagen.C Registrar diferentes medios para obtener imgenes libres de derechos y

usarlas para el desarrollo de un proyecto.

D Conocer la historia y versiones de Adobe Photoshop.E Definir los elementos que componen el espacio de trabajo de Adobe

Photoshop.

F Identificar los comandos que te permitirn crear, abrir, cerrar y guardar un documento.


Unidad 01 Introduccin a Photoshop

Durante el desarrollo de esta unidad aprenders a:

Photoshop fue lanzado al mercado en 1988 por la compaa Adobe, bajo el nombre de Adobe Photoshop 0.63.

Diseo Digital10

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

Imgenes vectoriales

Un grfico vectorial se compone de lneas rectas y curvas que tienen propiedades como el color, tamao o posicin. Los vectores son independientes de la resolucin, lo que significa que pueden desplegarse a cualquier tamao manteniendo la misma calidad.

Una imagen vectorial (o simplemente vector) es en realidad una funcin matemtica que la computadora calcula cada vez que necesita desplegar la imagen en pantalla. Si haces un acercamiento a una parte de la imagen, la funcin se calcula nuevamente, de manera que no hay prdida de informacin.

Cuando se trabaja con imgenes vectoriales se modifican las propiedades de los vectores que forman los objetos o figuras. Este tipo de imgenes son ideales para crear y manipular formas y textos.

tema a Tipos de imgenes

Imagen 1-1: Acercamiento a una imagen vectorial

Imagen 1-2: Imagen Vectorial

Introduccin a Photoshop 11

Imgenes de mapa de bits

Adobe Photoshop trabaja con imgenes de mapa de bits. Los mapas de bits estn compuestos por una cuadrcula de pequeos puntos denominados pxeles (que quiere decir picture element o elementos de imagen). Los pxeles estn ordenados y coloreados de una forma determinada para definir un patrn. Un pxel slo puede tener un color.

Cuando se trabaja con imgenes de mapa de bits, se modifican los pxeles en lugar de modificar directamente los objetos o las figuras. Este tipo de imgenes son ideales para capturar y manipular fotografas.

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

Imagen 1-4: Imagen de mapa de bits1-01LMINA Vectores vs. Mapa de Bits

Diseo Digital12

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

Escner

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

Cmara Digital

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

Las cmaras comnmente incluyen un cable que permite conectar la cmara a un puerto de entrada para transferir las fotografas a la PC. La mayora de las cmaras tienen una memoria integrada o removible, que almacena fotografas hasta que se les transfiere a una computadora.

Memoria incorporada: almacena entre 20 y 60 fotografas, dependiendo del tamao y calidad. Una vez que est llena se transfiere a la computadora.

Memoria removible: almacena fotografas en una tarjeta o incluso en un disquete regular. Se puede reemplazar una tarjeta de memoria cuando est llena para seguir tomando fotos.

tema B Digitalizacin de imgenes

COMPUTADORA

ESCNER

TWAIN SOFTWARE

LA IMAGEN ESCANEADAAPARECE EN LA PANTALLA

CIRCUITOLGICO

SENSORCCD

FUENTEDE LUZ

MOTOR

INICIO

Imagen 1-5: Escner

PIC-001 PIC-002 PIC-003

PIC-003

Imagen 1-6: Cmara descargando imgenes


tema C Obtencin de imgenes libres de derechos

Un punto que debes tomar en cuenta para poder utilizar cualquier imagen legalmente y poder difundir tu trabajo sin problemas, son los derechos del autor. No se trata nicamente de derechos econmicos, porque suele pensarse que si algo se usa sin fines de lucro, no hay problema. Un autor tambin tiene derechos morales y puede negarse a que su obra se use para promover ideas y valores contrarios a los suyos; por lo cual el autor tiene el monopolio legal del derecho de copia de su obra.

Adems de las imgenes con Copyright (todos los derechos reservados), estn las imgenes con algunos derechos reservados. La Free Software Foundation promovi una iniciativa para crear contenidos digitales de libre atribucin y as surgieron las licencias CreativeCommons.Este tipo de licencias se aplican lo mismo a textos, que a msica, video o imgenes fijas cuyos autores deciden reservarse slo algunos derechos. Bsicamente se trata de 4 tipos de licencia.

De atribucin:Se permite su libre copia y distribucin, con la condicin de dar crdito al autor original.

No comercial:Se permite su libre copia y distribucin, nicamente con fines no comerciales.

Obras no derivadas:Se permite su libre copia y distribucin, pero nicamente de copias exactas, no de obras derivadas en las que se use el original para hacer algo ms.

Compartir con la misma licencia:Se permite su libre copia y distribucin, con la condicin de que el trabajo en el que se use, sea compartido con una licencia igual.

Diseo Digital14

El programa de Adobe Photoshop es una aplicacin para manipular y editar imgenes fotogrficas y vectoriales, para medios impresos o virtuales. Desde su aparicin, el programa ha evolucionado y mejorado sus caractersticas y capacidades. Aunque probablemente hay ms de 100 programas para edicin o manipulacin de imgenes, Photoshop ha sido considerado -por muchos aos- la aplicacin modelo estndar dentro de la rama de las artes grficas. Hoy en da sigue siendo la aplicacin nmero uno en diseo y se considera la ms completa y poderosa.

Adems de sus capacidades para trabajar con imgenes, a Photoshop se han agregado nuevas herramientas para el desarrollo Web. Las nuevas versiones de Adobe Photoshop cuentan con un programa de apoyo llamado Image Ready, enfocado al diseo para Internet.

Adobe Photoshop se cre en 1990 como una aplicacin diseada para trabajar en las computadoras Macintosh, que durante muchos aos fueron consideradas las ms adecuadas para el diseo grfico.

En 1987, Thomas Knoll trabajaba en un cdigo de programacin llamado Display, que serva para obtener imgenes en escala de grises para adaptrselas a un monitor blanco y negro. Su hermano John Knoll experimentaba diariamente en su computadora para crear efectos especiales.

Los dos hermanos se unieron y mientras uno trabajaba en agregar a la computadora la habilidad de leer y escribir varios formatos, el otro desarrollaba procesos de rutina en las imgenes, que despus se convertiran en los filtros o plug-ins. Estos ltimos los estudiaremos ms adelante. La aplicacin que desarrollaron con su trabajo fue nombrada Photoshop y crearon un manual para su manejo.

En 1988 la Compaa Adobe decide comprar la licencia del programa. Desde ese momento Adobe Photoshop ha posicionado en el mercado 12 ediciones y sigue evolucionando.

tema D Introduccin e historia de Adobe Photoshop

Imagen 1-7: John Knoll

Imagen 1-8: Thomas Knoll

1-02LMINA Historia de Adobe


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

2. En qu ao se cre Photoshop?

3. Quines fueron los creadores de Photoshop?

4. Cuntas y cules son las ediciones que Photoshop ha sacado al mercado?

5. En qu ao Photoshop es adquirido por Adobe?

6. Describe qu es la digitalizacin de una imagen:

7. Qu es un mapa de bits?

Comenzando con Adobe Photoshop1-01

ACTIVIDAD

Se utiliza Adobe Photoshop para editar y manipular imgenes digitales.

Photoshop se cre en el ao 1990.

Sus creadores fueron Thomas y John Knoll.

Son 12 las ediciones de Photoshop y son:A. Photoshop 1.0, A. Photoshop 2.0, A. Photoshop 3.0, A. Photoshop 4.0, A. Photoshop 5.0, A. Photoshop 6.0, A. Photoshop 7.0, A. Photoshop CS hasta A. Photoshop CS5.

En el ao 1988.

Digitalizar una imagen es el proceso mediante el cual la informacin de luz y color se transforman en informacin numrica para ser guardada y manipulada

Un mapa de bits es una cuadrcula formada por pxeles.

Diseo Digital16

Imagen 1-9: Espacio de Trabajo de Photoshop

tema e Espacio de trabajo de Photoshop

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

2 3

45 6

1


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

2. Barra de mens. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa.

3. Panel de control. Permite establecer los parmetros de las herramientas o el objeto seleccionado.

4. Barra de estado. Esta barra nos proporciona informacin sobre el archivo e imagen con la que estamos trabajando.

5. Panel Herramientas. Permite modificar y editar el objeto.

6. Paneles. Permiten trabajar con los distintos aspectos de un documento, como capas, colores, navegador o historial, entre otras.

1-01 VIDEO Espacio de trabajo de Photoshop

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

Diseo Digital18

Imagen 1-10: Ventana Nuevo.

Creacin de un documento Nuevo (New)

Para crear un nuevo documento utiliza el men File/New (Archivo/Nuevo) o la combinacin de teclas .

Aparecer una ventana como la siguiente:

tema F Gestin de Archivos

12

34

56

8

7

Imagen 1-11: Men Archivo>Nuevo


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

2. Preset (Formato del documento): El formato que elijas depende del tamao y la forma del documento que quieras crear. Los formatos ms comunes son carta, oficio y doble carta.

3. Width (Ancho del documento): Puedes definir el ancho de tu documento en centmetros, milmetros, pulgadas, puntos (unidad utilizada en tipografa que equivale a 172 de pulgada), picas (equivale a 12 puntos) y columnas (equivale al nmero de caracteres en una lnea).

4. Height (Altura del documento): Puedes definir la altura del documento en centmetros, milmetros, pulgadas, puntos, picas y columnas.

5. Resolution (Resolucin del documento): La resolucin de una imagen nos permite conocer la cantidad de pxeles que podemos encontrar en ella. La resolucin se define como el nmero de pxeles que hay en una pulgada, por eso se expresa en puntos por pulgada o dots per inch (dpi). Si una imagen tiene una resolucin alta (mayor densidad de pxeles), ser de mejor calidad debido a que se produce ms detalle y la transicin de color es ms suave.

6. Color Mode (Modo de Color): Existen 5 modos de color.

RGB Color -Red, Green & Blue- (RGB Rojo, Verde & Azul): Se utiliza para imgenes que slo se vern en pantalla.

CMYK Color -Cyan, Magenta, Yellow & Black- (CMYK Azul turqueza, Magenta, Amarillo & Negro): Se usa para imgenes que se destinarn a impresin.

Grayscale (Escala de grises): Se usa para imgenes que tienen tonalidades de blanco a negro, pasando por los tonos grises intermedios.

Lab Color: Es un modo utilizado en las imprentas para asegurar la fidelidad de los colores.

Bitmap (Mapa de bits): Se utiliza para imgenes que no requieren detalle de color o que tienen muy pocos tonos diferentes.

7. Background Contents (Fondo del documento): Aqu puedes escoger el fondo del documento. Puede ser Blanco (White), Transparente (Transparent) o del Color de fondo (Background color) que se encuentre activo al momento de iniciar el documento. El color de fondo activo se cambia utilizando la barra de herramientas que estudiaremos ms adelante.

8. Advanced (Opciones Avanzadas): Por el momento te recomiendo no cambiar ninguna de estas opciones. Podrs estudiar detalles ms adelante.

Una vez creado el documento nuevo, es recomendable delimitar un rea de trabajo. Esto lo puedes hacer con la ayuda de las reglas y la lnea gua, que puedes mostrar u ocultar utilizando el men View/Rulers (Ver/Reglas) o las teclas .

Diseo Digital20

Abrir archivos (Open)

Las imgenes se abren y se importan en varios formatos de archivo. Los formatos disponibles aparecen en el cuadro de dilogo Open (Abrir).

Para abrir un archivo:

1. Selecciona el men File/Open (Archivo/Abrir) o el comando .

2. Selecciona el archivo que quieres abrir. Si el tipo de archivo no aparece, puedes seleccionar la opcin All Formats (Mostrar todos los archivos) en el men emergente.

3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de dilogo que permite configurar opciones especficas del formato.

Imagen 1-12: Men Archivo>Abrir

Imagen 1-13: Ventana Abrir


Puedes importar imgenes al programa desde:

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

Cerrar y guardar una imagen

Para cerrar cualquier archivo que est abierto en Adobe Photoshop, simplemente usa el men File/Close (Archivo/Cerrar) o la combinacin de teclas . Al cerrar una imagen, aparecer un mensaje para confirmar si deseas guardar los cambios realizados, en caso de que los hayas hecho o modificado la imagen.

Por otro lado, es conveniente que durante el proceso de trabajo guardes los cambios que le realices al documento, con la finalidad de no perder informacin si el programa o el equipo fallan inesperadamente. Para guardar usa el men File/Save (Archivo/Guardar) o .

Imagen 1-14: Men Archivo>Guardar

Diseo Digital22

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

Formato Funcin Desventaja

PSD y PDDFormato de archivo de trabajo de Adobe Photoshop.

Solamente se puede abrir en Photoshop y programas compatibles. No sirve para publicar en Web.

PDFFormato original de Adobe Acrobat. Permite almacenar imgenes vectoriales y mapas de bits.

Este archivo se abre con Adobe Acrobat Reader y se modifica el tamao del documento.

JPEG o JPG

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

Dependiendo de la compresin, siempre hay prdidas de color (calidad) en la imagen.

TIFFFormato que crea archivos de imagen de alta calidad, normalmente destinados para impresin.

Los archivos son muy pesados.

BMPEs el formato estndar de Windows. Acepta alta densidad de color.

No maneja compresin, por lo que las imgenes BMP son muy pesadas. No es recomendable para Web debido a su peso.

PNGEste formato produce transparencias de fondo sin bordes irregulares y soporta los modos de color.

Existen prdidas en el color de la imagen.

T IPEs recomendable trabajar siempre con un archivo maestro en formato PSD o PDD y slo guardar en otro formato cuando el trabajo de manipulacin est terminado. Elige el formato ms adecuado para cada necesidad que se te presente.


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

1. Cules son los 6 principales elementos que conforman la pantalla de trabajo de Adobe Photoshop? Explica la funcin de cada uno de ellos.

1-02 VIDEO Gestin de archivos

Adobe Photoshop1-02

ACTIVIDAD

Barra aplicacin: en esta barra encuentras el nombre de la aplicacin y los boto-nes de minimizar, restaurar y cerrar.Barra de mens: tiene a detalle las operaciones que se le pueden hacer al docu-mento y la aplicacin.Panel de control: da los parmetros de las herramientas u objetos seleccionados.Barra de estado: proporciona informacin sobre el archivo e imagen con la que se trabaja.Panel herramientas: permite modificar y editar el objeto.Paneles: permite trabajar con los distintos aspectos de un documento.

Diseo Digital24

2. Qu es y para qu sirve conocer la resolucin de una imagen?

3. Qu resolucin es recomendable para visualizar imgenes en pantalla? Por qu no conviene usar la mxima resolucin?

4. Qu resolucin es ptima para la impresin de imgenes?

5. Cules son los Modos de Color? Explica la aplicacin de cada uno de ellos.

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

La resolucin de una imagen te permite conocer la cantidad de pxeles que hay en ella. La resolucin se define como el nmero de pxeles que hay en una pulga-da (dpi). A mayor resolucin mejor calidad de la imagen.

La resolucin recomendable para pantalla es de 72 a 150 dpi. No es recomenda-ble una mxima resolucin porque los monitores no tienen tanta resolucin.

La resolucin para impresin de imgenes es de 150 a 300 dpi.

RGB Color (Red, Green, Blue): se utiliza para imgenes que se ob-servarn en pantalla. (8 a 16 bits)CMYK Color (Cyan, Magenta, Yellow, Black): se utiliza para imgenes que se imprimirn. (8 a 16 bits)Escala de grises: se usa para imgenes que tienen tonalidades grises, del blanco al negro. (8 a 16 bits)Lab Color: utilizado en imprentas para asegurar la fidelidad de colo-res en la imagen. (8 a 16 bits)Mapa de bits (Bitmap): se utiliza para imgenes que no requieren distintos tonos, ya que slo tiene 2 colores. (1 bits).

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


1. Investiga en la pgina www.creativecommons.org qu tipos de licencia existen. Descrbelas indicando qu logotipo las representa y cules son las combinaciones de licencia posibles.

2. Busca en la misma pgina ejemplos (fotografas o ilustraciones) de los siguientes archivos de imagen: bmp, jpeg, gif, gif animado y png. Crea con ellos una biblioteca de imgenes.

3. Investiga en internet cmo funciona una cmara digital y copia en este espacio los grficos y partes que muestran el proceso:

Obtencin de imgenes1-03

ACTIVIDAD

Cultura- Si eres un fotgrafo, escritor, cineasta o DJ, esta licencia ayuda a hacer su parte del trabajo de la innovacin cultural que se multiplica en Internet.

Educacin- Acceso a la educacin es fcil y universal cuando educadores y estu-diantes usan esta licencia para compartir y construir conjuntamente planes de leccin, conferencias y libros de texto.

Ciencia- Creemos que datos, revistas y la investigacin cientfica deben estar disponibles para todo el mundo y tiene herramientas legales que ayudan a que esto suceda.

Gobierno- Los gobiernos de todo el mundo utilizan licencias CC y herramientas para compartir informacin, promover el acceso, el crecimiento econmico, parti-cipacin ciudadana y transparencia.

Diseo Digital26

Qu aprendiste?

TEMA A: A definir los conceptos de imagen, mapa de bits y vector.

TEMA B: A reconocer al escner y la cmara como elementos para digitalizar imgenes.

TEMA C: A localizar imgenes con licencias creative commons e identificar el tipo de licencia por su iconografa, as como el uso que se puede dar a material que emplea este tipo de licencias.

TEMA D: La historia acerca del desarrollo de Adobe Photoshop, los nombres de sus creadores, as como los orgines de la aplicacin.

TEMA E: Cuales son los principales elementos que conforman el espacio de trabajo de Adobe Photoshop.

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

1. Menciona 3 orgenes desde donde puedes importar imgenes a Adobe Photoshop.

2. Qu es fondo de documento?

3. Qu es un vector?

01 EVALUACIN

Puedes importar imgenes a Photoshop desde una cmara digital, un banco de imgenes y cliparts.

Aqu puedes escoger el fondo del documento. Puede ser Blanco, Transparente o del Color de fondo que se encuentre activo al momento de iniciar el documento. El color de fondo activo se cambia utilizando el panel herramientas.

Un vector es una funcin matemtica que la computadora realiza para crear lneas y curvas con propiedades de color, tamao y posicin.


Herramientas

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

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

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

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


Unidad 02


En la versin CS5, con las Herramientaspreestablecidas, puedes guardary volver a utilizar los ajustes deherramientas.

Mediante el Selector de herramientaspreestablecidas de la barra deOpciones utiliza el panel emergenteHerramientas preestablecidas paracargar, editar y crear bibliotecas.

Diseo Digital28

tema a Herramientas de Seleccin

Panel Herramientas

Este panel agrupa las herramientas que te ayudarn a realizar tus actividades dentro del programa. Las herramientas de Photoshop estn comnmente agrupadas en el lado izquierdo de la ventana de aplicacin. Aunque el panel Herramientas se puede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla.

Las herramientas estn representadas por iconos. Hay algunas herramientas que incluyen un men lateral que se identifica por un pequeo tringulo de color negro en la esquina inferior derecha del botn de la herramienta. Para desplegar ese men debes mantener un clic sostenido sobre el botn de la herramienta.

Las herramientas se pueden adaptar a las necesidades de cada trabajo por medio del panel de control, que comnmente est en la parte superior de la pantalla de Photoshop. Si no lo ves, puedes mostrarlo con el men Window/Options (Ventana/Opciones). La paleta de opciones muestra diferentes parmetros para cada herramienta que se seleccione en el panel Herramientas. Siempre que tomes una herramienta, da un vistazo rpido a las opciones y ajusta lo que sea necesario.

Las herramientas se clasifican en grupos de acuerdo a la funcin que desempean dentro de la aplicacin. El uso detallado de las herramientas se ve en las actividades.

Herramientas de seleccin

Las herramientas de seleccin no modifican los pxeles sobre los cuales se aplican. Similarmente, como ocurre cuando seleccionas un texto en el procesador de palabras, las selecciones slo se usan para elegir aquellas zonas que se quieren modificar. Si hay una seleccin en la imagen, las acciones que se realizan slo tienen efecto sobre los pxeles seleccionados.

En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten el mismo botn (botones con tringulo negro en la esquina inferior derecha). Recuerda que debes hacer un clic sostenido sobre la herramienta actual para tener acceso a las otras herramientas incluidas en un botn.

Imagen 2-1: Panel Herramientas

Herramientas 29

Herramientas de Seleccin

Atajo Funcin Imagen

Marco rectangular Rectangular Marquee

Dibuja un borde de seleccin cuadrado o rectangular.

Marco elpticoElliptical Marquee

Permite hacer selecciones circulares o elpticas.

Marco columna nicaSingle Column Marquee

Permite hacer la seleccin de una columna de un pxel de grosor

Marco fila nicaSingle Row Marquee

Permite hacer la seleccin de una fila de un pxel de grosor.

Herramienta MoverMove

Permite cortar y arrastrar una seleccin de pxeles a otra ubicacin.

LazoLasso

Permite seleccionar libremente reas de la imagen.

Lazo poligonalPolygonal Lasso

Marca los puntos por donde pasar laseleccin.

Lazo magnticoMagnetic Lasso

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

Seleccin rpidaQuick Selection

Permite marcar rpidamente una seleccin mediante una punta de pincel redonda

Varita mgicaMagic Wand

Selecciona pxeles que se encuentran dentro de un rango de color parecido al pxel escogido.

2-01LMINA Herramientas de Seleccin

Diseo Digital30

Tolerancia (Tolerance)

Algunas herramientas, como Magic Wand (Varita Mgica) o Paint Bucket (Cubeta de Pintura), tienen una opcin llamada Tolerance (Tolerancia). Estas herramientas analizan el color de los pxeles alrededor de aqul sobre el que se aplica la herramienta. Si el color de los pxeles contiguos es similar, la accin de la herramienta se extiende a ellos. Si el color de los pxeles contiguos es diferente, la accin no los afecta.

La Tolerancia determina qu tan similares deben ser los pxeles contiguos para ser afectados por la herramienta. Si hay poca tolerancia (cerca de 0%), los pxeles deben ser mucho ms parecidos para ser afectados. Si la herramienta es muy tolerante (cerca del 100%), casi no importa si los pxeles se parecen o no a los contiguos para ser afectados.

La Tolerancia estndar de la varita mgica y la cubeta de pintura es de 32%. Este es un valor que en la mayora de los casos da buenos resultados.

1. Abre un documento nuevo en Photoshop. En el cuadro de dilogo que aparece al crear el documento utiliza los siguientes parmetros:

Name (Nombre): CuadradoPreset (Formato de documento): CustomWidth (Ancho): 200 pxelsHeight (Alto): 200 pxelsResolution (Resolucin): 150 pxels/inchColor Mode (Modo de Color): RGB 8 bitBackground Contents (Fondo de color): White (blanco)Color Profile (Perfil del color): Working RGB: sRGB IEC61966-2.1Pixel Aspect Ratio (Aspecto del Pxel): Square (Cuadrado)

2-01 VIDEO Tolerancia

Figuras simples a partir de selecciones2-01

PROYECTO

Herramientas 31

2. Elige la herramienta Rectangular Marquee (Seleccin Rectangular) y crea con ella un cuadrado dentro de los lmites del documento. Ya que slo ests haciendo una seleccin, puedes intentar las veces que quieras. Procura que la seleccin sea aproximadamente de un cuarto del tamao del rea de trabajo y que quede centrada.

3. Ahora tienes que darle color al cuadrado. Hay dos maneras de hacerlo. Prueba ambas formas para conocerlas:

Toma la herramienta Paint Bucket (Cubeta de Pintura) y la presionas sobre la seleccin rellenando el cuadrado de color slido.

Utiliza el men Edit/Fill (Editar/Rellenar). Aparecer un cuadro de dilogo donde pondrs lo siguiente:

Use (Uso): Color. Aparecer la Paleta de colores. Escoge el color que quieras y das Ok.Mode (Modo): NormalOpacity (Opacidad): 100%

4. Con la herramienta de seleccin crea un nuevo rectngulo en tu documento. No importa si queda encima del anterior.

5. Rellena el segundo rectngulo con men Edit/Fill (Editar/Rellenar), pero en este caso en Use (Uso) selecciona Pattern (Textura). Utiliza la textura que te agrade.

6. Sin modificar la seleccin, para crearle un borde o permetro a la figura utiliza el men Edit/Stroke (Edicin/Contorno). Aparecer un cuadro de dilogo en donde pondrs los siguientes valores:

Width (Ancho): 2 pxelsColor (Color): NegroLocation (Ubicacin): Outside (Afuera)Mode (Modo): NormalOpacity (Opacidad): 100%

7. Da Ok para ver el resultado. Quizs la seleccin no te deje ver el contorno, por lo que debes eliminarla usando el men Select/Deselect (Seleccin/Quitar Seleccin) o la combinacin de teclas .

8. Ahora guarda el archivo en la ubicacin que indique tu profesor, utilizando men File/Save (Archivo/Guardar) o las teclas . Utiliza para el archivo el nombre Cuadrado con el formato PSD.

Diseo Digital32

Selecciones como mscaras

En los programas profesionales de diseo grfico se utiliza mucho el trmino mscara (mask). Este nombre se ha heredado de las antiguas tcnicas de trabajo con papel o pelcula fotogrfica. En muchas ocasiones un artista tena la necesidad de trabajar slo con una pequea parte de una imagen. Para no correr el riesgo de daar otras zonas de la imagen, el artista creaba una mscara, que consista en un lienzo que se colocaba sobre todo el documento y que tena slo un orificio a travs del cual se poda retocar lo necesario.

Hoy en da las personas todava usan mscaras de este tipo para restaurar obras de arte de la antigedad, trabajar con fotografas e incluso se usan en procedimientos mdicos para enfocarse a una zona especfica de trabajo, mientras se protege el todo. Una seleccin es una forma de crear una mscara.

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

1. Describe una situacin real, diferente a las que se han ejemplificado aqu, en que puede ser til usar una mscara. Redacta los detalles de su uso.

2. Por qu decimos que una seleccin es una forma de crear una mscara?

3. Qu otro significado tiene la palabra mscara? Por qu se le llama as a esta tcnica de trabajo?

Por qu mscaras?2-01

ACTIVIDAD

Puedo usar una mscara para corregir slo parte de la cara de una persona en una fotografa.

Porque al crear una seleccin se trabajar sobre esa zona en especfico sin afec-tar lo dems.

Mscara puede tener un smil a seleccin o proteccin. Se llama mscara porque protege la imagen u objeto al realizarle un cambio en una zona especfica de ste.

Herramientas 33

1. En un nuevo documento de 600 X 600 pxels, crea un rectngulo, un valo, un crculo y un tringulo, utilizando las herramientas de seleccin. Rellena cada figura con diferentes texturas y colores.

2. Prueba las siguientes tcnicas para trabajar con selecciones:

Puedes quitar una seleccin usando las teclas . Si ya existe una seleccin, sta desaparece cuando se inicia una nueva seleccin. Si ya existe una seleccin, puedes agregar ms presionando la tecla . Si ya existe una seleccin, puedes quitar presionando la tecla . Si presionas la tecla mientras creas una seleccin cuadrada o circular,

se forma un cuadrado o un crculo perfecto, respectivamente. Slo funciona si no hay seleccin previa.

Si presionas la tecla mientras dibujas la seleccin, el punto en donde hagas el primer clic ser el centro de la figura. Slo funciona si no hay seleccin previa.

Puedes presionar al mismo tiempo las teclas , para crear una figura perfecta a partir de su centro. Slo funciona si no hay seleccin previa.

Para deshacer una accin pulsa las teclas , pero si necesitas regresar dos o ms acciones, es necesario presionar .

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

Una dona (crculo sin centro) Una figura con forma de ocho Una media luna Una cara feliz

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

Selecciones2-02

PROYECTO

Diseo Digital34

A diferencia de las herramientas de seleccin, las herramientas de pintura s modifican los pxeles sobre los cuales se aplican, cambiando su color y apariencia. Se utilizan tanto para crear, como para modificar imgenes.

En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten el mismo botn (botones con tringulo negro en la esquina inferior derecha). Recuerda que debes hacer un clic sostenido sobre la herramienta actual para tener acceso a las otras herramientas incluidas en un botn.

tema B Herramientas de pintura y retoque

Herramientas dePintura

Atajo Funcin Imagen

PincelBrush

Aade pintura a la imagen con trazossuaves o intensos y puede simular lastcnicas de pintura con aergrafo.

LpizPencil

Dibuja lneas o contornos irregulares.Sustitucin de colorColor Replacement

Cambia un color por otro.Pincel MezcladorMixer Brush

Realiza trazos con brochas masrealistas.

Pincel de historiaHistory Brush

Permite restaurar una imagen a suestado original despus de haber sidomodificada.

Pincel histricoArt History

Pinta con trazos estilizados basadosen algn estado del panel Historia.

DegradadoGradient

Rellena parte de una imagen conuna fusin de colores, la cual puedemodificarse tanto en orientacin comosuavidad.

Bote de pinturaPaint Bucket

Rellena reas de color similares conel color frontal.

2-02LMINA Herramientas de Pintura y Retoque

Herramientas 35

Herramientas de Retoque

Atajo Funcin Imagen

Pincel corrector puntualSpot Healing Brush

Elimina rpidamente lasimperfecciones de las fotografas.

Pincel correctorHealing Brush

Pinta con una muestra o motivo para reparar las imperfeccionesde una imagen.

ParchePatch

Repara las imperfecciones del reaseleccionada en una imagenutilizando una muestra o un motivo.

Pincel de ojos rojosRed Eye

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

Tampn de clonarClone Stamp

Clona o copia una parte de la imagen.

Tampn de motivoPattern Stamp

Pinta tomando una parte de la imagencomo motivo.

BorradorEraser Tool

Borra partes de una imagen.

Borrador de fondosBackground eraser

Borra el rea del fondo.

Borrador mgicoMagic Eraser

Borra las reas que contienen coloresuniformes.

Desenfocar (+)Blur

Distorsiona el foco de alguna parte dela imagen.

Enfocar (+)Sharpen

Da ms nitidez a la imagen y aumentael contraste de color.

Dedo (+)Smudge

Diluye los colores.

SobreexponerDodge

Aclara la imagen.

SubexponerBurn

Oscurece la imagen.

EsponjaSponge

Satura o desatura reduciendo el nivelde gris.

Diseo Digital36

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

En la parte media inferior del panel Herramientas, siempre hay visibles dos cuadros grandes de color llamados Selectores de color. Estos cuadros corresponden a los colores de frente y de fondo activos. Para cambiar cualquiera de estos colores basta hacer un clic sobre los cuadros de color y se desplegar un selector donde se puede elegir cualquier color.

Las herramientas de pintura utilizan el color de frente (o color frontal) activo para sus acciones. El color de fondo, es el tono del fondo del documento y podemos utilizar herramientas que pinten con el color del fondo.

Modos de edicin

Atajo Funcin Imagen

Editar en Modo StandardEdit in Standard Mode

Los contornos de seleccin son lneas punteadas.

Editar en Mscara RpidaEdit in Quick Mask Mode

En este modo se pueden modificar los contornos de seleccin con ayuda de las herramientas de pintura.

Modo mscara rpida

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

T IP Para seleccionar un color haz clic sobre uno de los recuadros de color para que se active el Selector de color, en donde podrs escoger de la paleta de colores el que t quieras.

Para intercambiar los colores de frente y de fondo, haz clic sobre el icono de doble flecha. As haces que el color que se encontraba en el recuadro del fondo pase al frente como color de trabajo.

Herramientas 37

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

2. Cambia el Foreground Color (Color de frente) a caf.

3. Utiliza la herramienta de Zoom o , para magnificar la imagen y que puedas ver los detalles de la seleccin.

4. Toma del panel Herramientas, la herramienta Magic Wand (Varita Mgica) y con ella selecciona la cabeza y la trenza derecha de la mueca. Recuerda que puedes modificar la tolerancia de la herramienta si es necesario, con el objetivo de seleccionar con mayor exactitud. Tambin puedes usar las teclas o para aumentar o quitar reas a la seleccin.

5. Toma la herramienta Paint Bucket (Cubeta de pintura) y sala para rellenar las zonas seleccionadas. Quita la seleccin de las reas que acabas de colorear.

6. De forma similar, utiliza herramientas de seleccin y pintura para rellenar de diferentes colores las bolitas del vestido, la cara, la mano, el delantal, los motivos del delantal, los zapatos, las calcetas, el pastel, las velas y el broche del cabello.

7. Falta aplicar color a la trenza izquierda. Es difcil seleccionarla con la herramienta Magic Wand (Varita Mgica) porque hay una zona donde la lnea est incompleta. Elige la herramienta Pencil (Lpiz), que se encuentra en el men adicional de las herramientas del pincel.

8. Cambia el Foreground Color (Color de frente) a negro y usa Pencil (Lpiz) para completar las reas en donde qued inconclusa la lnea.

9. Ahora s puedes seleccionar con la Magic Wand (Varita Mgica) y aplicar color a la trenza que falta. Utiliza el mismo color que usaste para el resto del cabello de la mueca.

10. Selecciona el plato del pastel con la herramienta Magic Wand (Varita Mgica). Vas a aplicar un degradado con las opciones de Paint Bucket (Cubeta de pintura). Para ello primero selecciona la herramienta Gradient (Degradado) que est en el mismo botn que la herramienta Paint Bucket (Cubeta de pintura).

Pintando en Adobe Photoshop2-03

PROYECTO

Diseo Digital38

11. En el panel de opciones de la herramienta utiliza el men colgante de Gradient Editor (Edicin de degradado) y elige el Gradient (Degradado), Foreground to Transparent (Color frontal a transparente). Elige tambin la forma Linear Gradient (Lineal), el Mode (Modo) de Soft Light (Luz suave) y una Opacity (Opacidad) del 60%.

12. Una vez establecidas las opciones de la herramienta, da un clic sobre la imagen. Vers que el cursor forma una lnea que debes arrastrar sobre el plato para colorearlo.

13. Colorea con degradados similares los aros de luz y las llamas de las velas, pero en este caso usa la opcin Orange/Yellow/Orange (Naranja/Amarillo/Naranja).

14. Quita cualquier seleccin y ahora cambia el Foreground Color (Color frontal) a amarillo.

15. Toma la herramienta Dodge Tool (Sobreexponer) y establece en el panel de control de herramienta los siguientes parmetros:

Brush (Brocha): 65 px. Range (Rango): Midtones (Medios tonos). Exposure (Exposicin): 50%.

16. Con la herramienta que has establecido, empieza a pintar brillos en el vestido, el cabello, el delantal, el pastel, la cara, las manos, las velas y los aros de luz.

17. Ahora hars algo similar para pintar sombras. Cambia el Foreground Color (Color frontal) a negro y selecciona la herramienta de Burn (Subexposicin). Establece las mismas opciones que en el caso anterior. Con esta herramienta dibuja las sombras a la imagen.

18. Aplica un Desenfoque a las rayas del pastel. Para ello simplemente selecciona la herramienta Blur (Desenfoque). En el panel de control establece estos valores:

Brush (Brocha): 59 px. Mode (Modo): Normal. Strenght (Fuerza): 100%.

Pinta con la brocha sobre las rayas del pastel.

19. Para resaltar las mejillas de la mueca, pinta con la herramienta Brush (Brocha) usando una opacidad del 50% y color rojo.

20. Guarda la imagen final con el nombre Pintando en tu carpeta de trabajo.

Herramientas 39

1. Abre la imagen Universidad.psd que se encuentra en los Recursos Digitales. El objetivo de esta actividad es eliminar los cables de la fotografa. Para ello debes usar como referencia reas similares donde no aparezcan los cables y clonarlas sobre la zona de cables.

2. Selecciona la herramienta Zoom o usa las teclas para agrandar el rea en la que vas a trabajar. Para mover el rea de trabajo utiliza la herramienta Hand (Mano), oprimiendo o .

3. Selecciona la herramienta Stamp Clone (Tampn de clonacin) o presiona la tecla del panel Herramientas.

4. En el panel de control de la herramienta establece los siguientes parmetros:

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

5. Ahora decide cul ser el punto de referencia en la imagen. Se trata de un punto que se pretende clonar y que est prximo a la zona a corregir. En este caso el punto de referencia ideal es una zona del cielo donde no haya cables.

6. Mantn presionada la tecla y haz clic sobre el punto de referencia elegido. Esto fija el punto de referencia de la herramienta. Ahora empieza a pintar sobre el cable a eliminar. Si es necesario, puedes redefinir el punto de referencia tantas veces como quieras. Tambin puedes jugar con el tamao de la brocha para adaptarla a las necesidades del elemento sobre el que hay que pintar.

7. Cuando termines de corregir la fotografa, gurdala con el nombre Sincables en la carpeta de trabajo.

Quitando cables2-04

PROYECTO

Diseo Digital40

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

2. Haz un Zoom para ver de cerca las partes claras de la imagen. Para ampliar rpidamente el zoom presiona las teclas y para alejar usa .

3. Selecciona la herramienta Spot Healing (Pincel corrector) del panel herramientas. En el panel de control de la herramienta selecciona una brocha de 19 pxeles de dimetro.

4. Con esta herramienta, toma una muestra y haz clic en las manchas que tenga la fotografa para hacerlas desaparecer. Si la mancha es ms grande o ms chica que el pincel, podemos modificar el dimetro de la herramienta en el panel de control. Lo ideal es que el pincel sea del mismo tamao que la mancha que se quiere corregir.

5. Recuerda que si cometes un error, puedes presionar para deshacer la ltima accin. Para deshacer varias acciones puedes usar el panel Historia (History) o la combinacin del teclado .

Quitando imperfecciones y manchas2-05

PROYECTO

NOTALa herramienta Spot Healing Brush (Pincel corrector) es muy fcil de usar y configurar. Tiene dos tipos de operacin, que en Photoshop se llaman Options types y se especifican en el panel de control de la herramienta. Los tipos de operacin determinan la forma en que la herramienta elimina las manchas y raspaduras.

a. Proximity match (Ajusta a Entorno): utiliza los pxeles alrededor de la seleccin para corregir la mancha.

b. Create Texture (Crear textura): utiliza los pxeles de la seleccin para hacer la correccin.

Cuando tengas que hacer alguna correccin con esta herramienta, prueba ambos tipos de operacin para decidir cul te funciona mejor.

Herramientas 41

1. Crea un documento nuevo de un pxel por un pxel (1 X 1) y fondo transparente. Este es el documento ms pequeo que se puede crear en Photoshop. Como slo trabajaremos en pantalla, puedes usar una resolucin de 72 dpi. Utiliza el modo de color RGB de 8 bits.

2. Haz un Zoom para ampliar el rea de trabajo al mximo posible, que es al 3200%.

3. Selecciona como Foreground Color (Color de frente) algn tono de naranja.

4. Observa la Paleta Color. El color naranja, como todos los colores, se puede descomponer en tres valores RGB, que son el nivel de Rojo, Verde y Azul. Si modificas los valores RGB directamente en la paleta Color, vers cmo cambia el Foreground Color (Color de frente) en el panel Herramientas.

5. Mueve los valores RGB para obtener un color naranja intenso. Una opcin puede ser R=250, G=140, B=30.

6. Con la herramienta Paint Bucket (Bote de pintura) , rellena de color naranja el nico pxel del rea de trabajo.

7. Ahora crea otro documento nuevo RGB Color, de 2 X 2 pxeles.


9. Toma la herramienta Pencil (Lpiz) y en el panel de control cambia el dimetro de la herramienta a 1 px.

10. Pinta cada uno de los 4 pxeles de la imagen de un color diferente y anota en esta tabla los valores RGB de los colores que utilizaste:

Valor R Valor G Valor B Color Resultante

Pintando pxeles en modo RGB2-06

PROYECTO

Diseo Digital42

Contesta las siguientes preguntas a manera de conclusiones:

1. Es posible que un mismo pxel tenga ms de un color? Por qu?

2. Cules son los colores que combinados en diferentes niveles, pueden formar cualquier otro color en modo RGB?

3. Cul es el valor numrico mximo que puede tomar alguna de las componentes de color RGB? (Ayuda: este valor equivale al nmero binario 11111111)

4. Investiga usando Photoshop, cul es el color resultante de combinar los siguientes valores:

Valor R Valor G Valor B Color Resultante

255 255 0

0 255 255

255 0 255

255 80 80

255 0 0

100 100 100

180 180 180

20 20 20

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

6. Qu valores forman el color blanco?

Colores RGB2-02

ACTIVIDAD

No. Un pxel nada ms tiene un color, aunque se divide en canales de color (RGB).

Los colores RGB. Rojo, verde y azul.

255 es el valor numrico que pueden tomar los componentes del color RGB.

R = 0 G = 0 B = 0

R = 255 G = 255 B = 255

AmarilloCyan

MoradoRojo-Amarillo

RojoGris oscuroGris ClaroCasi negro

Herramientas 43

El modo RGB se utiliza principalmente cuando se trabaja con imgenes destinadas a verse en pantalla. Pero en impresin es ms comn utilizar el modo CMYK. El principio de combinacin de componentes para formar colores es muy similar. La diferencia es que en una pantalla, lo que se combina son intensidades de luz para formar cualquier color, mientras que en impresin se combinan colores de tinta.

Los colores de tinta o componentes CMYK son Cyan, Magenta, Amarillo y Negro. Realiza esta actividad para comprender otras diferencias.

1. Crea un documento nuevo de 3 X 3 pxeles y fondo transparente. Utiliza el modo de color CMYK de 8 bits.


3. Observa que en la esquina superior derecha de la paleta Color, hay una pequea flecha que despliega un men lateral. Activa ese men y selecciona la opcin CMYK Sliders (Deslizador CMYK). Esto permitir modificar los valores CMYK en vez de los valores RGB.

4. Utiliza la herramienta Pencil (Lpiz), con un dimetro de 1 pxel, para dar color diferente a cada uno de los 9 pxeles del documento.

5. Anota en esta tabla los valores CMYK de los colores que hayas usado:

Valor C Valor M Valor Y Valor K Color resultante

Jugando con los pxeles en modo CMYK2-07

PROYECTO

Diseo Digital44

Contesta las siguientes preguntas a manera de conclusiones:

1. Cules son los colores de tinta que combinados en diferentes niveles, pueden formar cualquier otro color?

2. Cul es el valor numrico mximo que puede tomar alguno de las componentes de color CMYK? (Ayuda: este valor equivale al 100%)

3. Investiga usando Photoshop, cul es el color resultante de combinar los siguientes valores:

Valor C Valor M Valor Y Valor K Color Resultante

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

5. Ahora sin usar el programa contesta: En el modo CMYK hay varias formas de obtener el color negro. Cul ser la combinacin ms econmica para una imprenta?

6. Qu valores forman el color blanco?

Colores CMYK2-03

ACTIVIDAD

Los colores CMYK. Cyan, Magenta, Amarillo y Negro.

100

C = 0 M = 0 Y = 0 K = 100

C = 0 M = 0 Y = 0 K = 0

AzulRojo

NegroNegroCaf

NegroGris ClaroAmarillo

Cyan

Herramientas 45

tema C Herramientas de dibujo y texto

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

Herramientas de dibujo y texto

Atajo Funcin Imagen

PlumaPen

Crea lneas rectas y curvas bien definidas.

Pluma de Forma LibreFreeform Pen

Crea lneas a mano alzada.

Aadir punto de anclaAdd Anchor Point

Agrega un punto de ancla.

Eliminar Punto de AnclaDelete Anchor Point

Quita un punto de ancla.

Convertir Punto de AnclaConvert Point

Transforma un punto de anclarectilneo en uno curvo y viceversa.

Texto horizontalHorizontal Type

Sirve para crear y editar texto horizontal sobre las imgenes.

Texto VerticalVertical Type

Sirve para crear y editar texto vertical sobrelas imgenes.

Mscara de Texto horizontalHorizntal Type Mask

El texto horizontal que se escribe aparecercomo seleccin.

Mscara de Texto VerticalVertical Type Mask

El texto vertical que se escribe aparecercomo seleccin.

Seleccin de TrazadoPath Selection

Permite seleccionar lneas o figurascreadas con las herramientas dedibujo y texto.

Seleccin DirectaDirect Selection Tool

Permite seleccionar los vrtices delas formas.

Herramienta de formas personalizadasRectangular, Elipse, Polygon y otras

Dibuja figuras geomtricas.

Diseo Digital46

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

2. Selecciona la herramienta Text (Texto) y escribe tu nombre sobre el documento. Si es necesario, puedes cambiar la fuente, color y tamao del texto usando el panel de control de la herramienta. Procura que tu nombre ocupe casi todo el espacio del documento. Es posible editar el texto que has creado, seleccionndolo y usando el panel de control de la herramienta. Sin embargo, no es posible aplicarle filtros o usar en l las herramientas de pintura, porque se comporta como vector. Hay varias formas de convertir el texto en mapa de bits. Por ahora utiliza men Layer/Flatten (Capa/Aplanar).

3. Toma la herramineta Magic Wand (Varita Mgica) y selecciona todas las letras del texto. Recuerda que puedes usar la tecla para crear varias selecciones a la vez.

4. Utiliza la herramienta Gradient (Degradado), para aplicar a la seleccin un relleno interesante de colores degradados y guarda el archivo con el nombre Texto01 en tu carpeta de trabajo.

5. Ahora abre de tu carpeta de trabajo el archivo Textura.psd.

6. Toma la herramienta Horizontal Type Mask (Mscara de texto horizontal) y escribe tu nombre sobre el documento, de manera que ocupes casi toda el rea. Notars que mientras escribes parece que el documento cambia de color y las letras que introduces se ven ms claras. Lo que ests creando es en realidad una seleccin o mscara.

7. Una vez ingresado el texto, toma la herramienta Rectangular Marquee (Seleccin rectangular) . Vers claramente el texto como una seleccin en el documento.

8. Invierte la seleccin usando del men Select/Inverse (Seleccin/Invertir) o las teclas . Ahora lo que est seleccionado es todo lo que est alrededor del texto.

9. Elimina todo lo seleccionado con la tecla o cortndolo con y quita la seleccin con para ver el resultado de tu trabajo.

10. Guarda el documento con el nombre Texto02 en tu carpeta de trabajo.

Creando texto en Adobe Photoshop2-08

PROYECTO

Herramientas 47

tema D Otras herramientas

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

Herramientas de Navegacin

Atajo Funcin Imagen

ManoHand

Mueve la ventana en la aplicacin.

Rotar VistaRotate View

Rota el documento sin transformar laimagen.

ZoomZoom

Acerca o aleja la vista de unaimagen.

Herramientas para cortar y crear sectores

Atajo Funcin Imagen

RecortarCrop

Elimina la parte de la imagen quequeda fuera del rea rectangular.

SectorSlice

Se utilizan para dividir imgenes enreas funcionales.

Seleccionar sectorSlice Select

Selecciona los sectores.

Herramientas de medicin y notas

Atajo Funcin Imagen

CuentagotasEyedrooper

Obtiene una muestra de color decualquier pxel.

Muestra de ColorColor Sampler

Muestra los valores de color de hastacuatro reas.

ReglaRuler Tool

Mide distancias, ubicaciones yngulos.

NotasNote

Crea notas que se pueden incluir enla imagen.

2-03LMINA Otras herramientas

Diseo Digital48

Panel Historia (History)

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

Imagen 2-2: Panel Historia

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

2. Toma la herramienta Measure (Medicin) del panel Herramientas.

3. Utiliza la herramienta para trazar una lnea a lo largo del horizonte, de lado a lado de la fotografa.

4. Una vez hecha la medicin, elige del men Image/Image Rotation/Arbitrary (Imagen/Rotar Imagen/Arbitrario). En el ngulo de correccin introduce el valor 25. Vers que la lnea del horizonte se corrige.

5. Ahora slo hay que recortar las reas sobrantes de la imagen. Utiliza la herramienta Crop (Corte) para seleccionar el rea til de la imagen. En el panel de control de la herramienta, activa la casilla de la Perspectiva y por ltimo presiona para hacer el recorte.

6. Guarda el archivo con el nombre Inclinacion.psd en la ubicacin acostumbrada.

Corregir la inclinacin de una foto2-09 PROYECTO

Herramientas 49

El panel incluye un men colgante que se puede abrir haciendo clic en la pequea flecha que se encuentra en la esquina superior derecha del panel. En este men encontrars los siguientes comandos:

Undo (Deshacer) : Este comando solamente deshace la ltima accin. Step Backward (Paso atrs) : Retrocede un estado. Step Foward (Paso adelante) : Rehace una a una las acciones

guardadas en el historial. New Snapshot (Crear instantnea nueva): Crea un estado fijo que se almacenar en

la parte superior de la ventana, permitindonos volver a l en cualquier momento. New Document (Crear un documento nuevo desde el estado actual): Genera un

nuevo documento a partir de una instantnea o del estado en que se encuentra la imagen.

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

2. Cambia a los selectores de color predeterminados usando la tecla . Observa que los colores de frente y fondo han cambiado a negro y blanco.

3. Selecciona el botn Edit in Quick Mask (Editar en Mscara Rpida), que se encuentra debajo de los Selectores de color en el panel Herramientas o presiona la letra .

4. Toma la herramienta Brush (Pincel). Cuando pintas con negro en el modo de mscara, se va creando una seleccin. Si deseas reducir la seleccin, puedes pintar con color blanco o bien usar el borrador. Pinta con negro encima de las naranjas.

5. Regresa a Edit in Standard Mode (Editar en Modo Estndar) y observa la seleccin que se ha creado.

6. Utiliza Eraser (Borrador) , con un gran dimetro para borrar todo el fondo alrededor de las naranjas. La seleccin evitar que invadas el rea sobre la que pintaste la mscara.

7. Guarda tu imagen con el nombre Mask.psd en tu carpeta de trabajo.

Separar imgenes2-10

PROYECTO

Diseo Digital50

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

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

TEMA C: Como crear dibujos vectoriales, diferentes figuras geomtricas y manipulaste las herramientas que ofrece Adobe Photoshop para su edicin, tambin aprendiste a usar las herramientas de creacin y edicin de texto y elaboraste mscaras a partir de la introduccin de texto en una imagen.

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

Qu aprendiste?

1. Cul es la diferencia entre activar la Mano con la tecla o usar la ?

2. Menciona dos herramientas en las que est presente la opcin Tolerance (Tolerancia):

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

4. Qu ventajas tiene el Zoom de las teclas ?

02 EVALUACIN

La barra espaciadora permite usar la Mano y regresar automticamente a la herramienta anterior activa.

La herramienta Mano sirve para mover el rea de trabajo en la aplicacin.

Varita mgica y Cubeta de pintura

Puedes aumentar el zoom dentro de la ventana sin necesidad de cambiar de herramienta.


A Organizar elementos para formar una imagen, a partir de varias capas.B Evaluar las herramientas de fusin del panel que se utilizan en las capas,

as como, Opacidad y Relleno , Bloqueo, Combinacin y Aadir capas.

C Comprender las herramientas de Transformacin de capa.D Evaluar las herramientas de Crear mscara de capa.E Diferenciar las herramientas de Capas de Relleno y ajuste.


Unidad 03 Capas


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

Diseo Digital52

Para esta actividad no se requiere la computadora. Se necesita un acetato transparente, tamao carta y plumones de colores. Tambin se pueden utilizar pinturas.

1. Recorta el acetato en cuatro partes iguales.

2. En el primer cuarto de acetato, dibuja con un plumn punto fino o estilgrafo el contorno de una figura.

3. Usa el segundo cuarto de acetato para darle color a la figura. Coloca este acetato sobre el primero para que el relleno no pase el rea del contorno.

4. En el tercer cuarto de acetato dibuja sombras a la figura.

5. Usa el ltimo cuarto de acetato para escribir un texto pequeo.

6. Ordena los acetatos de manera que formen una sola composicin.

a. Cul es el orden (de arriba hacia abajo) en que mejor quedan acomodados los elementos (relleno, sombra, contorno y texto)?

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

c. Esta tcnica se ha usado tradicionalmente para la animacin o caricatura, incluso antes de la existencia de computadoras. Qu elementos crees que se podran dibujar en cada capa para facilitar la creacin de un dibujo animado?

Creando capas manualmente3-01

ACTIVIDAD

1. Contorno2. Relleno (conclusin individual)3. Sombra4. Texto

Las capas te ayudan a organizar y modificar independientemente cada seccin de la imagen sin afectar lo dems.

Los elementos a dibujar son los colores o relleno, sombras, contornos,movimientos que realiza el personaje.

Capas 53

Imagen 3-2: Panel Capas mostrando capa fondo

tema a Las Capas (Layers)

Las capas son una de las caractersticas ms tiles de los programas profesionales de diseo grfico. Sirven para organizar todos los elementos que componen una imagen, para hacer modificaciones sin alterar la imagen original, para aplicar efectos especiales y muchas cosas ms.

Piensa en las capas como en lienzos transparentes que se colocan unos sobre otros y en los que puedes pintar y utilizar todas las herramientas sin afectar a otras capas. Las capas contienen imgenes independientes que pueden ser editadas por separado. Puedes conservar las capas como elementos independientes o bien combinarlas, reorganizarlas o eliminarlas a conveniencia.

Las capas se visualizan en el panel Layers (Capas), ste se sita por lo general en el extremo inferior derecho del rea de trabajo. Si no se encuentra activo, utiliza men Window/Layers (Ventana/Capas) o bien la tecla .

Cuando se crea una imagen nueva, Adobe Photoshop crea un rea de trabajo identificada como Background (Fondo) en el panel de capas.

Imagen 3-1: Men Ventana

Capa de fondo

Diseo Digital54

Crear y eliminar capas

Para aadir nuevas capas a la composicin haz clic en el icono de Create a new layer (Nueva capa). Tambin puedes usar el men Layer/New/Layer (Capa/Nueva/) o la combinacin de teclas .

Para una mejor organizacin de tu trabajo es importante nombrar cada capa con un identificador adecuado. En el panel Layers (Capas) basta dar doble clic sobre el nombre de la capa y escribir el de tu eleccin. Para eliminar una capa seleccionada en el panel Layer (Capas), presiona el botn Delete layer (Eliminar capa) que despliega un cuadro de dilogo de confirmacin.

Otra forma de eliminar la capa es seleccionarla, arrastrarla y soltarla sobre el mismo icono de la papelera, en la parte inferior del panel Layers (Capas).

Capa activa

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

Arrastra la capa a la papelera para eliminarla.

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

Imagen 3-4: Capa Activa

T IPPuedes utilizar un mximo de 100 capas en el mismo documento. Adems es posible controlar con exactitud la opacidad de cada capa en el documento, es decir, el grado que determina mostrar u ocultar la capa que se sita debajo.

Capas 55

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

La visibilidad de una capa

Dentro del documento de trabajo, es posible habilitar y deshabilit

diseno digital photoshop cs5 profesor

Documents

tema a herramientas

introduccin a photoshop

propiedad de grupo

logotipo de grupo

historia de adobe photoshop

imgenes de mapa

tema a tipos

digitalizacin de imgenes