Curso 1

CICLO:
PRODUCCIÓN DE RECURSOS
EDUCATIVOS MULTIMEDIA
CURSO:
HERRAMIENTAS
PARA LA
PRODUCCIÓN Y
EDICIÓN DE
IMÁGENES
MINISTERIO DE EDUCACIÓN
Colección:
CUADERNOS DE FORMACIÓN CONTINUA
Ciclo:
“PRODUCCIÓN DE RECURSOS EDUCATIVOSMULTIMEDIA”
Curso:
“HERRAMIENTAS PARA LA PRODUCCIÓN Y EDICIÓN DE IMÁGE-

NES”
Coordinacion:
Viceministerio de Educación Superior de Formación Profesional
Dirección General de Formación de Maestros

Unidad Especializada de Formación Continua
Cómo citar este documento:
Ministerio de Educación (2022). “HERRAMIENTAS PARA LA
PRODUCCIÓN Y EDICIÓN DE IMÁGENES”. Cuaderno de formación
continua. UNEFCO
La venta de este documento está prohibida. Denuncie al ven-
dedor a la Dirección General de Formación de Maestros, Tel.
2440815 o a la Unidad Especializada de Formación Continua:
unefco@unefco.edu.bo
www.minedu.gob.bo
https://unefco.edu.bo/
Bolivia,mayo del 2022

CURSO:
1
HERRAMIENTAS PARA
LA PRODUCCIÓN Y
EDICIÓN DE VIDEO
Herramientas para la Producción y Edición de Imágenes
CONTENIDO
TEMA 1: LA IMPORTANCIA DE LA IMAGEN COMO RECURSO MULTIMEDIA �1
ACTIVIDAD DE INICIO��2
1.1COMUNICACIÓN VISUAL��3
1.1.1.La teoría de Gestald��3
1.2.TEORÍA DEL COLOR��8
1.3.REPOSITORIO DE IMÁGENES��10
1.4.SOFTWARE UTILIZADOS EN LA EDICION DE IMAGEN��12
1.5.DESCARGA E INSTALACIÓN��13
1.6.HERRAMIENTAS DEL PROGRAMA GIMP��15
1.6.1.Ventana principal��15
1.6.2.Caja de herramientas��16
1.7.EDICIÓN DE IMÁGENES��18
1.7.1.Abrir una imagen��18
1.7.2.Trabajando con capas ��20
1.7.3.Quitar fondo de imagen��22
1.7.4.Trabajo con textos��23
1.7.5.Publicación, exportación e impresión��24
TEMA 2. USO Y MANEJO DE CANVA ��28
2.1.¿QUÉ ES CANVA?��29
2.2.INGRESO A LA PLATAFORMA CANVA��31
2.3.MI PRIMER DISEÑO EN CANVA��32
2.3.1.USO DE PLANTILLAS��33
2.4.EFECTOS DE IMÁGENES��38
2.5.DESCARGA Y COMPARTIR��39
TEMA 3.USO Y MANEJO DE INFOGRAFÍAS con Genial.ly ��42
3.1.QUE ES GENIAL.LY��45
3.2.REGISTRO A GENIALLY��46
3.3.CREAR UN GENIALLY��48
3.4.INTERFAZ�� 50
3.5.INTERACTIVIDAD Y ANIMACIÓN��51
3.6.PUBLICAR�� 53
3.7.COMPARTIR��53
CONSIGNAS PARA LA ETAPA DE INTERCAMBIO DE EXPERIENCIAS��61
Bibliografía �� 63
GLOSARIO�� 63
I
Itinerarios Formativos para Maestras y Maestros
II
Presentación
Bajo el mandato constitucional, la Ley N.º 070 de la Educación “Avelino Siñani -
Elizardo Pérez y la normativa vigente en el sector, la Unidad Especializada de For-
mación Continua - UNEFCO, como brazo operativo del Ministerio de Educación, ha
diseñado una oferta formativa renovada acorde a las realidades del actual esce-
nario educativo. La misma se plantea como iniciativa para el fortalecimiento de la
formación continua de maestras y maestros del SEP orientada al desarrollo de
aprendizajes de calidad, en sintonía con las siguientes acciones estratégicas al
2025 priorizadas por el Ministerio de Educación:
- Recuperar y Mejorar los Aprendizajes Perdidos
- Fortalecer las Condiciones para la Calidad Educativa
- Colocar la Educación en el Centro de la atención y la acción social
Consiguientemente, la Oferta Formativa UNEFCO comprende ciclos/cursos for-
mativos, centrados en facilitar y propiciar la creación y desarrollo de estrategias
donde maestras y maestros sean quienes den respuestas propias a necesidades
de su práctica educativa.
El área de Herramientas Tecnológicas y Digitales, contempla ciclos/cursos enfo-
cados en que las maestras y maestros desarrollen capacidades para seleccionar
y emplear de forma pertinente las herramientas que ofrecen las tecnologías de la
información y comunicación, optimizando los resultados planteados en la práctica
educativa.
Los procesos formativos se desarrollaran bajo la modalidad de formación de Iti-
nerarios Formativos, que responde a los ritmos, intereses, disponibilidad de tiem-
po y necesidades concretas de las y los participantes (individual y colectivamente),
orientada a la aplicación práctica y la mejora permanente del desempeño profe-
sional, partiendo de la lectura de la realidad educativa.
Cada cuaderno de formación continua, está estructurado en temas formativos,
mismos que tienen relación entre la etapa de apropiación de conocimientos, etapa
de concreción en la práctica educativa y etapa de intercambio de experiencias.
A partir de las herramientas, estrategias que se ofrece en los cursos formativos,
deseamos que cada uno de nuestros participantes enriquezca la práctica educativa
y se contribuya a transformar la realidad y se logre alcanzar una educación de
calidad con la participación de toda la comunidad educativa.
MSc. Lic. Jorge Galindo Villa Castro

