Sunteți pe pagina 1din 56

LEGALES CONTENIDO

Diseño y fotografía digital Diseño y fotografía digital con software libre


con software libre
¿Por qué es un software libre? 7
El movimiento de software libre 8
Autor: Licencias GNU 9
Carlos Zepeda Chehaibar
Actividad 01. Conceptos de software libre 10
Revisión de edición:
Apoyo en actualización:
Miguel Pérez Martínez
Mario Martínez Ramírez Fundamentos de imagen digital 11
Tipos de imagen. Vectores vs Mapa de Bits 11
Director del Libro:
Ilustración de portada: Lamina 01 Vectores vs Mapa de Bits 12
Ángel Gabriel Herrera Medina Formatos de archivo de imagen 13
Carlos Zepeda Chehaibar
Miriam Tatiana Zamora Gutiérrez Modos de Color 14
Coordinación Editorial: Actividad 02. Color 15
Abraham Lule Oyervides
The GIMP 16
Diseño Gráfico y editorial: Editado por Grupo Educare S.A. de C.V. La historia de GIMP 16
Héctor Mendoza Suárez Av. San Mateo Nopala No. 96 La interface del Programa 18
Abraham Lule Oyervides Colonia Occipaco MID. La interfaz de Gimp 19
Naucalpan, Estado de México. C.P. 53250 Actividad 03. Herramientas y entorno de trabajo 20
ISBN 978-607-7642-62-6
1a. impresión Iniciándose en el uso de The GIMP 22
Impreso en México, D. F. Abril 2011 Herramientas de pintura, dibujando formas simples 22
Printed in Mexico MID 01. Herramientas de selección y relleno 22
Proyecto 01. Herramientas de selección y relleno 22
DERECHOS RESERVADOS © 2011 MMXI por Grupo Educare S. A. de C. V.
Obtención de imágenes libres de derechos 28
Ésta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproducción total o parcial de esta obra y/o los recursos que Actividad 04. Licencias y derechos de autor 29
la acompañan, por cualquier medio, sin autorización escrita de Grupo Educare S. A. de C. V.
Creación de gráficos Multilayer 30
Grupo Educare, el logotipo de Grupo Educare, el logotipo del Programa de Informática Educativa, son propiedad de Grupo Educare S. A. de C. V. MID 02. Etiqueta apartir de una fotografía 30
El diseño editorial y contenidos gráficos son propiedad exclusiva de Grupo Educare S.A. de C.V. Proyecto 02. Etiqueta apartir de una fotografía 30

Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de ejemplos ficticios, a menos que se indique lo Aplicando Pintura digital a una fotografía 35
contrario. Las citas, imágenes y videogramas utilizados en esta obra se utilizan únicamente con fines didácticos, y para la crítica e investigación científica o artística, Máscaras 36
por lo que el autor y Grupo Educare S. A. de C. V. no asumen ninguna responsabilidad por el uso que se dé a esta información, ni infringen derecho de marca alguno, MID 03. Pintura digital 36
en conformidad al Artículo 148 de la Ley Federal del Derecho de Autor. Proyecto 03. Pintura digital 36
Actividad 05. Máscaras 38
Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage, Access y sus logotipos son marcas comerciales de Microsoft Corporation. Microsoft y el
MID 04. Herramientas de distorción 38
logo de Microsoft Office son marcas registradas de Microsoft Corporation en los Estados Unidos y/o en otros países. Microsoft no patrocina, endosa o aprueba esta
Proyecto 04. Herramientas de distorción 39
obra. Flash, Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos son marcas registradas de Adobe Inc. Adobe no patrocina o endosa esta obra.
Actividad 06. Capas 41
CONTENIDO RECURSOS

Animación usando capas 42


MID 05. Banner animado 42
Proyecto 05. Banner animado 43
MID 06. Dibujando formas simples 46
Proyecto 06. Dibujando formas simples 46

La Fotografía 48
Lámina 02. Historia de la fotografía 48 Material Impreso
Actividad 07. Historia de la fotografía 49
La cámara fotográfica 49 Este material forma parte de un conjunto de recursos que conforman el Programa de Informática Educativa
Lámina 02. Tipos de cámaras 50 (PIE). Está organizado en bloques integrales que incluyen todo lo necesario para aprender, practicar y evaluar
MID 07. Ilusión de movimiento 50 habilidades o competencias. Las explicaciones, imágenes, tablas, actividades, notas y tips, apoyadas con las
Proyecto 07. Ilusión de movimiento 51 láminas y tutoriales, permiten integrar la experiencia de aprendizaje desde múltiples perspectivas. Así, podemos
Aplicaciones de una máscara 53 afirmar que el PIE de Grupo Educare es la mejor manera de aprender haciendo.
MID 08. Efecto sepia 53
Proyecto 08. Efecto sepia 53
Actividad 08. Fotografía digital 56
MID 09. Apariencia de dibujo a lápiz 57
Proyecto 09. Apariencia de dibujo a lápiz 57 El CD
Fotomontajes 59
MID 10. Efecto de reflejo 60 El CD que acompaña al material impreso contiene los Módulos de Instrucción Digital (MID´s) que te ayudarán
Proyecto 10. Efecto de reflejo 60 a comprender los conceptos y a poner en práctica las habilidades adquiridas. Los MID´s incluyen una sección de
Umbral 62 aprendizaje y una sección de refuerzo interactivo.
MID 11. Crear una corona navideña 62 Adicionalmente, encontrarás los archivos que se requieren para realizar las actividades, algunos documentos y
Proyecto 11. Crear una corona navideña 62 aplicaciones útiles.
MID 12. Crear una felicitación navideña 64 No olvides que el CD es parte integral del programa, por lo que es muy importante que lo conozcas y utilices en
Proyecto 12. Crear una felicitación navideña 64 el curso.
MID 13. Poner marco a una fotografía 68
Proyecto 13. Poner marco a una fotografía 69
Actividad 09. Repaso 71
MID 14. Poner un borde 73
Proyecto 14. Poner un borde 73
MID 15. Cambiar de fondo 75
Proyecto 15. Cambiar de fondo 75
MID 16. Suprimir a una persona de una fotografía 79
Proyecto 16. Suprimir a una persona de una fotografía 79
MID 17. Aplicar retoques 81
Proyecto 17. Aplicar retoques 82

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


ICONOGRAFÍA

Actividad
Este ícono nos indica un ejercicio que refuerza de manera práctica e inmediata la
parte teórica de este material.

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

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

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

Lámina de apoyo
La lámina es un recurso del profesor que sirve como refuerzo dinámico e
interactivo a un tema denso, que complementa la teoría del material impreso.
PROPUESTA DIDÁCTICA
Diseño y fotografía digital

Propuesta didáctica
ACTIVIDADES SUGERIDAS PARA EL
TIEMPO EN
TEMAS SUBTEMAS COMPETENCIA OBJETIVOS ALUMNO (CONTENIDAS EN EL MATERIAL TUTORIAL SUGERIDO RECURSOS
SEMANAS
DE TRABAJO)
Computadora.
1.- Discutir la importancia de las aplicaciones de
El movimiento de software libre Define el significado de Licencias GNU, Actividad 01. Conceptos de Material de aopyo del
1 ¿Por qué es un software libre? Licencia GNU, sus lineamientos y principales
2
Licencias GNU características y beneficios. Software Libre alumno.
comunidades.
CD del alumno. 3

Lamina 01 Vectores vs
Define los conceptos de Imagen Mapa de Bits y Mapa de Bits 4
Vector.
Tipos de imagen. Vectores vs
Reconoce por el tipo de extensión la categoria Computadora.
Mapa de Bits
3 Fundamentos de imagen digital del archivo. 1.- Interpretar los sistemas de Color RGB y CMYK Actividad 02. Color
Formatos de archivo de imagen
Identifica colores primarios y secundarios en Material de aopyo del
Modos de Color
sistemas de color RGB y CMYK. alumno.

CD del alumno.
2

Computadora.
Nombra la historia de GIMP reconociendo su
importancia y evolución. 1.- Reconocer el Ambiente Gráfico que ofrece el GIMP,
La historia de GIMP Actividad 03. Herramientas y Material de aopyo del
2 The GIMP Identifica los paneles de la Interfase. identificando los elementos que la conforman y MID. La interfaz de Gimp
La interface del Programa Entorno de Trabajo alumno.
Localiza las herramientas identificando su uso y localizando las herramientas con sus propiedades.
propiedades.
CD del alumno.

Dibuja formas simples empleando las Computadora.


herramientas de dibujo.
1.- Practicar el uso de las Herramientas y efectos Proyecto 01. Herramientas de MID 01. Herramientas 2
Herramientas de pintura, dibujan- Material de aopyo del
2 Iniciándose en el uso de The GIMP disponibles en la aplicación al realizar dibujos de selección y relleno de selección y
do formas simples Crea documentos nuevos. alumno.
formas simples. (formas simples) relleno
Emplea effectos artisticos en sus proyectos. CD del alumno.

8 Propuesta Didáctica 9
ACTIVIDADES SUGERIDAS PARA EL
TIEMPO EN
TEMAS SUBTEMAS COMPETENCIA OBJETIVOS ALUMNO (CONTENIDAS EN EL MATERIAL TUTORIAL SUGERIDO RECURSOS
SEMANAS
DE TRABAJO)

Internet

1.- Definir el uso de licencias y derechos de Autor. Computadora.


Clasifica imágenes libres de derechos de autor.
Obtención de imágenes libres de 2.- Registrar diferentes medios para obtener imágenes Actividad 04. Licencias y
1 Recuerda los Derechos de Autor y el uso de
derechos libres de derechos y usarlas para el desarrollo de un derechos de autor Material de aopyo del
imágenes con licencia.
proyecto. alumno.

CD del alumno.
Computadora.
1.- Componer una imagen usando de varias capas para
Compone imágenes a partir de la combinación Proyecto 02. Etiqueta apartir de MID 02. Etiqueta apartir Material de aopyo del
1 Creación de gráficos Multilayer comparar su uso facilidad de uso con un proyecto
de varias capas. una fotografía de una fotografía alumno.
en una sola capa.
CD del alumno.

Identifica las herramientas de pintura.


1.- Modificar y aplicar efectos a una selección de una Computadora.
Proyecto 03. Pintura digital
Cambia color a una imagen. fotografía empleando las herramientas de Máscara,
Actividad 05. Máscaras MID 03. Pintura digital
Aplicando Pintura digital a una fotogra- cubeta de relleno y modos de fusión de capas. Material de aopyo del
2 Máscaras Proyecto 04. Herramientas de MID 04. Herramientas de
fía Lista los modos d fusión de capas. alumno.
distorción distorción
2.- Reconocer las Herramientas de Selección al aplicar
Actividad 06. Capas
Emplea las herramientas de selección para la máscaras a una imágen. CD del alumno.
creación de máscaras.

Realiza animaciones básicas con el metodo de Computadora.


animación tradicional cuadro por cuadro. MID 05. Banner animado
1.- Crear animaciónes básicas empleando la técnica 05. Banner animado
Emplea varias capas dentro de un documento MID 06. Dibujando Material de aopyo del
2 Animación usando capas Cuadro por Cuadro orgaanizando varias capas en un Proyecto 06. Dibujando formas
Gimp. formas alumno.
Documento. simples
Nombra las principales caractesisticas de un simplesProyecto
archivo con formato GIF. CD del alumno.

10 Propuesta Didáctica 11
ACTIVIDADES SUGERIDAS PARA EL
TIEMPO EN
TEMAS SUBTEMAS COMPETENCIA OBJETIVOS ALUMNO (CONTENIDAS EN EL MATERIAL TUTORIAL SUGERIDO RECURSOS
SEMANAS
DE TRABAJO)

Actividad 07. Historia de la


fotografía
MID 07. Ilusión de
Proyecto 07. Ilusión de
movimiento
movimiento
MID 08. Efecto sepia
Proyecto 08. Efecto sepia
MID 09. Apariencia de
Actividad 08. Fotografía digital
dibujo a lápiz Lámina 02. Historia de la
Proyecto 09. Apariencia de
1.- Discutir la historia de la Fotografía identificando MID 10. Efecto de reflejo fotografía
dibujo a lápiz
los descubrimientos más representativos que la MID 11. Crear una corona
Proyecto 10. Efecto de reflejo
Explica la historia de la Fotografía. integran. navideña Lámina 03. Tipos de
Proyecto 11. Crear una corona
La cámara fotográfica MID 12. Crear una cámaras
navideña
Fotomontajes Analiza los elementos de una cámara fotográfica. 2.- Reconocer los elemtos que integran una cámara felicitación
15 La Fotografía Proyecto 12. Crear una
Umbral fotográfica. navideña Computadora.
felicitación
Aplicaciones de una máscara Recuerda las herramientas disponibles en la MID 13. Poner marco a
navideña
barra de herramientas con sus propiedades. 3.- Recordar las herramientas básicas, máscaras y una fotografía Material de aopyo del
Proyecto 13. Poner marco a una
efectos que incluye Gimp para realizar diferentes MID 14. Poner un borde alumno.
fotografía
proyectos. MID 15. Cambiar de
Actividad 09. Repaso
fondo CD del alumno.
Proyecto 14. Poner un borde
MID 16. Suprimir a una
Proyecto 15. Cambiar de fondo
persona de una
Proyecto 16. Suprimir a una
fotografía
persona de una
MID 17. Aplicar retoques
fotografía
Proyecto 17. Aplicar retoques

