diseño digital photoshop® cs5.pdf

Upload: anabellatiu

Post on 02-Jun-2018

344 views

Category:

Documents


12 download

TRANSCRIPT

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    1/128

    Carlos Zepeda Chehaibar

    Diseo DigitalPhotoshopCS5

    Libro del Alumno

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    2/128

    DERECHOS RESERVADOS 2012 MMXII por Grupo Educare S. A. de C. V.Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproduccin totalo 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.

    Grupo Educare, el logotipo de Grupo Educare, el logotipo del Programa de Informtica Educativa, sonpropiedad de Grupo Educare S. A. de C. V.

    El diseo editorial y contenidos grcos son propiedad exclusiva de Grupo Educare S.A. de C.V.

    Todos los nombres de empresas, p roductos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos cticios, a menosque se indique lo contrario. Las citas, imgenes y videogramas utilizados en esta obra se utilizan nicamente con nes didcticos y para la crticae investigacin cientca o artstica, por lo que el autor y Grupo Educare S. A. de C. V. no asumen ninguna responsabilidad por el uso que se d

    a esta informacin, ni infringen derecho de marca alguno, en conformidad al Artculo 148 de la Ley Federal del Derecho de Autor.

    Microsoft Ofce, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas comerciales de MicrosoftCorporation. Microsoft y el logo de M icrosoft Ofce son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otros pases.Microsoft no patrocina, endosa o aprueba esta obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos son marcas

    registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.

    Editado por Grupo Educare S.A. de C.V.Cerro de Mesontepec #83

    Colonia Colinas del CimatarioQuertaro, Quertaro C.P. 76090

    ISBN 978-607-7642-84-8Primera Edicin

    Impreso por Grupo Art Graph, S.A. de C.V.Av. Peuelas No. 15-DColonia San Pedrito PeuelasQuertaro, Quertaro. C.P. 76148Impreso en Quertaro, Qro. Mayo 2012Printed in Mexico

    Autor:Carlos Zepeda Chehaibar

    Apoyo en desarrollo y actividades:Samantha Mndez Domnguez

    Apoyo en actualizacin:Csar Carranza Contreras

    Coordinacin Editorial:Alejandro Flores Ledesma

    DISEO DIGITALPhotoshop CS5

    Diseo Editorial:Csar Carranza Contreras

    Apoyo Editorial:Sandra A. Rodrguez Romero

    Correccin de estilo:Jennifer P. Castillo Ascencio

    Desarrollo de Tutoriales:Miriam Tatiana Zamora

    Direccin de Arte:Alfredo Salazar de la Vega

    Coordinador Ilustracin Portada:

    Mario Martnez RamrezIlustracin de portada:

    Nestor Emilio Salazar Cuellar

    Ilustracin de interiores:Judith Lourdes Sierra Prez

    Miriam Tatiana Zamora GutirrezCsar Carranza Contreras

    Revisin de Recursos Digitales:Jeniffer Priscila Castillo Ascencio

    Gregorio Snchez Hernndez

    Fotografa:Carlos Zepeda Chehaibar

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    3/128

    DISEO DIGITALProduccin de imagen digital con Photoshop

    Unidad 1 Introduccin a Photoshop 9TEMAA Tipos de imgenes 10

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

    TEMAB Digitalizacin de imgenes 12Escner 12

    Cmara digital 12TEMAC Obtencin de imgenes libres de derechos 13TEMAD Introduccin e historia de AdobePhotoshop 14

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

    TEMAE Espacio de trabajo de Photoshop 16Video 1-01 Espacio de trabajo de Photoshop 17

    TEMAF Gestin de archivos 18Creacin de un documento Nuevo (New) 18

    Abrir archivos (Open) 20

    Cerrar y guardar una imagen 21Video 1-02 Gestin de archivos 23Actividad 1-02 AdobePhotoshop 23Actividad 1-03 Obtencin de imgenes 25Evaluacin 01 26

    Unidad 2 Herramientas 27TEMAA 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

    TEMAB Herramientas de pintura y retoque 34Lmina 2-02 Herramientas de Pintura y Retoque 34Color de frente (Foreground) y Color de fondo (Brackground) 36

    Contenido

    Propuesta Pedaggica I

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    4/128

    Contenido

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

    TEMAC Herramientas de dibujo y texto 45Proyecto 2-08 Creando texto en AdobePhotoshop 26

    TEMAD Otras herramientas 27Lmina 2-03 Otras herramientas 27

    Proyecto 2-09 Corregir la inclinacin de una foto 48Panel Historia (History) 48Proyecto 2-10 Separar imgenes 49Evaluacin 02 50

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

    TEMAA Las capas (Layers) 53Crear y eliminar capas 54Capa activa 54

    La visibilidad de capa 55Video 3-01 Capas (Layers) 55Proyecto 3-01 Fusin de imgenes 56

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

    Anidad 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 Estilo de capa 65Proyecto 3-03 Estilos de capa 66Proyecto 3-04 Trabajando con los Modos de Capa 67

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    5/128

    Contenido

    Proyecto 3-05 Transformando retratos 72TEMAD 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

    TEMAE Capas de relleno o ajuste (Create new fill or adjustement 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 81TEMAA La fotografa 82

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

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

    TEMAC La cmara fotogrfica 91Proyecto 4-04 Crear una cmara oscura 92

    Elementos de la cmara fotogrfica 93Lmina 4-02 Tipos de cmara 95Actividad 4-03 Conociendo la cmara fotogrfica 96Actividad 4-04 Tu cmara 98

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

    Unidad 5 Color 103TEMAA Modos de Color 104

    Lmina 5-01 Modos de color 104TEMAB 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

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

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    6/128

    Contenido

    Unidad 6 Cmo mejorar fotografas? 113TEMAA 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

    TEMAB Los Filtros de AdobePhotoshop 117

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

    Acciones (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

    TEMAC El retoque fotogrfico 125

    Proyecto 6-05 Eliminando ojos rojos 125Proyecto 6-06 Restaurando fotografas 126Actividad 6-05 Fotografa publicitaria 127Evaluacin 06 128

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    7/128

    Recursos

    Este material forma parte de un conjunto de recursos que conforman el Programade Informtica Educativa (PIE). Est organizado en bloques integrales que incluyentodo lo necesario para aprender, practicar y evaluar habilidades o competencias.

    Las explicaciones, imgenes, tablas, actividades, notas y tips, apoyadas conlas lminas y tutoriales, permiten integrar la experiencia de aprendizaje desdemltiples perspectivas. As, podemos afirmar que el PIE de Grupo Educare es lamejor manera de aprender haciendo.

    Los recursos digitales que acompaan al material impreso, contienen videos quete ayudarn a comprender los conceptos y a poner en prctica las habilidadesadquiridas.

    Adicionalmente encontrars los archivos que se requieren para realizar lasactividades, algunos documentos y aplicaciones tiles.No olvides que los recursos digitales son parte integral del programa, por lo quees muy importante que los conozcas y utilices en el curso.

    Material Impreso

    Recursos Digitales

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    8/128

    TIP

    Explicacin Iconogrfica

    Proyecto

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

    Actividad

    Este icono nos indica un ejercicio que refuerza a la parte terica deeste material.

    Video

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

    Lmina de apoyo

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

    Nota

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

    Evaluacin

    Este icono indica un elemento fundamental del proceso educativoque 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 ejecutaruna actividad de manera ms sencilla y prctica.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    9/128

    DISEO DIGITAL PhotoshopCS5AUTOR:

    CARLOS ZEPEDA CHEHAIBAR

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

    B Describir el flujo de trabajo para digitalizar una imagen.

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

    D Conocer la historia y versiones de AdobePhotoshop.

    E Definir los elementos que componen el espacio de trabajo de Adobe

    Photoshop.

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

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

    Unidad 01 Intr oduccin aPhotoshop

    Durante el desarrollo de esta unidad aprenders a:

    Photoshopfue lanzado al mercado en

    1988 por la compaa Adobe, bajo elnombre de AdobePhotoshop0.63.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    10/128DISEO DIGITAL10

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

    Imgenes vectoriales

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

    Una imagen vectorial (o simplemente vector) es en realidad una funcin matemtica que lacomputadora 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 nohay prdida de informacin.

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

    TEMAA Tipos de imgenes

    Imagen 1-1: Acercamiento a una imagen vectorial

    Imagen 1-2: Imagen Vectorial

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    11/128Introduccin a Photoshop

    1

    Imgenes de mapa de bits

    AdobePhotoshoptrabaja con imgenes de mapa de bits. Los mapas de bits estn compuespor una cuadrcula de pequeos puntos denominados pxeles (que quiere decir picture elemo elementos de imagen). Los pxeles estn ordenados y coloreados de una forma determinapara 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 modifidirectamente los objetos o las figuras. Este tipo de imgenes son ideales para capturamanipular 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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    12/128DISEO DIGITAL12

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

    Escner

    El escner es un perifrico de entrada de lacomputadora. Para capturar las imgenes, el escner

    ilumina la imagen original con una fuente de luz(lmpara o foco) y, mediante espejos, transfiere laluz reflejada hacia un dispositivo sensor denominadoCCD. El CCD transforma la luz en seales elctricas yluego transforma dichas seales elctricas al formatodigital (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 sepueden visualizar, modificar e imprimir utilizandouna computadora. La mayora de las cmarasdigitales incluyen una pantalla o visualizador decristal lquido (Liquid Crystal Display o LCD), que sepuede utilizar para tener una vista preliminar antesde tomar la fotografa y/o para ver las imgenes yacapturadas.

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

    Memoria incorporada: almacena entre 20 y 60 fotografas, dependiendo del tamao ycalidad. 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.

    TEMAB 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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    13/128Introduccin a Photoshop

    1

    TEMAC Obtencin de imgenes libres de derechos

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

    Adems de las imgenes con Copyright (todos los derechos reservados), estn las imgencon algunos derechos reservados. La Free Software Foundation promovi una iniciativa pacrear 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 cuyautores deciden reservarse slo algunos derechos. Bsicamente se trata de 4 tipos de licenc

    De atribucin:Se permite su libre copia y distribucin, con la condicin de dar crdito alautor 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.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    14/128DISEO DIGITAL14

    El programa de Adobe Photoshop es una aplicacin para manipular y editar imgenesfotogrficas y vectoriales, para medios impresos o virtuales. Desde su aparicin, el programa haevolucionado y mejorado sus caractersticas y capacidades. Aunque probablemente hay msde 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. Hoyen da sigue siendo la aplicacin nmero uno en diseo y se considera la ms completa ypoderosa.

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

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

    En 1987, Thomas Knoll trabajaba en un cdigo de programacinllamado Display, que serva para obtener imgenes en escala degrises para adaptrselas a un monitor blanco y negro. Su hermanoJohn Knoll experimentaba diariamente en su computadora para

    crear efectos especiales.Los dos hermanos se unieron y mientras uno trabajaba en agregara la computadora la habilidad de leer y escribir varios formatos,el otro desarrollaba procesos de rutina en las imgenes, quedespus se convertiran en los filtros o plug-ins. Estos ltimoslos estudiaremos ms adelante. La aplicacin que desarrollaron con su trabajo fue nombradaPhotoshop y crearon un manual para su manejo.

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

    TEMAD Introduccin e historia de AdobePhotoshop

    Imagen 1-7: John Knoll

    Imagen 1-8: Thomas Knoll

    1-02LMINA Historia de Adobe

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    15/128Introduccin a Photoshop

    1

    1. Escribe para qu puedes utilizar el programa de AdobePhotoshop.

    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 AdobePhotoshop

    1-01

    ACTIVIDAD

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    16/128DISEO DIGITAL16

    Imagen 1-9: Espacio de Trabajo de Photoshop

    TEMAE Espacio de trabajo de Photoshop

    Al iniciar AdobePhotoshop vers el espacio de trabajo. Los elementos que lo componen sonlos siguientes:

    2 3

    45 6

    1

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    17/128Introduccin a Photoshop

    1

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

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

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

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

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

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

    1-01VIDEO Espacio de trabajo de Photoshop

    TIP Es posible que otros usuarios modifiquen laapariencia de la pantalla principal. Si no vesla pantalla tal y como se muestra aqu, puedesmostrar la distribucin de fbrica usando elmen Window/Workspace/Essentials (Ventana/Espacio de trabajo/Aspectos Esenciales).

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    18/128DISEO 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 lacombinacin de teclas .

    Aparecer una ventana como la siguiente:

    TEMAF Gestin de Archivos

    12

    3

    4

    5

    6

    8

    7

    Imagen 1-11: Men Archivo>Nuevo

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    19/128Introduccin a Photoshop

    1

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

    2. Preset (Formato del documento): El formato que elijas depende del tamao y la forma 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 centmetrmilmetros, pulgadas, puntos (unidad utilizada en tipografa que equivale a 172 de pulgadpicas (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 centmetrmilmetros, pulgadas, puntos, picas y columnas.

    5. Resolution (Resolucin del documento): La resolucin de una imagen nos permite conola cantidad de pxeles que podemos encontrar en ella. La resolucin se define como

    nmero de pxeles que hay en una pulgada, por eso se expresa en puntos por pulgada o dper inch(dpi). Si una imagen tiene una resolucin alta (mayor densidad de pxeles), sermejor 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 imgenque slo se vern en pantalla.

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

    Grayscale (Escala de grises): Se usa para imgenes que tienen tonalidades blanco a negro, pasando por los tonos grises intermedios. Lab Color:Es un modo utilizado en las imprentas para asegurar la fidelidad de

    colores. Bitmap (Mapa de bits):Se utiliza para imgenes que no requieren detalle de colo

    que tienen muy pocos tonos diferentes.

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

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

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    20/128DISEO DIGITAL20

    Abrir archivos(Open)

    Las imgenes se abren y se importan en varios formatos de archivo. Los formatosdisponibles 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 elmen emergente.

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

    Imagen 1-12: Men Archivo>Abrir

    Imagen 1-13: Ventana Abrir

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    21/128Introduccin a Photoshop

    2

    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 usamen File/Close (Archivo/Cerrar)o la combinacin de teclas . Al cerrar una imagaparecer un mensaje para confirmar si deseas guardar los cambios realizados, en caso

    que los hayas hecho o modificado la imagen.

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    22/128DISEO 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 AdobePhotoshop.

    Solamente se puede abrir en Photoshopy programas compatibles. No sirve parapublicar en Web.

    PDF

    Formato original de AdobeAcrobat.Permite almacenar im-genes vectorialesy mapas de bits.

    Este archivo se abre con AdobeAcrobatReadery se modifica el tamao deldocumento.

    JPEG o JPG

    Formato muy eficiente.Acepta alta resolucin de color y tieneuna excelente compresin con altacalidad de imagen. Muy usado parapublicar en Web.

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

    TIFF

    Formato que crea archivos de imagen dealta calidad, normalmente destinadospara impresin.

    Los archivos son muy pesados.

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

    No maneja compresin, por lo que lasimgenes BMP son muy pesadas. No esrecomendable para Web debido a su peso.

    PNG Este formato produce transparen-cias defondo sin bordes irregulares y soporta losmodos de color.

    Existen prdidas en el color de la imagen.

    TIPEs recomendable trabajar siempre con un archivomaestro en formato PSD o PDD y slo guardar enotro formato cuando el trabajo de manipulacinest terminado. Elige el formato ms adecuadopara cada necesidad que se te presente.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    23/128Introduccin a Photoshop

    2

    NOTAUna imagen requiere mayores recursos (memoria y capacidadde proceso) entre mayor sea su resolucin, por eso esimportante mantener la resolucin tan pequea como serequiera en cada trabajo. Para una imagen que se observaren pantalla, una resolucin adecuada es de 72 a 150 dpi. Losmonitores no tienen tan alta resolucin como los impresos, porlo que no vale la pena usar una mayor resolucin. En cambio,si la imagen se va a imprimir, la resolucin normalmente esde 150 a 300 dpi, dependiendo de la calidad de la impresoraque se va a utilizar.

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

    1-02

    VIDEO Gestin de archivos

    AdobePhotoshop1-02

    ACTIVIDAD

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    24/128DISEO 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 noconviene 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.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    25/128Introduccin a Photoshop

    2

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

    2. Busca en la misma pgina ejemplos (fotografas o ilustraciones) de los siguientes archide 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 grficy partes que muestran el proceso:

    Obtencin de imgenes1-03

    ACTIVIDAD

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    26/128DISEO 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 licenciapor su iconografa, as como el uso que se puede dar a material que emplea estetipo de licencias.

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

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

    AdobePhotoshop.

    TEMA F: Los procedimientos necesarios para crear un documento, abrir un documentoexistente en tu computadora, guardar, cerrar, as como los formatos de archivo quepuedes manipular en AdobePhotoshop.

    1. Menciona 3 orgenes desde donde puedes importar imgenes a AdobePhotoshop.

    2. Qu es fondo de documento?

    3. Qu es un vector?

    01

    EVALUACIN

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    27/128

    DISEO DIGITAL PhotoshopCS5AUTOR:

    CARLOS ZEPEDA CHEHAIBAR

    Herramientas

    A Identificar el panel Herramientas de AdobePhotoshop, herramientasde 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 parala 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 usorealizars tareas de manera eficiente y sencilla.

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

    Unidad 02

    Durante el desarrollo de esta unidad aprenders a:

    En la versin CS5, con las Herramientaspreestablecidas, puedes guardary volver a utilizar los ajustes deherramientas. Puedes cargar, editary crear bibliotecas de herramientaspreestablecidas, mediante el Selectorde herramientas preestablecidas

    de la barra de Opciones, el panelHerramientas preestablecidas y elGestor de ajustes preestablecidos.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    28/128DISEO DIGITAL28

    TEMAA Herramientas de Seleccin

    Panel Herramientas

    Este panel agrupa las herramientas que te ayudarn a realizar tus actividadesdentro del programa. Las herramientas de Photoshop estn comnmenteagrupadas en el lado izquierdo de la ventana de aplicacin. Aunque el panelHerramientas se puede mover, es recomendable tenerlo siempre visible en estazona de la pantalla.

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

    herramienta.

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

    Las herramientas se clasifican en grupos de acuerdo a la funcin quedesempean dentro de la aplicacin. El uso detallado de las herramientas se veen 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 seusan 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 pixeles seleccionados.

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

    Imagen 2-1: Panel Herramientas

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    29/128Herramientas 2

    Herramientas de

    SeleccinAtajo Funcin Imagen

    Marco rectangularRectangular Marquee Tool

    Dibuja un borde de seleccin cuadrado orectangular.

    Marco elpticoElliptical Marquee Tool

    Permite hacer selecciones circulares oelpticas.

    Marco columna nicaSingle Column Marquee Tool

    Permite hacer la seleccin de una fila de unpxel de grosor

    Marco fila nicaSingle Row Marquee Tool

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

    Herramienta MoverMove Tool

    Permite cortar y arrastrar una seleccin depxeles a otra ubicacin.

    LazoLasso Tool

    Permite seleccionar libremente reas de laimagen.

    Lazo poligonalPolygonal Lasso Tool

    Marca los puntos por donde pasar laseleccin.

    Lazo magntico

    Magnetic Lasso Tool

    Hace la seleccin a mano alzada en fusina la configuracin que se haya ajustado enla barra de opciones. La lnea de seleccin

    ser la interseccin de dos coloresdependiendo del contraste de sus bordes.

    Seleccin rpidaQuick Selection Tool

    Permite marcar rpidamente una seleccinmediante una punta de pincel redonda

    Varita mgicaMagic Wand Tool

    Selecciona pixeles que se encuentrandentro de un rango de color parecido alpixel escogido.

    2-01LMINA Herramientas de Seleccin

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    30/128DISEO 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 lospxeles alrededor de aqul sobre el que se aplica la herramienta. Si el color de los pxelescontiguos es similar, la accin de la herramienta se extiende a ellos. Si el color de los pxelescontiguos es diferente, la accin no los afecta.

    La Toleranciadetermina qu tan similares deben ser los pxeles contiguos para ser afectadospor la herramienta. Si hay poca tolerancia (cerca de 0%), los pxeles deben ser mucho msparecidos para ser afectados. Si la herramienta es muy tolerante (cerca del 100%), casi noimporta si los pxeles se parecen o no a los contiguos para ser afectados.

    La Toleranciaestndar 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 eldocumento utiliza los siguientes parmetros:

    Name (Nombre): CuadradoPreset (Formato de documento):CustomWidth (Ancho): 200 pixelsHeight (Alto):200 pixelsResolution (Resolucin): 150 pixels/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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    31/128Herramientas 3

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

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

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

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

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

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

    5. Rellena el segundo rectngulo con men Edit/Fill (Editar/Rellenar), pero en este caso en U(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 EStroke (Edicin/Contorno). Aparecer un cuadro de dilogo en donde pondrs los siguienvalores:

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

    7. Da Okpara ver el resultado. Quizs la seleccin no te deje ver el contorno, por lo que debeliminarla usando el men Select/Deselect(Seleccin/Quitar Seleccin) o la combinacde teclas.

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    32/128DISEO 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 deuna imagen. Para no correr el riesgo de daar otras zonas de la imagen, el artista creaba unamscara, que consista en un lienzo que se colocaba sobre todo el documento y que tena sloun 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 dela antigedad, trabajar con fotografas e incluso se usan en procedimientos mdicos paraenfocarse a una zona especfica de trabajo, mientras se protege el todo. Una seleccin es unaforma 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 sertil 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 detrabajo?

    Por qu mscaras?2-01

    ACTIVIDAD

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    33/128Herramientas 3

    1. En un nuevo documento de 600 X 600 pixels, crea un rectngulo, un valo, un crculun tringulo, utilizando las herramientas de seleccin. Rellena cada figura con diferentexturas 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 selecci 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 circu

    se forma un cuadrado o un crculo perfecto, respectivamente. Slo funciona sihay ninguna seleccin previa.

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

    Puedes presionar al mismo tiempo las teclas , para crear una fig

    perfecta a partir de su centro. Slo funciona si no hay ninguna seleccin previa Para deshacer una accin pulsa las teclas , pero si necesitas regredos o ms acciones atrs, es necesario presionar .

    3. En un nuevo documento crea las siguientes figuras utilizando la combinacin de las tcnicanteriores, rellnalas con diferentes colores o texturas y aplcales distintos contornos. 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 nombres Figuras_a yFiguras_b.

    Selecciones2-02

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    34/128DISEO DIGITAL34

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

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

    TEMAB Herramientas de pintura y retoque

    Herramientas de

    PinturaAtajo Funcin Imagen

    PincelBrush Tool

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

    LpizPencil Tool

    Dibuja lneas o contornos irregulares.

    Sustitucin de colorColor Replacement Tool

    Cambia un color por otro.

    Pincel MezcladorMixer Brush

    Realiza trazos con brochas masrealistas.

    Pincel de historiaHistory Brush Tool

    Permite restaurar una imagen a su

    estado original despus de haber sidomodificada.

    Pincel histricoArt History Tool

    Pinta con trazos estilizados basadosen algn estado del panel Historia.

    DegradadoGradient Tool

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

    Bote de pintura

    Paint Bucket Tool

    Rellena reas de color similares con

    el color frontal.

    2-02LMINA Herramientas de Pintura y Retoque

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    35/128Herramientas 3

    Herramientas de

    RetoqueAtajo Funcin Imagen

    Pincel corrector puntualSpot Healing Brush Tool

    Elimina rpidamente lasimperfecciones de las fotografas.

    Pincel correctorHealing Brush Tool

    Pinta con una muestra o motivopara reparar las imperfeccionesde una imagen.

    ParchePatch Tool

    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 y

    los 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 fondos

    Background eraser tool

    Borra el rea del fondo.

    Borrador mgicoMagic Eraser Tool

    Borra las reas que contienen coloresuniformes.

    Desenfocar (+)Blur Tool

    Distorsiona el foco de alguna parte dela imagen.

    Enfocar (+)Sharpen Tool

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

    Dedo (+)Smudge Tool

    Diluye los colores.

    SobreexponerDodge Tool

    Aclara la imagen.

    SubexponerBurn Tool

    Oscurece la imagen.

    EsponjaSponge Tool

    Satura o desatura reduciendo el nivelde gris.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    36/128DISEO DIGITAL36

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

    En la parte media inferior del panel Herramientas, siempre hay visibles dos cuadros grandesde color llamados Selectores de color. Estos cuadros corresponden a los colores de frente y defondo activos. Para cambiar cualquiera de estos colores basta hacer un clic sobre los cuadrosde 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 parasus acciones. El color de fondo, es el tono del fondo del documento y podemosutilizar herramientas que pinten con el color del fondo.

    Modos de

    edicinAtajo Funcin Imagen

    Editar en Modo StandardEdit in Standard Mode

    Los contornos de seleccin son lneaspunteadas.

    Editar en Mscara RpidaEdit in Quick Mask Mode

    En este modo se pueden modificar loscontornos de seleccin con ayuda de lasherramientas de pintura.

    Modo mscara rpida

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

    T IP Para seleccionar un color haz clic sobre uno de losrecuadros de color para que se active el Selectorde color, en donde podrs escoger de la paleta decolores el que t quieras.

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    37/128Herramientas 3

    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 Zoomo, para magnificar la imagy que puedas ver los detalles de la seleccin.

    4. Toma del panel Herramientas, la herramienta Magic Wand (Varita Mgica) y con eselecciona la cabeza y la trenza derecha de la mueca. Recuerda que puedes modifila tolerancia de la herramienta si es necesario, con el objetivo de seleccionar con maexactitud. Tambin puedes usar las teclas o para aumentar o quitar rea la seleccin.

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

    6. De forma similar, utiliza herramientas de seleccin y pintura para rellenar de diferen

    colores las bolitas del vestido, la cara, la mano, el delantal, los motivos del delantal, 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 herramientaMagic Wa(Varita Mgica) porque hay una zona donde la lnea est incompleta. Elige la herramiePencil(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 complelas reas en donde qued inconclusa la lnea.

    9. Ahora s puedes seleccionar con la Magic Wand (Varita Mgica) y aplicar color a la trenque 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 apliun degradado con las opciones de Paint Bucket (Cubeta de pintura). Para ello primselecciona la herramienta Gradient (Degradado) que est en el mismo botn queherramienta Paint Bucket (Cubeta de pintura).

    Pintando en AdobePhotoshop

    2-03

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    38/128DISEO 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 (Colorfrontal a transparente). Elige tambin la forma Linear Gradient (Lineal), el Mode (Modo) deSoft 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 queel 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 casousa 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 deherramienta 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, eldelantal, 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) anegro y selecciona la herramienta de Burn(Subexposicin). Establece las mismas opcionesque 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 herramientaBlur (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 unaopacidad del 50% y color rojo.

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    39/128Herramientas 3

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

    2. Selecciona la herramienta Zoom o usa las teclas pagrandar el rea en la que vas a trabajar. Para mover el rea de trabajo utiliza la herramie

    Hand (Mano), oprimiendo o .

    3. Selecciona la herramienta Stamp Clone(Tampn de clonacin) o presiona la teclapanel 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

    pretende clonar y que est prximo a la zona a corregir. En este caso el punto de referenideal es una zona del cielo donde no haya cables.

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

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

    Quitando cables2-04

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    40/128DISEO DIGITAL40

    1. Abre la imagen Nubes.psdde los Recursos Digitales.

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

    3. Selecciona la herramienta Spot Healing (Pincel corrector) del panel herramientas. En elpanel 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 fotografapara hacerlas desaparecer. Si la mancha es ms grande o ms chica que el pincel, podemosmodificar el dimetro de la herramienta en el panel de control. Lo ideal es que el pincel seadel mismo tamao que la mancha que se quiere corregir.

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

    Quitando imperfecciones y manchas2-05

    PROYECTO

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

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

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

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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    41/128Herramientas 4

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

    2. Haz un Zoompara 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 descompoen 3 tres valores RGB, que son el nivel de Rojo, Verde y Azul. Si modificas los valores Rdirectamente en la paleta Color, vers cmo cambia el Foreground Color (Color de frenen el panel Herramientas.

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

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

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

    8. Haz un Zoompara ampliar el rea de trabajo al mximo posible, que es al 1600%.

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

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

    Valor R Valor G Valor B Color Resultante

    Pintando pixeles en modo RGB2-06

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    42/128DISEO 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 otrocolor en modo RGB?

    3. Cul es el valor numrico mximo que puede tomar alguna de las componentes de colorRGB? (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

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    43/128Herramientas 4

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

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

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

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

    3. Observa que en la esquina superior derecha de la paleta Color, hay una pequea flecha qdespliega un men lateral. Activa ese men y selecciona la opcin CMYK Sliders (Desliza

    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 diferent

    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 pixeles en modo CMYK2-07

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    44/128DISEO DIGITAL44

    Contesta las siguientes preguntas a manera de conclusiones:

    1. Cules son los colores de tinta que combinados en diferentes niveles, pueden formarcualquier 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 colornegro. Cul ser la combinacin ms econmica para una imprenta?

    6. Qu valores forman el color blanco?

    Colores CMYK2-03

    ACTIVIDAD

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    45/128Herramientas 4

    TEMAC Herramientas de dibujo y texto

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

    Herramientas de dibujo

    y textoAtajo Funcin Imagen

    PlumaPen

    Crea lneas y curvas bien definidas.

    Pluma de Forma Libre

    Freeform Pen

    Crea lneas a mano alzada.

    Aadir punto de anclaAdd Anchor Point

    Agrega un punto de ancla.

    Eliminar Punto de AnclaDelete Anchor Point

    Quitar un punto de ancla.

    Convertir Punto de AnclaConvert Point

    Transforma un punto de anclarectilneo en uno curvo y viceversa.

    Texto horizontalHorizontal Type Tool

    Sirve para crear y editar texto horizontalsobre las imgenes.

    Texto VerticalVertical Type Tool

    Sirve para crear y editar texto vertical sobrelas imgenes.

    Mscara de Texto horizontalHorizntal Type Mask Tool

    El texto horizontal que se escribe aparecercomo seleccin.

    Mscara de Texto VerticalVertical Type Mask Tool

    El texto vertical que se escribe aparecercomo seleccin.

    Seleccin de TrazadoPath Selection Tool

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

    Seleccin DirectaDirect Selection Tool

    Permite seleccionar los vrtices delas formas.

    Herramienta de formaspersonalizadasRectangular, Elipse, Polygon yotras

    Dibuja figuras geomtricas.

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    46/128DISEO 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 esnecesario, puedes cambiar la fuente, color y tamao del texto usando la panel de controlde la herramienta. Procura que tu nombre ocupe casi todo el espacio del documento. Esposible 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 depintura, porque se comporta como vector. Hay varias formas de convertir el texto en mapade 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 interesantede colores degradados y guarda el archivo con el nombre Texto01en tu carpteta de trabajo.

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

    6. Toma la herramientaHorizontal Type Mask(Mscara de texto horizontal)y escribe tu nombresobre el documento, de manera que ocupes casi toda el rea. Notars que mientras escribesparece que el documento cambia de color y las letras que introduces se ven ms claras. Loque 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 quitala seleccin con para ver el resultado de tu trabajo.

    10. Guarda el documento con el nombre Texto02en tu carpeta de trabajo.

    Creando texto en AdobePhotoshop2-08

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    47/128

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    48/128DISEO DIGITAL48

    Panel Historia (History)

    En el panel Historiase muestran en orden cronolgico las acciones realizadas sobre la imagenen forma de estados, permitindonos deshacer o rehacer estas acciones. Cuando existen msde 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.psdque 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 lafotografa.

    4. Una vez hecha la medicin, elige del men Image/Image Rotation/Arbitrary (Imagen/RotarImagen/Arbitrario). En el ngulo de correccin introduce el valor 25. Vers que la lnea delhorizonte 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 Perspectivay por ltimo presiona para hacer el recorte.

    6. Guarda el archivo con el nombre Inclinacion.psden la ubicacin acostumbrada.

    Corregir la inclinacin de una foto2-09

    PROYECTO

  • 8/11/2019 Diseo Digital Photoshop CS5.pdf

    49/128Herramientas 4

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

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

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

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

    nuevo documento a partir de una instantnea o del estado en que se encuentraimagen.

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

    2. Cambia a los selectores de color predeterminados usando la tecla