COORDINADOR GENERAL UNEFCO
III
IV
DATOS GENERALES DEL CURSO
CURSO 1: Herramientas
para la producción
y edicicón
de imágenes
CICLO
Producción CURSO 2: Herramientas
de Recursos para la producción
y edición de audio
Educativos
Multimedia
CURSO 3: Herramientas
para la producción
y edición de video
V
OBJETIVO HOLÍSTICO DE CICLO

Fortalecemos nuestros conocimientos y capacidades en el uso
de RECURSOS EDUCATIVOS MULTIMEDIA de manera responsa-
ble, utilizando herramientas tecnológicas de producción y edi-
ción de imágenes, audio y video, aplicando actividades prácticas,
para contribuir de manera significativa a la mejora de la calidad
educativa para Vivir Bien.
OBJETIVO DEL CURSO

Asumimos de manera responsable el uso de nuevas herramien-
tas tecnológicas, a partir del desarrollo de programas de pro-
ducción y edición de imágenes, para la aplicación en las diferen-
tes áreas de saberes y conocimientos, que permita fortalecer la
didáctica en la práctica educativa con soberanía tecnológica.
VI
TEMA 1:
LA IMPORTANCIA DE
LA IMAGEN COMO
RECURSO
MULTIMEDIA.
Herramientas para la Producción de Imágenes
ACTIVIDAD DE INICIO
Observamos el siguiente material audiovisual en el siguien-
te enlace:
https://youtu.be/10_0nVuXZqo
A continuación, respondemos los siguientes conceptos:

Para nosotros ¿Qué es un recurso didáctico?
…………………………..………………………………………
…………………………………………………………………
…………………………………………………………………
…………………………..………………………………………
…………………………………………………………………
…………………………………………………………………
…………………………..………………………………………
…………………………………………………………………
…………………………………………………………………
…………………………………………………………………
………………………………………...……..…………………
…………………………………………………………………
…………..………………………………………………………
……………………………………………………..……………
2
1.1.. Comunicación visual

Desde el inicio de nuestra profesión, casi inmediatamente surgió
la necesidad de poder expresar nuestros conocimientos no solo
de forma oral, sino también buscamos los medios necesarios
para poder explicar y no dejar simplemente a la imaginación so-
bre algún concepto.
La solución inmediata fue el dibujo, si bien es una práctica que
muchos maestros aun la utilizan, tendremos que ver que no a
muchos se nos da el talento de poder dibujar.
Pero si no sabemos cuánto o como influencia una imagen en
nuestra percepción o aprendizaje quizá estemos utilizando un
recurso que no ayudará en el desenvolvimiento de nuestra ma-
teria.
1.1.1. La teoría de Gestald
Fue construida a comienzos del siglo XX por investigadores ale-
manes y austriacos y sus principios son:
• Principio de Simplicidad
• Principios de Unidad
• Principio de figura a fondo
Principio de simplicidad: tendemos a ver las cosas de la forma
mas simple que se nos sea posible.
Las imágenes son una herramienta muy potente para poder
transmitir un mensaje, ya que solo con algunos datos podemos
mostrar un mensaje y cambiar el mismo.
3
Como ven en el ejemplo, solo la modificación de la imagen nos

muestra un distinto mensaje, por lo cual debemos tener cuidado
en que tipo de mensaje y que tiempo de imagen pensamos utili-
zar como recurso.
Principio de Unidad: lo similar tiende a formar unidades, entre
signos diferentes, los similares forman unidad.
Entre signos similares, los iguales forman unidad
4
Entre signos iguales, la unidad se forma por la distancia entre

ellos.
La comunicación es el hilo que media entre los hombres y entre

estos y el mundo, en todo acto comunicativo hay un emisor, un
receptor, un mensaje, un canal e interferencias, el mensaje se
transfiere mediante un código, el código del diseño gráfico es un
sistema de símbolos visuales el cual se nutre de muchos otros
códigos, como el de la arquitectura, el arte, el teatro, la impren-
ta, etc.
Las relaciones entre diferentes códigos y entre diferentes len-
guajes son estudiados por la semiótica.
La semiótica estudia los signos, el proceso por el cual algo fun-
ciona como signo haciendo alusión a algo, se llama semiosis.
5
En la semiosis distinguimos tres componentes:
Estos componentes se pueden traducir como las tres dimensio-

nes del signo,
Para poder entender mejor los conceptos realizamos la siguien-

te dinámica
Dentro del recurso multimedia identificados
6
¿Cuantos animales ves en la imagen?
¿Qué ves en la imagen?
¿Qué mensaje te da la siguiente imagen?
7
Podemos entender que una imagen vale que mil palabras, de

ahí deriva la importancia de tener el conocimiento de que una
imagen bien o mal colocada puede cambiar por completo el sig-
nificado que queremos mostrar a nuestro receptor.
1.2. Teoría del color

Tras ver el significado de las imágenes, también es importante
poder saber el significado de cada color y la armonía del mismo.
El color juega un papel fundamental al momento de mostrar un
mensaje, ya que este se asocia con nuestro cerebro y nuestros
pensamientos dándonos diferentes sensaciones o característi-
cas, también puede ser un medio de interferencia abismal, ya
que si no sabemos armonizar tanto la imagen los colores y el
mensaje podremos cometer un error grafico al momento de
brindar la imagen.
Color de fondo.
El elegir un color de fondo es primordial al momento de crear

un recurso gráfico, ya que el mismo podrá ser considerado una
interferencia al mensaje, como se puede ver a continuación. Por
lo cual recomendamos no usar colores vistosos (amarillo, Ver-
de, Rojo, etc) en los recursos que vayan creando.
8
Tipografía
El hecho de colocar demasiado énfasis a una imagen o el he-