Internet
Estilo Victoriano 1870's
Aplica diferentes estilos en sus proyectos Computadora.
Cartel Constructivista 1920's 1.- Conocer la Evolución del Diseño Gráfico al realilzar
7 La Evolución del Diseño Gráfico Arte Pop 1960's proyectos con los estilos más representativos de
Nombra los elementos de la Interfase de Material de aopyo del
Catel Psicodélico 1960's éste Arte.
TheGIMP alumno.
Cartel Punk 1980's
CD del alumno.
Total de
semanas 36

12 Propuesta Didáctica 13
¿Por qué software libre?
Actualmente, el mayor obstáculo para el aprendizaje y aprovechamiento pleno de las tecnologías
de información y comunicación es el alto costo del software especializado. Por ejemplo, una
licencia comercial del programa líder para edición fotográfica, tiene un costo aproximado de mil
dólares estadounidenses, lo cual deja, no sólo a muchas escuelas y estudiantes, sino a países
enteros al margen del avance tecnológico, o peor aún, los orilla a recurrir a la piratería.

14 GIMP 15
El movimiento de software libre
• Free BIOS: "BIOS gratis". campaña de apoyo al proyecto de creación de una BIOS libre.
Para universalizar el acceso a la tecnología, en 1985 se creó la Free Software Foundation • Hardware devicesthatsupport free software: campaña para promover la compra de
(Fundación para el software libre) o FSF. Un extenso grupo de desarrolladores de distintos países hardware que dé soporte al software libre.
se dieron a la tarea de crear programas de libre distribución.
• High Priority Free Software Projects: para llamar la atención sobre proyectos de
software libre considerados como prioritarios por su impacto económico y social.

• Encourage governments to adopt Open Document: para alentar a los gobiernos a


adoptar software libre. Algunos gobiernos que se han sumado a esta iniciativa, utilizan
únicamente software libre en sus oficinas, como son los casos de Brasil, Venezuela,
Alemania, China y en México, el gobierno del Distrito Federal.

Licencias GNU

Es el tipo de licencia que utilizan los programas libres. Está diseñada para asegurar que todos los
usuarios puedan usar de manera gratuita los programas e “incluso” modificarlos y distribuirlos.
La idea se conoce en Inglés como copyleft (copia permitida), en oposición a copyright (derecho
Richard Mathew Stallman. Fundador de FSF
de copia reservado). Originalmente los programas con licencia GNU eran exclusivamente para el
sistema operativo libre Linux, pero hoy los hay también para los sistemas Windows y Macintosh.
Hoy en día, la FSF cuenta con un repertorio de más de 5,000 aplicaciones gratuitas, que van desde
procesadores de texto hasta programas de uso industrial altamente complejos y, por supuesto,
programas de diseño gráfico digital.
Incluso, la UNESCO (United Nations Educational, Scientific and Cultural Organization) aporta
ayuda financiera al proyecto FSF y han surgido nuevas organizaciones como la Open Source
Foundation, que también promueve la creación de software libre, lo cual ha aumentado la oferta
de aplicaciones.

La FSF mantiene varias campañas para promover el uso de software libre, tales como:
• BadVista: campaña en defensa de la libertad de los usuarios de computadoras,
oponiéndose a la adopción de Microsoft Windows y promoviendo alternativas libres.

• DefectiveByDesign: campaña para eliminar el DRM (Digital Rights Management) que


impide copiar algunos archivos digitales.

• PlayOgg.org: para promocionar Ogg, un formato de audio alternativo a formatos GNU Logo.
comerciales como MP3 y AAC.

16 GIMP 17
Actividad 01 Conceptos de software libre 6. Investiga en Internet el concepto de Web 2.0.
El término Web 2.0 (2004–actualidad) está comúnmente asociado con aplicaciones
1. Investiga en Internet si la FSF (Free Software Foundation) tiene presencia en tu país y anota su sitio Web. web que facilitan el compartir información, la interoperabilidad, el diseño centrado
La FSF promueve numerosas campañas en defensa y promoción del Software Libre. en el usuario y la colaboración en la World Wide Web. Ejemplos de la Web 2.0
BadVista.org. Campaña en defensa de la libertad de los usuarios de computadoras, oponiéndose a la son las comunidades web, los servicios web, las aplicaciones Web, los servicios
adopción de Microsoft Windows Vista y promoviendo alternativas libres. de red social, los servicios de alojamiento de videos, las wikis, blogs, mashups y
DefectiveByDesign.org. Campaña para eliminar el DRM. folcsonomías.
PlayOgg.org. Una alternativa a formatos privativos como MP3 y AAC.
Free BIOS. Campaña de apoyo al proyecto de creación de una BIOS libre. Fundamentos de imagen digital
• Hardware devices that support free software. Campaña para promocionar la compra de
"hardware que de soporte al Software Libre".
• High Priority Free Software Projects. Para llamar la atención sobre los "proyectos de Tipos de imagen vectores vs mapas de bits
software libre prioritarios".
• Broadcast Flag. Digitalizar una imagen significa convertirla en una serie de datos de código binario (ceros y unos),
• Encourage governments to adopt OpenDocument. Para "Alentar a los gobiernos a adoptar que es el único lenguaje que comprenden las computadoras. Sin embargo, una vez digitalizadas,
OpenDocument las imágenes pueden tomar la forma de más de una docena de formatos gráficos diferentes. En
esta sección vamos a analizar los diferentes tipos de archivos digitales que existen, así como los
2. Investiga qué gobiernos de tu región están usando software libre. métodos más comunes para generar imágenes digitales.
Ciudad de México, Guadalajara y Monterrey. Para empezar debemos aclarar que los archivos de imagen digital pueden clasificarse en dos
grandes categorías.
3. Investiga qué es Wikipedia y quién crea los artículos que contiene.
Wikipedia es una enciclopedia libre y políglota de la Fundación Wikimedia (una Archivos de mapa de bits Archivos Vectoriales
organización sin fines de lucro). Sus más de 17 millones de artículos en 278 idiomas Están formados por puntos llamados pixeles Están formados por líneas curvas (vectores)
y dialectos han sido redactados conjuntamente por voluntarios de todo el mundo y (picture element), cada uno de distinto que representan ecuaciones matemáticas, lo
prácticamente cualquier persona con acceso al proyecto puede editarlos. Iniciada en color, lo cual resulta en imágenes realistas, que permite escalar esas imágenes sin que se
enero de 2001 por Jimmy Wales y Larry Sanger, es actualmente la mayor y más pero se deterioran al ampliarse. deterioren.
popular obra de consulta en Internet.
4. Explica el concepto de trabajo Wiki.
Un wiki o una wiki (del hawaiano wiki, ‘rápido’) es un sitio web cuyas páginas
pueden ser editadas por múltiples voluntarios a través del navegador web. Los
usuarios pueden crear, modificar o borrar un mismo texto que comparten. Los textos
o «páginas wiki» tienen títulos únicos. Si se escribe el título de una «página wiki» en
algún lugar del wiki entre dobles corchetes ([[...]]), esta palabra se convierte
en un «enlace web» a la página wiki.
5. ¿Crees que el software libre sea un ejemplo de trabajo Wiki? Explica tu respuesta.
No, el software libre se refiere a un programa de instalación con licencia GNU Ejemplos de ellos son: BMP, GIF, PNG,
Ejemplos de ellos son: SVG, EPS.
y Wikipedia es una gran enciclopedia que se puede encontrar en la red desarro- JPEG, PIC, TIFF.
llada por una organización sin fines de lucro.

18 GIMP 19
Formatos de archivo de imagen
• AI: Es el formato propietario del software de diseño vectorial Adobe illustrator.

• EPS: (Encapsulated Post Script): Formato de archivo vectorial creado por Adobe
Systems para facilitar la impresión con impresoras post script. Tiene gran capacidad para
especificar tonos de grises utilizando patrones de puntos.

• BMP: (Bitmap): Es el formato nativo de Windows, soporta profundidad de color de


hasta 24 bits. Su principal ventaja es no tener pérdida de color. Un inconveniente de
este formato es el gran tamaño de los archivos.

• GIF: (Graphics Interchange Group):Formato bitmap de 8 bits que permite un rango de


tan sólo 256 colores. Entre sus ventajas está el permitir fondos trasparentes y archivos
Aquí se aprecia la diferencia entre mapas de bits y vectores más claramente. Como puedes observar, de muy bajo peso, por lo que es muy utilizado en aplicaciones Web. Además soporta la
la letra S en bitmap está formada por puntos y al ampliarse se observa un efecto de diente de creación de secuencias animadas.
sierra en los bordes. Esta deformación no se observa con la letra S vectorial, pues está compuesta
por vectores que se calculan y redibujan al escalar su tamaño. • PNG: (Portable Network Graphics):Archivo bitmap diseñado especialmente para manejar
gráficos para Web. Permite gran compresión, trasparencias y acepta hasta 24 bits de
Cada tipo de archivo tiene características que lo distinguen y lo hacen más adecuado para color. Es el formato nativo del software Fireworks, de Adobe Systems.
determinados fines. Los archivos bitmap permiten reproducciones fotográficas con alto grado de
detalle, 100% realistas, mientras que los archivos vectoriales son más adecuados para reproducir • JPEG: (Joint Photographics Expert Group): Es el formato más utilizado para fotografías
ilustraciones. Por lo tanto, pese a ser susceptibles a deformarse (pixelarse) al ser ampliados, los porque permite alta calidad y buena compresión sin pérdida evidente de calidad.
archivos bitmap son los únicos que se adaptan al trabajo fotográfico. Excelente para imágenes de color o en escala de grises.

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

• RAW: Formato bitmap utilizado por la cámaras digitales profesionales. Permite gran
calidad, puesto que trabaja prácticamente sin compresión y soporta todos los modos de
color. Permite redimensionar las imágenes sin pérdida de calidad, así como incluir en
ellas metadatos.

• TIFF: Formato bitmap de gran calidad y escasa compresión, soportado por todos los
programas de imagen y utilizado por todos los escáners. Incluye todos los tipos de
color, (RGB, CMYK, indexado, escala de grises) hasta 32 bits de profundidad.

• XCF: Archivo propietario del software libre de diseño digital GIMP. Es equiparable al PSD
de Photoshop, aunque son incompatibles entre sí.

LFlash 01 Lámina de apoyo: Vectores vs Mapas de bits

20 GIMP 21
Modos de Color He aquí un diagrama en el que puedes observar cómo se forman los diferentes colores
en cada esquema.
Probablemente has escuchado que hay colores primarios o básicos y colores secundarios que
son producto de la mezcla de colores básicos. Si alguna vez has pintado, seguramente estás
convencido de que el verde es un color secundario, el cual se forma al mezclar pintura amarilla y
azul. Pero en realidad, esto depende del modo de color con el que estemos trabajando, ya que
existen dos modos o formas de crear colores: la síntesis aditiva y la substractiva.

Síntesis Aditiva: el color luz

En el modo de síntesis aditiva, la suma de todos los colores produce el color blanco. Este es el
modo de color que se utiliza en las computadoras, monitores de video, televisores y todos aquellos
medios en los cuales el color sea producido por luz.
Tal vez en alguna de tus clases de física has observado que al pasar por un prisma de cristal, la
luz de una linterna se descompone en colores. Lo mismo pasa con la luz solar al cruzar las gotas
Actividad 02 Color
de lluvia, y por ello se forma el arcoíris. A este fenómeno se le conoce como refracción de la luz.
1. Busca en la Web ejemplos (fotografías o ilustraciones) de los siguientes archivos de imagen:
Síntesis substractiva el color materia jpeg, gif, gif animado y png. Crea con ellos una biblioteca de imágenes.
Cuando pintas con lápices de colores sobre una hoja de papel, mientras más colores mezclas, el
color resultante se obscurece acercándose al color negro. Esto sucede porque los colores materia, es 2. Construye un disco de Newton para observar y comprobar cómo se mezclan los colores luz
decir, aquellos formados por pigmentos, funcionan de manera inversa a los colores luz y en vez de produciendo el blanco.
sumar su luminosidad, la restan. Por lo tanto, los colores materia usan el modo de color de síntesis
substractiva, donde la suma de colores resulta en la ausencia de luz, es decir, en el color negro. 3. Investiga cómo se hace la igualación de colores en una tienda de pinturas.

