Documente Academic
Documente Profesional
Documente Cultură
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
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
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.
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
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.
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)
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.
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.
• 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.
• 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í.
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.
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.
24 GIMP 25
Obtener la última versión de The GIMP es bastante sencillo, basta descargarlo de www.gimp.org La ventana de herramientas:
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.
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.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
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. 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.
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
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.
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.
*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.
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).
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.
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.
52 GIMP 53
MID 06 Dibujando formas simples
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?
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.
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.
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.
60 GIMP 61
2. Primero elimina el color de la fotografía. Esto se puede hacer de dos maneras:
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.
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?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Como ves al cortar a este personaje la fotografía se hará más pequeña y posteriormente habrá
que re-encuadrarla.
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.
2. Crea una copia de la capa y aplícale desenfoque gaussiano con intensidad de 60 pixeles.
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.
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.
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.
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.
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.
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.
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.
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.
110