cho de adornarla demasiado con colores es contraproducente al
momento de dar el mensaje, por ende, debemos prestar mucha
atención en los adornos que podamos querer insertar, recuerde
menos, es más.
Otro de los elementos que se debe cuidar es el estilo de tipogra-
fía en cuanto a cuál elijamos para dar el mensaje, por ejemplo.
Podemos identificar en la imagen se encuentra el mismo mensa-

je, pero la tipografía da otra connotación.
Rueda Cromática
Existe una herramienta que nos ayuda a armonizar los colores
que podamos necesitar al momento de crear un recurso gráfico.
9
Esta herramienta la podremos encontrar en el website

https://color.adobe.com/es/create/color-wheel
En esta página podremos tener de forma interactiva la armoni-
zación y combinación de colores monocromáticos, triadas, com-
plementarios, etc.
1.3.Repositorio de Imágenes
Para poder editar una imagen lo primero que debemos saber, es
como conseguir una de buena calidad. Para ello, exploremos la
siguiente opción que trae el buscador de Google.
Como sabemos el buscador de Google nos permite hacer bús-
quedas en varios tipos, una de ellas es netamente imágenes,
para ello ingresamos como muestra la imagen
10
Una vez ingresado al apartado de imágenes, vemos la opción de

herramientas que quizá paso desapercibida por nosotros, pero
esta opción de herramientas nos podrá desplegar unas sub op-
ciones de tamaño, color, tipo, fecha y derechos de autor.
Tamaño
Podremos realizar la búsqueda de imágenes de un tipo especifi-
co, imágenes pequeñas o imágenes grandes, esto nos ayudara a
no tener las imágenes pixeladas al momento de encontrar una.
Se recomienda que para la utilización de las imágenes se busque
la de mejor calidad y de un tamaño aceptable para no tener este
efecto de pixelación al momento de hacer la edición.
Color
Esta opción nos permitirá buscar entre un color determinado a
nuestro gusto, pero la opción más importante de poder explicar
es la que nos indica como “TRANSPARENTE” este termino nos
ayudara a buscar imágenes sin fondo y este uso nos ayudara de
sobremanera a poder buscar y reutilizar recursos con mayor
facilidad.
La última opción es una de las mas importantes para poder re-
calcar como es derechos de uso, tenemos que entender que
cada imagen tiene una autoría y en ciertos casos el uso o re-
producción del mismo está prohibido, pero también se puede
entender que existen imágenes y repositorios de libre uso. Para
profundizar sobre este tema puedes ver el siguiente recurso.
11
1.4.SOFTWARE UTILIZADOS EN LA EDICION DE IMAGEN

En un mundo rodeado por tecnología existe un sinfín de herra-
mientas tecnológicas que están diseñadas a la edición de imáge-
nes, a continuación, exponemos un cuadro comparativo de las
mejores aplicaciones para la edición de imágenes.
Como se puede apreciar cada programa es diseñado a ser com-

petitivo con su similar ya que cada uno esta diseñado a un nivel
profesional, el más conocido es Photoshop, pero se debe tener
en cuanta lo siguiente. En la ultima parte de la tabla comparativa
se hace mención a PRECIOS, eso quiere decir que cada programa
no es gratuito, sino que se debe cancelar un monto por el uso
del mismo, siendo una gran limitante para su uso educativo.
12
Existe una comunidad de programas que están disponibles bajo

una licencia pública, los mismos están en calidad de gratuitos y
se pueden utilizar de forma libre.
GIMP por sus siglas en inglés (General Imagen Manipulation Pro-
grames), es un programa de edición de imágenes, tanto como
de manipulación y procesamiento de gráficos, dibujos como fo-
tografías, además se constituye en un programa libre y gratuito.
1.5. DESCARGA E INSTALACIÓN

Para la descarga del programa debemos dirigirnos al siguiente
enlace.
A continuación, debemos dirigirnos a la opción:
Nos dirigimos a la ventana de descarga, en ella podemos elegir

13
cualquier opción de descarga, generalmente se elige el botón

naranja: descarga directamente, por lo cual se descargará en
nuestra computadora.
Después de descargar el archivo debemos ejecutarlo.
A continuación, nos pedirá el idioma de instalación, selecciona-

mos español, en seguida aparecerá la ventana de instalación.
14
A continuación, nos pedirá el idioma de instalación, selecciona-

mos español, en seguida aparecerá la ventana de instalación.
1.6.HERRAMIENTAS DEL PROGRAMA GIMP

1.6.1. Ventana principal
Para iniciar el programa GIMP podemos hacerlos de 2 formas
•Doble clic en el ícono del programa en el escritorio
•Siguiendo la secuencia: Inicio, programas y elegimos el
programa GIMP.
15
A continuación, aparecerá la ventana principal del GIMP
1.6.2. Caja de herramientas

La caja de herramientas consta de 2 partes. Por un lado, tene-
mos a la herramienta y por otro lado tenemos las opciones de
cada herramienta que se visualiza al hacer clic en el triángulo
pequeño de cada herramienta.
16
Botón Herramienta Función

Mover Mover capas, selecciones y otros
objetos
Selector cuadra- Selecciona espacios cuadrados o

do-rectangular triangulares, pudiendo también
seleccionar otras formas
Selección libre Selecciona una región dibujada
a mano con segmentos libres y
poligonales.
Selección difusa Selecciona una región contigua,
basándose en el color.
Recorte Puede quitar zonas del borde de

la capa o imagen.
Transformación Transforma la capa, selección o