La síntesis substractiva es el modo de color utilizado para cualquier tipo de pintura: acuarela, óleo,
Mediante el uso de un sistema Tintométrico
tintas, crayones y hasta pintura para casas o automóviles. Mientras más colores mezcles, más 4. Responde brevemente las siguientes preguntas:
obscuro será el color que obtengas. a. ¿Qué modo de color se emplea para crear imágenes de computadora?
RGB
RGB vs CMYK b. ¿Qué modo de color utilizan las impresoras de inyección de tinta?
Los colores primarios y secundarios son diferentes para cada modo de color, puesto que los colores
luz suman su luminosidad, mientras los colores materia la restan.
CMYK
Así, para los colores luz, los colores básicos son tres Red (rojo), Green (verde) y Blue (azul) y por c. ¿Crees que la diferencia entre el modo que se usa para ver la imagen en pantalla
eso a este esquema se le denomina RGB. y el modo que se usa para imprimirla, podría ocasionar algún problema al imprimir
tus dibujos creados en computadora? Explica la razón de tu respuesta.
El sistema de colores materia es llamado CMYK por las siglas de sus colores primarios Cyan (azul
turquesa), Magenta, Yellow(amarillo) y Black(negro). Si, se debe al muestreo RGB en pantalla y el color de la impresión
en CMYK el cual podría variar.

22 GIMP 23
The GIMP Además de estas versiones “oficiales”, algunas personas han creado derivaciones de GIMP adaptadas
para necesidades especiales. Este tipo de modificaciones están expresamente prohibidas en los
programas con licencia comercial, pero en programas Open Source o con licencia GNU como GIMP,
La Historia de GIMP sucede lo contrario, pues es precisamente la comunidad de usuarios quien mejora el programa.

The GIMP (GNU Image Manipulation Program), conocido simplemente como GIMP, es un programa Derivación Características
libre y gratuito de edición de imágenes digitales en formato de mapa de bits, tanto dibujos como
fotografías. Es considerado por algunos como la alternativa gratuita, potente y rápida a Photoshop Se trata de una modificación de GIMP para hacerlo más parecido al
y es el programa que utilizaremos para realizar los ejercicios de este curso. GIMP Shop Adobe Photoshop.
Está basado en la versión 2.2. de GIMP.
GIMP está englobado en el proyecto
Otra modificación de GIMP retocada para parecerse al Adobe PhotoShop,
GNU y disponible bajo la Licencia GIMPhoto
pero basado en la versión 2.4.
pública general de GNU, fue creado
en 1995 como un ejercicio semestral Es un programa basado en GIMP, diseñado para el sistema operativo
en la Universidad de Berkeley por lo Seashore Mac OS. Por el momento solamente un conjunto limitado de los filtros
estudiantes Spencer Kimball y Peter disponibles en GIMP.
Mattis, que se encuentran hoy en día
en el staff directivo de Google. GIMP es CinePaint, (antigua- Es una modificación de GIMP que añade soporte para 16 bits de
actualizado y desarrollado continuamente Spencer Kimball y Peter Mattis, creadores de GIMP. mente conocido como profundidad por canal de color, y posee un gestor de fotogramas
por un equipo de voluntarios. Film GIMP) especiales para ser utilizado en la industria cinematográfica.

GIMP es el programa de manipulación de gráficos disponible en más sistemas operativos: Unix,


Linux, Windows, Mac OS, y está disponible en varios idiomas, entre ellos: español, alemán, inglés,
catalán, gallego, euskera, francés, italiano, ruso, sueco, noruego y coreano.

VERSIÓN AÑO DE PUBLICACIÓN CARACTERÍSTICAS


Soportaba la ampliación por plugins para añadir
0 Enero 1996
efectos, filtros y herramientas
1.0 Junio 1998 Se mejoró la gestión de la memoria.
Incluye herramientas de medidas, un nuevo visuali-
1.2 Enero 2001
zador de imágenes.
1.2.5 Agosto 2003 Mejora errores de la versión anterior
En todos los programas con licencia GNU o de código abierto, los usuarios de todo el mundo colaboran
2.0 Marzo 2004 Cambió al toolkit GTK+ 2.x. para mejorar el software y para ello publican versiones “beta”, es decir versiones de prueba que no
son totalmente confiables y que pueden tener errores de programación. Por ésta razón es aconsejable
2.4 Mayo 2008 Una interfaz retocada más pulida. obtener la versión estable más reciente y solo usar las versiones de prueba cuando tus conocimientos
de programación te permitan colaborar para mejorarlas. Mejorar el software libre es responsabilidad de
2.6 Octubre 2008 Mejora en otros idiomas. todos los usuarios, ya que uno de los objetivos del proyecto GNU es “volver al espíritu de cooperación
que prevaleció en los tiempos iniciales de la comunidad de usuarios de Internet”.
3.0 En desarrollo Incluirá soporte nativo de CMYK.

24 GIMP 25
Obtener la última versión de The GIMP es bastante sencillo, basta descargarlo de www.gimp.org La ventana de herramientas:

Para seleccionar la herramienta simplemente haz clic sobre


La interface del programa
el ícono deseado. Si colocas el puntero del ratón sobre una
herramienta, aparecerá una breve descripción de su utilidad.
Al abrir GIMP por primera vez, te encontrarás con una serie de ventanas que conforman el entorno
Tómate tiempo para descubrir cada una.
de trabajo.

A grandes rasgos, podemos clasificar las herramientas de ésta ventana en seis grandes grupos.

1. Herramientas de selección.
2. Herramientas de movimiento.
3. Herramientas de perspectiva.
4. Herramientas de pintura.
5. Herramientas de exposición y enfoque. Y por último, las
1. Ventana de herramientas principal. En ella puedes seleccionar la herramienta adecuada para herramientas restantes las llamaremos:
cada tarea, copiar, clonar, mover, recortar, pintar, borrar. En la parte inferior de esta ventana 6. Herramientas diversas.
están los controles para seleccionar los colores.

2. Opciones de herramienta. Permite modificar los parámetros de la herramienta activa.

3. Lienzo o área de trabajo, donde se desplegarán las imágenes que manipules con el programa.

4. Capas, canales, rutas… La cuarta ventana tiene varias pestañas: una para las capas del docu-
mento, otra para los diferentes canales de la imagen y una más para las rutas o trazos vectoriales.

5. La quinta y última ventana, tiene tres fichas que funcionan de manera similar a las pestañas
de la ventana anterior, una es para modificar las opciones de pincel, otra para modificar y
seleccionar los patrones y texturas de relleno, mientras que la tercera sirve para manejar los
degradados (gradientes).
MID La interfaz de GIMP

A su vez cada ventana tiene gran cantidad de opciones e incluso menús propios, además de los
numerosos cuadros de diálogo que el programa muestra en cada operación.

26 GIMP 27
4. Reglas. Muestran en distintas unidades (pixeles, centímetros, pulgadas etc.) las dimensiones
Actividad 03 Herramientas y entorno de trabajo del lienzo y sirven como guía para ubicar objetos.
Investiga el nombre de cada una de las herramientas, leyendo la breve descripción que aparece al
colocar el puntero del ratón sobre cada una de ellas. Anota los nombres a continuación. 5. Quick Mask. Sirve para activar la herramienta de máscara en la imagen.

1. Herramientas de selección.
De selección de rectángulos, de selección elíptica, de selección libre, de selec-
ción difusa, de seleccionar por color, de tijeras de selección y de selección del
primer plano.
2. Herramientas de movimiento.
Herramienta de mover y Herramienta de alineación.
3. Herramientas de perspectiva.
De rotación,de escalado,de inclinación, de perspectiva, de volteo.

4. Herramientas de pintura.

Herramienta de relleno, de mezcla, lápiz, pincel, borrador, aerógrafo, de tinta, de


clonado, de saneado, de clonación de perspectiva.
5. Herramientas de exposición y enfoque.

Herramienta de enfoque y desenfoque, de emborronado y de marca a fuego.


6. Coordenadas del puntero. Indican el punto 10. Botón para cancelar los procesos.
6. Herramientas diversas. exacto donde está colocado el puntero del
ratón en cada momento. 11. Control de navegación. Es una pequeña
Herramienta de rutas, recoge- color, de ampliación, de medida, de recorte y de texto. cruz para moverse dentro de imágenes
7. Selector de unidades. Pequeño menú col- muy grandes, sin alterar la posición real
gante que permite elegir en qué unidades de la imagen en el lienzo.
La ventana de lienzo o área de trabajo. se muestran las reglas de la ventana.
12. Área activa de la imagen. Es el espacio
Ésta ventana aporta información muy importante sobre la imagen activa. 8. Zoom. visible de una imagen; cualquier elemento
fuera de este espacio será invisible.
1. Barra de título. Muestra el nombre y tipo de archivo con el que se está trabajando, así como 9. Área de status. Indica qué operaciones
su dimensión en pixeles. está realizando la computadora en ese 13. Área inactiva.
momento. Es especialmente útil en pro-
2. Menú de opciones de imagen. cesos que requieren mucho tiempo de 14. Redimensionar la ventana. Permite escalar
procesamiento. la ventana sin alterar el nivel de zoom en
3. Botón para ocultar el menú de imagen. el que se está trabajando.

28 GIMP 29
Iniciándose en el uso de TheGIMP.
Antes de comenzar debo hacer una advertencia: en GIMP, tal como sucede con otros programas de
diseño digital, hay muchas maneras de conseguir un mismo resultado. Hemos seleccionado para
cada práctica aquellos métodos que considero ayudan al estudiante a familiarizarse con el software
y conocer a fondo las herramientas, aunque he de reconocer que para la realización de algunos
ejercicios, seguramente hay caminos más fáciles y rápidos.

Por otra parte, el diseño digital es un tema muy amplio para ser abordado en un sólo curso, razón
por la cual nos vamos a concentrar en los aspectos relacionados al retoque y edición de fotografías
digitales, dejando a un lado aspectos relacionados al dibujo y la creación gráfica, que se tratarán a
fondo en otros cursos de esta serie. 2. Cambia el formato del lienzo de horizontal a vertical, usando el Menú Imagen/Transfor-
mar/Rotar 90º en sentido horario.
El objetivo del curso es darte las bases para que, por tu cuenta, vayas experimentando y
descubriendo todo lo que te ofrece este programa de diseño digital.

Herramientas de pintura, dibujando formas simples.

Dibujar con una computadora parte del mismo principio que hacerlo a mano: primero debes
observar el objeto y después reducirlo a formas geométricas simples. En este proyecto vamos a
dibujar una botella de vino y posteriormente le añadiremos una etiqueta.

3. Utiliza la herramienta de selección rectangular y forma


MID 01 Herramientas de selección y relleno un rectángulo que formará el cuerpo de la botella. Cuando
existe una selección, las herramientas y acciones sólo afec-
tan lo que está dentro de la selección. Vamos a rellenar la
Herramientas de selección y relleno selección rectangular de gris, usando la herramienta de re-
lleno . Para seleccionar el color gris, haz doble clic en el
1. Primero crea un archivo nuevo con el Menú Archivo/Nuevo y elige una plantilla de 800x600 recuadro de color frontal, bajo la ventana de herramientas,
pixeles. para elegir el color .

4. Con la herramienta de selección elíptica, traza un círculo


sobre el rectángulo, de manera que una mitad quede den-
tro de la figura existente y la otra fuera. Es importante que
el círculo no rebase el borde de la botella.

30 GIMP 31
5. Con la herramienta de relleno (cubeta), rellénalo de gris. ¡Ahora solo falta crear el cuello de 8. En la ventana de capas, selecciona ahora la capa nueva. Con la herramienta pincel y el color
la botella! Traza un rectángulo delgado y rellénalo. frontal en blanco, traza algunas líneas como las que a continuación se muestran. Tal vez no te
parezcan similares a los brillos del cristal, pero eso es algo que corregiremos posteriormente.
Es muy importante que al empezar a dibujar verifiques que está seleccionada la capa nueva,
para que la botella que está en la capa de fondo permanezca intacta.

6. Para hacer más realista nuestra botella, vamos a añadirle líneas blancas que simulan el brillo del
cristal. Añadiremos este efecto en otra capa. Cuando una imagen tiene más de una capa, las
herramientas sólo afectan a la capa seleccionada. En la ventana capas, deberás crear una capa
nueva.
9. Ahora vamos a aplicar un filtro a los brillos para que se vean realistas. Utiliza el Menú Filtro/
Desenfoque/Desenfoque gaussiano.

7. Selecciona, en la ventana de capas, la imagen de fondo. Con la herramienta de Selección difu-


sa (varita mágica), selecciona el fondo blanco. La varita mágica sirve para seleccionar pixeles
contiguos que sean del mismo color. Una vez que tengas el fondo seleccionado, invierte la
selección con el Menú Seleccionar/Invertir. Ahora está seleccionada la botella.

También podríamos haber seleccionado directamente la botella con la varita mágica, pero el truco de
invertir la selección es muy útil cuando tenemos una imagen compleja que no se puede seleccionar
fácilmente. En estos casos resulta más sencillo seleccionar el fondo e invertir la selección.

32 GIMP 33
15. Selecciona la capa de fondo y, con la varita mágica, selecciona el fondo blanco y córtalo
Establece un radio del desenfoque de 31 (suprímelo). La imagen quedará con un fondo trasparente, que en los programas de diseño
pixeles. ¿Ahora comprendes la importancia de se representa con la cuadrícula que ahora se ve tras la botella.
las capas? El desenfoque se ha aplicado sólo a
las líneas blancas que están en la nueva capa,
sin alterar la botella.

