diseño y fotografía digital con software libre

Upload: hermenegildo-perez-feliciano

Post on 05-Jul-2018

214 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    1/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    2/110

    Autor:Carlos Zepeda Chehaibar

    Apoyo en actualización:Miguel Pérez Martínez

    Director del Libro: Carlos Zepeda Chehaibar

    Coordinación Editorial: Abraham Lule Oyervides

    DERECHOS RESERVADOS © 2011 MMXI por Grupo Educare S. A. de C. V.

    Ésta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la rla acompañan, por cualquier medio, sin autorización escrita de Grupo Educare S. A. de C. V

    Grupo Educare, el logotipo de Grupo Educare, el logotipo del Programa de Informática Edu

    El diseño editorial y contenidos gráficos son propiedad exclusiva de Grupo Educare S.A. de

    Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra,contrario. Las citas, imágenes y videogramas utilizados en esta obra se utilizan únicamente con finepor lo que el autor y Grupo Educare S. A. de C. V. no asumen ninguna responsabilidad por el uso qen conformidad al Artículo 148 de la Ley Federal del Derecho de Autor.

    Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage, Access y sus logologo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos son marcas r

    Editado por Grupo EduAv. San Mateo N

    Colonia ONaucalpan, Estado de M

    ISBN 978-607-1a. impImpreso en Querétaro, Q

    Printed in

    Diseño Gráfico y editorial:Héctor Mendoza SuárezAbraham Lule Oyervides

    Revisión de edición:

    Mario Martínez RamírezIlustración de portada: Ángel Gabriel Herrera MediMiriam Tatiana Zamora Guti

    Diseño y fotografía digitalcon software libre

    LEGALES

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    3/110

    CONTE

    Diseño y fotografía digitalcon software librePropuesta Pedagógica I

    ¿Por qué es un software libre? 7El movimiento de software libre 8Licencias GNU 9Actividad 01. Conceptos de software libre 10

    Fundamentos de imagen digital 11Tipos de imagen. Vectores vs Mapa de Bits 11Lamina 01 Vectores vs Mapa de Bits 12Formatos de archivo de imagen 13Modos de Color 14Actividad 02. Color 15

    The GIMP 16La historia de GIMP 16La interface del Programa 18MID. La interfaz de Gimp 19

    Actividad 03. Herramientas y entorno de trabajo 20Iniciándose en el uso de The GIMP 22Herramientas de pintura, dibujando formas simples 22MID 01. Herramientas de selección y relleno 22Proyecto 01. Herramientas de selección y relleno 22

    Obtención de imágenes libres de derechos 28Actividad 04. Licencias y derechos de autor 29

    Creación de gráficos Multilayer 30MID 02. Etiqueta apartir de una fotografía 30Proyecto 02. Etiqueta apartir de una fotografía 30

    Aplicando Pintura digital a una fotografía 35Máscaras 36MID 03. Pintura digital 36Proyecto 03. Pintura digital 36Actividad 05. Máscaras 38MID 04. Herramientas de distorción 38

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    4/110

    CONTENIDO

    Proyecto 04. Herramientas de distorción Actividad 06. Capas 41Animación usando capas MID 05. Banner animado 4Proyecto 05. Banner animado MID 06. Dibujando formas simples Proyecto 06. Dibujando formas simples 46

    La Fotografía 48Lámina 02. Historia de la fotografía Actividad 07. Historia de la fotografía La cámara fotográfica 49Lámina 02. Tipos de cámaras MID 07. Ilusión de movimiento Proyecto 07. Ilusión de movimiento Aplicaciones de una máscara 53MID 08. Efecto sepia 53Proyecto 08. Efecto sepia 53Actividad 08. Fotografía digital MID 09. Apariencia de dibujo a lápiz Proyecto 09. Apariencia de dibujo a lápiz

    Fotomontajes 59MID 10. Efecto de reflejo Proyecto 10. Efecto de reflejo Umbral 62MID 11. Crear una corona navideña Proyecto 11. Crear una corona navideña MID 12. Crear una felicitación navideña Proyecto 12. Crear una felicitación navideña MID 13. Poner marco a una fotografía Proyecto 13. Poner marco a una fotografía Actividad 09. Repaso 71MID 14. Poner un borde 7Proyecto 14. Poner un borde MID 15. Cambiar de fondo Proyecto 15. Cambiar de fondo MID 16. Suprimir a una persona de una fotografía Proyecto 16. Suprimir a una persona de una fotografía 79MID 17. Aplicar retoques Proyecto 17. Aplicar retoques

    La Evolución del Diseño Gráfico

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    5/110

    RECUR

    Este material forma parte de un conjunto de recursos que conforman el Progr(PIE). Está organizado en bloques integrales que incluyen todo lo necesario pahabilidades o competencias. Las explicaciones, imágenes, tablas, actividades, láminas y tutoriales, permiten integrar la experiencia de aprendizaje desde múltafirmar que el PIE de Grupo Educare es la mejor manera de aprender haciendo.

    Material Impreso

    Los recursos digitales que acompaña al material impreso contiene los Módulos

    te ayudarán a comprender los conceptos y a poner en práctica las habilidades adsección de aprendizaje y una sección de refuerzo interactivo.Adicionalmente encontrarás los archivos que se requieren para realizar las actaplicaciones útiles.No olvides que los recursos digitales son parte integral del programa, por lo que y utilices en el curso.

    Recursos Digitales

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    6/110

    ICONOGRAFÍA

    Este icono nos indica un ejercicio que refuerza de manera prparte teórica de este material.

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

    Es una sugerencia que complementa un tema del material ipanorama más amplio al alumno sobre cómo ejecutar una amás sencilla y práctica.

    Es el material digital de los recursos del programa. La represla parte teórica de este volumen.

    La lámina es un recurso del profesor, que sirve como refinteractivo a un tema denso, que complementa la teoría del

    Actividad

    Nota

    Tip

    Video

    Lámina de apoyo

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    7/110Propuesta didác

    PROPUESTA DDiseño y fotografía digita

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    8/110II

    TIEMPO ENSEMANAS TEMAS SUBTEMAS COMPETENCIA

    1 ¿Por qué es un software libre?El movimiento de software libreLicencias GNUDefine el significado de Licencias GNcaracterísticas y beneficios.

    3 Fundamentos de imagen digitalTipos de imagen. Vectores vsMapa de BitsFormatos de archivo de imagenModos de Color

    Define los conceptos de Imagen MapVector.

    Reconoce por el tipo de extensión la del archivo.Identifica colores primarios y secundsistemas de color RGB y CMYK.

    2 The GIMP La historia de GIMPLa interface del Programa

    Nombra la historia de GIMP reconocimportancia y evolución.Identifica los paneles de la Interfase.Localiza las herramientas identificanpropiedades.

    2 Iniciándose en el uso de The GIMPHerramientas de pintura, dibujan-do formas simples

    Dibuja formas simples empleando laherramientas de dibujo.

    Crea documentos nuevos.

    Emplea effectos artisticos en sus proy

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    9/110Propuesta Didá

    OBJETIVOSACTIVIDADES SUGERIDAS PARA EL

    ALUMNO (CONTENIDAS EN EL MATERIALDE TRABAJO)

    TUTORIAL SUGERIDO REC

    1.- Discutir la importancia de las aplicaciones deLicencia GNU, sus lineamientos y principalescomunidades.

    Actividad 01. Conceptos deSoftware Libre

    Computadora.

    Material de aopyo dalumno.

    CD del alumno.

    1.- Interpretar los sistemas de Color RGB y CMYK Actividad 02. Color

    Lamina 01 VectoresMapa de Bits

    Computadora.Material de aopyo dalumno.

    CD del alumno.

    1.- Reconocer el Ambiente Gráfico que ofrece el GIMP,identificando los elementos que la conforman ylocalizando las herramientas con sus propiedades.

    Actividad 03. Herramientas y

    Entorno de TrabajoMID. La interfaz de Gimp

    Computadora.

    Material de aopyo d

    alumno.

    CD del alumno.

    1.- Practicar el uso de las Herramientas y efectosdisponibles en la aplicación al realizar dibujos deformas simples.

    Proyecto 01. Herramientas deselección y relleno(formas simples)

    MID 01. Herramientasde selección yrelleno

    Computadora.

    Material de aopyo dalumno.

    CD del alumno.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    10/110IV

    TIEMPO ENSEMANAS TEMAS SUBTEMAS COMPETENCIA

    1 Obtención de imágenes libres dederechosClasifica imágenes libres de derechosRecuerda los Derechos de Autor y el imágenes con licencia.

    1 Creación de gráficos Multilayer Compone imágenes a partir de la comde varias capas.

    2 Aplicando Pintura digital a una fotogra-fía Máscaras

    Identifica las herramientas de pintura

    Cambia color a una imagen.

    Lista los modos d fusión de capas.

    Emplea las herramientas de seleccióncreación de máscaras.

    2 Animación usando capas

    Realiza animaciones básicas con el manimación tradicional cuadro por cuaEmplea varias capas dentro de un doGimp.Nombra las principales caractesisticaarchivo con formato GIF.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    11/110Propuesta Didá

    OBJETIVOSACTIVIDADES SUGERIDAS PARA EL

    ALUMNO (CONTENIDAS EN EL MATERIALDE TRABAJO)

    TUTORIAL SUGERIDO REC

    1.- Definir el uso de licencias y derechos de Autor.2.- Registrar diferentes medios para obtener imágenes

    libres de derechos y usarlas para el desarrollo de unproyecto.

    Actividad 04. Licencias yderechos de autor

    Internet

    Computadora.

    Material de aopyo dealumno.

    CD del alumno.

    1.- Componer una imagen usando de varias capas paracomparar su uso facilidad de uso con un proyectoen una sola capa.

    Proyecto 02. Etiqueta apartir deuna fotografía

    MID 02. Etiqueta apartirde una fotografía

    Computadora.

    Material de aopyo dealumno.

    CD del alumno.

    1.- Modificar y aplicar efectos a una selección de unafotografía empleando las herramientas de Máscara,cubeta de relleno y modos de fusión de capas.

    2.- Reconocer las Herramientas de Selección al aplicarmáscaras a una imágen.

    Proyecto 03. Pintura digitalActividad 05. MáscarasProyecto 04. Herramientas de

    distorciónActividad 06. Capas

    MID 03. Pintura digitalMID 04. Herramientas de

    distorción

    Computadora.

    Material de aopyo dealumno.

    CD del alumno.

    1.- Crear animaciónes básicas empleando la técnicaCuadro por Cuadro orgaanizando varias capas en unDocumento.

    05. Banner animadoProyecto 06. Dibujando formas

    simples

    MID 05. Banner animadoMID 06. Dibujando

    formassimplesProyecto

    Computadora.

    Material de aopyo dealumno.

    CD del alumno.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    12/110VI

    TIEMPO ENSEMANAS TEMAS SUBTEMAS COMPETENCIA

    15 La FotografíaLa cámara fotográficaFotomontajesUmbralAplicaciones de una máscara

    Explica la historia de la Fotografía.

    Analiza los elementos de una cámara

    Recuerda las herramientas disponiblebarra de herramientas con sus propie

    7 La Evolución del Diseño Gráfico

    Estilo Victoriano 1870'sCartel Constructivista 1920'sArte Pop 1960'sCatel Psicodélico 1960's

    Cartel Punk 1980's

    Aplica diferentes estilos en sus proye

    Nombra los elementos de la InterfaseTheGIMP

    Total desemanas 36

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    13/110Propuesta Didá

    OBJETIVOSACTIVIDADES SUGERIDAS PARA EL

    ALUMNO (CONTENIDAS EN EL MATERIALDE TRABAJO)

    TUTORIAL SUGERIDO REC

    1.- Discutir la historia de la Fotografía identificandolos descubrimientos más representativos que la

    integran.

    2.- Reconocer los elemtos que integran una cámarafotográfica.

    3.- Recordar las herramientas básicas, máscaras yefectos que incluye Gimp para realizar diferentesproyectos.

    Actividad 07. Historia de lafotografía

    Proyecto 07. Ilusión demovimiento

    Proyecto 08. Efecto sepiaActividad 08. Fotografía digitalProyecto 09. Apariencia de

    dibujo a lápizProyecto 10. Efecto de reflejoProyecto 11. Crear una corona

    navideñaProyecto 12. Crear una

    felicitaciónnavideña

    Proyecto 13. Poner marco a unafotografía

    Actividad 09. RepasoProyecto 14. Poner un bordeProyecto 15. Cambiar de fondo

    Proyecto 16. Suprimir a unapersona de unafotografía

    Proyecto 17. Aplicar retoques

    MID 07. Ilusión demovimiento

    MID 08. Efecto sepiaMID 09. Apariencia de

    dibujo a lápizMID 10. Efecto de reflejoMID 11. Crear una corona

    navideñaMID 12. Crear unafelicitaciónnavideña

    MID 13. Poner marco auna fotografía

    MID 14. Poner un bordeMID 15. Cambiar de

    fondoMID 16. Suprimir a una

    persona de unafotografía

    MID 17. Aplicar retoques

    Lámina 02. Historia dfotografía

    Lámina 03. Tipos decámaras

    Computadora.

    Material de aopyo dealumno.

    CD del alumno.

    1.- Conocer la Evolución del Diseño Gráfico al realilzarproyectos con los estilos más representativos deéste Arte.

    Internet

    Computadora.

    Material de aopyo dealumno.

    CD del alumno.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    14/110VIII

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    15/110GIMP

    ¿Por qué software libre?

    Actualmente, el mayor obstáculo para el aprendizaje y aprode información y comunicación es el alto costo del softwlicencia comercial del programa líder para edición fotográfdólares estadounidenses, lo cual deja, no sólo a muchas es

    enteros al margen del avance tecnológico, o peor aún, los or

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    16/1108

    El movimiento de software libre

    Para universalizar el acceso a la tecnología, en 1985 se cr Free Software Foun(Fundación para el software libre) o FSF. Un extenso grupo dse dieron a la tarea de crear programas de libre distribución.

    Hoy en día, la FSF cuenta con un repertorio de más de 5,000 aprocesadores de texto hasta programas de uso industrial altaprogramas de diseño gráfico digital.

    Incluso, la UNESCO (United Nations Educational, Scientific and Cultural ) aportayuda financiera al proyecto FSF y han surgido nuevas orgFoundation, que también promueve la creación de software lde aplicaciones.

    La FSF mantiene varias campañas para promover el uso de s

    • BadVista: campaña en defensa de la libertad de los usu

    oponiéndose a la adopción de Microsoft Windows y p• DefectiveByDesign: campaña para eliminar el DRM (Digital R

    impide copiar algunos archivos digitales.

    • PlayOgg.org: para promocionar Ogg, un formato de audicomerciales como MP3 y AAC.

    Richard Mathew Stallman. Fundador de FSF

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    17/110GIMP

    • Free BIOS: "BIOS gratis". campaña de apoyo al proyecto

    • Hardware devicesthatsupport free software: campaña para promoverhardware que dé soporte al software libre.

    • High Priority Free Software Projects: para llamar la atención sobsoftware libre considerados como prioritarios por su i

    • Encourage governments to adopt Open Document: para alentar a los gadoptar software libre. Algunos gobiernos que se hanúnicamente software libre en sus oficinas, como sonAlemania, China y en México, el gobierno del Distrit

    Licencias GNU

    Es el tipo de licencia que utilizan los programas libres. Estáusuarios puedan usar de manera gratuita los programas e “La idea se conoce en Inglés como copyleft (copia permitida ), en oposición a copyrderechde copia reservado ). Originalmente los programas con licencia GNsistema operativo libre Linux, pero hoy los hay también par

    GNU Logo.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    18/11010

    1. Investiga en Internet si la FSF (Free Software Foundation) tie

    Actividad 01 Conceptos de software libre

    5. ¿Crees que el software libre sea un ejemplo de trabajo W

    4. Explica el concepto de trabajo Wiki.

    3. Investiga qué es Wikipedia y quién crea los artículos que

    2. Investiga qué gobiernos de tu región están usando softwa

    La FSF promueve numerosas campañas en defensa y promoci BadVista.org. Campaña en defensa de la libertad de los usuarios adopción de Microsoft Windows Vista y promoviendo alternati DefectiveByDesign.org. Campaña para eliminar el DRM.PlayOgg.org. Una alternativa a formatos privativos como MP3

    Free BIOS. Campaña de apoyo al proyecto de creación de una• Hardware devices that support free software. Campaña par

    "hardware que de soporte al Software Libre".• High Priority Free Software Projects. Para llamar la atención

    software libre prioritarios".• Broadcast Flag.• Encourage governments to adopt OpenDocument. Para "Al

    OpenDocument

    Ciudad de México, Guadalajara y Monterrey.

    Wikipedia es una enciclopedia libre y políglota de la organización sin fines de lucro). Sus más de 17 millone y dialectos han sido redactados conjuntamente por vo prácticamente cualquier persona con acceso al proyect enero de 2001 por Jimmy Wales y Larry Sanger, es act popular obra de consulta en Internet.

    Un wiki o una wiki (del hawaiano wiki, ‘rápido’) es pueden ser editadas por múltiples voluntarios a travé usuarios pueden crear, modificar o borrar un mismo te

    o «páginas wiki» tienen títulos únicos. Si se escribe el algún lugar del wiki entre dobles corchetes ([[...]]), esta en un «enlace web» a la página wiki.

    No, el software libre se refiere a un programa de insta y Wikipedia es una gran enciclopedia que se puede en llada por una organización sin fines de lucro.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    19/110GIMP

    Fundamentos de imagen digital

    Tipos de imagen vectores vs mapas de bits

    Digitalizar una imagen significa convertirla en una serie de que es el único lenguaje que comprenden las computadoraslas imágenes pueden tomar la forma de más de una docenaesta sección vamos a analizar los diferentes tipos de archivmétodos más comunes para generar imágenes digitales.

    Para empezar debemos aclarar que los archivos de imagengrandes categorías.

    Archivos de mapa de bits Archivos V

    Están formados por puntos llamados pixeles(picture element), cada uno de distintocolor, lo cual resulta en imágenes realistas,pero se deterioran al ampliarse.

    Están formados por líneas curvque representan ecuaciones maque permite escalar esas imágedeterioren.

    Ejemplos de ellos son: BMP, GIF, PNG,JPEG, PIC, TIFF. Ejemplos de ellos son: SVG, E

    6. Investiga en Internet el concepto de Web 2.0. El término Web 2.0 (2004–actualidad) está comúnme

    web que facilitan el compartir información, la interop en el usuario y la colaboración en la World Wide We son las comunidades web, los servicios web, las ap de red social, los servicios de alojamiento de videos, folcsonomías.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    20/11012

    Aquí se aprecia la diferencia entre mapas de bits y vectores mla letra S en bitmap está formada por puntos y al ampliarse sierra en los bordes. Esta deformación no se observa con la lepor vectores que se calculan y redibujan al escalar su tamaño

    Cada tipo de archivo tiene características que lo distinguedeterminados fines. Los archivos bitmap permiten reproducdetalle, 100% realistas, mientras que los archivos vectorialesilustraciones. Por lo tanto, pese a ser susceptibles a deformaarchivos bitmap son los únicos que se adaptan al trabajo foto

    LFlash 01 Lámina de apoyo: Vectores vs Map

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    21/110GIMP

    Formatos de archivo de imagen

    • AI: Es el formato propietario del software de diseño ve

    • EPS: (Encapsulated Post Script): Formato de archivoSystems para facilitar la impresión con impresoras poespecificar tonos de grises utilizando patrones de pun

    • BMP: (Bitmap): Es el formato nativo de Windows, sophasta 24 bits. Su principal ventaja es no tener pérdideste formato es el gran tamaño de los archivos.

    • GIF:(Graphics Interchange Group):Formato bitmap detan sólo 256 colores. Entre sus ventajas está el permide muy bajo peso, por lo que es muy utilizado en aplicreación de secuencias animadas.

    • PNG: (Portable Network Graphics):Archivo bitmap disegráficos para Web. Permite gran compresión, trasparcolor. Es el formato nativo del software Fireworks, de

    • JPEG:(Joint Photographics Expert Group): Es el formatporque permite alta calidad y buena compresión sinExcelente para imágenes de color o en escala de grise

    • PSD: (PhotoShop). Es el formato propietario del softwa

    • RAW: Formato bitmap utilizado por la cámaras digitalcalidad, puesto que trabaja prácticamente sin comprescolor. Permite redimensionar las imágenes sin pérdidellas metadatos.

    • TIFF: Formato bitmap de gran calidad y escasa compresoportado por todprogramas de imageny utilizado por todos los escáners. Inccolor, (RGB, CMYK, indexado, escala de grises) hast

    • XCF: Archivo propietario del software libre de diseño dde Photoshop, aunque son incompatibles entre sí.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    22/11014

    Síntesis substractiva el color materia

    Cuando pintas con lápices de colores sobre una hoja de papecolor resultante se obscurece acercándose al color negro. Estodecir, aquellos formados por pigmentos, funcionan de manersumar su luminosidad, la restan. Por lo tanto, los colores matsubstractiva, donde la suma de colores resulta en la ausencia

    La síntesis substractiva es el modo de color utilizado para cutintas, crayones y hasta pintura para casas o automóviles. Mobscuro será el color que obtengas.

    RGB vs CMYK

    Los colores primarios y secundarios son diferentes para cadaluz suman su luminosidad, mientras los colores materia la re

    Así, para los colores luz, los colores básicos son tresRed (rojo), Green (verde)yBlue (azul)y poreso a este esquema se le denomina RGB.

    El sistema de colores materia es llamado CMYK por las sigl Cyan (azuturquesa), Magenta, Yellow(amarillo)yBlack(negro).

    Modos de Color

    Probablemente has escuchado que hay colores primarios o son producto de la mezcla de colores básicos. Si alguna veconvencido de que el verde es un color secundario, el cual seazul. Pero en realidad, esto depende del modo de color con existen dos modos o formas de crear colores: la síntesis aditi

    Síntesis Aditiva: el color luz

    En el modo de síntesis aditiva, la suma de todos los coloresmodo de color que se utiliza en las computadoras, monitores medios en los cuales el color sea producido por luz.

    Tal vez en alguna de tus clases de física has observado que luz de una linterna se descompone en colores. Lo mismo pasde lluvia, y por ello se forma el arcoíris. A este fenómeno se

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    23/110GIMP

    1. Busca en la Web ejemplos (fotografías o ilustraciones) jpeg, gif, gif animado y png. Crea con ellos una bibliotec

    2. Construye un disco de Newton para observar y comproproduciendo el blanco.

    3. Investiga cómo se hace la igualación de colores en una t

    4. Responde brevemente las siguientes preguntas:a. ¿Qué modo de color se emplea para crear imágene

    b. ¿Qué modo de color utilizan las impresoras de iny

    c. ¿Crees que la diferencia entre el modo que se usa y el modo que se usa para imprimirla, podría ocasiotus dibujos creados en computadora? Explica la raz

    Actividad 02

    He aquí un diagrama en el que puedes observar cómo sen cada esquema.

    Color

    RGB

    Mediante el uso de un sistema Tintométrico

    CMYK

    Si, se debe al muestreo RGB en pantalla y el

    en CMYK el cual podría variar.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    24/11016

    The GIMP

    La Historia de GIMPThe GIMP (GNU Image Manipulation Program), conocido silibre y gratuito de edición de imágenes digitales en formato dmapa de bits, tanto dibujosfotografías. Es considerado por algunos como la alternativa gy es el programa que utilizaremos para realizar los ejercicios

    GIMP está englobado en el proyectoGNU y disponible bajo la Licenciapública general de GNU, fue creado

    en 1995 como un ejercicio semestralen la Universidad de Berkeley por loestudiantes Spencer Kimball y PeterMattis, que se encuentran hoy en díaen el staff directivo de Google. GIMP esactualizado y desarrollado continuamentepor un equipo de voluntarios.

    VERSIÓN AÑO DE PUBLICACIÓN CAR

    0 Enero 1996 Soportaba la ampliación por pluginefectos, filtros y herramientas1.0 Junio 1998 Se mejoró la gestión de la me

    1.2 Enero 2001 Incluye herramientas de medidas, zador de imágenes.1.2.5 Agosto 2003 Mejora errores de la versión

    2.0 Marzo 2004 Cambió al toolkit GTK+ 2.x.

    2.4 Mayo 2008 Una interfaz retocada más pu

    2.6 Octubre 2008 Mejora en otros idiomas.

    3.0 En desarrollo Incluirá soporte nativo de C

    Spencer Kimball y Peter Mattis,

    GIMP es el programa de manipulación de gráficos disponibLinux, Windows, Mac OS, y está disponible en varios idiomacatalán, gallego, euskera, francés, italiano, ruso, sueco, noru

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    25/110GIMP

    Además de estas versiones “oficiales”, algunas personas han para necesidades especiales. Este tipo de modificaciones eprogramas con licencia comercial, pero en programas Open sucede lo contrario, pues es precisamente la comunidad de us

    Derivación Características

    GIMP ShopSe trata de una modificación de GIMP para Adobe Photoshop.Está basado en la versión 2.2. de GIMP.

    GIMPhoto Otra modificación de GIMP retocada para papero basado en la versión 2.4.

    Seashore Es un programa basado en GIMP, diseñado pMac OS. Por el momento solamente un conjdisponibles en GIMP.

    CinePaint, (antigua-mente conocido comoFilm GIMP)

    Es una modificación de GIMP que añade soprofundidad por canal de color, y posee un gespeciales para ser utilizado en la industria c

    En todos los programas con licencia GNU o de código abiertopara mejorar el software y para ello publican versiones“beta” , es decir versiones de pson totalmente confiables y que pueden tener errores de progobtener la versión estable más reciente y solo usar las versionde programación te permitan colaborar para mejorarlas. Mejotodos los usuarios, ya que uno de los objetivos del proyecto Gvolver al espíritu de coque prevaleció en los tiempos iniciales de la comunidad de usuarios de”.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    26/11018

    La interface del programa

    Al abrir GIMP por primera vez, te encontrarás con una serie dde trabajo.

    1. Ventana de herramientas principal. En ella puedes selecccada tarea, copiar, clonar, mover, recortar, pintar, borrar. Eestán los controles para seleccionar los colores.

    2. Opciones de herramienta. Permite modificar los parámet

    3. Lienzo o área de trabajo, donde se desplegarán las imágen

    4. Capas, canales, rutas… La cuarta ventana tiene varias pesmento, otra para los diferentes canales de la imagen y una m

    5. La quinta y última ventana, tiene tres fichas que funcionade la ventana anterior, una es para modificar las opcioneseleccionar los patrones y texturas de relleno, mientras qudegradados (gradientes).

    A su vez cada ventana tiene gran cantidad de opciones e incnumerosos cuadros de diálogo que el programa muestra en c

    Obtener la última versión de The GIMP es bastante sencillo,

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    27/110GIMP

    La ventana de herramientas:

    Para seleccionar la herramienta simplemente haz clic sobr

    el ícono deseado. Si colocas el puntero del ratón sobre unherramienta, aparecerá una breve descripción de su utilidaTómate tiempo para descubrir cada una.

    A grandes rasgos, podemos clasificar las herramientas de é1. Herramientas de selección.2. Herramientas de movimiento.3. Herramientas de perspectiva.4. Herramientas de pintura.5. Herramientas de exposición y enfo

    herramientas restantes las llamarem6. Herramientas diversas.

    Video La interfaz de GIMP

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    28/11020

    Investiga el nombre de cada una de las herramientas, leyendocolocar el puntero del ratón sobre cada una de ellas. Anota lo

    1. Herramientas de selección.

    2. Herramientas de movimiento.

    3. Herramientas de perspectiva.

    4. Herramientas de pintura.

    5. Herramientas de exposición y enfoque.

    6. Herramientas diversas.

    Actividad 03 Herramientas y entorno de trabajo

    La ventana de lienzo o área de trabajo.

    Ésta ventana aporta información muy importante sobre la im

    1. Barra de título. Muestra el nombre y tipo de archivo consu dimensión en pixeles.

    2. Menú de opciones de imagen.

    3. Botón para ocultar el menú de imagen.

    De selección de rectángulos, de selección elíptica, de ción difusa, de seleccionar por color, de tijeras de sel primer plano.

    Herramienta de mover y Herramienta de alineación.

    De rotación,de escalado,de inclinación, de perspectiv

    Herramienta de relleno, de mezcla, lápiz, pincel, borrad clonado, de saneado, de clonación de perspectiva.

    Herramienta de enfoque y desenfoque, de emborrona

    Herramienta de rutas, recoge- color, de ampliación, de m

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    29/110GIMP

    4. Reglas. Muestran en distintas unidades (pixeles, centímdel lienzo y sirven como guía para ubicar objetos.

    5. Quick Mask. Sirve para activar la herramienta de másca

    10. Botón para cancelar los p

    11. Control de navegación. Ecruz para moverse dentromuy grandes, sin alterar lde la imagen en el lienzo.

    12. Área activa de la imagenvisible de una imagen; cuafuera de este espacio será

    13. Área inactiva.

    14. Redimensionar la ventanala ventana sin alterar el niel que se está trabajando.

    6. Coordenadas del puntero. Indican el puntoexacto donde está colocado el puntero delratón en cada momento.

    7. Selector de unidades. Pequeño menú col-gante que permite elegir en qué unidadesse muestran las reglas de la ventana.

    8. Zoom.

    9. Área de status. Indica qué operacionesestá realizando la computadora en esemomento. Es especialmente útil en pro-cesos que requieren mucho tiempo deprocesamiento.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    30/11022

    Iniciándose en el uso de TheGIMP.

    Antes de comenzar debo hacer una advertencia: en GIMP, taldiseño digital, hay muchas maneras de conseguir un mismo cada práctica aquellos métodos que considero ayudan al estudy conocer a fondo las herramientas, aunque he de reconocerejercicios, seguramente hay caminos más fáciles y rápidos.

    Por otra parte, el diseño digital es un tema muy amplio para spor la cual nos vamos a concentrar en los aspectos relacionaddigitales, dejando a un lado aspectos relacionados al dibujo yfondo en otros cursos de esta serie.

    El objetivo del curso es darte las bases para que, por tu cdescubriendo todo lo que te ofrece este programa de diseño d

    Herramientas de pintura, dibujando formas simples.

    Dibujar con una computadora parte del mismo principio qobservar el objeto y después reducirlo a formas geométricasdibujar una botella de vino y posteriormente le añadiremos u

    Herramientas de selección y relleno

    Video 01 Herramientas de selección y relleno

    1. Primero crea un archivo nuevo con elMenú Archivo/Nuevo y elige una plantilla dpixeles.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    31/110GIMP

    2. Cambia el formato del lienzo de horizontal a vertical, uMenú Imagen/Tramar/Rotar 90º en sentido horario.

    3. Utiliza la herramienta de selección rectangular y forun rectángulo que formará el cuerpo de la botella. Cuanexiste una selección, las herramientas y acciones sólo atan lo que está dentro de la selección. Vamos a rellenarselección rectangular de gris, usando la herramienta dere-lleno . Para seleccionar el color gris, haz doble clic en erecuadro de color frontal, bajo la ventana de herramientpara elegir el color .

    4. Con la herramienta de selección elíptica, traza un círcusobre el rectángulo, de manera que una mitad quede den-tro de la figura existente y la otra fuera. Es importante quel círculo no rebase el borde de la botella.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    32/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    33/110GIMP

    8. En la ventana de capas, selecciona ahora la capa nueva. frontal en blanco, traza algunas líneas como las que a conparezcan similares a los brillos del cristal, pero eso es algEs muy importante que al empezar a dibujar verifiques qpara que la botella que está en la capa de fondo permanez

    9. Ahora vamos a aplicar un filtro a los brillos para que se Menú FiltDesenfoque/Desenfoque gaussiano.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    34/11026

    10. Ya puedes acoplar ambas capas en una sola, con elMenú capa/Combinar hacia a11. Ahora crea una nueva capa y repite el proceso: seleccion

    herramienta deSelección difusa (varita mágica) selecciona el color blla selección, cambia a la nueva capa y rellena selección denueva silueta de la botella, en color verde, en otra capa.

    12. En la parte superior de la ventana de capas están los mocapa nueva del modo Normal al modo Solapar.

    13. A continuación, con la herramienta de selección, traza uverde y suprime esa área. Este será el lugar donde posteriode la botella.

    14. Acopla las capas como lo hicimos anteriormente y crea ureorganizar como si fueran hojas de papel superpuestas: utiestán en la parte inferior de la ventana de capas, envía la cap

    Establece un radio del desenfoque de 31pixeles. ¿Ahora comprendes la importancia de

    las capas? El desenfoque se ha aplicado sólo alas líneas blancas que están en la nueva capa,sin alterar la botella.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    35/110GIMP

    15. Selecciona la capa de fondo y, con la varita mágica, se(suprímelo). La imagen quedará con un fondo trasparentse representa con la cuadrícula que ahora se ve tras la bo

    16. Asegúrate de tener seleccionada la capa de la botella y Duplicar cen la ventana de capas. Simularemos una sombra con est

    17. Selecciona la copia de la imagen de fondo. Utiliza elMenú colores/Brillo y cont y eel cuadro de diálogo, quita todo el brillo y sube todo el cse vuelva negra.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    36/11028

    19. Envía la capa de color negro detrás de la capa de color ypara que sea una sombra más realista. Además, en los conla opacidad al 50%.

    De esta manera terminamos nuestro primer ejercicio.

    Obtención de imágenes libres de derechoUn punto que debes tomar en cuenta para poder utilizar cualqutu trabajo sin problemas, son los derechos del autor. No se tratporque suele pensarse que si algo se usa sin fines de lucro no tiene derechos morales y puede negarse a que su obra se use paa los suyos; por lo cual el autor tiene el monopolio legal del de

    18. Busca las herramientas para deformar la imagen y, usandse muestra en la imagen.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    37/110GIMP

    Además de las imágenes conCopyright (todos los derechos reservados), esalgunos derechos reservados. La Free Software Foundatiocontenidos digitales de libre atribución y así surgieron las li

    Este tipo de licencias se aplican lo mismo a textos, que a mautores deciden reservarse sólo algunos derechos. Básicame

    De atribución:

    Se permite su libre copia y distribución con la condici

    No comercial:

    Se permite su libre copia y distribución, únicamente c

    Obras no derivadas:

    Se permite su libre copia y distribución, pero únicamederivadas en las que se use el original para hacer algo

    Compartir con la misma licencia:

    Se permite su libre copia y distribución, con la condicuse, sea compartido con una licencia igual.

    Actividad 04 Licencias y derechos de autor

    Investiga en la página www.creativecommons.org, qué tipoentre los diferentes tipos de licencia y con qué logotipos se

    Haz un breve resumen en el espacio a continuación. Cultura- Si eres un fotógrafo, escritor, cineasta o DJ, esta licenc parte del trabajo de la innovación cultural que se multiplica e

    Educación- Acceso a la educación es fácil y universal cuando ed licencia para compartir y construir conjuntamente planes de lecc

    Ciencia- Creemos que datos, revistas y la investigación cient para todo el mundo y tiene herramientas legales que ayudan a

    Gobierno- Los gobiernos de todo el mundo utilizan licencias C información, promover el acceso, el crecimiento económico, p

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    38/11030

    Creación de gráficos Multilayer.

    En este proyecto aprenderás a crear una imagen agregando ealgunos recursos de manipulación fotográfica. Además, reafalgunas herramientas de pintura como el pincel y la cubeta d

    Etiqueta apartir de una fotografía

    En este segundo proyecto, vamos a crear una etiqueta a partira la botella creada en el proyecto anterior. Adelántate a los úfinal esperado, para que tengas una idea clara de lo que se es

    1. Lo primero que debemos hacer es buscar la fotografía de Internet es más fácil encontrar información en inglés, así comowww.flickr.com , muestran el tipo de licencia de cada imageny asegúrate que tenga licenciaCreativeCommons para que la puedas usar le

    búsqueda avanzada de Flickr permite buscar sólo imágene2. Abre la imagen en GIMP.

    Video 02 Etiqueta apartir de una fotografía

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    39/110GIMP

    3. Ve alMenú Colores/Umbral para convertir la foto en una imagen dcontraste.

    Mueve el control de ajuste de manera que las uvas se apreci

    4. Ahora vamos a crear un ribete texturizado para la parte la herramienta de selección rectangular, traza un recuadruvas y cópiala con elMenú Editar/Copiar . Automáticamente, esa textura pincel que estará disponible como la primera opción de l

    5. Con la herramienta de selección rectangular, traza un rracimo de uvas y en la ventana de capas crea una capa ncon el pincel que creaste en el paso anterior.

    6. Ahora vamos a aplicar un filtro para darle a esa capa unMenúFiltros/Distorsiones/Ondas.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    40/11032

    En el recuadro emergente ajusta los valoreshasta lograr una figura similar a las ondas quesurgen en el agua al lanzar una piedra, talcomo se muestra en la imagen.

    7. Ahora, con la herramienta de selección traza un rectángdiseñar y crea una nueva capa. Rellénala con la herramienrelleno (cubeta),con uverde obscuro.

    Es muy importante hacer la selección rectangular de otra mane

    8. Una vez aplicado el color, cambiaremos elmodo de fusión de ambas capas para preser-var a la vez el color y la textura. En la partesuperior de la ventana de capas elige el modode fusión Obscurecer sólo. Verifica que tieneslas 3 capas, como se muestra en la siguienteimagen.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    41/110GIMP

    9. Con el MenúCapas/Combinar hacia abajo vamos a convertir las dos capribete en una sola.

    10. Con el botón para duplicar una capa, duplica el ribete ymover parcolocarlo en la parte inferior de la imagen, de manera quede las uvas.

    12. Modifica el modo de fusión de la nueva capaaSuma, de esta forma las uvas serán visiblesy tomarán el color verde.

    13. Vamos a agregar una capa de texto para el nombre del vde texto y, en sus opciones, elige un color morado, una fapariencia elegante.

    11. Crea una nueva capa y en ella selecciona un rectánguloque cubra la parte visible de las uvas entre los dos ribe-tes. Usa la cubeta derelleno y cúbrelo con verde claro.En este momento debes tener un diseño similar a éste.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    42/11034

    14. Escribe el nombre que quieras dar al vino. Repite el pasanterior para agregar, en otra capa de texto, el año de lacosecha, de manera que tu etiqueta quede como la deesta foto.

    15. Finalmente, con elMenú Archivo/Guardar como , guarda tu imagen como ar

    16. Para integrar la botella y la etiqueta, abre el archivo de laabra abajo del otro y no sea visible: mueve las ventanas pa

    17. Con elMenú Seleccionar/Todo , selecciona toda la imagen de la etiquede edición para copiarla y luego pegarla sobre la imagen nueva capa.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    43/110GIMP

    20. Con esto terminamos el proyecto. Tu botella debe qued

    18. Con la herramienta de escalado, redimensiona la imagecuado sobre la botella.

    19. Cambia el modo de fusión de capa aSolapar.

    Aplicando Pintura digital a una fotografíEn este apartado, vamos a aprender algunos trucos de macambiar de color a una imagen, o mejor dicho a una parte dello vamos a valernos de herramientas que ya conoces bien de fusión de capas, y vas a descubrir el poder y utilidad de l

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    44/11036

    Máscaras

    En los programas profesionales de diseño gráfico se utilizamáscara. Estenombre se ha heredado de las antiguas técnicas de trabajo cmuchas ocasiones un artista tenía la necesidad de trabajar sóimagen. Para no correr el riesgo de dañar otras zonas de la imque consistía en un lienzo que se colocaba sobre todo el doctravés del cual se podía retocar lo necesario.

    Hoy día, las personas todavía usan máscaras de este tipo pantigüedad, trabajar con fotografías e “incluso” se usan en pra una zona específica de trabajo, mientras se protege el todo.

    Una selección es una forma de crear una máscara.

    Pintura digital

    1. Para iniciar este proyecto, abre en GIMP el archivominiverde.jpg que se encuentrcarpeta de actividades. Es la fotografía de un automóvil autilizando la herramienta de máscara rápida.

    2. Para seleccionar únicamente la carrocería del vehículo, vde selección libre.

    Video 03 Pintura digital

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    45/110GIMP

    3. Traza con el lazo el contorno, dando clic en diversos punla línea cambia de dirección. Cuando hayas terminado, d

    5. Con la herramienta de pincel, usando el color negro, exque no quedaron cubiertas. Con el borrador puedes desequieras modificar. Ajusta ambas herramientas al tamaño

    4. Ve alMenú Seleccionar/Activar máscararápida . Cuando lo hagas, las partes no se-leccionadas de la imagen se tornarán de colorrojo. Ahora tendrás que ajustar la máscara,para cubrir todo lo que no quieras modificary dejar descubiertas las áreas que sí se vana modificar.

    6. En elMenú Colores/Colorear , ajusta los parámetros con los valoresTono “0”Saturación “67”,Luminosidad “4”.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    46/11038

    7. ¡Listo! Ahora el automóvil es de color rojo y no verde.

    Actividad 05 MáscarasReflexiona de forma individual o por equipos y contesta las

    1. Describe una situación real, diferente a las que se han ejútil usar una máscara. Redacta los detalles de su uso.

    2. ¿Por qué hemos dicho que una selección es una forma de

    3. ¿Qué otro significado tiene la palara máscara? ¿Por qué se

    Video 04 Herramientas de distorción

    *LIBRE. (Se puede aplicar una máscara en una tipog una imagen dentro de las letras).

    Porque el área que delimita la selección se puede tom generar una máscara.

    En los programas profesionales de diseño gráfico se ut máscara. Este nombre se ha heredado de las antiguas t papel o película fotográfica. En muchas ocasiones un atrabajar sólo con una pequeña parte de una imagen. Pa dañar otras zonas de la imagen, el artista creaba una m lienzo que se colocaba sobre todo el documento y que del cual se podía retocar lo necesario.

    Hoy día, las personas todavía usan máscaras de este tip arte de la antigüedad, trabajar con fotografías e “incluso médicos para enfocarse a una zona específica de trabajo

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    47/110GIMP

    Herramientas de distorción

    En este proyecto, vas a aprender a usar las herramientas dea la vez que reafirmarás el uso de las capas para crear una ctransformar una fotografía en una imagen estilo “manga”.

    1. Primero, abre en GIMP el archivomifoto.jpg , que se encuentra en tu carpePuedes substituirla por una foto tuya o la de un amigo parpero es muy importante que la persona esté totalmente dpara credencial.

    2. Acto seguido, duplica la capa, con el botón correspoventana de capas.

    3. Con la herramienta de perspectiva, vamos a deformar superiores y acercando las inferiores, de manera que la pinferior más delgada.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    48/11040

    4. Ahora oculta la capa superior. Selecciona la capa inferiocircular, traza una elipse que seleccione el ojo derecho de Menú Editar/Copiar o las teclas .

    5. Selecciona la capa superior y pega el ojo que copiaste en 6. Con laherramienta escalar agranda el ojo.

    7. Con laherramienta de borrar, elimina el contorno de piel circundantse vea integrado a la imagen.

    8. Una vez hecho esto, con laherramienta de volteo, voltéalo horizontalmentizquierdo.

    9. Con elMenú Capa/Combinar hacia abajo , une las capas de manera que quambos ojos y la cara deformada, en una sola capa.

    10. Elimina la capa de fondo que contiene la foto original.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    49/110GIMP

    11. Para darle a la imagen una apariencia de dibu-jo. Usa el Menú Filtros/Artísticos/Pinturaal óleo y aplica los siguientes valores: tamañode máscara 15 y exponente 12. Acepta loscambios para aplicar el efecto.

    12. Finalmente, aplica elMenú Filtros/Artísticos/Viñeta con los ajustes preestab

    Actividad 06 Capas

    Contesta con tus palabras las siguientes preguntas:

    1. ¿Cuál es la función de las capas?

    Presentar los objetos en pantalla de una manera simila

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    50/11042

    Animación usando capas

    En GIMP se puede utilizar una técnica de animación simple lcuadro por cuad(frame by frame). En esta técnica se utiliza una capa para cada movtambién se conoce como animación tradicional, ya que cuadque podían hacerse los dibujos animados antes de las compu

    El archivo animado se puede guardar en algún formato de imel formato GIF.

    Video 05 Banner animado

    2. ¿Cuántas capas como máximo se pueden utilizar en un p

    3. Describe dos formas de crear una capa nueva.

    4. Describe un ejemplo concreto en el que sería útil ocultar

    Se pueden crear tantas como el caché de la maquina

    Con el botón crear capa nueva o mediante el menú c

    con la opción crear capa nueva.

    *LIBRE.(Al calcar una imagen por medio de la herramienta p

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    51/110GIMP

    Banner animado

    En este proyecto aprenderás cómo utilizar las capas de GIMGIMP como un paquete de animación, vamos a crear un ban

    1. Comenzaremos abriendo un nuevo archivo de 468x160

    2. De tu carpeta de trabajo, abre la imagencola Bel Air , cópiala y pégala en el arccala la imagen (215x153 pixeles) de manera que quede en

    3. Cada capa de nuestro archivo GIMP va a ser un cuadrofondo y la imagen de la aleta trasera del automóvil, aparúnicamente cambie el texto que aparecerá en el espacio ena todas las capas en una sola.

    4. Ahora, en la ventana de capas, duplica el fondo y nombra

    5. Escribe el texto Autos Clásicos, con una letra cursiva ytexto. En este momento debes tener dos capas de texto id

    6. Combina hacia abajo la primera capa de texto y la copia

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    52/11044

    7. Duplica de nuevo la imagen de fondo, es decirla que no tiene texto y mueve la copia hastadejarla bajo la capa del texto.

    8. Aplica a la capa de texto, el filtro de desen-foque de movimiento con longitud de 19º yángulo de 90º.

    9. Combina hacia abajo esta capa de texto con la segunda cserá nuestro segundo cuadro. El tercer y último cuadro sdecir, sin ningún texto.

    10. Para darle el tiempo a cada cuadro, en el panel de ca-pas da clic sobre la primera y con el botón derecho delratón, eligeEditar atributos de capa .

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    53/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    54/11046

    Video 06 Dibujando formas simples Dibujando formas simples

    En este proyecto aprenderás a usar una poderosa herramientutilizaremos para crear una forma geométrica de apariencia Bezier con la que se crean las rutas, es muy apreciada por lasla usaremos para crear un cubo.

    1. Primero crea un archivo nuevo de 256 x 256 pixeles, en m

    2. Crea una nueva capa trasparente y llámala “lado izquierrutas,traza el primer lado del cubo tal como se muestra en la im

    Para crear cada línea, simplemente da un clic en el punto invez que termines el cuadro, en las opciones de la herramientCrearselección a partir de ruta.

    3. Para darle color degradado, utilizaremos la herramienta dmezcla, poniendo como ctal el blanco y como color de fondo un azul obscuro. Con esobre la figura, desde la esquina superior izquierda hasta l

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    55/110GIMP

    4. Ahora crea una nueva capa trasparente y traza en ella el

    5. Una vez trazado el segundo lado, rellénalo con un degracomo frontal y elige un azul más obscuro de fondo.

    6. Reacomoda las capas para que el lado derecho quede arrdejar un hueco entre ellas.

    7. Crea una nueva capa para el lado superior. Sigue el mis

    pero ahora usa un azul más claro para el relleno.8. Cuando estés satisfecho con el resultado ve alMenú Imagen/Aplanar la image para q

    todas las capas se fusionen en una sola.

    9. Guarda tu trabajo.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    56/11048

    La Fotografía

    La principal función de un software como GIMP es la manippara corregir, retocar o crear un efecto visual. Antiguamente, por medio de complejos procesos ópticos y de revelado.

    Aunque la tecnología ha avanzado mucho, los principios físimismos, por ello dedicaremos este apartado a analizarlos.

    Etimológicamente,fotografía significa escribir o dibujar con luz (photo Es una técnica que nos permite grabar imágenes sobre un musó papel foto-sensible, después se utilizó la película fotogrdigitales utilizan sensores de imagen electrónicos, similares Las cámaras digitales pueden transformar los impulsos lumínlas imágenes en archivos de computadora que se almacenan

    A continuación, te presentamos una línea de tiempo con los de la fotografía.

    LGimp02 Historia de la fotografía

    1816: Nicéphore Niépcecombina la camera

    obscura con papel fotosensible.

    1837: Louis Dama- querre crea imágenespermanentes usando

    haluros de plata.

    1889: George Eastmancrea la película flexibleque sustituye al papel.

    1959: Nikon crea elsistema de números F.

    1924: se crea lacámara “Leica” laprimera de 35mm.

    1963: surge lafotografía instantánea

    Polaroid.

    1990: se lanza AdobePhotoshop, primersoftware de retoquefotográfico digital.

    1995: se lanza j phone,primer teléfono con

    cámara.

    2008: se crea Flickr elprimer sitio para inter- cambio de fotografías

    en la internet.

    Renacimiento: lospintores usan la Camera

    obscura.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    57/110GIMP

    Actividad 07 Historia de la fotografía

    1. Surgimiento de la fotografía en color

    2. Lanzamiento del primer teléfono celular con cámara fot

    3. Lanzamiento de GIMP

    4. ¿Cuándo suspendió Kodak la fabricación de cámaras co

    5. ¿Cuando se creó el estándar “cuatro tercios” para cámar

    La cámara fotográfica

    El antecedente más antiguo de las cámaras fotográficas socámaras obsc,utilizadas por los pintores del Renacimiento. Una cámara ocon un pequeño orificio por donde entraba la luz y una pantaLos pintores la usaban como guía para componer la imagen

    Completa la línea de tiempo investigando los siguientes suc

    La primera fotografía con color permanente fue tomada en James Clerk Maxwell. Presentó su método aditivo de fotog la intención de demostrar que cualquier color podía obtene colores primarios (rojo, verde y azul) en diferentes proporc ciendo pasar la luz a través de filtros coloreados combinad en una pantalla. Fue el primer sistema aditivo aplicado a la el nombre de tricromía.

    El primer teléfono completo con cámara fotográficPhilippe Kahn en 1997.

    La primera versión del GIMP fue escrita por Peter Matt

    A finales del 2005.

    En noviembre de 2003 con el modelo Olympus E-1.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    58/11050

    El principio en las cámaras digitales es, en esencia, el mismoimagen (CCD o CMO), se transforma en impulsos eléctrico

    el archivo resultante se guarda en la memoria de la cámara.

    Obtenida de http:/www.victordiaz.com.mx/academico/archivos.html© 20por nadie.com Protegido por Todoesdetodos A.C., si deseas tomar algú

    dale buen uso y sino pásalo a quién si lo

    En la fotografía digital, la computadora hace las veces de cuade revelar la imagen, en la computadora se realiza la correcco se superponen elementos a la imagen. En este apartado deesas técnicas.

    LGimp02 Tipos de cámaras

    Video 07 Ilusión de movimiento

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    59/110GIMP

    Ilusión de movimiento

    Para fijar la atención sobre un objeto, uno de los recursos enfoque: al desenfocar el fondo de una imagen, la mirada Además el filtro desenfoque puede añadirle dinamismo a un

    En este proyecto le añadiremos un desenfoque de movimientdar la ilusión de velocidad y concentrar la atención en el auto

    1. Abre en GIMP el archivomustangverde.jpg , de tu carpeta de trabajo. A cdalo con otro nombre para crear una copia de seguridad.otro nombre, antes de comenzar a manipular la imagen,manera la imagen original estará disponible en caso de q

    2. Con la herramienta de rutas, traza el contorno del automque lo hayas hecho, en las opciones de la herramienta, eCrear seleccipartir de una ruta.

    3. Usa elMenú Seleccionar/Invertir para que quede seleccionado todo lo

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    60/11052

    5. Con la herramienta de selección libre , selec-ciona la rueda delantera del auto y aplícale undesenfoque de movimiento del tipo radial,con un ángulo de 7 grados. A la rueda traseraaplica un desenfoque de movimiento radial,

    con un ángulo de 3 grados.

    6. Finalmente guarda el archivo en formato JPG.

    4. Busca el Menú Filtros/Desenfoque/Desenfo-que de movimiento. En este filtro elige un tipode desenfoque lineal, con longitud de 43 yángulo de 0 grados.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    61/110GIMP

    Aplicaciones de una máscara

    ¿Recuerdas lo que es una máscara? Las máscaras se colocaocultar diferentes zonas. En GIMP, una máscara de capa es ude blanco a negro) que muestra lo que se pinta con blanco ytodos los tonos intermedios de la gama de grises, la máscara

    Cuando se usan máscaras de capa, no se modifican ni elimiocultan, de manera que puedes trabajar en la máscara las veu ocultar diferentes zonas.

    Efecto sepia Otro tipo de operación muy común en el tratamiento de fogrises o a tonos sepia, para lograr una apariencia de fotograpresentar en tonos sepia, la fotografía de un auto clásico.

    1. Abre en GIMP la fotografíaFord 1920.jpg y crea una copia de segurida

    archivo con otro nombre para preservar el original.

    Video 08 Efecto sepia

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    62/11054

    2. Primero elimina el color de la fotografía. Esto se puede h

    a. Usando elMenú Imagen/Modo/Escala de grises b. Con elMenú Colores/Desaturar

    Después de aplicar cualquiera de estos métodos, regresa al mMenú Imagen/Modo/RGparapoder añadirle los colores sepia a la fotografía.

    3. En la ventana de herramientas da doble clic al color fron(R) rojo=162, (G) verde =138 y (B) azul=101. Siéntete libajustes si quieres usar otro tono de sepia .

    4. Abre una capa nueva con el nombre “Máscara Sepia” y llpaso anterior. Como ves, ahora la capa sepia cubre totalmque en el siguiente paso vamos a agregar una máscara de automóvil, en escala de grises, para dejar ver lo que hay d

    5. Haz clic con el botón derecho del ratón sobre el ícono Añadirmáscara de capa. En el cuadro de diálogo emergente selecciona

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    63/110GIMP

    No te extrañe que aparentemente no pase nada: en realidad s

    sepia, que se ve en la ventana de capas como un recuadro ad6. En la ventana de capas, selecciona la capa de fondo, e

    Selecciona toda la imagen ( ) y cópiala ( ). En seguida haz clmáscara de capa (el pequeño recuadro adyacente a la capatajo de teclado . Verifica que tus capas se ven como se m

    7. En la ventana de capas, haz clic con el botón derecho soy en el menú deplegable eligeAnclar capa. De estamanera la capa sepia y la selección se fusionarán enuna sola capa.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    64/11056

    8. Selecciona la capa que se creó. EligeMenú Colores/Invertir . En el modo de fuscapa activa el modoColor.

    9. Finalmente, guarda la imagen. GIMP te mostrará un cuaguardar la imagen se debe aplanar. Acepta esta opción.

    Actividad 08 Fotografía digital

    Organiza una mesa de discusión o debate para responder las

    1. ¿En cuántos años se ha popularizado la fotografía digital

    2. ¿Por qué se ha vuelto universal?

    En más de 10 años con la evolución de los modelos de

    sionales y las propias de celular.

    Se debe al auge que tiene la demanda de tecnolog

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    65/110GIMP

    3. ¿Las personas imprimen tantas fotografías como antes d

    4. ¿Qué está pasando con las empresas que se dedicaban a la

    5. Si la fotografía digital es tan popular y amigable, ¿por qy manipular fotografías?

    Video 09 Apariencia de dibujo a lápiz

    Apariencia de dibujo a lápiz

    En este proyecto, vamos a darle a una fotografía, apariencia duna fotografía en escala de grises.

    1. Vamos a abrir con GIMP la imagenyobb.jpg , que se encuentra en tu carpComo lo hemos estado haciendo, primero debes crear un

    2. Vamos a crear una imagen de alto contraste, es decir, doconserven los detalles. Para ello, primero vamos a duplic

    Debido al costo reducido y simple que presenta u

    Unas evolucionan y utilizan los avances tecnológi al día, otras son absorbidas por los grandes monop algunas otras desaparecen.

    Para utilizar los recursos de la edición para ajustar general las imágenes digitales.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    66/11058

    3. Aplica a la capa copiada, un filtro de Desenfoque gaussia

    4. SelecciónMenú Colores/Invertir de manera que los colores se inviertaopacidad de la capa al 50%.

    5. Desde la ventana de capas, acopla ambas capas dando clsuperior y seleccionando la opciónCombinar hacia abajo.

    6. Con elMenú Colores/Niveles ajusta los niveles de salida tal como ssiguiente. Analiza los cambios que ocurren a la imagen pajuste.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    67/110GIMP

    7. Elimina el color utilizando el Menú Colores/Desaturar . Una vez realizada lavamos a ajustar los niveles nuevamente como se indica a

    8. Finalmente, utilizando un pincel delgado, retoca algunovea mejor. Guarda tu trabajo terminado con el formato JP

    FotomontajesQuizás una de las funciones más populares de los programaes la realización de fotomontajes. El fotomontaje consiste eincluir elementos que no se encuentran originalmente en la

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    68/11060

    1. Como ya lo hemos hecho en otras prácticas, abre el archmontaña.jpg y crea una cde seguridad.

    2. El objetivo es crear un fotomontaje de manera que parezestá reflejando en el lago. Para ello, vamos a duplicar la c

    Video 10 Efecto de reflejo Efecto de reflejo

    En este proyecto realizaremos un fotomontaje muy sencillo pel resultado final para que tengas una idea más clara de qué de derechos del monte Shasta, de California en los Estados cientos de fotografías libres de derechos en Internet, buscanCreativeCommons en sitios comoflickr.com.

    3. Con la herramienta rotar , voltea el dupli-cado 180ª, hasta que quede de cabeza.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    69/110GIMP

    4. Utilizando la herramienta de selección rectangular, cortlago y la arena. Posteriormente, con la herramienta moveun reflejo de la imagen de fondo.

    5. Para que la imagen del reflejo correspondacorrectamente con la de arriba, con la herra-mienta devolteo da clic en la imagen.Ésta se volteará horizontalmente.

    6. Para simular que la imagen se está reflejandoen un lago, vamos a añadirle un filtro de dis-

    torsión de onda. Aplícalo con los parámetrosque se muestran en la imagen.

    7. Baja la opacidad de la capa de reflejo al 80% para termi

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    70/11062

    Umbral

    Algunas herramientas, como la herramienta deSelección difusa (varita mágica) o la hderelleno (cubeta), tienen una opción llamada Umbral. Estas hde los pixeles alrededor de aquél sobre el que se aplica la hecontiguos es similar, la acción de la herramienta se extiendcontiguos es diferente, la acción no los afecta.

    El umbral determina qué tan similares deben ser los pixelesherramienta. Si el umbral es bajo (cerca de 0), los pixeles deser afectados. Si el umbral es alto (cerca de 255 o 100%), noo no a los contiguos para ser afectados.

    Para la mayoría de los casos, un umbral de entre 20 y 30 funccon este parámetro para lograr los resultados deseados en ca

    Video 11 Crear una corona navideña

    Crear una corona navideña

    Este es otro proyecto de fotomontaje, a la vez de ser un proycrear una forma decorativa a partir de la fotografía de la hojausar el diseño resultante para otros fotomontajes.

    1. Primero abre en GIMP el archivohoja1.jpg de tu carpeta de trabajo. A conticon la herramienta de selección rectangular, una de las 3 huna capa nueva.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    71/110GIMP

    2. Oculta la capa de fondo y con la herramienta deSelección difusa (varita máselecciona el contorno blanco alrededor de la hoja y bórr

    3. Copia la capa tres veces y utiliza las herramientas de romanera que semejen un abanico.

    4. A continuación, acopla las tres capas en una sola.

    5. Con la herramienta escalar, reduce el tamaño de las hojala capa y con la herramienta rotar, gírala 90º de manera qhojas de la capa anterior.

    6. Continúa duplicando las capas y acoplándolas hasta focomo las que se usan para la decoración navideña.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    72/11064

    7. En elMenú/Colores/Tono y saturación , ajusta la imagen con los siguieTono 6, Luminosidad -68 y Saturación 11.

    8. Guarda el proyecto terminado, para utilizarlo en otro pro

    Crear una felicitación navideña

    En este proyecto vamos a crear una felicitación navideña intla corona de hojas que acabamos de crear en el proyecto anteuna esfera con una fotografía dentro.

    1. Primeramente vamos a abrir en GIMP la imagen tituladasantas.jpg , que se encuentrcarpeta de actividades. Si lo deseas, puedes utilizar tu pro

    Video 12 Crear una felicitación navideña

    2. Crea una nueva capa y con la herramientade selección circular, traza un círculo sobre laimagen. Rellénalo con color rojo.

    3. Crea una capa nueva y con el pincel en colornegro, traza una sombra en el contorno de laesfera. No importa si no es muy precisa.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    73/110GIMP

    4. Busca el filtro delMenú Filtros/Des- enfoque/Desenfoque gausiano yaplícalo con un rango de 28 pixeles.Después, combina esta capa con la deabajo, es decir, con la esfera roja.

    5. En una nueva capa, traza ahora un contornoblanco para que simule el brillo de nuestraesfera. De manera similar al paso anterior,aplícaledesenfoque gaussiano , pero estavez de 35 pixeles. De esta manera nuestraesfera adquiere volumen. Combina hacia aba-jo esta capa de brillo con la esfera roja.

    6. Ahora vamos a simular que la fotografíaestá dentro de la esfera. En la ventana decapas selecciona la capa de la imagen yoculta las demás capas. Vamos a borrarlo que sobra de la imagen alrededor dela esfera. Para ello, primero invierte laselección con elMenú Seleccionar/In- vertir selección y después utiliza elMenúEdición/Borrar. De esta forma desapare-cerán todos los elementos de la fotografíaque no caben en la esfera.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    74/11066

    7. En la ventana de capas mueve la capa defotografía sobre la esfera, aplícale el modode fusión “combinar granulado” y baja laopacidad al 75%. Ahora parece que la fotoestá dentro de la esfera.

    8. Para reforzar la ilusión, sobre la capa de lafotografía aplicaremos un filtro de distorsiónllamadoDistorsión de lente con los pará-metros que se ven en la imagen siguiente.La imagen se distorsionará como si se refle-jase en la esfera.

    9. Acopla las capas y guarda la imagen en for-mato PNG.

    10. Abre el archivo de la corona de flores que creaste en elnueva. Abre también la imagen PNG de la esfera; copia ynueva de la imagen de la corona de flores.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    75/110GIMP

    En otros programas de diseño, al pegar unobjeto se crea una nueva capa, pero en GIMPlos objetos se pegan como selección flotante.

    La selección flotante se puede convertir en unanueva capa o unir a la capa activa.

    En este caso vamos a usar el botón derecho delratón y en la ventana de capas, sobre el recuadroque diceSelección flotante , elegir la opciónAnclar la capa, para que la selección se una ala capa nueva.

    11. Con la herramientaEscalar, reduce la esfera de manera que quepa ede flores. Reacomoda las capas de manera que la corona

    12. Crea una capa nueva y relléde mármol. En las opciones dHerramiende relleno (cubeta), eligeRelleno con pat yen la ventana de patrones elig

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    76/11068

    13. El toque final será añadir un letrero con un efecto que aplicando unscript fu , que es una especie de macro pre programadun archivo nuevo trasparente de 640x480 pixeles. Elige uel texto de felicitación con un tamaño superior a los 100 p

    14. Aplica el efectoMenú Filtros/Alfa a logotipo/Cromar …El cuadro de diálogte pide elegir un color de fondo. Puedes aceptar el color obtener un resultado similar a éste.

    15. Usando el botón derecho del ratón, combina hacia abajo las

    16. Pégala en el archivo dónde estás creando la tarjeta. Recuselección flotante y, en la ventana de capas deberás transfbien anclarla a la capa activa como lo hiciste anteriormen

    17. Guarda tu trabajo terminado.

    Video 13 Poner marco a una fotografía

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    77/110GIMP

    Poner marco a una fotografía

    1. En este proyecto vas a simular un marco de madera paraal final de las instrucciones para que tengas una idea clariniciar el proyecto, piensa cómo podrías lograr ese resultcasafaro.png de tu carpeta de actividades.

    2. Abre una capa nueva y con la herramienta de selección rdo del marco. Utilizando el Menú Edición/Rellenar con un patrón , rellena el rectánun patrón que parezca madera clara.

    3. Crea una nueva capa, traza un rectángulo más delgado más obscuro para simular un desnivel en el marco lateral

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    78/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    79/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    80/11072

    2. ¿Qué desventajas tiene combinar todas las capas en una i

    3. ¿Por qué a veces es importante combinar las capas de un

    4. ¿En dónde se pueden ajustar las opciones de una herrami

    5. ¿Cómo se pueden combinar dos capas?

    6. Explica qué es y para qué sirve una máscara de capa.

    7. ¿Qué colores se usan para pintar sobre las máscaras y qu

    8. ¿Cómo puede eliminarse una máscara de capa?

    Que al aplanarlas, se crea una sola capa con una im

    sus atributos, tales como efectos de fusión, filtros y

    Para fusionar los efectos de las capas cuando se ha

    la imagen y para poder guardarla con un formato

    En el panel de las opciones de la herramienta activ

    Seleccionando ambas capas mediante el menú cont

    Una máscara de capa es una sección que se utiliza

    Blanco – Opacidad Total

    Al combinarla con otra capa o bien solo desactiván

    la opción Combinar hacia abajo.

    limitada al área de trabajo.

    Negro – Transparencia total

    textual y la opción Desactivar mascara de capa.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    81/110GIMP

    Video 14 Poner un borde Poner un borde

    1. En este proyecto vamos a crear un marco creativo no co

    El primer paso del proceso consiste en crear unmatte . Si te es posible, crea un mpapel y pintura o tinta negra: toma una hoja blanca de papelhaz varios trazos. Cuando seque la tinta, escanea la hoja y gmatte.jp.

    Si no es posible crear tu propio matte, puedes utilizar el archmatte.jpg que te proporcen la carpeta de actividades.

    2. Abre en GIMP la imagen tituladaBarcelona.jpg, que está en tu carpeta de ac 3. Abre el archivomatte (el tuyo o el que se proporciona), pero usMenú Arch

    Abrir como capas . Al abrirla así, la imagenmatte se abre como una capa sodel edificio. Si usas la imagen que te proporcionamos, yafotografía; si usas tu propia creación, deberás escalarla.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    82/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    83/110GIMP

    Video 15 Cambiar de fondo

    Cambiar de fondo

    Una de las tareas más comunes en la edición digital de imáfotografía. En este proyecto crearás y usarás una máscara. imagen en blanco y negro (o tonos de grises) que deja pasartodo lo que está en negro.

    1. Para iniciar, abre en GIMP el archivo tituladofrida-y-yo.jpg de tu carpeta de actilo deseas, puedes trabajar con una fotografía tuya, en la Recuerda que el objetivo de este proyecto es eliminar erenombra la capa comoFondo.

    2. Lo primero que debes hacer es crear un duplicado de la cado crearemos una imagen en blanco y negro, que despu

    Para ello, con laHerramienta de selección libre (lazo) traza el contorno demás preciso que puedas. Invierte la selección y rellénala

    3. Para que la máscara sea eficaz, hay que añadir a la seleel cuerpo, así como entre las dos personas. Estos espacinegro. Sin embargo, notarás un posible problema: como el pantalón se confundirían. Entonces, primero vamos inse separe del color negro del fondo.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    84/11076

    5. Ahora sí, utiliza laHerramienta de selección libre (lazo) para seleccionar y relos espacios entre las personas y entre la mano y el cuerpo

    6. Quita cualquier selección activa en la imagen con elMenú Seleccionar/Nada . Ahora haz

    7. El siguiente paso es detallar la imagen en blanco y negro.y de relleno, así como de los pinceles, para ajustar la másPara mayor precisión ajusta el zoom de la imagen de manelos contornos. Utiliza el pincel para pintar de blanco todolo que quede fuera de la imagen.

    4. Con laHerramienta de selección difusa(varita mágica) selecciona el panlecciona todo en un primer intento, oprime la tecla y, sin soltarla, vuelve acon la misma herramienta. Ten cuidado que la selección ntu imagen. Cambia el color del pantalón con elMenú colores/Invertir . No te preocupresultado no se ve perfecto, recuerda que estás trabajandode la imagen original con el fin de crear una imagen en bpara hacer una máscara. Perfeccionaremos la selección m

    derecho sobre la imagen y escoge en elmenú contextualColores/Umbral . Ajustael umbral hasta que las partes que corres-ponden a la imagen sean casi blancas y elfondo sea negro.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    85/110GIMP

    8. Aplica a tu imagen un ligerodesenfoquegaussiano de 5 pixeles. Luego, invierte elcolor de la imagen para tener la imagen final,como la que se muestra aquí. Nombra a estacapamattey mueve la capa debajo de la ima-gen, en la ventana de capas.

    9. Ahora debes crear la máscara. Crea una capa nueva y máscara. En la vende capas, haz clic con el botón derecho sobreella y eligeAñadir máscara de capa. En lasopciones del cuadro de diálogo, seleccionaBlanco (Opacidad total).

    10. Copia la imagen en blanco y negro de la capamatte y pégala en la capamáscara. Se creuna selección flotante sobre la capa de máscara, que debbotón derecho del ratón, como ya has hecho en proyectocuadro de máscara de capa se vea la imagen en blanco y en la fotografía.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    86/11078

    11. En la ventana de capas, selecciona la capa máscara y coneliminael canal Alfa. Esta acción oculta el fondo de la imagen y en su

    12. Hasta este punto has eliminado exitosamenteel fondo de la fotografía. Ahora puedes reem-plazarlo por otro fondo, ya sea una fotografía,un color o una textura. Vamos a aplicar eneste ejemplo un degradado. Crea una capanueva y con laHerramienta de mezcla,llénala con un degradado radial que vaya de

    azul claro a blanco. Nombra esta capa comonuevo fondo.

    13. Selecciona el contenido de la capa nuevo fondo y cópialo con .Envdebajo de todas las demás, pues ya no la requeriremos mselecciona el recuadro en blanco y pega el degradado. Ya sflotante y deberás anclar la capa, para que el degradado rehacer lo mismo con una fotografía que quisieras usar com

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    87/110GIMP

    14. Vamos a agregar un efecto de nubes. Copia la capa de mnubes.Selecciona el recuadro principal y aplícale el filtro deRenderizado /Nubes/Nubeferencia. Después, en la ventana de capas, elige el modo dproyecto terminado en el formato estándar de GIMP, parasi lo deseas.

    Suprimir a una persona de una fotografía

    Otro de los efectos más solicitados en los estudios fotográfiindeseables en una toma.

    Para este proyecto, vamos a abrir en GIMP la imagen tituladaindeseable.jpg , que está en tude actividades. La persona a eliminar en este caso es la que a

    Video 16 Suprimir a una persona de una foto

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    88/11080

    1. Lo primero que vamos a hacer es crear unacopia de la imagen original, seleccionar a lasdos chicas del extremo izquierdo y pegarlasen una nueva capa.

    Cuida que los bordes de la selección incluyan completament

    Recuerda que para crear una capa nueva con la imagen copipegarla; es necesario anclar la selección flotante a la capa.

    2. Mueve la capa con la imagen de laschicas, cubriendo al personaje que que-remos suprimir en la capa de abajo.

    Como ves al cortar a este personaje la fotografía se hará máque re-encuadrarla.

    3. Aumenta el zoom al 200% y con la herra-mienta Borrador, ve eliminando los restos delpersonaje en la fotografía.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    89/110GIMP

    4. Ahora las ramas del árbol de atrás se ven cortadas. Para cionar un segmento del árbol de la foto original y pegarl

    5. Reacomoda las capas de modo que el árbolquede encima de la capa de fondo y debajola capa de las chicas. Muévelo hasta que lasramas se vean completas.

    6. Acopla las tres capas utilizando el Menú Capa/Combinar hacia abajo.

    7. Con laHerramienta de recorte vamos a reencuadrar la fotografía trsobre el área que queremos conservar. De esta forma desimagen de abajo.

    Video 17 Aplicar retoques

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    90/11082

    Aplicar retoques

    En este proyecto aprenderemos a retocar retratos, dándole unfotografía de modelaje. Aunque en este ejercicio no utilizaresino la de un perro. Esta es una técnica muy usada para elisuavizar los rasgos del rostro de las personas, haciéndolas pa

    1. De tu carpeta de actividades, abre en GIMP el archivo llaperro.png .

    2. Crea una copia de la capa y aplícale desenfoque gaussian

    3. En la ventana de ajuste de capas elige el modo de fusión

    4. Con el botón derecho del ratón, añade una máscara de capa yOpacidad tota).

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    91/110GIMP

    7. Crea una capa nueva y rellénala de color negro. Con la huna elipse que enmarque el cuadro.

    5. Elige como color frontal el gris. Toma la herramienta pincGalaxy Big con un tamaño de 0.18

    6. Sobre la máscara de capa, pinta los ojos yla nariz del perro. Al utilizar un color gris,se ocultara parcialmente el efecto de lacapa de abajo. En las fotografías de mo-delaje, el efecto de desenfoque gaussianohace que la piel se vea más suave y tersa,pero los ojos y los labios deben verse enfo-cados y nítidos.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    92/11084

    La evolución del diseño gráfico

    El papel de un diseñador es comunicar ideas de manera efecimágenes con el estilo apropiado para el tipo de público que

    Una fuente de inspiración para todo trabajo artístico es el paartistas han generado ideas originales y creativas. Al buscar icopiar, sino de estudiar lo que han hecho otros para crear nue

    A lo largo de la historia han existido muchos estilos de diseotros. En este curso no pretendemos ofrecer una lista exhaustuna clase de historia del arte o del diseño gráfico, simplempequeña muestra de algunos de los estilos de diseño más famejercicio para imitarlo.

    8. Borra el interior de la elipse y aplica a esta capa un desenla opacidad de la capa al 66% para tener el retrato termina

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    93/110GIMP

    Estilo Victoriano 1870’s

    Con el buscador Google busca imágenes de carteles estilo Vlo que vamos a hacer.

    1. Abre un archivo nuevo de GIMP de 600x800 pixeles y r

    2. Utilizando el comando Menú Archivo/Abrircomo capas , abre el archivogreca_geome- trica.jpg de tu carpeta de actividades. Reducela greca al 50%, copia la capa varias vecespara crear un marco alrededor del área de laimagen.

    3. Con la herramienta de selección circular, traza unaelipse al centro de la imagen y rellénala con colorblanco.

    4. Abre como capa el archivo titulado bebe.jpg y, con la herramienta de escalar, redúcelo demanera que quepa en la elipse blanca.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    94/11086

    9. En la parte superior, escribe un texto adicio-nal con otro tipo de letra. Fusiona las capas yguarda tu trabajo terminado.

    10. Como ejercicio adicional, crea otro cartelde estilo victoriano, para presentar unaidea a tus compañeros.

    8. Abre como capa la imagen cinta.gif, que

    es una cinta creada con la herramienta deformas de PowerPoint. Agrega otro texto demanera que simule estar escrito en la cinta.

    5. Con elMenú colores/Umbralmodifica laimagen del bebé, para convertirla en una ima-gen de alto contraste blanco y negro. Con laherramienta borrador, elimina los bordes de lafoto que sobresalgan de la elipse.

    6. Selecciona un tipo de letra que parezca anti-gua (en el ejemplo utilizamos la fuente Vival-di Italic con tamaño de 98 puntos) y escribeun texto.

    7. Crea una nueva capa justo encima del fondoy traza en ella un rectángulo menor que elmarco. Rellénalo con color amarillo claro.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    95/110GIMP

    Cartel constructivista 1920’s

    El estilo constructivista, se hizo muy popular en los primercreación de carteles propagandísticos. Primero, busca en lacarteles esconstructivistas . Comenta en grupo las características más evidentde diseño.

    3. Escala la fotografía al 170%. Ubícala cerca de la esquincon la herramienta deSelección difusa (varita mágica), haz un clic justoluego invierte la selección con elMenú Seleccionar/Invertir . Una vez así seleccel área de la foto, crea una capa nueva y aplícale un relle

    1. Abre un archivo nuevo de GIMP de 600x800 pixeles y r

    2. Abre como capas la imagenyopi.png de tu carpeta de actividades. Se trcuyo fondo es transparente. Los fondos transparentes no de archivo, pero el formato png sí lo permite.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    96/110

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    97/110GIMP

    7. Finalmente añadiremos la tipografía. Elige una letra grumuestra en la imagen. Tu cartel de estilo constructivista e

    8. Como ejercicio adicional, crea otro cartel de estilo constus compañeros.

    1. Abre en GIMP la fotoretrato2.jpg que seencuentra en tu carpeta de actividades.Con elMenú Imagen/Tamaño del lienzo agranda el área de trabajo en un 200%,tanto de ancho como de alto. Es muy im-portante que no selecciones la opción paracentrar la imagen, para que la fotografíapermanezca en el cuadrante superior iz-quierdo.

    Arte Pop 1960’s

    Busca en Internet carteles de arte pop. Investiga además soLichtenstein, dos de los más claros representantes del arte proyecto vas a crear un par de carteles inspirados en los crealizados por Andy Warhol.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    98/11090

    5. Cambia el modo de fusión de las capas de color aClaridad fuerte, de manera que sela imagen de abajo.

    2. Como en el proyecto anterior, aplica elefecto Umbral para obtener una imagende alto contraste en blanco y negro.

    4. Crea una capa nueva y traza una selecciónrectangular que cubra una de las fotos. Llé-nala con un color primario rojo. Posterior-mente, repite la operación con cada unade las otras fotos, rellenando cada una conun color diferente. Es muy importante quela plasta de color esté en una capa diferen-te a la de las fotografías.

    3. Duplica la capa tres veces y acomoda lascopias como se muestra en la imagen lle-nando el lienzo.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    99/110GIMP

    6. Finalmente, fusiona las capas y guarda la imagen en for

    7. Ahora tú debes realizar un cartel similar, de estilo arte p

    Cartel Psicodélico 1960’s

    En la década en que nace la psicodelia y el movimiento hippde diseño gráfico. Busca en Internet imágenes de carteles esrísticas y coméntalas en grupo. Uno de los detalles distintivla tipografía, que sigue curvas y se adapta a formas capricho

    1. En este cartel no vamos a utilizar ninguna imagen, sólode manera similar a como se manejan las imágenes para cartel ilustrará el título de una popular canción de los Be

    3. Ahora crea una letra o de 263 pixeles y colócala cerca d

    4. Agrega una V de 359 puntos a un lado de las dos letras

    2. Primero vamos a crear un archivo nuevo de GIMP de 80pixeles, con fondo blanco. Comienza tecleando la letra “love”. Puedes usar la fuente Bauhaus con tamaño de 4pixeles.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    100/11092

    8. Acopla en una sola capa las 4 letras. Después usa la herraSelección difusa (varitmágica) para seleccionar las letras. En la ventana de patrEn este ejemplo se usó el patrónPastel Stuff . Rellena las letras seleccionadMenúEditar/Rellenar con un patrón.

    7. Ahora escribe una letra E de 373 puntos y rótala ligeram

    5. Con la herramienta de selección rectangular, corta el brazde la letra O.

    6. Copia la capa de la letra V elimina completamente el brimagen restante alarga el brazo derecho de la letra V para

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    101/110GIMP

    9. Aplica el filtro de distorsiónRemolino con valores similares a los que se

    10. En una nueva capa escribe el texto “Allyouneedis” y aDoblasegún curva. Modifica las curvas para el borde superior e inefecto deseado.

  • 8/16/2019 Diseño y Fotografía Digital Con Software Libre

    102/11094

    13. Finalmente aplícale a esta forma un filtroDesenfoque gaussiano de 53 puntos.

    11. Acomoda ambos textos de una manera esté