unificada ruta, también tiene opciones de
rotación y redimensionamientos.
Transformación Deforma con diferentes herra-
de deformación mientas, además tiene la opción
de transformación rejilla.
De relleno Rellena con un color o patrón el
área seleccionada, también tiene
la opción de degradado.
17
Pincel Pintar trazos de bordes suaves

mediante un pincel, también tiene
la opción de lápiz, aerógrafo,
tinta y pincel my Paint.
Borrador Borra el color de fondo o a trans-
parencia mediante un pincel.
Clonado Copia selectivamente a partir de

una imagen o diseño utilizando
un pincel, también tiene la op-
ción de clonar con perspectiva y
saneado.
Emborronado Emborrona selectivamente
usando un pincel, también tiene
la opción de enfocar y marcar a
fuego.
Rutas Crear y editar rutas.
Texto Crear o editar capas de texto.
Recoge-color Establece colores a partir de

pixeles de la imagen, también
tiene la opción de medir.
Ampliación Ajusta el nivel de ampliación o
reducción.
1.7.EDICIÓN DE IMÁGENES
1.7.1. Abrir una imagen
Para abrir una imagen nos dirigimos a la barra de menús y elegi-
mos la opción Archivo, seguidamente elegimos la opción Abrir.
18
A continuación, nos muestra una ventana de búsqueda de la ima-

gen. Seleccionamos la imagen.
Luego de abrir la imagen el área de trabajo se muestra de la

siguiente manera:
19
1.7.2. Trabajando con capas

En GIMP las capas se constituyen en una herramienta principal
de edición de imágenes que otros editores no tienen.
Existen varias maneras de crear capas nuevas en una imagen o
foto para poder fusionar entre varias imágenes.
Para insertar o crear capas y fusionar imágenes, debemos tener
una imagen base y en ella podemos aumentar otras imágenes.
Debemos abrir dos o más imágenes para poder fusionarlas.
20
Copiamos las imágenes dentro de la imagen de fondo con las

opciones Ctrl+C y Ctrl+V, seleccionando toda la imagen o parte
de ella con la herramienta selector cuadrado o rectangular.
Redimensionamos la imagen que estamos pegando con las te-
clas Shift+T y moviendo los pequeños cuadrados que le aparece
a la imagen.
Para poder fusionar las imágenes dentro de la imagen principal,

copiamos dos o más imágenes.
21
1.7.3. Quitar fondo de imagen

Para borrar los bordes blancos de las imágenes podemos usar
varios métodos como:
Una de ellas es utilizar la herramienta selección difusa para

poder seleccionar solo la parte blanca y de esa manera con la
tecla suprimir podemos eliminar el fondo blanco
Otra forma de eliminar fondo sería seleccionar utilizar la herra-

mienta borrador que en esta capa puede ir borrando manual-
mente toda la parte que no necesitamos.
22
De otra manera para ir eliminando los bordes blancos es la he-

rramienta seleccionar por color que pudiendo aplicar al color
blanco se puede eliminar el borde y de esa manera fusionar las
1.7.4. Trabajo con textos

Para insertar textos en la imagen usamos la herramienta DE
TEXTO e incorporamos en el cuadro el texto requerido con las
opciones de tipo de letra, color y tamaño.
23
1.7.5. Publicación, exportación e impresión

Guardar en formato, xcf
El proyecto puede ser guardado para poder seguir editando más
adelante para ello debemos dirigirnos al menú archivo, luego la
opción de Guardar como.
24
Luego le damos el nombre al archivo que se guardará con la

extensión xcf, el mismo podemos seguir editando cualquier mo-
mento abriendo el programa GIMP.
Publicación de imagen
Para la publicación o exportación debemos dirigirnos al menú
archivo y elegir la opción de exportar como;
25
además es necesario convertirlo en un formato de imagen los

más conocidos son jpg, gif, tiff y png. Por lo cual debemos elegir
el nombre y el lugar donde queremos exportarlo.
La imagen exportada está en formato establecido y como una

sola sin capas, que podemos llevar a algún procesador de textos
como Word u otro programa para utilizar la imagen editada.
La impresión de la imagen se puede realizar directamente del
26
GIMP o también cuando ya está exportada, para lo cual nos diri-

gimos al menú archivo y elegimos la opción de imprimir.
27
ACTIVIDADES SUGERIDAS:
Tomando en cuenta su experiencia y el contenido desarrollado:
¿Qué relevancia tiene para la didáctica educativa, el uso de he-
rramientas tecnológicas de producción y edición de imágenes?
Para poder afianzar el conocimiento:
Se sugiere realizar un diseño de imagen donde se muestre esta
edición en el ámbito educativo como: certificado/diploma, pro-
grama de hora cívica, imagen de alguna unidad temática de su
área.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
2.
28
TEMA 2:
USO Y MANEJO
DE CANVA
EL DISEÑO INSTRUCCIONAL Y LOS MODELOS ADDIE Y ASSURE
30
31
2.1.¿Qué es Canva?
Canva es una web de diseño gráfico y composición de imágenes
para la comunicación fundada en 2012, y que ofrece herramien-
tas online para crear diseños. Su método es el de ofrecer un
servicio freemium, que puedes utilizar de forma gratuita, pero
con la alternativa de pagar para obtener opciones avanzadas.
Dentro de la plataforma incluye su propio banco de imágenes y
una serie de herramientas variadas, donde podremos obtener
buenos resultados de forma rápida y sencilla solo con conoci-
mientos básicos de diseño gráfico.
Canva ofrece una colección de 8000 plantillas gratuitas para
100 tipos de diseño con múltiples finalidades. También permite
hacer diseños propios desde cero, añadiéndoles imágenes, otros
elementos y textos. Para ello utiliza una interfaz en la que sólo
se tiene que mover con el ratón los elementos del menú a la
composición.
Entre los diseños que se puede crear con Canva son logos, pos-
ters y tarjetas de visita. También se puede crear flyers, porta-
das, programas e invitaciones, así como folletos, calendarios,
horarios, encabezados para correos electrónicos y publicaciones
para redes sociales entre otras muchas cosas.
Canva es lo suficientemente flexible como para hacer cosas sim-
ples como imprimir fotografías, aunque se debe recordar que no
es una herramienta de retoque fotográfico, sino de composición
de imágenes para la comunicación.
Para poder tener una visión mas amplia de la herramienta se
presenta a continuación cuadros comparativos de las ventajas y
desventajas de Canva.
32
https://1.bp.blogspot.com/-JXhWwlSdVlM/YGaoekSAMuI/
AAAAAAAAAQ4/BH-7kVYVBLQZzmBCqq2H9fLVmcFpseAKw-
CLcBGAsYHQ/s627/desventajas%2Bbueno.jpg
33
2.2.INGRESO A LA PLATAFORMA CANVA