10. Ya puedes acoplar ambas capas en una sola, con el Menú capa/Combinar hacia abajo.

11. Ahora crea una nueva capa y repite el proceso: selecciona la capa de fondo y con la
herramienta de Selección difusa (varita mágica) selecciona el color blanco, luego invierte
la selección, cambia a la nueva capa y rellena selección de color verde. Tendrás una 16. Asegúrate de tener seleccionada la capa de la botella y duplícala con el botón Duplicar capa
nueva silueta de la botella, en color verde, en otra capa. en la ventana de capas. Simularemos una sombra con este duplicado.

12. En la parte superior de la ventana de capas están los modos de fusión vamos a cambiar la
capa nueva del modo Normal al modo Solapar.

17. Selecciona la copia de la imagen de fondo. Utiliza el Menú colores/Brillo y contraste y en


el cuadro de diálogo, quita todo el brillo y sube todo el contraste, de manera que la imagen
se vuelva negra.

13. A continuación, con la herramienta de selección, traza un rectángulo en la capa de color


verde y suprime esa área. Este será el lugar donde posteriormente colocaremos la etiqueta
de la botella.

14. Acopla las capas como lo hicimos anteriormente y crea una nueva. Las capas se pueden
reorganizar como si fueran hojas de papel superpuestas: utilizando las flechas verdes que
están en la parte inferior de la ventana de capas, envía la capa nueva debajo de la capa de fondo.

34 GIMP 35
18. Busca las herramientas para deformar la imagen y, usando perspectiva y rotar, inclínala como Además de las imágenes con Copyright (todos los derechos reservados), están las imágenes con
se muestra en la imagen. algunos derechos reservados. La Free Software Foundation promovió una iniciativa para crear
contenidos digitales de libre atribución y así surgieron las licencias CreativeCommons.
Este tipo de licencias se aplican lo mismo a textos, que a música, video o imágenes fijas cuyos
autores deciden reservarse sólo algunos derechos. Básicamente se trata de 4 tipos de licencia.

De atribución:

Se permite su libre copia y distribución con la condición de dar crédito al autor original.

No comercial:

Se permite su libre copia y distribución, únicamente con fines no comerciales.


19. Envía la capa de color negro detrás de la capa de color y aplícale un desenfoque gaussiano,
Obras no derivadas:
para que sea una sombra más realista. Además, en los controles de la ventana de capa, baja
la opacidad al 50%. Se permite su libre copia y distribución, pero únicamente de copias exactas, no de obras
derivadas en las que se use el original para hacer algo más.

Compartir con la misma licencia:

Se permite su libre copia y distribución, con la condición de que el trabajo en el que se


use, sea compartido con una licencia igual.

Actividad 04 Licencias y derechos de autor


Investiga en la página www.creativecommons.org, qué tipo de combinaciones se pueden hacer
entre los diferentes tipos de licencia y con qué logotipos se indica cada una.

Haz un breve resumen en el espacio a continuación.


De esta manera terminamos nuestro primer ejercicio.
Cultura- Si eres un fotógrafo, escritor, cineasta o DJ, esta licencia ayuda a hacer su
parte del trabajo de la innovación cultural que se multiplica en Internet.

Obtención de imágenes libres de derechos Educación- Acceso a la educación es fácil y universal cuando educadores y estudiantes usan esta
licencia para compartir y construir conjuntamente planes de lección, conferencias y libros de texto.
Un punto que debes tomar en cuenta para poder utilizar cualquier imagen legalmente y poder difundir Ciencia- Creemos que datos, revistas y la investigación científica deben estar disponibles
tu trabajo sin problemas, son los derechos del autor. No se trata únicamente de derechos económicos, para todo el mundo y tiene herramientas legales que ayudan a que esto suceda.
porque suele pensarse que si algo se usa sin fines de lucro no hay problema, pero un autor también
tiene derechos morales y puede negarse a que su obra se use para promover ideas y valores contrarios Gobierno- Los gobiernos de todo el mundo utilizan licencias CC y herramientas para compartir
a los suyos; por lo cual el autor tiene el monopolio legal del derecho de copia de su obra. información, promover el acceso, el crecimiento económico, participación ciudadana y transparencia.

36 GIMP 37
Creación de gráficos Multilayer. 3. Ve al Menú Colores/Umbral para convertir la foto en una imagen de blanco y negro de alto
contraste.
Mueve el control de ajuste de manera que las uvas se aprecien claramente.
En este proyecto aprenderás a crear una imagen agregando elementos en varias capas, así como
algunos recursos de manipulación fotográfica. Además, reafirmarás tus habilidades en el uso de
algunas herramientas de pintura como el pincel y la cubeta de relleno.

MID 02 Etiqueta apartir de una fotografía

Etiqueta apartir de una fotografía


En este segundo proyecto, vamos a crear una etiqueta a partir de una fotografía que integraremos
a la botella creada en el proyecto anterior. Adelántate a los últimos pasos y observa el resultado
final esperado, para que tengas una idea clara de lo que se espera lograr.
4. Ahora vamos a crear un ribete texturizado para la parte superior de la etiqueta. Primero, con
1. Lo primero que debemos hacer es buscar la fotografía de un racimo de uvas. Recuerda que en la herramienta de selección rectangular, traza un recuadro en la parte central del racimo de
Internet es más fácil encontrar información en inglés, así que busca “grapes”. Algunos sitios, uvas y cópiala con el Menú Editar/Copiar. Automáticamente, esa textura se convertirá en un
como www.flickr.com, muestran el tipo de licencia de cada imagen. Busca tu imagen en Flickr pincel que estará disponible como la primera opción de la ventana de pinceles.
y asegúrate que tenga licencia CreativeCommons para que la puedas usar legalmente. La
búsqueda avanzada de Flickr permite buscar sólo imágenes con esta licencia.

2. Abre la imagen en GIMP.

5. Con la herramienta de selección rectangular, traza un rectángulo en la parte superior del


racimo de uvas y en la ventana de capas crea una capa nueva. Pinta sobre esta nueva capa
con el pincel que creaste en el paso anterior.

6. Ahora vamos a aplicar un filtro para darle a esa capa una textura marmoleada. Abre el Menú
Filtros/Distorsiones/Ondas.

38 GIMP 39
9. Con el Menú Capas/Combinar hacia abajo vamos a convertir las dos capas que forman el
ribete en una sola.

10. Con el botón para duplicar una capa, duplica el ribete y luego usa la herramienta mover para
colocarlo en la parte inferior de la imagen, de manera que quede un ribete arriba y otro debajo
de las uvas.

11. Crea una nueva capa y en ella selecciona un rectángulo


que cubra la parte visible de las uvas entre los dos ribe-
tes. Usa la cubeta de relleno y cúbrelo con verde claro.
En este momento debes tener un diseño similar a éste.

En el recuadro emergente ajusta los valores


hasta lograr una figura similar a las ondas que
surgen en el agua al lanzar una piedra, tal
como se muestra en la imagen. 12. Modifica el modo de fusión de la nueva capa
a Suma, de esta forma las uvas serán visibles
y tomarán el color verde.

7. Ahora, con la herramienta de selección traza un rectángulo sobre el ribete que acabas de
diseñar y crea una nueva capa. Rellénala con la herramienta de relleno (cubeta),con un color 13. Vamos a agregar una capa de texto para el nombre del vino. Para ello, toma la herramienta
verde obscuro. de texto y, en sus opciones, elige un color morado, una fuente de más de 30 puntos y de
apariencia elegante.
Es muy importante hacer la selección rectangular de otra manera la capa nueva cubrirá toda la imagen.

8. Una vez aplicado el color, cambiaremos el


modo de fusión de ambas capas para preser-
var a la vez el color y la textura. En la parte
superior de la ventana de capas elige el modo
de fusión Obscurecer sólo. Verifica que tienes
las 3 capas, como se muestra en la siguiente
imagen.

40 GIMP 41
14. Escribe el nombre que quieras dar al vino. Repite el paso
anterior para agregar, en otra capa de texto, el año de la 18. Con la herramienta de escalado, redimensiona la imagen para que quede del tamaño ade-
cosecha, de manera que tu etiqueta quede como la de cuado sobre la botella.
esta foto.
19. Cambia el modo de fusión de capa a Solapar.

15. Finalmente, con el Menú Archivo/Guardar como, guarda tu imagen como archivo jpg.

20. Con esto terminamos el proyecto. Tu botella debe quedar similar a la de la foto.

16. Para integrar la botella y la etiqueta, abre el archivo de la botella. Es frecuente que un archivo
abra abajo del otro y no sea visible: mueve las ventanas para poder ver ambas imágenes.

Aplicando Pintura digital a una fotografía.


En este apartado, vamos a aprender algunos trucos de manipulación fotográfica, tales como
cambiar de color a una imagen, o mejor dicho a una parte de la imagen sin afectar el resto, para
17. Con el Menú Seleccionar/Todo, selecciona toda la imagen de la etiqueta. Usa los comandos ello vamos a valernos de herramientas que ya conoces bien como la cubeta de relleno y los modos
de edición para copiarla y luego pegarla sobre la imagen de la botella. Se pegará como una de fusión de capas, y vas a descubrir el poder y utilidad de las herramientas de selección.
nueva capa.

42 GIMP 43
3. Traza con el lazo el contorno, dando clic en diversos puntos, especialmente en aquellos donde
Máscaras
la línea cambia de dirección. Cuando hayas terminado, da doble clic para cerrar el trazado.
En los programas profesionales de diseño gráfico se utiliza mucho el término máscara. Este
nombre se ha heredado de las antiguas técnicas de trabajo con papel o película fotográfica. En 4. Ve al Menú Seleccionar/Activar máscara
muchas ocasiones un artista tenía la necesidad de trabajar sólo con una pequeña parte de una rápida. Cuando lo hagas, las partes no se-
imagen. Para no correr el riesgo de dañar otras zonas de la imagen, el artista creaba una máscara, leccionadas de la imagen se tornarán de color
que consistía en un lienzo que se colocaba sobre todo el documento y que tenía sólo un orificio a rojo. Ahora tendrás que ajustar la máscara,
través del cual se podía retocar lo necesario. para cubrir todo lo que no quieras modificar
y dejar descubiertas las áreas que sí se van
a modificar.
Hoy día, las personas todavía usan máscaras de este tipo para restaurar obras de arte de la
antigüedad, trabajar con fotografías e “incluso” se usan en procedimientos médicos para enfocarse
a una zona específica de trabajo, mientras se protege el todo.

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


5. Con la herramienta de pincel, usando el color negro, extiende la máscara en aquellas partes
que no quedaron cubiertas. Con el borrador puedes desenmascarar partes cubiertas que sí
quieras modificar. Ajusta ambas herramientas al tamaño necesario.
MID 03 Pintura digital

Pintura digital

1. Para iniciar este proyecto, abre en GIMP el archivo miniverde.jpg que se encuentra en tu
carpeta de actividades. Es la fotografía de un automóvil al cual le vamos a cambiar el color, 6. En el Menú Colores/Colorear, ajusta los parámetros con los valores siguientes: Tono “0”,
utilizando la herramienta de máscara rápida. Saturación “67”, Luminosidad “4”.

2. Para seleccionar únicamente la carrocería del vehículo, vamos a utilizar la herramienta lazo
de selección libre.

44 GIMP 45
7. ¡Listo! Ahora el automóvil es de color rojo y no verde. Herramientas de distorción
En este proyecto, vas a aprender a usar las herramientas de distorsión, escalado y perspectiva,
a la vez que reafirmarás el uso de las capas para crear una composición. El proyecto consiste en
transformar una fotografía en una imagen estilo “manga”.

1. Primero, abre en GIMP el archivo mifoto.jpg, que se encuentra en tu carpeta de actividades.


Puedes substituirla por una foto tuya o la de un amigo para que sea más divertido el resultado,
pero es muy importante que la persona esté totalmente de frente como en las fotografías
para credencial.
Actividad 05 Máscaras
Reflexiona de forma individual o por equipos y contesta las siguientes preguntas:

1. Describe una situación real, diferente a las que se han ejemplificado aquí, en que puede ser
útil usar una máscara. Redacta los detalles de su uso.

*LIBRE. (Se puede aplicar una máscara en una tipografía para poder mostrar
una imagen dentro de las letras).

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

Porque el área que delimita la selección se puede tomar como un objeto para
generar una máscara.

3. ¿Qué otro significado tiene la palara máscara? ¿Por qué se le llama así a esta técnica de trabajo?
2. Acto seguido, duplica la capa, con el botón correspondiente en la parte inferior de la
En los programas profesionales de diseño gráfico se utiliza mucho el término
máscara. Este nombre se ha heredado de las antiguas técnicas de trabajo con ventana de capas.
papel o película fotográfica. En muchas ocasiones un artista tenía la necesidad de
trabajar sólo con una pequeña parte de una imagen. Para no correr el riesgo de 3. Con la herramienta de perspectiva, vamos a deformar la imagen, separando las esquinas
dañar otras zonas de la imagen, el artista creaba una máscara, que consistía en un superiores y acercando las inferiores, de manera que la parte superior quede más ancha y la
lienzo que se colocaba sobre todo el documento y que tenía sólo un orificio a través inferior más delgada.
del cual se podía retocar lo necesario.
Hoy día, las personas todavía usan máscaras de este tipo para restaurar obras de
arte de la antigüedad, trabajar con fotografías e “incluso” se usan en procedimientos
médicos para enfocarse a una zona específica de trabajo, mientras se protege el todo.

MID 04 Herramientas de distorción

46 GIMP 47
4. Ahora oculta la capa superior. Selecciona la capa inferior y con la herramienta de selección
circular, traza una elipse que seleccione el ojo derecho de la imagen. Copia la selección con el
Menú Editar/Copiar o las teclas <Ctrl+C>. 11. Para darle a la imagen una apariencia de dibu-
jo. Usa el Menú Filtros/Artísticos/Pintura
al óleo y aplica los siguientes valores: tamaño
de máscara 15 y exponente 12. Acepta los
cambios para aplicar el efecto.

5. Selecciona la capa superior y pega el ojo que copiaste en el paso anterior sobre el ojo derecho

6. Con la herramienta escalar agranda el ojo.

7. Con la herramienta de borrar, elimina el contorno de piel circundante al ojo de manera que 12. Finalmente, aplica el Menú Filtros/Artísticos/Viñeta con los ajustes preestablecidos.
se vea integrado a la imagen.

8. Una vez hecho esto, con la herramienta de volteo, voltéalo horizontalmente sobre el ojo
izquierdo.

9. Con el Menú Capa/Combinar hacia abajo, une las capas de manera que queden integrados
ambos ojos y la cara deformada, en una sola capa.
Actividad 06 Capas
10. Elimina la capa de fondo que contiene la foto original.

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 similar al uso de diapositivas de acetato.

48 GIMP 49
2. ¿Cuántas capas como máximo se pueden utilizar en un proyecto de GIMP? Banner animado
Se pueden crear tantas como el caché de la maquina soporte.
En este proyecto aprenderás cómo utilizar las capas de GIMP de una manera diferente. Usando
GIMP como un paquete de animación, vamos a crear un banner animado para una página Web.
3. Describe dos formas de crear una capa nueva.
1. Comenzaremos abriendo un nuevo archivo de 468x160 pixeles, con fondo de color blanco.
Con el botón crear capa nueva o mediante el menú contextual del dialogo de capas
2. De tu carpeta de trabajo, abre la imagen cola Bel Air, cópiala y pégala en el archivo nuevo. Es-
con la opción crear capa nueva. cala la imagen (215x153 pixeles) de manera que quede en un extremo como se ve en la foto.

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

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

3. Cada capa de nuestro archivo GIMP va a ser un cuadro de la animación. La idea es que el
fondo y la imagen de la aleta trasera del automóvil, aparezcan durante todos los cuadros y
Animación usando capas únicamente cambie el texto que aparecerá en el espacio en blanco. Para ello, primero combi-
na todas las capas en una sola.

En GIMP se puede utilizar una técnica de animación simple llamada Animación cuadro por cuadro 4. Ahora, en la ventana de capas, duplica el fondo y nombra la nueva capa como “Primer Cuadro”.
(frame by frame). En esta técnica se utiliza una capa para cada movimiento o cambio. La técnica
también se conoce como animación tradicional, ya que cuadro por cuadro era la única forma en
que podían hacerse los dibujos animados antes de las computadoras.
El archivo animado se puede guardar en algún formato de imagen que soporte animación, como
el formato GIF.

5. Escribe el texto Autos Clásicos, con una letra cursiva y de estilo antiguo. Duplica la capa de
MID 05 Banner animado texto. En este momento debes tener dos capas de texto idénticas.

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

50 GIMP 51
7. Duplica de nuevo la imagen de fondo, es decir Después del nombre de la capa, escribe entre paréntesis la duración en milisegundos, de
la que no tiene texto y mueve la copia hasta esta manera:
dejarla bajo la capa del texto.
• Primer cuadro (1500 ms).
• Segundo cuadro (1200ms).
• Tercer cuadro (2000ms).

11. Para probar la animación usa el Menú Filtros/Animación/Reproducción y usa el botón


Reproducir.

8. Aplica a la capa de texto, el filtro de desen-


foque de movimiento con longitud de 19º y
ángulo de 90º.

12. Antes de guardar nuestra animación debemos optimizarla. Para ello, vamos a seleccionar el
Menú Filtros/Animación/Optimizar (para GIF). Acepta los valores predeterminados.

13. Finalmente, guárdala usando Menú Archivo/Guardar como… Asegúrate de seleccionar el


tipo de archivo GIF.

9. Combina hacia abajo esta capa de texto con la segunda copia de la imagen de fondo. Éste
será nuestro segundo cuadro. El tercer y último cuadro será la imagen de fondo limpia, es
decir, 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 del
ratón, elige Editar atributos de capa.

52 GIMP 53
MID 06 Dibujando formas simples

Dibujando formas simples


En este proyecto aprenderás a usar una poderosa herramienta de GIMP: las rutas, mismas que 4. Ahora crea una nueva capa trasparente y traza en ella el lado derecho del cubo.
utilizaremos para crear una forma geométrica de apariencia tridimensional. Aunque la pluma de
Bezier con la que se crean las rutas, es muy apreciada por las curvas que puede crear, en este caso 5. Una vez trazado el segundo lado, rellénalo con un degradado, pero ahora el color azul úsalo
la usaremos para crear un cubo. como frontal y elige un azul más obscuro de fondo.

1. Primero crea un archivo nuevo de 256 x 256 pixeles, en modo de color RGB y con fondo blanco. 6. Reacomoda las capas para que el lado derecho quede arriba del otro y reacomódalas para no
dejar un hueco entre ellas.
2. Crea una nueva capa trasparente y llámala “lado izquierdo”. Con la herramienta de rutas,
traza el primer lado del cubo tal como se muestra en la imagen.

7. Crea una nueva capa para el lado superior. Sigue el mismo procedimiento de las anteriores
pero ahora usa un azul más claro para el relleno.

8. Cuando estés satisfecho con el resultado ve al Menú Imagen/Aplanar la imagen para que
Para crear cada línea, simplemente da un clic en el punto inicial y otro en el punto final. Una todas las capas se fusionen en una sola.
vez que termines el cuadro, en las opciones de la herramienta de rutas, presiona el botón Crear
selección a partir de ruta.

3. Para darle color degradado, utilizaremos la herramienta de mezcla, poniendo como color fron- 9. Guarda tu trabajo.
tal el blanco y como color de fondo un azul obscuro. Con esta herramienta, traza el degradado
sobre la figura, desde la esquina superior izquierda hasta la esquina inferior derecha.

54 GIMP 55
Actividad 07 Historia de la fotografía
La Fotografía
Completa la línea de tiempo investigando los siguientes sucesos:
1. Surgimiento de la fotografía en color
La principal función de un software como GIMP es la manipulación de archivos fotográficos, ya sea La primera fotografía con color permanente fue tomada en 1861 por el físico británico
para corregir, retocar o crear un efecto visual. Antiguamente, este tipo de manipulación se realizaba James Clerk Maxwell. Presentó su método aditivo de fotografía en color en Londres, con
por medio de complejos procesos ópticos y de revelado. la intención de demostrar que cualquier color podía obtenerse mezclando luces de los tres
Aunque la tecnología ha avanzado mucho, los principios físicos de la fotografía son en esencia los colores primarios (rojo, verde y azul) en diferentes proporciones. Probó la teoría ha-
mismos, por ello dedicaremos este apartado a analizarlos. ciendo pasar la luz a través de filtros coloreados combinados y proyectando el resultado
en una pantalla. Fue el primer sistema aditivo aplicado a la fotografía en color y recibió
Etimológicamente, fotografía significa escribir o dibujar con luz (photo = luz, graphos = escribir). el nombre de tricromía.
Es una técnica que nos permite grabar imágenes sobre un material sensible; en los inicios se 2. Lanzamiento del primer teléfono celular con cámara fotográfica
usó papel foto-sensible, después se utilizó la película fotográfica y en la actualidad, las cámaras El primer teléfono completo con cámara fotográfica fue construido por
digitales utilizan sensores de imagen electrónicos, similares a los que usan las cámaras de video. Philippe Kahn en 1997.
Las cámaras digitales pueden transformar los impulsos lumínicos en código binario, transformando
las imágenes en archivos de computadora que se almacenan en una tarjeta de memoria. 3. Lanzamiento de GIMP
A continuación, te presentamos una línea de tiempo con los hitos más importantes en la historia La primera versión del GIMP fue escrita por Peter Mattis y Spencer Kimball en 1995.
de la fotografía.
4. ¿Cuándo suspendió Kodak la fabricación de cámaras con película?
A finales del 2005.
5. ¿Cuando se creó el estándar “cuatro tercios” para cámaras digitales profesionales?

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


Renacimiento: los 1816: Nicéphore Niépce 1837: Louis Dama- 1889: George Eastman 1924: se crea la
pintores usan la Camera combina la camera querre crea imágenes crea la película flexible cámara “Leica” la
obscura. obscura con papel foto permanentes usando que sustituye al papel. primera de 35mm.
sensible. haluros de plata.
La cámara fotográfica
El antecedente más antiguo de las cámaras fotográficas son las llamadas cámaras obscuras,
utilizadas por los pintores del Renacimiento. Una cámara obscura no era más que una caja negra
con un pequeño orificio por donde entraba la luz y una pantalla en la que se proyectaba la imagen.
Los pintores la usaban como guía para componer la imagen en el cuadro.
1959: Nikon crea el 1963: surge la 1990: se lanza Adobe 1995: se lanza j phone, 2008: se crea Flickr el
sistema de números F. fotografía instantánea Photoshop, primer primer teléfono con primer sitio para inter-
Polaroid. software de retoque cámara. cambio de fotografías
fotográfico digital. en la internet.

LGimp02 Historia de la fotografía

56 GIMP 57
El principio en las cámaras digitales es, en esencia, el mismo: la imagen se refleja en un sensor de
Ilusión de movimiento
imagen (CCD o CMO), se transforma en impulsos eléctricos y posteriormente en código binario,
el archivo resultante se guarda en la memoria de la cámara. Para fijar la atención sobre un objeto, uno de los recursos más comunes en la fotografía es el
enfoque: al desenfocar el fondo de una imagen, la mirada se concentra en el sujeto principal.
Además el filtro desenfoque puede añadirle dinamismo a una fotografía.
En este proyecto le añadiremos un desenfoque de movimiento a la fotografía de un automóvil, para
dar la ilusión de velocidad y concentrar la atención en el auto y no en los elementos circundantes.

1. Abre en GIMP el archivo mustangverde.jpg, de tu carpeta de trabajo. A continuación, guár-


dalo con otro nombre para crear una copia de seguridad. El hábito de guardar el archivo con
otro nombre, antes de comenzar a manipular la imagen, es muy importante, pues de esta
manera la imagen original estará disponible en caso de que necesites regresar a ella.

Obtenida de http:/www.victordiaz.com.mx/academico/archivos.html© 2010 Derechos reservados


por nadie.com Protegido por Todoesdetodos A.C., si deseas tomar algún material de aquí tan solo
dale buen uso y sino pásalo a quién si lo pueda hacer .

En la fotografía digital, la computadora hace las veces de cuarto obscuro. Si bien no hay necesidad
de revelar la imagen, en la computadora se realiza la corrección de color, se corrige el encuadre
o se superponen elementos a la imagen. En este apartado del curso vas a aprender algunas de
esas técnicas. 2. Con la herramienta de rutas, traza el contorno del automóvil, incluyendo las ruedas. Una vez
que lo hayas hecho, en las opciones de la herramienta, elige la opción Crear selección a
partir de una ruta.
LGimp02 Tipos de cámaras

MID 07 Ilusión de movimiento 3. Usa el Menú Seleccionar/Invertir para que quede seleccionado todo lo que rodea al automóvil.

58 GIMP 59
Aplicaciones de una máscara

¿Recuerdas lo que es una máscara? Las máscaras se colocan sobre las imágenes para mostrar u
ocultar diferentes zonas. En GIMP, una máscara de capa es una imagen en escala de grises (tonos
4. Busca el Menú Filtros/Desenfoque/Desenfo- de blanco a negro) que muestra lo que se pinta con blanco y oculta lo que se pinta con negro. En
que de movimiento. En este filtro elige un tipo todos los tonos intermedios de la gama de grises, la máscara actúa como niveles de transparencia.
de desenfoque lineal, con longitud de 43 y Cuando se usan máscaras de capa, no se modifican ni eliminan los pixeles de la imagen, sólo se
ángulo de 0 grados. ocultan, de manera que puedes trabajar en la máscara las veces que sea necesario para mostrar
u ocultar diferentes zonas.

MID 08 Efecto sepia

Efecto sepia