Para ingresar a la plataforma nos dirigimos en el navegador al
siguiente enlace
https://www.canva.com/
La mayoría de plataformas web siempre nos piden un acceso a

lo que los informáticos denominan “Login”, en la mayoría de los
casos nos permiten ingresar con una cuenta Gmail, por lo cual
exhortamos al uso de su correo electrónico como la llave para
ingresar a varios sitios web de creación de contenido.
En este caso en Canva es necesario registrarse, para ello se tie-
ne 3 formas de registro
• Cuenta de Google
• Cuenta de Facebook
• Registrarnos con un correo diferente a las cuentas anteriore
34
2.3.Mi primer diseño en Canva

Una vez ingresada a la plataforma Canva nos mostrara el men-
saje de ¿Qué cas a diseñar? Dándonos diferentes diseños; una
cosa muy curiosa de Canva es que su nombre proviene del inglés
que significa lienzo por lo que es necesario primero definir el
tamaño del lienzo según las necesidades.
Otra de las ventajas que ofrece esta plataforma es que se puede

trabajar con un equipo de personas en línea (trabajo colaborati-
vo) ofreciendo la posibilidad de mejorar con las opiniones perso-
35
nales de cada maestra o maestro.

2.3.1. USO DE PLANTILLAS
Canva ofrece el uso de plantillas que es una combinación de ele-
mentos (fondos, tipografías, ilustraciones, fotografías...) elabo-
rada por profesionales, esta plataforma ofrece opciones en fun-
ción del tipo de lienzo que se haya elegido, podemos seleccionar
una de ellas o partir de un lienzo en blanco.
Para elegir una plantilla nos dirigimos a la opción de plantillas
según la temática o el uso que le demos a nuestro diseño.
Elegimos la plantilla deseada para poder editarla con la opción

Personalizar plantilla
36
Algunas plantillas contienen elementos de pago. Las distingui-

mos pasando el puntero del ratón por encima de ellas sin pulsar.
Si no aparece la palabra gratis en la esquina inferior derecha,
es que contiene algún elemento Pro. Eso no quiere decir que no
podamos aprovecharla, solo hemos de sustituir ese elemento
por uno gratuito.
La mayoría de las imágenes utilizadas en canva piden una cuenta

de pago para ello es preciso utilizar y cambiar nuestras propias
imágenes y de esa manera usar en forma gratuita esta platafor-
ma.
37
Utilicemos la plantilla que utilicemos, el manejo de Canva es

siempre el mismo.
En la barra lateral de la derecha tenemos diferentes pestañas,
ya hemos visto la pestaña plantillas. Vamos a dejar para más
adelante la pestaña Archivos subidos.
Se tiene varias herramientas entre ellas fotos, elementos, texto,

vídeos, fondos y más opciones.
Pinchando sobre cada una de estas pestañas, vamos a poder in-
corporar estos objetos a nuestros trabajos, como ocurría con
las plantillas, algunos son gratuitos y otros de pago (Pro). Para
poder incluir el objeto pincha sobre el y arrastrarlo hasta la su-
perficie de trabajo.
Puede ser muy interesante manejar la caja de búsqueda para
localizar el objeto que necesitamos, utiliza una palabra clave y
combínalo con los operadores booleanos AND, OR, NOT. Para
que Canva los identifique se puede de escribirlos en mayúsculas,
AND, la búsqueda ofrece resultados que contengan las dos pala-
bras clave, OR, los resultados incluyen elementos que contengan
una u otra palabra clave, NOT, nos da resultados que contenga
38
uno de los dos términos, pero nunca los dos juntos.

Si queremos localizar una fotografía que contenga frutas, pero
no queremos que aparezca ninguna sandía pinchamos sobre la
pestaña Fotos y escribimos fruta NOT sandía.
En la pestaña Elementos, aparecen diferentes categorías: líneas,

pegatinas cuadrículas de diseño, dibujos, etc. También podemos
utilizar la caja de búsqueda para localizar iconos y formas.
39
Los marcos sirven para recortar imágenes o vídeo con diferen-

tes formas. Podemos modificar el tamaño y rotarlos.
Otra pestaña importante es la de Texto. Al pulsar sobre ella va-

mos a poder incorporar texto a nuestros diseños.
La versión gratuita de Canva es flexible y permite crear trabajos

de calidad sin tener que pagar una cuota, es por la posibilidad
que nos ofrece de utilizar nuestros propios archivos, imágenes
o vídeos. Los formatos admitidos son, para imágenes, JPG, PNG
y SVG y para vídeos, MOV, GIF y MP4. Podremos incorporar a
nuestros trabajos las fotografías, las capturas de pantallas o los
40
vídeos que tengamos almacenados en un disco duro físico, en