5. Con la herramienta de selección libre , selec- Otro tipo de operación muy común en el tratamiento de fotografías es cambiarlas a escala de
ciona la rueda delantera del auto y aplícale un grises o a tonos sepia, para lograr una apariencia de fotografía antigua. En este proyecto vamos
desenfoque de movimiento del tipo radial, presentar en tonos sepia, la fotografía de un auto clásico.
con un ángulo de 7 grados. A la rueda trasera
aplica un desenfoque de movimiento radial, 1. Abre en GIMP la fotografía Ford 1920.jpg y crea una copia de seguridad, guardando el
con un ángulo de 3 grados. archivo con otro nombre para preservar el original.

6. Finalmente guarda el archivo en formato JPG.

60 GIMP 61
2. Primero elimina el color de la fotografía. Esto se puede hacer de dos maneras:

a. Usando el Menú Imagen/Modo/Escala de grises


b. Con el Menú Colores/Desaturar

Después de aplicar cualquiera de estos métodos, regresa al modo Menú Imagen/Modo/RGB para
poder añadirle los colores sepia a la fotografía.

3. En la ventana de herramientas da doble clic al color frontal y selecciona estos parámetros:


(R) rojo=162, (G) verde =138 y (B) azul=101. Siéntete libre de experimentar tus propios
ajustes si quieres usar otro tono de sepia .
No te extrañe que aparentemente no pase nada: en realidad se ha agregado una máscara a la capa
sepia, que se ve en la ventana de capas como un recuadro adyacente a la máscara.

6. En la ventana de capas, selecciona la capa de fondo, es decir la foto en escala de grises.


Selecciona toda la imagen (<Ctrl+A>) y cópiala (<Ctrl+C>). En seguida haz clic sobre la
máscara de capa (el pequeño recuadro adyacente a la capa sepia) y pega la imagen con el
atajo de teclado <Ctrl+V>. Verifica que tus capas se ven como se muestra en esta imagen.

4. Abre una capa nueva con el nombre “Máscara Sepia” y llénala con el color que elegiste en el
paso anterior. Como ves, ahora la capa sepia cubre totalmente la imagen del automóvil, así
que en el siguiente paso vamos a agregar una máscara de capa y utilizar la misma foto del
automóvil, en escala de grises, para dejar ver lo que hay debajo.

7. En la ventana de capas, haz clic con el botón derecho sobre el ícono de la selección flotante
y en el menú deplegable elige Anclar capa. De esta
manera la capa sepia y la selección se fusionarán en
una sola capa.

5. Haz clic con el botón derecho del ratón sobre el ícono de la última capa y elige Añadir
máscara de capa. En el cuadro de diálogo emergente selecciona Blanco (Opacidad total).

62 GIMP 63
8. Selecciona la capa que se creó. Elige Menú Colores/Invertir. En el modo de fusión de la 3. ¿Las personas imprimen tantas fotografías como antes de la fotografía digital? ¿Por qué?
capa activa el modo Color.
Debido al costo reducido y simple que presenta una impresora normal.
4. ¿Qué está pasando con las empresas que se dedicaban a la comercialización de película fotográfica?
Unas evolucionan y utilizan los avances tecnológicos para mantenerse
al día, otras son absorbidas por los grandes monopolios empresariales y
algunas otras desaparecen.

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

Para utilizar los recursos de la edición para ajustar, retocar y editar en


general las imágenes digitales.
9. Finalmente, guarda la imagen. GIMP te mostrará un cuadro de diálogo que indica que para
guardar la imagen se debe aplanar. Acepta esta opción.

MID 09 Apariencia de dibujo a lápiz

Apariencia de dibujo a lápiz


Actividad 08 Fotografía digital
En este proyecto, vamos a darle a una fotografía, apariencia de dibujo a lápiz. Para ello, utilizaremos
Organiza una mesa de discusión o debate para responder las siguientes preguntas. una fotografía en escala de grises.
1. ¿En cuántos años se ha popularizado la fotografía digital?
En más de 10 años con la evolución de los modelos de cámaras fotografías profe- 1. Vamos a abrir con GIMP la imagen yobb.jpg, que se encuentra en tu carpeta de trabajo.
sionales y las propias de celular. Como lo hemos estado haciendo, primero debes crear una copia de seguridad.

2. ¿Por qué se ha vuelto universal? 2. Vamos a crear una imagen de alto contraste, es decir, donde se pierdan los gradientes y se
conserven los detalles. Para ello, primero vamos a duplicar la capa de imagen.
Se debe al auge que tiene la demanda de tecnología portátil.

64 GIMP 65
3. Aplica a la capa copiada, un filtro de Desenfoque gaussiano de siete pixeles.

7. Elimina el color utilizando el Menú Colores/Desaturar. Una vez realizada la operación,


vamos a ajustar los niveles nuevamente como se indica a continuación.
4. Selección Menú Colores/Invertir de manera que los colores se inviertan. Después reduce la
opacidad de la capa al 50%.

8. Finalmente, utilizando un pincel delgado, retoca algunos detalles para que nuestra imagen se
5. Desde la ventana de capas, acopla ambas capas dando clic con el botón derecho en la capa vea mejor. Guarda tu trabajo terminado con el formato JPG.
superior y seleccionando la opción Combinar hacia abajo.

6. Con el Menú Colores/Niveles ajusta los niveles de salida tal como se indica en la imagen Fotomontajes
siguiente. Analiza los cambios que ocurren a la imagen para comprender la función de este Quizás una de las funciones más populares de los programas de edición de imágenes como GIMP,
ajuste. es la realización de fotomontajes. El fotomontaje consiste en la alteración de una fotografía para
incluir elementos que no se encuentran originalmente en la imagen.

66 GIMP 67
4. Utilizando la herramienta de selección rectangular, cortaremos en el duplicado el espacio del
lago y la arena. Posteriormente, con la herramienta mover, baja esta capa hasta que semeje
MID 10 Efecto de reflejo un reflejo de la imagen de fondo.

Efecto de reflejo
En este proyecto realizaremos un fotomontaje muy sencillo para crear un efecto de reflejo. Revisa
el resultado final para que tengas una idea más clara de qué esperar. Utilizaremos una foto libre
de derechos del monte Shasta, de California en los Estados Unidos. Tú también puedes obtener
cientos de fotografías libres de derechos en Internet, buscando imágenes con licencias Creative
Commons en sitios como flickr.com. 5. Para que la imagen del reflejo corresponda
correctamente con la de arriba, con la herra-
mienta de volteo da clic en la imagen.
Ésta se volteará horizontalmente.

6. Para simular que la imagen se está reflejando


en un lago, vamos a añadirle un filtro de dis-
torsión de onda. Aplícalo con los parámetros
que se muestran en la imagen.

1. Como ya lo hemos hecho en otras prácticas, abre el archivo montaña.jpg y crea una copia
de seguridad.

2. El objetivo es crear un fotomontaje de manera que parezca que la imagen de la montaña se 7. Baja la opacidad de la capa de reflejo al 80% para terminar el proyecto.
está reflejando en el lago. Para ello, vamos a duplicar la capa con la imagen.

3. Con la herramienta rotar , voltea el dupli-


cado 180ª, hasta que quede de cabeza.

68 GIMP 69
Umbral
2. Oculta la capa de fondo y con la herramienta de Selección difusa (varita mágica),
selecciona el contorno blanco alrededor de la hoja y bórralo.
Algunas herramientas, como la herramienta de Selección difusa (varita mágica) o la herramienta
de relleno (cubeta), tienen una opción llamada Umbral. Estas herramientas analizan el color
de los pixeles alrededor de aquél sobre el que se aplica la herramienta. Si el color de los pixeles
contiguos es similar, la acción de la herramienta se extiende a ellos. Si el color de los pixeles
contiguos es diferente, la acción no los afecta.

El umbral determina qué tan similares deben ser los pixeles contiguos para ser afectados por la 3. Copia la capa tres veces y utiliza las herramientas de rotación para acomodar las hojas de
herramienta. Si el umbral es bajo (cerca de 0), los pixeles deben ser mucho más parecidos para manera que semejen un abanico.
ser afectados. Si el umbral es alto (cerca de 255 o 100%), no importará si los pixeles se parecen
o no a los contiguos para ser afectados.

Para la mayoría de los casos, un umbral de entre 20 y 30 funciona bien, pero debes experimentar
con este parámetro para lograr los resultados deseados en casos específicos.

MID 11 Crear una corona navideña


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

Crear una corona navideña 5. Con la herramienta escalar, reduce el tamaño de las hojas acopladas al 50%. Después duplica
la capa y con la herramienta rotar, gírala 90º de manera que se forme un semicírculo con las
hojas de la capa anterior.
Este es otro proyecto de fotomontaje, a la vez de ser un proyecto de diseño artístico. Consiste en
crear una forma decorativa a partir de la fotografía de la hoja de un árbol. Posteriormente podrás
usar el diseño resultante para otros fotomontajes.

1. Primero abre en GIMP el archivo hoja1.jpg de tu carpeta de trabajo. A continuación, selecciona


con la herramienta de selección rectangular, una de las 3 hojas de la foto. Cópiala y pégala en
una capa nueva.

6. Continúa duplicando las capas y acoplándolas hasta formar en especie de corona de hojas
como las que se usan para la decoración navideña.

70 GIMP 71
7. En el Menú/Colores/Tono y saturación, ajusta la imagen con los siguientes parámetros:
Tono 6, Luminosidad -68 y Saturación 11.

8. Guarda el proyecto terminado, para utilizarlo en otro proyecto más adelante.

4. Busca el filtro del Menú Filtros/Des-


enfoque/Desenfoque gausiano y
MID 12 Crear una felicitación navideña aplícalo con un rango de 28 pixeles.
Después, combina esta capa con la de
abajo, es decir, con la esfera roja.
Crear una felicitación navideña
En este proyecto vamos a crear una felicitación navideña integrando varias imágenes, entre otras
la corona de hojas que acabamos de crear en el proyecto anterior. En primer lugar vamos a crear
una esfera con una fotografía dentro.
5. En una nueva capa, traza ahora un contorno
1. Primeramente vamos a abrir en GIMP la imagen titulada santas.jpg, que se encuentra en tu blanco para que simule el brillo de nuestra
carpeta de actividades. Si lo deseas, puedes utilizar tu propia fotografía. esfera. De manera similar al paso anterior,
aplícale desenfoque gaussiano, pero esta
vez de 35 pixeles. De esta manera nuestra
esfera adquiere volumen. Combina hacia aba-
jo esta capa de brillo con la esfera roja.

6. Ahora vamos a simular que la fotografía


está dentro de la esfera. En la ventana de
capas selecciona la capa de la imagen y
oculta las demás capas. Vamos a borrar
lo que sobra de la imagen alrededor de
la esfera. Para ello, primero invierte la
selección con el Menú Seleccionar/In-
2. Crea una nueva capa y con la herramienta vertir selección y después utiliza el Menú
de selección circular, traza un círculo sobre la Edición/Borrar. De esta forma desapare-
imagen. Rellénalo con color rojo. cerán todos los elementos de la fotografía
que no caben en la esfera.

3. Crea una capa nueva y con el pincel en color


negro, traza una sombra en el contorno de la
esfera. No importa si no es muy precisa.

72 GIMP 73
En otros programas de diseño, al pegar un
7. En la ventana de capas mueve la capa de objeto se crea una nueva capa, pero en GIMP
fotografía sobre la esfera, aplícale el modo los objetos se pegan como selección flotante.
de fusión “combinar granulado” y baja la La selección flotante se puede convertir en una
nueva capa o unir a la capa activa.
opacidad al 75%. Ahora parece que la foto
está dentro de la esfera. En este caso vamos a usar el botón derecho del
ratón y en la ventana de capas, sobre el recuadro
que dice Selección flotante, elegir la opción
Anclar la capa, para que la selección se una a
la capa nueva.

11. Con la herramienta Escalar, reduce la esfera de manera que quepa en el centro de la corona
8. Para reforzar la ilusión, sobre la capa de la de flores. Reacomoda las capas de manera que la corona quede sobre la esfera.
fotografía aplicaremos un filtro de distorsión
llamado Distorsió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. 12. Crea una capa nueva y rellénala con un patrón
de mármol. En las opciones de la Herramienta
de relleno (cubeta), elige Relleno con patrón y
en la ventana de patrones elige el que te guste.

10. Abre el archivo de la corona de flores que creaste en el proyecto anterior y crea una capa
nueva. Abre también la imagen PNG de la esfera; copia y pega la esfera sobre la capa
nueva de la imagen de la corona de flores.

74 GIMP 75
Poner marco a una fotografía

1. En este proyecto vas a simular un marco de madera para una fotografía. Observa el resultado
al final de las instrucciones para que tengas una idea clara del resultado esperado. Antes de
iniciar el proyecto, piensa cómo podrías lograr ese resultado. Inicia abriendo el archivo casa-
faro.png de tu carpeta de actividades.

2. Abre una capa nueva y con la herramienta de selección rectangular, traza el extremo izquier-
do del marco. Utilizando el Menú Edición/Rellenar con un patrón, rellena el rectángulo con
un patrón que parezca madera clara.

13. El toque final será añadir un letrero con un efecto que se debe crear en un archivo nuevo
aplicando un script fu, que es una especie de macro pre programado para crear efectos. Abre
un archivo nuevo trasparente de 640x480 pixeles. Elige una fuente de letra gruesa y escribe
el texto de felicitación con un tamaño superior a los 100 puntos.

14. Aplica el efecto Menú Filtros/Alfa a logotipo/Cromar…El cuadro de diálogo del efecto
te pide elegir un color de fondo. Puedes aceptar el color sugerido y aplicar el filtro. Deberás
obtener un resultado similar a éste.

3. Crea una nueva capa, traza un rectángulo más delgado y rellena con un patrón de madera
más obscuro para simular un desnivel en el marco lateral y darle más volumen.
15. Usando el botón derecho del ratón, combina hacia abajo las dos primeras capas y copia esta imagen.

16. Pégala en el archivo dónde estás creando la tarjeta. Recuerda que se añadirá como
selección flotante y, en la ventana de capas deberás transformarla en una nueva capa o
bien anclarla a la capa activa como lo hiciste anteriormente.

17. Guarda tu trabajo terminado.

MID 13 Poner marco a una fotografía

76 GIMP 77
9. Acopla las capas que forman el marco. Crea
una copia y utiliza el Menú Colores Brillo y
4. Copia esta capa y coloca un segundo borde contraste para reducir el brillo al mínimo y
obscuro al centro del rectángulo de color claro. aumentar el contraste al máximo. Al aplicar
Combina hacia abajo las tres capas para que estos ajustes un par de veces, la copia del
los elementos del marco izquierdo queden marco se vuelve totalmente negra.
agrupados en una sola capa.

10. Aplica el filtro de desenfoque gaussiano a 31%.

5. Duplica la capa del marco con sus bordes y gírala


90ª para formar el extremo superior del marco.

11. Reduce un poco el tamaño del marco


negro y en la ventana de capas, colócalo
bajo el marco de madera para que haga el
efecto de sombra entre la foto y el marco.
El resultado final esperado se muestra en
esta imagen.
6. Selección y borra un pequeño cuadro en el
ángulo formado por los dos segmentos del
marco, de manera que los bordes oscuros
coincidan formando ángulos rectos.

7. Combina hacia abajo los bordes izquierdo y superior del marco, en una sola capa. Duplícala,
gírala y acomoda la copia para completar el marco. Te recomiendo disminuir el zoom al 25% Actividad 09 Repaso
para que puedas observar el movimiento del marco fuera de los contornos de la imagen.
De manera individual o en pequeños grupos, contesta las siguientes preguntas, con tus palabras y
de manera clara. Imagina que debes explicarlo a un usuario que no conoce GIMP. Si tienes dudas,
8. Utiliza la herramienta Borrador para eliminar
puedes consultar la ayuda del programa.
aquellos espacios en las esquinas que evitan
que los bordes oscuros coincidan. Observa el
resultado final. 1. ¿Para qué sirven las capas de GIMP?

Presentar los objetos en pantalla de una manera similar al uso de diapositivas de acetato.

78 GIMP 79
2. ¿Qué desventajas tiene combinar todas las capas en una imagen?

Que al aplanarlas, se crea una sola capa con una imagen la cual pierde todos MID 14 Poner un borde
sus atributos, tales como efectos de fusión, filtros y ediciones en general.
Poner un borde
3. ¿Por qué a veces es importante combinar las capas de una imagen?

Para fusionar los efectos de las capas cuando se haya terminado de editar 1. En este proyecto vamos a crear un marco creativo no convencional para una fotografía.

la imagen y para poder guardarla con un formato de imagen como jpg. El primer paso del proceso consiste en crear un matte. Si te es posible, crea un matte real usando
papel y pintura o tinta negra: toma una hoja blanca de papel y con una brocha de cerdas gruesas
4. ¿En dónde se pueden ajustar las opciones de una herramienta? haz varios trazos. Cuando seque la tinta, escanea la hoja y guárdala con el nombre de matte.jpg.

En el panel de las opciones de la herramienta activa. Si no es posible crear tu propio matte, puedes utilizar el archivo matte.jpg que te proporcionamos
en la carpeta de actividades.

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


Seleccionando ambas capas mediante el menú contextual del panel de capas y
la opción Combinar hacia abajo.
6. Explica qué es y para qué sirve una máscara de capa.

Una máscara de capa es una sección que se utiliza para realizar una edición
limitada al área de trabajo. 2. Abre en GIMP la imagen titulada Barcelona.jpg, que está en tu carpeta de actividades.

7. ¿Qué colores se usan para pintar sobre las máscaras y qué acción realiza cada uno? 3. Abre el archivo matte (el tuyo o el que se proporciona), pero usando el Menú Archivo/
Abrir como capas. Al abrirla así, la imagen matte se abre como una capa sobre la imagen
Blanco – Opacidad Total del edificio. Si usas la imagen que te proporcionamos, ya está dimensionada al tamaño de la
fotografía; si usas tu propia creación, deberás escalarla.
Negro – Transparencia total
8. ¿Cómo puede eliminarse una máscara de capa?

Al combinarla con otra capa o bien solo desactivándola desde el menú con-
textual y la opción Desactivar mascara de capa.

80 GIMP 81
4. Con la herramienta de Selección difusa, selecciona la parte oscura del matte. Después crea una
capa nueva e invierte la selección. Asegúrate que el color de fondo es blanco y rellena la selección
usando el Menú Editar/Rellenar con el color de fondo. Por último, oculta la capa de matte.

MID 15 Cambiar de fondo

Cambiar de fondo
Una de las tareas más comunes en la edición digital de imágenes, es cambiar el fondo de una
fotografía. En este proyecto crearás y usarás una máscara. Recuerda que una máscara es una
imagen en blanco y negro (o tonos de grises) que deja pasar todo lo que está en blanco y oculta
todo lo que está en negro.

5. De forma similar al proyecto anterior, vamos 1. Para iniciar, abre en GIMP el archivo titulado frida-y-yo.jpg de tu carpeta de actividades. Si
a crear una sombra para darle profundidad al lo deseas, puedes trabajar con una fotografía tuya, en la que se vean una o más personas.
marco. Copia la capa que se rellenó de color Recuerda que el objetivo de este proyecto es eliminar el fondo. En la ventana de capas,
blanco y por medio de los ajustes de brillo y renombra la capa como Fondo.
contraste, cambia la copia al color negro.
2. Lo primero que debes hacer es crear un duplicado de la capa de imagen. Ahora sobre el dupli-
cado crearemos una imagen en blanco y negro, que después servirá para hacer una máscara.
Para ello, con la Herramienta de selección libre (lazo) traza el contorno de la imagen, lo
más preciso que puedas. Invierte la selección y rellénala con el color de fondo (negro).
6. Aplícale un filtro de desenfoque gaussiano con una intensidad de 19 pixeles.

7. Redimensiona la sombra y cambia el orden de las capas, de manera que la capa de sombra
negra quede debajo de la capa con el marco blanco.

8. Finalmente, mueve un poco la capa de fondo


de manera que se aprecie la cúpula del edifi-
cio. El marco artístico está terminado.

3. Para que la máscara sea eficaz, hay que añadir a la selección los espacios ente la mano y
9. Ahora intenta aplicar un marco artístico simi- el cuerpo, así como entre las dos personas. Estos espacios también deberían rellenarse de
lar a una fotografía tuya. negro. Sin embargo, notarás un posible problema: como el pantalón es negro, los espacios y
el pantalón se confundirían. Entonces, primero vamos invertir el color del pantalón para que
se separe del color negro del fondo.

82 GIMP 83
4. Con la Herramienta de selección difusa (varita mágica) selecciona el pantalón. Si no se se- 8. Aplica a tu imagen un ligero desenfoque
lecciona todo en un primer intento, oprime la tecla <Shift> y, sin soltarla, vuelve a seleccionar gaussiano de 5 pixeles. Luego, invierte el
con la misma herramienta. Ten cuidado que la selección no se extienda sobre el área negra de color de la imagen para tener la imagen final,
tu imagen. Cambia el color del pantalón con el Menú colores/Invertir. No te preocupes si el como la que se muestra aquí. Nombra a esta
resultado no se ve perfecto, recuerda que estás trabajando sobre una capa que es una copia capa matte y mueve la capa debajo de la ima-
de la imagen original con el fin de crear una imagen en blanco y negro que después servirá gen, en la ventana de capas.
para hacer una máscara. Perfeccionaremos la selección más adelante.

9. Ahora debes crear la máscara. Crea una capa nueva y nómbrala máscara. En la ventana
de capas, haz clic con el botón derecho sobre
ella y elige Añadir máscara de capa. En las
5. Ahora sí, utiliza la Herramienta de selección libre (lazo) para seleccionar y rellenar de negro opciones del cuadro de diálogo, selecciona
los espacios entre las personas y entre la mano y el cuerpo. Blanco (Opacidad total).

6. Quita cualquier selección activa en la imagen con el Menú Seleccionar/Nada. Ahora haz clic
derecho sobre la imagen y escoge en el
menú contextual Colores/Umbral. Ajusta
el umbral hasta que las partes que corres-
ponden a la imagen sean casi blancas y el
fondo sea negro.

7. El siguiente paso es detallar la imagen en blanco y negro. Utiliza las herramientas de selección
y de relleno, así como de los pinceles, para ajustar la máscara lo más posible a la imagen. 10. Copia la imagen en blanco y negro de la capa matte y pégala en la capa máscara. Se creará
Para mayor precisión ajusta el zoom de la imagen de manera que puedas observar con detalle una selección flotante sobre la capa de máscara, que debes anclar usando las opciones del
los contornos. Utiliza el pincel para pintar de blanco todo lo que esté dentro y de negro todo botón derecho del ratón, como ya has hecho en proyectos anteriores. Verifica que en el re-
lo que quede fuera de la imagen. cuadro de máscara de capa se vea la imagen en blanco y negro, aunque no notarás cambios
en la fotografía.

84 GIMP 85
11. En la ventana de capas, selecciona la capa máscara y con el botón derecho del ratón, elimina 14. Vamos a agregar un efecto de nubes. Copia la capa de máscara y renómbrala como nubes.
el canal Alfa. Esta acción oculta el fondo de la imagen y en su lugar se verá el color blanco. Selecciona el recuadro principal y aplícale el filtro de Renderizado /Nubes/Nubes de di-
ferencia. Después, en la ventana de capas, elige el modo de fusión: Solapar. Guarda tu
proyecto terminado en el formato estándar de GIMP, para que puedas modificarlo en el futuro
si lo deseas.

12. Hasta este punto has eliminado exitosamente


el fondo de la fotografía. Ahora puedes reem- MID 16 Suprimir a una persona de una fotografía
plazarlo por otro fondo, ya sea una fotografía,
un color o una textura. Vamos a aplicar en
este ejemplo un degradado. Crea una capa
nueva y con la Herramienta de mezcla,
Suprimir a una persona de una fotografía
llénala con un degradado radial que vaya de
azul claro a blanco. Nombra esta capa como Otro de los efectos más solicitados en los estudios fotográficos es el eliminar objetos y/o personas
nuevo fondo. indeseables en una toma.

Para este proyecto, vamos a abrir en GIMP la imagen titulada indeseable.jpg, que está en tu carpeta
de actividades. La persona a eliminar en este caso es la que aparece señalada con una flecha roja.

13. Selecciona el contenido de la capa nuevo fondo y cópialo con <Ctrl+C>.Envía esta capa
debajo de todas las demás, pues ya no la requeriremos más. Ahora en la capa de máscara,
selecciona el recuadro en blanco y pega el degradado. Ya sabes que se pegará como selección
flotante y deberás anclar la capa, para que el degradado rellene el espacio en blanco. Podrías
hacer lo mismo con una fotografía que quisieras usar como fondo.

86 GIMP 87
1. Lo primero que vamos a hacer es crear una 4. Ahora las ramas del árbol de atrás se ven cortadas. Para corregir este problema puedes selec-
copia de la imagen original, seleccionar a las cionar un segmento del árbol de la foto original y pegarlo en una nueva capa.
dos chicas del extremo izquierdo y pegarlas
en una nueva capa.

5. Reacomoda las capas de modo que el árbol


quede encima de la capa de fondo y debajo
la capa de las chicas. Muévelo hasta que las
ramas se vean completas.
Cuida que los bordes de la selección incluyan completamente la figura de las dos chicas.

Recuerda que para crear una capa nueva con la imagen copiada, no basta con crear una capa y
pegarla; es necesario anclar la selección flotante a la capa.

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

7. Con la Herramienta de recorte vamos a reencuadrar la fotografía trazando un rectángulo


2. Mueve la capa con la imagen de las sobre el área que queremos conservar. De esta forma desaparecerá la parte duplicada de la
chicas, cubriendo al personaje que que- imagen de abajo.
remos suprimir en la capa de abajo.

Como ves al cortar a este personaje la fotografía se hará más pequeña y posteriormente habrá
que re-encuadrarla.