una red social o en la nube a través de Google Drive o Dropbox.
2.4.EFECTOS DE IMÁGENES
Canva no es una herramienta de retoque fotográfico, pero hay
ciertas funciones básicas que podremos utilizar para mejorar
nuestras fotos, estas funciones se manejan desde el menú que
aparece cuando tenemos seleccionada una fotografía.
El botón Ajustar nos permite variar los parámetros brillo, con-

traste, saturación, matiz, desenfoque, X-Pro y efecto viñeta.
41
2.5. DESCARGA Y COMPARTIR

A partir de las opciones anteriores ya podemos crear nuestros
recursos educativos digitales, lo siguiente que necesitamos sa-
ber es qué podemos hacer con esos diseños. Las opciones las
encontraremos arriba, en el menú principal a la derecha, vamos
a ver para qué sirve cada botón.
Botón Compartir:
Pinchando sobre él se despliega una ventana, desde ahí pode-
mos invitar a otros usuarios de Canva para que vea, o para que
vean y editen nuestros trabajos.
42
Botón Descargar:
Si pinchamos sobre él, Canva nos ofrece diferentes formas de
descargar nuestros trabajos. En función de lo que hayamos di-
señado nos presenta en primer lugar, formatos recomendados,
los formatos en que podemos descargar son: PNG (Imagen de
alta calidad), JPG (Imagen de pequeño tamaño), PDF estándar
(Tamaño de archivo pequeño, documento de múltiples páginas),
PDF para impresión (Alta calidad, documento de múltiples pági-
nas), Vídeo MP4 (Vídeo de alta calidad), GIF (Clip de vídeo corto
sin sonido). Podremos descargar el trabajo completo o selec-
cionar individualmente una o varias páginas, pulsando sobre el
botón Ver todo, no solo aparecerán más opciones de descarga,
también podremos publicar nuestro diseño
directamente en una red social, algunas de estas opciones solo
serán compatibles con una cuenta de pago. Para las presenta-
ciones, tenemos que destacar los modos presentar y grabar y
presentar. en la primera, se abre una pantalla de guía en la que
vamos a poder ver las notas que hayas agregado, en otra ven-
tana, se abre la presentación en pantalla completa que será la
que proyectes al resto de la gente, En el modo Grabar y presen-
tar podrás ir pasando nuestra presentación mientras la grabas
en vídeo (tu imagen hablando aparecerá en la esquina inferior
izquierda) y la comentas. También podrás ir leyendo tus anota-
ciones sin que los demás las puedan leer.
43
Para realizar la impresión del diseño creado podemos descargar

e imprimirlos, sin embargo, aunque tengamos la versión gratui-
ta, Canva nos ofrece la interesante opción de imprimir, por su
puesto pagando. Imprime tus trabajos y recíbelos cómodamente
en la dirección postal que indiques.}
44
ACTIVIDADES SUGERIDAS:
Crea tu propio afiche para un evento para tu Unidad Educativa y
muestra el resultado ante los colegas. El facilitador verificara el
trabajo encomendado asignándole un puntaje al mismo.
45
46
TEMA 3:USO Y
MANEJO DE
INFOGRAFÍAS
CON GENIALLY
EL DISEÑO INSTRUCCIONAL Y LOS MODELOS ADDIE Y ASSURE
ACTIVIDAD DE INICIO
Observa la siguiente infografía
Ingresa al código QR que presenta la misma infografía, pero en

un formato interactivo
https://view.genial.ly/601a5a8ba442a00da74077e7/horizon-
tal-infographic-timeline-geniallyrea-copia
48
Responde las siguientes preguntas

1. ¿Qué material te llano mas la atención?
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
2. ¿Qué ventajas puedes ver al momento de crear infografías

interactivas?
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
................................................................
3.
49
3.1.Que es Genial.ly
Cada vez es más sencillo, y disponemos de más herramientas,
crear recursos interactivos directamente desde la web. Un claro
ejemplo es Prezi, una de las plataformas más populares para
estas tareas, pero existen muchas más que van compitiendo por
popularidad y cada vez buscan una forma de ser más intuitiva
por el usuario; una alternativa similar muy interesante llamada
Genially.
¿Pero que es Genial.ly?
Genial.ly es una herramienta para crear imágenes con interacti-
vidad y animación de forma muy sencilla. Se consiguen resulta-
dos impactantes con poco esfuerzo. Para entendernos:
Una imagen con interactividad permite al usuario que la está
viendo acceder a más información o a otras páginas haciendo
clic en un punto de la imagen.
La animación consiste en hacer que un elemento de la imagen se
mueva, captando fácilmente la atención de tu público.
En Genially encontrarás muchísimos recursos para crear conte-
nidos educativos, se podrá encontrar plantillas, recursos e inspi-
ración para dar vida a tu contenido.
La herramienta es muy intuitiva, convierte la creación de imáge-
nes en un juego. Además, Genial.ly está disponible en todos los
sistemas operativos, y se pueden consumir los contenidos en
cualquier dispositivo: PC, móvil y tablet.
El equipo de Genial.ly añade cada vez más funcionalidades y di-
seños espectaculares. Por eso, la lista de posibilidades y carac-
terísticas de la herramienta no deja de creer
Con Genially es fácil crear y compartir todo tipo de elementos
interactivos como:
Presentaciones.
Infografías.
50
Catálogos.
Guías.
Pósters.
Micrositios.
Mapas interactivos
Publicaciones.
3.2. Registro a Genially

Para poder registrarse a la plataforma de genially realiza los
siguientes pasos.
Ingresa al sitio web https://genial.ly/es/ o escanea el siguiente