3. Aumenta el zoom al 200% y con la herra-


mienta Borrador, ve eliminando los restos del
personaje en la fotografía.

MID 17 Aplicar retoques

88 GIMP 89
Aplicar retoques 5. Elige como color frontal el gris. Toma la herramienta pincel y en las opciones busca el pincel
Galaxy Big con un tamaño de 0.18

En este proyecto aprenderemos a retocar retratos, dándole un efecto de glamour muy usado en la
fotografía de modelaje. Aunque en este ejercicio no utilizaremos la fotografía de un ser humano,
sino la de un perro. Esta es una técnica muy usada para eliminar imperfecciones de la piel y
suavizar los rasgos del rostro de las personas, haciéndolas parecer más bellas.

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

2. Crea una copia de la capa y aplícale desenfoque gaussiano con intensidad de 60 pixeles.

6. Sobre la máscara de capa, pinta los ojos y


la nariz del perro. Al utilizar un color gris,
se ocultara parcialmente el efecto de la
capa de abajo. En las fotografías de mo-
delaje, el efecto de desenfoque gaussiano
hace que la piel se vea más suave y tersa,
pero los ojos y los labios deben verse enfo-
3. En la ventana de ajuste de capas elige el modo de fusión pantalla. cados y nítidos.

4. Con el botón derecho del ratón, añade una máscara de capa y elige la opción Blanco (Opacidad total). 7. Crea una capa nueva y rellénala de color negro. Con la herramienta de selección circular, traza
una elipse que enmarque el cuadro.

90 GIMP 91
Estilo Victoriano 1870’s
Con el buscador Google busca imágenes de carteles estilo Victoriano, para que tengas una idea de
8. Borra el interior de la elipse y aplica a esta capa un desenfoque gaussiano de 60 pixeles. Baja lo que vamos a hacer.
la opacidad de la capa al 66% para tener el retrato terminado.
1. Abre un archivo nuevo de GIMP de 600x800 pixeles y rellénalo con color azul pálido.

2. Utilizando el comando Menú Archivo/Abrir


como capas, abre el archivo greca_geome-
trica.jpg de tu carpeta de actividades. Reduce
la greca al 50%, copia la capa varias veces
para crear un marco alrededor del área de la
imagen.

3. Con la herramienta de selección circular, traza una


elipse al centro de la imagen y rellénala con color
blanco.
La evolución del diseño gráfico
El papel de un diseñador es comunicar ideas de manera efectiva. Para ello deberá manipular las
imágenes con el estilo apropiado para el tipo de público que se quiere alcanzar.

Una fuente de inspiración para todo trabajo artístico es el pasado; a través de la historia, muchos
artistas han generado ideas originales y creativas. Al buscar inspiración en el pasado no se trata de 4. Abre como capa el archivo titulado bebe.jpg
copiar, sino de estudiar lo que han hecho otros para crear nuestras propias ideas. y, con la herramienta de escalar, redúcelo de
manera que quepa en la elipse blanca.
A lo largo de la historia han existido muchos estilos de diseño y a menudo se inspiran unos en
otros. En este curso no pretendemos ofrecer una lista exhaustiva de los diferentes estilos ni impartir
una clase de historia del arte o del diseño gráfico, simplemente ofrecemos al estudiante una
pequeña muestra de algunos de los estilos de diseño más famosos, cada uno acompañado de un
ejercicio para imitarlo.

92 GIMP 93
5. Con el Menú colores/Umbral modifica la
imagen del bebé, para convertirla en una ima- Cartel constructivista 1920’s
gen de alto contraste blanco y negro. Con la
herramienta borrador, elimina los bordes de la El estilo constructivista, se hizo muy popular en los primeros años de la Unión Soviética, para la
foto que sobresalgan de la elipse. creación de carteles propagandísticos. Primero, busca en las imágenes de Google, carteles estilo
constructivistas. Comenta en grupo las características más evidentes que son comunes a este estilo
de diseño.

6. Selecciona un tipo de letra que parezca anti-


gua (en el ejemplo utilizamos la fuente Vival- 1. Abre un archivo nuevo de GIMP de 600x800 pixeles y rellénalo de color amarillo mostaza.
di Italic con tamaño de 98 puntos) y escribe
un texto. 2. Abre como capas la imagen yopi.png de tu carpeta de actividades. Se trata de una fotografía
cuyo fondo es transparente. Los fondos transparentes no se pueden guardar en cualquier tipo
de archivo, pero el formato png sí lo permite.

7. Crea una nueva capa justo encima del fondo


y traza en ella un rectángulo menor que el
marco. Rellénalo con color amarillo claro.

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


es una cinta creada con la herramienta de
formas de PowerPoint. Agrega otro texto de
manera que simule estar escrito en la cinta.
3. Escala la fotografía al 170%. Ubícala cerca de la esquina superior de tu documento. Ahora,
con la herramienta de Selección difusa (varita mágica), haz un clic justo afuera de la foto y
luego invierte la selección con el Menú Seleccionar/Invertir. Una vez así seleccionada toda
9. En la parte superior, escribe un texto adicio- el área de la foto, crea una capa nueva y aplícale un relleno color rojo a la selección.
nal con otro tipo de letra. Fusiona las capas y
guarda tu trabajo terminado.

10. Como ejercicio adicional, crea otro cartel


de estilo victoriano, para presentar una
idea a tus compañeros.

94 GIMP 95
4. En la ventana de capas, cambia el Modo de fusión de la capa roja a multiplicar. Selecciona la 7. Finalmente añadiremos la tipografía. Elige una letra gruesa, escribe tu texto y rótalo como se
capa de la fotografía original y convierte la imagen a escala de grises con el Menú Colores/ muestra en la imagen. Tu cartel de estilo constructivista está terminado.
Desaturar. Con la herramienta borrador, elimina en la capa roja, el área de los ojos y los
dientes, para que se observen los de la foto original.

8. Como ejercicio adicional, crea otro cartel de estilo constructivista, para presentar una idea a
5. Abre como capa la imagen llamada escalera.png y ajústala hasta que se vea como la tus compañeros.
de la ilustración.
Arte Pop 1960’s
Busca en Internet carteles de arte pop. Investiga además sobre la obra de Andy Warhol y Roy
Lichtenstein, dos de los más claros representantes del arte pop en la década de 1960. En este
proyecto vas a crear un par de carteles inspirados en los célebres retratos de Marilyn Monroe
realizados por Andy Warhol.
6. Sobre la capa de fondo, crea una nueva capa en la que trazarás un cuadrado de color café.
Repite los pasos necesarios para obtener los tres cuadrados del cartel.
1. Abre en GIMP la foto retrato2.jpg que se
encuentra en tu carpeta de actividades.
Con el Menú 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 para
centrar la imagen, para que la fotografía
permanezca en el cuadrante superior iz-
quierdo.

96 GIMP 97
6. Finalmente, fusiona las capas y guarda la imagen en formato jpg.
2. Como en el proyecto anterior, aplica el
efecto Umbral para obtener una imagen 7. Ahora tú debes realizar un cartel similar, de estilo arte pop, utilizando tu propia fotografía.
de alto contraste en blanco y negro.

Cartel Psicodélico 1960’s


3. Duplica la capa tres veces y acomoda las
copias como se muestra en la imagen lle- En la década en que nace la psicodelia y el movimiento hippie, se desarrolla todo un nuevo estilo
nando el lienzo. de diseño gráfico. Busca en Internet imágenes de carteles estilo psicodélico. Analiza sus caracte-
rísticas y coméntalas en grupo. Uno de los detalles distintivos de estos carteles es el manejo de
la tipografía, que sigue curvas y se adapta a formas caprichosas.

1. En este cartel no vamos a utilizar ninguna imagen, sólo tipografía, pero la vamos a trabajar
4. Crea una capa nueva y traza una selección de manera similar a como se manejan las imágenes para crear efectos con las letras. Nuestro
rectangular que cubra una de las fotos. Llé- cartel ilustrará el título de una popular canción de los Beatles: “All you need is love”.
nala con un color primario rojo. Posterior-
mente, repite la operación con cada una
de las otras fotos, rellenando cada una con
un color diferente. Es muy importante que
la plasta de color esté en una capa diferen- 2. Primero vamos a crear un archivo nuevo de GIMP de 800x600
te a la de las fotografías. pixeles, con fondo blanco. Comienza tecleando la letra L de
“love”. Puedes usar la fuente Bauhaus con tamaño de 415
pixeles.
5. Cambia el modo de fusión de las capas de color a Claridad fuerte, de manera que se observe
la imagen de abajo.
3. Ahora crea una letra o de 263 pixeles y colócala cerca de la parte superior de la letra L.

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

98 GIMP 99
5. Con la herramienta de selección rectangular, corta el brazo izquierdo de la V y colócala debajo 9. Aplica el filtro de distorsión Remolino con valores similares a los que se indican en la figura:
de la letra O.

6. Copia la capa de la letra V elimina completamente el brazo izquierdo de la letra y con la


imagen restante alarga el brazo derecho de la letra V para que sobresalga al nivel de la O.

10. En una nueva capa escribe el texto “Allyouneedis” y aplícale el filtro de distorsión Doblar
según curva. Modifica las curvas para el borde superior e inferior hasta que obtengas el
efecto deseado.

7. Ahora escribe una letra E de 373 puntos y rótala ligeramente, colocándola junto a la V.

8. Acopla en una sola capa las 4 letras. Después usa la herramienta de Selección difusa (varita
mágica) para seleccionar las letras. En la ventana de patrones, elige un patrón psicodélico.
En este ejemplo se usó el patrón Pastel Stuff. Rellena las letras seleccionadas con el Menú
Editar/Rellenar con un patrón.

100 GIMP 101


11. Acomoda ambos textos de una manera estética y que permita leer la frase completa: “All 14. Para repasar las técnicas que has aprendido, realiza otro cartel psicodélico con una frase
you need is love”. diferente. Agrega una imagen a tu cartel y dale los efectos necesarios para que se asemeje a
los carteles psicodélicos que analizaste al principio de este proyecto.

Cartel Punk 1980’s

A fines de los años 70, surgió una nueva estética en el diseño gráfico: la estética punk, que siguió
siendo popular durante los 80´s y 90’s. Antes de comenzar este proyecto, busca en imágenes de
Google u otra fuente carteles estilo punk. Analiza sus características y coméntalas en grupo.
12. Crea una capa nueva sobre la capa de fondo. Traza una selección circular y aplícale un filtro
de distorsión Doblar según curva. Ajusta la curva como lo requieras.
1. Abre en GIMP la foto retrato3.png, que se encuentra en tu carpeta de actividades. También
puedes utilizar tu propia fotografía. La foto que se proporciona ya tiene fondo transparente,
pero si usas tu propia foto, es importante eliminar el fondo.

2. Aplica a la foto el Menú Colores/Umbral para obtener


un boceto de alto contraste en blanco y negro.

13. Finalmente aplícale a esta forma un filtro Desenfoque gaussiano de 53 puntos. 3. Con el Menú Imagen/Tamaño del lienzo, aumenta el tamaño del área de trabajo a
562x816 pixeles. Reposiciona la cara abajo y a la izquierda del lienzo.

4. Crea una nueva capa y pinta con rosa sobre el cuello y rostro. Después aplica a esta capa el
modo de fusión Multiplicar, para que se observen los detalles de la fotografía que está debajo
de la pintura rosa.

102 GIMP 103


9. Escribe otra palabra con letras negras a un lado de la imagen. Después crea tres o más
cuadros blancos y dentro de ellos ubica las letras de una palabra corta para similar letras
5. En la misma capa donde pintaste de rosa, pinta de rojo sobre el área de la ropa del personaje. recortadas de un diario. Escribe las letras de manera que quede una en cada cuadro. Acopla
cada letra con cada cuadrito.

6. Crea una nueva capa y rellénala con un color verde vivo, muévela y colócala como el fondo
de todas las capas. 10. Una vez terminado tu cartel punk, guárdalo como de costumbre. Después utiliza otra imagen
y básate en los diseños que investigaste al inicio del proyecto, para crear otro cartel con las
características de este estilo.

7. Crea una capa nueva. Traza sobre ella un rectángulo y llénalo de color negro, rótalo y ubícalo
sobre la esquina superior derecha.
Para seguir aprendiendo…
Los estilos de diseño gráfico que has experimentado en estos últimos proyectos son sólo una
pequeña muestra de la muy amplia variedad de inspiración que puedes encontrar en la historia del
8. Escribe un texto de color blanco dentro del recuadro negro. Deberás rotarlo para colocarlo en arte y el diseño. No te conformes con mirar, ¡atrévete a crear!
la misma posición.
Para seguir aprendiendo y explotar al máximo el enorme potencial de GIMP, busca en la Web
ejemplos de diferentes estilos y técnicas. Usa las herramientas de este curso para tratar de imitarlos
y después crear tus propios diseños.

104 GIMP 105


Notas Notas

106 GIMP 107


Notas Notas

108 GIMP 109


Notas

110

S-ar putea să vă placă și