código QR.
51
Haz clic en el botón azul del centro que pone ‘Comienza ahora, es
gratis’ o en ‘Regístrate’ arriba a la derecha.
Introduce tu nombre, tu email y una contraseña. Repite la con-
traseña, acepta las condiciones y haz clic en ‘Regístrate’. Tam-
bién puedes iniciar sesión con tus cuentas de Facebook, LinkedIn
o Twitter.
A continuación, deberás facilitar alguna información sobre tu ac-

tividad con Genial.ly: tardarás pocos segundos.
En la primera pantalla que aparece, tendrás que seleccionar si te
dedicas a la educación, a crear contenido corporativo o a Social
Media.
52
En la siguiente pantalla aparecerán diferentes perfiles, según la

opción seleccionada: Profesor, alumno, diseñador… Selecciona
el que corresponda y haz clic en «Siguiente».
Posteriormente podremos ver la página principal de Genially
3.3.Crear un Genially
Para crear un proyecto nuevo iremos al botón CREAR GENIA-
LLY, a lo cual nos dará las siguientes opciones.
53
Elegiremos la opción de mapa mental.
Una vez elegida la opción de Mapa Mental podremos ver un don-

de nos muestran una paleta de colores, un icono de manito que
representa el botón de interactividad y el botón de usar esta
platilla.
Para este ejemplo usaremos la opción de colores y cambiare-
mos el mismo, después pincharemos en el botón de usar esta
platilla.
54
3.4. Interfaz
Una vez creada nuestra plantilla de trabajo, se nos presentara
de esta
Para poder aprender de una forma interactiva sobre el uso de

cada una de estas opciones presentamos a continuación el si-
guiente material interactivo escaneando el código QR.
https://view.genial.ly/6202f3afd4c6800011cbf8c4
Con solo hacer doble clic sobre la letra, esta podrá editarse, una
vez ingresado a la edición se habilitará la herramienta de tipo-
55
grafía, donde podremos cambiar el diseño, color y tamaño de

nuestro título.
3.5.Interactividad y Animación
Para poder crear interactividad dentro de nuestro recurso, po-
dremos utilizar el siguiente icono con la imagen de un dedo se-
ñalando,
En nuestro ejemplo seleccionamos la imagen del mundo y a con-
tinuación hacemos clic en interactividad.
56
Nos mostrará una página emergente donde se nos dará 4 op-

ciones de interactividad, cada una explicada como se ve en la
imagen.
En nuestro ejemplo usaremos Ventana.
Podremos ver una pagina donde podremos escribir y ampliar

más un contenido que necesitemos, también tenemos la op-
ción de configurar el tamaño de la etiqueta y también colocar
un nombre al recurso. De esta forma sencilla podremos crear
en pocos pasos un recurso interactivo dentro de una infografía
.
57
3.6.Publicar
Para poder publicar nuestro trabajo nos dirigiremos al botón de
Una vez ahí, aparecerá la siguiente ventana con las opciones

de público en la web y privado, tenemos que tener en cuenta
que, si bien la plataforma tiene componentes gratuitos, esta
también tiene la opción de suscribirnos y de esa forma poder
tener mas opciones de diseño. En este caso elegimos publico
en la web, cambiamos el titulo y presionamos el botón de listo.
3.7.Compartir
Una vez publicado, se nos abrirá una pantalla emergente con las
siguientes opciones
58
Debemos tener en cuenta que si bien aparece la op-

ción de descargar, esta requiere que podamos regis-
trarnos en la pagina haciéndonos premium, en este
caso solo seleccionaremos la opción de presentar
Podremos ver nuestros recursos con as configuraciones que

realizamos, en este caso la interactividad de etiqueta, creado an-
teriormente.
59
Para poder compartir este recurso visualizamos el siguiente ico-

no presente en la parte inferior derecha, esta opción nos mostra-
ra las opciones que tenemos para poder compartir este recurso.
El ultimo paso es copiar el link y poder compartir el mismo.
60
ACTIVIDAD SUGERIDA
Debatimos
Según nuestra experiencia en el uso de Genially respondemos
las siguientes preguntas
¿Qué ventajas tiene el uso de infografías interactivas?
¿Qué plataforma se adapta a nuestro contexto?
61
CONSIGNAS PARA LA ETAPA DE APLICACIÓN –

PRODUCTO FINAL
-Tomando en cuenta nuestro Plan de Desarrollo Curricular,
identificamos actividades que requieren el uso de imáge-
nes editadas y producimos nuestro material haciendo uso
de Gimp, para este trabajo deberemos editar imágenes con
capas, insertar textos de diferentes tamaños.
-Analizando nuestro PSP, en el año de la Revolución Cul-
tural para la Despatriarcalización: Por una Vida Libre de
Violencia Contra las Mujeres elaboramos un afiche que
fortalezca la ejecución de una de las actividades propues-
tas en el mismo.
-Para finalizar elaboramos una presentación, donde se
muestren los trabajos realizados y los resultados alcan-
zados en el desarrollo curricular implementando el uso de
imágenes.
CONSIGNAS PARA LA ETAPA DE INTERCAMBIO DE

EXPERIENCIAS
En plenaria cada uno de los participantes, de manera indi-
vidual y en no más de 10 min presentar los resultados de su
experiencia en la elaboración y aplicación del producto final.
62
BIBLIOGRAFÍA
Paula Morales Rodríguez, Guía rápida de definición, aplicaciones
y creación de infografías como apoyo visual en la creación de
material, Tec. DIGITAL.
Victor Baigorri García, Aprendemos a trabajar con GIMP, 2016
TRILLO SAEZ, B. y MUÑOZ RODRIGUEZ, P.: Iniciación al Gimp. Gru-
po editorial
Universitario. Granada. 2017
HAMMEL,M.: Gimp (guía esencial). Ed: Pearson Educación. Ma-
drid. 2018
Samara. 2010. Los Elementos del Diseño. Editorial Gustavo Gili,
S.L.
https://www.canva.com/
https://www.gimp.org
https://view.genial.ly/6202f3afd4c6800011cbf8c4
https://genial.ly/es/
63
GLOSARIO
GIMP: General Imagen Manipulation Programes, es un programa
de edición de imágenes, tanto como de manipulación y procesa-
miento de gráficos, dibujos como fotografías.
CANVA: Canva es una web de diseño gráfico y composición de
imágenes para la comunicación fundada en 2012, y que ofrece
herramientas online para crear diseños. Su método es el de ofre-
cer un servicio freemium, que puedes utilizar de forma gratuita,
pero con la alternativa de pagar para obtener opciones avanza-
das.
INFOGRAFÍAS: Son la representación visual de la información ya
que utiliza elementos de diseño para mostrar contenido, la mis-
ma debe tomar en cuenta las necesidades de cada área.
Genial.ly: Es una herramienta para crear imágenes con interacti-
vidad y animación de forma muy sencilla. Se consiguen resulta-
dos impactantes con poco esfuerzo.
Diagramación: Respetando la regla de disponer la información
de lo general a lo específico se puede diagramar la información
de diferentes formas.
Plantillas: Es una combinación de elementos (fondos, tipogra-
fías, ilustraciones, fotografías...) elaborada por profesionales,
esta plataforma ofrece opciones en función del tipo de lienzo
que se haya elegido, podemos seleccionar una de ellas o partir
de un lienzo en blanco.
Descargar: El término descarga se utiliza frecuentemente para
la obtención de contenido a través de una conexión a Internet,
donde un servidor remoto recibe los datos que son accedidos
por los clientes a través de aplicaciones específicas, tales como
navegadores. De hecho, el acceso de cualquier información en
Internet (por ejemplo, una página web) se lleva a cabo mediante
la descarga antes de su contenido (texto, imágenes, etc.) y pos-
terior visualización del contenido que está disponible de forma
local en el dispositivo.
64
Fotografía: Es muy utilizada en caso de que se quiera indicar

información muy específica o detallada de algo físico difícil de
representar de manera vectorial, es importante siempre que se
utilicen fotografías de internet o de un libro guardar las referen-
cias y de ser posible colocarlas en alguna parte.
65
“2022 Año de la Revolución Cultural para la Despatriarcalización:
por una vida libre de violencia contra las mujeres”

Curso 1

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Curso 1

Загружено:

Авторское право:

Доступные форматы

CICLO:

“PRODUCCIÓN DE RECURSOS EDUCATIVOSMULTIMEDIA”

“HERRAMIENTAS PARA LA PRODUCCIÓN Y EDICIÓN DE IMÁGE-

Dirección General de Formación de Maestros

Bolivia,mayo del 2022

MSc. Lic. Jorge Galindo Villa Castro

DATOS GENERALES DEL CURSO

OBJETIVO HOLÍSTICO DE CICLO

OBJETIVO DEL CURSO

A continuación, respondemos los siguientes conceptos:

1.1.. Comunicación visual

Como ven en el ejemplo, solo la modificación de la imagen nos

Entre signos similares, los iguales forman unidad

Entre signos iguales, la unidad se forma por la distancia entre

La comunicación es el hilo que media entre los hombres y entre

En la semiosis distinguimos tres componentes:

Estos componentes se pueden traducir como las tres dimensio-

Para poder entender mejor los conceptos realizamos la siguien-

¿Cuantos animales ves en la imagen?

¿Qué ves en la imagen?

¿Qué mensaje te da la siguiente imagen?

Podemos entender que una imagen vale que mil palabras, de

1.2. Teoría del color

El elegir un color de fondo es primordial al momento de crear

El hecho de colocar demasiado énfasis a una imagen o el he-

Podemos identificar en la imagen se encuentra el mismo mensa-

Esta herramienta la podremos encontrar en el website

Una vez ingresado al apartado de imágenes, vemos la opción de

1.4.SOFTWARE UTILIZADOS EN LA EDICION DE IMAGEN

Como se puede apreciar cada programa es diseñado a ser com-

Existe una comunidad de programas que están disponibles bajo

1.5. DESCARGA E INSTALACIÓN

A continuación, debemos dirigirnos a la opción:

Nos dirigimos a la ventana de descarga, en ella podemos elegir

cualquier opción de descarga, generalmente se elige el botón

Después de descargar el archivo debemos ejecutarlo.

A continuación, nos pedirá el idioma de instalación, selecciona-

A continuación, nos pedirá el idioma de instalación, selecciona-

1.6.HERRAMIENTAS DEL PROGRAMA GIMP

A continuación, aparecerá la ventana principal del GIMP

1.6.2. Caja de herramientas

Botón Herramienta Función

Selector cuadra- Selecciona espacios cuadrados o

Recorte Puede quitar zonas del borde de

Transformación Transforma la capa, selección o

Pincel Pintar trazos de bordes suaves

Clonado Copia selectivamente a partir de

Texto Crear o editar capas de texto.

Recoge-color Establece colores a partir de

A continuación, nos muestra una ventana de búsqueda de la ima-

Luego de abrir la imagen el área de trabajo se muestra de la

1.7.2. Trabajando con capas

Copiamos las imágenes dentro de la imagen de fondo con las

Para poder fusionar las imágenes dentro de la imagen principal,

1.7.3. Quitar fondo de imagen

Una de ellas es utilizar la herramienta selección difusa para

Otra forma de eliminar fondo sería seleccionar utilizar la herra-

De otra manera para ir eliminando los bordes blancos es la he-

1.7.4. Trabajo con textos

1.7.5. Publicación, exportación e impresión

Luego le damos el nombre al archivo que se guardará con la

además es necesario convertirlo en un formato de imagen los

La imagen exportada está en formato establecido y como una