DISEÑO DIGITAL

Carlos Zepeda Chehaibar | Raúl Calao Rebouleen

PROFESOR
DISEÑO DIGITAL
Carlos Zepeda Chehaibar | Raúl Calao Rebouleen

PROFESOR
 CRÉDITOS

Autores Diseño editorial

Carlos Zepeda Chehaibar Maricarmen Rodríguez Rodríguez
Raúl Calao Rebouleen Viviana González Moreno

Diseñadores Edición
Mario Martínez Ramírez Mariana Pérez Franco
Bernardo Cortés Hernández José Roberto Cardoso Linares

Coordinador editorial Banco de imágenes:

Thania Lucero López García www.shutterstock.com
stock.adobe.com
Diseño de Layout
Karen Alejandra Pacheco Helguera

Diseño digital Profesor

1ª edición
21 de junio de 2019

D.R. © Editorial CAZE, S.A.P.I. de C.V., Prol. Av. Zaragoza número 58, Col. Ensueño, Querétaro, Qro., CP. 76178.
Queda prohibida la reproducción total o parcial de esta obra por cualquier medio, sin autorización de los editores.

ISBN en trámite
No. Radicado 389730
Impreso y hecho en México.

Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la reproducción total o parcial de esta obra y/o los recursos que la acompañan,
por cualquier medio, sin autorización escrita de Editorial CAZE, S.A.P.I. de C.V.
Editado por Editorial CAZE, S.A.P.I. de C.V.

Impreso por Hear Industria Gráfica, Calle Uno, no. 101. Parque Industrial Jurica, Querétaro, Qro. C.P. 76120.

Editorial CAZE, el logotipo de Editorial CAZE, el logotipo del Programa de Informática y Tecnología son propiedad de Editorial CAZE, S.A.P.I. de C.V. El diseño editorial y
contenidos gráficos son propiedad exclusiva de Editorial CAZE, S.A.P.I. de C.V. 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 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, por lo que el autor, Editorial CAZE, S. A. P.I. de C. V., no asumen ninguna responsabilidad por el
uso que se dé a esta información, ni infringen derecho de marca alguno, en conformidad al artículo 148 de la Ley Federal del Derecho de Autor.
 PRÓLOGO

Se dice que en la vida la única constante es el cambio. Todo está en continua evolución. Estamos en
una época donde el desarrollo tecnológico ha hecho esta verdad más evidente que nunca antes en la
historia de la humanidad. El desarrollo tecnológico ha cambiado la forma en que nos comunicamos, la
manera en que compramos, los productos que utilizamos y las habilidades que necesitamos para ser
productivos en la sociedad.

Lo más interesante es que las personas también hemos cambiado. Las nuevas generaciones utilizan
las herramientas digitales de manera natural para comunicarse, acceder a todo tipo de información,
expresar su voz, vivir experiencias y sobre todo, aprender constantemente. En un mundo donde cualquier
persona puede aprender casi cualquier cosa en línea, en todo momento y en cualquier lugar, ¿cuál es el
papel de los educadores?

La Serie Académica de Informática y Tecnología toma en cuenta esta nueva realidad. Es un planteamiento
vanguardista y diferente de la enseñanza de aplicaciones. No privilegia técnicas únicas ni tampoco
marcas específicas, porque el software que un estudiante pueda aprender hoy será muy diferente el
día de mañana. Mostrar el procedimiento para retocar una fotografía es mucho menos importante que
enseñar cómo diferentes tipos de imágenes transmiten mensajes y generan emociones. Aprender los
pasos para diseñar un logotipo carece de utilidad si no se comprende la función de sus formas y colores.

El enfoque de este libro está en el desarrollo de habilidades que el alumno podrá aplicar, sin importar
la tecnología que tenga a mano ahora o en el futuro. En este volumen la tecnología es una herramienta
para crear, comunicar, investigar, expresar, integrar y aprender. No queremos que los alumnos hagan
fotomontajes, lindos diseños o apliquen filtros fotográficos; queremos que tengan puntos de vista,
inicien conversaciones, encuentren respuestas y generen cambios.

Estoy seguro de que este libro te ayudará a lograrlo.

Carlos Zepeda Chehaibar

 MANUAL DE USO

Introducción Clase Cierre Actividad

La Introducción activa los La sección Clase presenta nueva La sección Cierre proporciona Este icono nos indica un ejercicio
conocimientos previos del información mediante puentes información real acerca del que refuerza la parte teórica de este
estudiante y los vincula con el nuevo cognitivos que generan aprendizaje obtenido, mediante material.
tema de la lección. aprendizajes. ejercicios de contextos que
refuerzan el objeto de aprendizaje.

Para acceder a la zona de recursos debes ingresar a la liga www.recursosged.mx, donde encuentras tus
archivos requeridos, avances programáticos, entre otros.

Portafolio de evidencias Soporte técnico

Para dudas dirígete a la página Web soporte.grupoeducare.com o escríbenos al correo
Durante el desarrollo de las [email protected]
lecciones, en todos los grados
escolares, se promueve el uso Las aplicaciones/software
de Portafolio de evidencias. Las aplicaciones sugeridas en los libros son compatibles con los sistemas operativos OSx, Windows,
Este permite que puedas evaluar Android e IOs. Si así se desea, se pueden utilizar otras aplicaciones.
los aprendizajes obtenidos y la
aplicación de los mismos. Estructura de la lección
Cada lección del libro del docente está diseñada de una manera clara y sencilla. El docente podrá identificar
con anticipación la competencia a alcanzar, el objetivo, los recursos didácticos necesarios y la metodología
de enseñanza paso a paso.
ESTRUCTURA DE LAS LECCIONES

Número y nombre
de la lección

Objetivo a desarrollar

Tiempo sugerido

Archivos digitales
requeridos para
la lección

Metodología
de enseñanza

Actividades con
respuestas incluidas

Muestra del libro

del alumno
 CONTENIDO

L01 Tipos de imagen.........................................................7 L20 Herramientas básicas. Mi primera ilustración..........70

L02 Digitalización de imágenes y texto............................11 L21 Herramientas de texto y degradados........................73
L03 Imágenes en internet y los derechos de autor..........15 L22 Diseño y edición de imágenes...................................76
L04 Historia de la fotografía.............................................19 L23 Técnicas de Ilustración (Lápiz y Pluma)...................79
L05 Géneros fotográficos..................................................22 L24 Técnicas de Ilustración (edición de nodos)..............82
L06 Elementos de la cámara fotográfica.........................25 L25 Técnicas de Ilustración (vectorización
L07 Tipos de planos fotográficos.....................................29 de imágenes y degradados).......................................85
L08 Enfoque y profundidad de campo..............................33 L26 Capas..........................................................................88
L09 Programas de edición fotográfica.............................37 L27 Alineación y distribución - ordenar, agrupar
L10 Entorno del editor de fotografías...............................40 y desagrupar...............................................................91
L11 Modos de color...........................................................43 L28 Máscaras de recorte..................................................94
L12 Herramientas de selección........................................46 L29 Psicología del color....................................................97
L13 Herramientas de pintura y retoque............................49 L30 Teoría del color...........................................................100
L14 Herramientas de dibujo y texto..................................52 L31 Logotipos....................................................................105
L15 Fotomontaje...............................................................55 L32 Carteles.......................................................................108
L16 Imágenes surrealistas................................................58 L33 Infografía....................................................................111
L17 Manipulación fotográfica Proyectos.........................61 L34 Diseño editorial...........................................................114
L18 Imágenes vectoriales.................................................63 L35 Merchandising............................................................117
L19 Entorno de trabajo del programa...............................67
 LECCIÓN 01

Tipos de imagen

Anota estos términos en el pizarrón y solicita su

Competencia: definición.
»»Definir las características que
diferencian las imágenes de mapa
de bits de las vectoriales, mediante Clase
muestras de las mismas y las
extensiones de los nombres de archivo. »»Pide a un voluntario que lea en voz alta el
»»Saber en qué programa o programas contenido.
pueden editarse las imágenes. »»Después de que cada alumno lleve a cabo la
Duración: 80 minutos. Actividad 2, invítalos a que compartan sus
Archivos requeridos: se recomienda imágenes con un compañero.
solicitar a los alumnos su descarga antes »»Para la Actividad 3, donde los alumnos van a
de comenzar la clase. describir cómo cambian las imágenes al
acercarlas o alejarlas, permite que los
alumnos lo hagan de manera individual y
posteriormente solicita a un par de alumnos
que compartan los resultados.
»»Para la Actividad 4 asegúrate de haber
Introducción descargado los archivos requeridos con
anterioridad.
Esta es la primer lección del programa; será
recomendable que después de la actividad
¿Sabías qué? verifiques que los alumnos Cierre
entienden conceptos como:
»»Pixel: unidad mínima homogénea a color que Actividad de cierre:
forma parte de una imagen digital.
»»Pixeleada (neologismo): estado donde los »»Solicita a los alumnos que compartan sus
pixeles dentro de una imagen son evidentes a mapas mentales y los comenten.
simple vista. »»Pide a dos voluntarios que comenten lo que
»»Imagenes vectoriales: imagen digital aprendieron en la sesión del día.
conformada por objetos geométricos (líneas, »»Las siguientes son actividades
cuadrados, triángulos, etc.). complementarias recomendadas si el tiempo
»»Mapa de bits: imagen formada por pixeles o asignado para la clase lo permite, o bien, se
puntos de color. pueden asignar como trabajo adicional para
llevarse a cabo fuera del horario de clase.

7
DISEÑO DIGITAL | Serie académica | Profesor

8
Lección 01 | Tipos de imagen

9
DISEÑO DIGITAL | Serie académica | Profesor

10
 LECCIÓN 02

Digitalización de imágenes y texto

»»Escribe estas cuatro preguntas en el pizarrón;

Competencia: pide a los alumnos que las anoten en su
»»Define el concepto “digitalización” y cuaderno y escriban las respuestas después
aprende a configurar los parámetros de haber leído la lección.
para cada tipo de documento que se va 1. ¿Por qué es importante tener en cuenta la
a digitalizar, según las especificaciones utilidad de un escáner?
necesarias, mediante el uso del escáner. 2. ¿A qué nos referimos cuando hablamos
Duración: 80 minutos. del tamaño del escáner?
Acceso a internet: N/A. a. Al área que ocupa el escáner.
Archivos requeridos: N/A. b. Al área que puede escanear el
Recursos extra: para la Actividad 4 escáner.
los alumnos necesitarán un recorte de 3. ¿Qué significa “OCR”?
periódico, una página de revista, una 4. ¿Qué significa “profundidad de color”?
fotografía reciente y una antigua. Solicita
este material con anticipación. Respuestas:
1. Respuesta libre.
2. b.
3. Optical Character Recognition.
Introducción 4. El número de colores posibles en un pixel.

»»Antes de comenzar, pregunta a tus alumnos Una vez que hayan terminado la unidad, solicita
qué entienden cuando escuchan la palabra a los alumnos que compartan sus respuestas.
“digitalización”.
»»Invítalos a que pasen al pizarrón y escriban
todo lo que se les ocurre cuando piensan en Cierre
digitalización.
»»Posteriormente, pide que lean la introducción »»Para esta Actividad 4, los alumnos
de la lección y que escriban su propia necesitarán un recorte de periódico, una
definición de digitalización. página de revista, una fotografía reciente
y una antigua. Solicita este material con
Clase anticipación.
»»Las actividades complementarias se pueden
»»Pide a los alumnos que comparen la llevar a cabo dentro de la misma sesión, o
definición que hicieron de digitalización, con hacerlo en una sesión extendida.
la que se muestra en la sección ¿Sabías que?

11
DISEÑO DIGITAL | Serie académica | Profesor

12
Lección 02 | Digitalización de imágenes y texto

13
DISEÑO DIGITAL | Serie académica | Profesor

14
 LECCIÓN 03

Imágenes en internet y los derechos de autor

Clase Cierre
Competencia:
»»Identifica las leyes de derechos de autor, »»En la Clase los alumnos van a leer »»Para cerrar la clase invita a los alumnos a
imagen y propiedad intelectual, tipos de información sobre derechos de autor. proponer opciones con las que se evite violar
licencias de imagen en internet y mitos »»Invítalos a reflexionar sobre la los derechos de autor.
sobre el uso legítimo de los archivos responsabilidad que implica el uso de
digitales, con el fin de evitar problemas imágenes que no han sido creadas por ellos Escribe estas preguntas y déjalas a la reflexión:
de tipo legal. mismos.
Duración: 80 minutos. 1. ¿Qué sucede si una persona le toma una
Acceso a internet: requerido. Pregunta: foto a un mural, o se toma una foto junto
Archivos requeridos: N/A. a una obra protegida por el derechos de
Recursos extra: N/A. 1. ¿Cuándo es legal publicar la fotografía de autor?
una persona? 2. ¿De quién es la imagen? ¿Se puede usar
2. ¿Qué pasa si una persona te da permiso para fines comerciales?
de publicar una fotografía en la que
Introducción aparece y luego se retracta? Las respuestas pueden variar.
3. ¿Crees que habría una diferencia (en
»»Invita a los alumnos a leer la Introducción y cuanto al uso que puedas hacer de la
contestar qué significa que ciertas imágenes imagen) si le pagas a cambio de dejarse
tengan derechos de autor. fotografiar?
»»Después, llévalos a la reflexión entorno a qué
pasaría si, en sus publicaciones, incluyen Las respuestas, aunque son libres, deben
imágenes que tienen la licencia de la imagen expresar algo como esto:
propuesta bajo estas líneas, e intentaran
venderlas. 1. Solo se puede publicar una imagen con
el consentimiento escrito por la persona
que aparece en ella.
2. Si la persona se arrepiente, después de
haber recibido dinero a cambio de dar
»»La respuesta es que esta licencia permite su consentimiento, no tiene derecho a
cualquier tipo de uso (incluso comercial), revocar dicha autorización.
siempre que se le atribuya la autoría a su 3. En cambio, si no recibió remuneración
creador. alguna, la persona tendría derecho a
»»Invita a los alumnos a contestar las retractarse.
preguntas de la Actividad 1 y a compartir sus
respuestas.
15
DISEÑO DIGITAL | Serie académica | Profesor

16
Lección 03 | Imágenes en internet y los derechos de autor

17
DISEÑO DIGITAL | Serie académica | Profesor

18
 LECCIÓN 04

Historia de la fotograf ía

Clase
Competencia:
»»Conoce y analiza la historia de las »»Solicita a los alumnos que lean en silencio la
técnicas, formatos y géneros de la información sobre la historia de la fotografía.
fotografía. »»Pídeles que tomen nota de los eventos
Duración: 80 minutos. Puede requerir más importantes para, más adelante, hacer una
de una sesión. línea de tiempo digital con la historia de la
Acceso a internet: de preferencia, para la fotografía.
búsqueda de información.
Archivos requeridos: N/A. Cierre
Recursos extra: N/A.
»»En el Cierre los alumnos van a completar la
línea de tiempo que comenzaron al principio
de la lección.
Introducción »»Solicita a los alumnos que compartan su
línea de tiempo digital y que retroalimenten a
Antes de comenzar: sus compañeros.

»»Solicita a los alumnos que te digan cuántas

fotografías toman a diario, cada semana y al
mes.
»»Solicita que te digan en qué proporción
creen que toman fotografías los jóvenes, en
comparación con sus padres.
»»Pregúntales si saben cuándo se tomó la
primer fotografía de que se tiene registro.

¿Que se retrató en ella?

Respuesta: 1826, vista de Francia desde una
ventana.

19
DISEÑO DIGITAL | Serie académica | Profesor

20
Lección 04 | Historia de la fotografía

21
 LECCIÓN 05

Géneros fotográficos

e. Realista, surrealista, fotomontaje,

Competencia: collage.
»»Conoce y analiza los diferentes géneros
fotográficos y su función.
Duración: 80 minutos. Puede requerir más
de una sesión. Clase
Acceso a internet: requerido para búsqueda
de imágenes. »»Para esta actividad puedes apoyarte de la
Archivos requeridos: N/A. redes sociales Pinterest e Instagram, las
Recursos extra: N/A. cuales contienen una gran cantidad de
imágenes agrupadas por categorías.
• https://www.pinterest.com
• https://www.instagram.com
Introducción
Cierre
»»Solicita a los alumnos que hagan un vaciado
de ideas y mencionen distintos géneros »»Después de haber resuelto la actividad de
fotográficos. cierre, pide a los alumnos que mencionen
• Retrato fotografías famosas y su género.
• Periodística
• Documental
• Publicitaria
»»Pregunta a los alumnos cuáles son los
criterios mediante los que se clasifican las
fotografías en distintos géneros.
»»Invita a los alumnos a leer la introducción
y a llevar a cabo la Actividad 1, en grupo.

Ejemplos de respuestas:
a. De animales, edificios, alimentos, etc.
b. Publicitaria, científica, social.
c. De playa, bosque, montaña
d. Profesionales, amateurs, principiantes.

22
Lección 05 | Géneros fotográficos

23
DISEÑO DIGITAL | Serie académica | Profesor

24
 LECCIÓN 06

Elementos de la cámara fotográfica

Clase
Competencia:
»»Conoce la terminología y los componentes Este glosario de términos fotográficos, de la
principales de una cámara fotográfica, marca Nikon, te puede ser de mucha utilidad
mediante el uso de la misma, para para estas lecciones:
familiarizarse con la profesión. https://www.nikon.com.mx/learn-and-explore/
Duración: 80 minutos. photography-glossary/index.page
Acceso a internet: N/A.
Archivos requeridos: N/A. Cierre
Recursos extra: N/A.
»»Después de la lección retoma las preguntas
de la introducción y promueve la discusión y
la reflexión.
Introducción
1. ¿Qué significa tener un “ojo fotográfico”?
»»Pregunta a los alumnos si consideran Significa encontrar el momento y el
que tienen “ojo fotográfico”. Pregunta qué ángulo exacto para una buena fotografía.
significa para ellos este concepto y si 2. ¿Se puede desarrollar el ojo fotográfico?
consideran que el ojo fotográfico se puede Aunque hay quienes tienen vocación
desarrollar o se trata de un talento nato. y talento nato para la fotografía, el ojo
»»Pregunta si una buena fotografía depende fotográfico se puede desarrollar con la
más de una buena cámara, que de un buen instrucción y la práctica.
fotógrafo. 3. ¿De qué depende más una buena
fotografía, del fotógrafo o de la cámara?
No hay respuestas correctas o incorrectas. Respuesta libre.
Estas preguntas serán abordadas y socializadas
en el Cierre.

Respuestas libres.

25
DISEÑO DIGITAL | Serie académica | Profesor

26
Lección 06 | Elementos de la cámara fotográfica

27
DISEÑO DIGITAL | Serie académica | Profesor

28
 LECCIÓN 07

Tipos de planos fotográficos

»»Solicita a los alumnos que lean la clase y »»Considera que se ejemplifica mejor, además
Competencia: respondan: de incluir el diagrama propuesto, colocar un
»»Comprende los diferentes tipos de 1. ¿Cuándo es factible usar cada una de ejemplo real como este:
planos fotográficos, a fin de capturar esas posiciones (horizontal, vertical,
fotografías con el mensaje o las cuadrada y panorámica)?
emociones que se pretende ofrecer al »»Es necesario, para el mejor entendimiento
espectador. de este tema, incluir ejemplos de cada plano
Duración: 80 minutos. (tanto en conjunto, como uno por uno).
Acceso a internet: N/A.
Archivos requeridos: N/A. Ejemplo de los diferentes planos:
Recursos extra: N/A.

Introducción

»»Para comenzar, pregunta a los alumnos

por qué la comida en un menú se ve más
abundante y apetitosa que la que sirve el »»Puedes ejemplificar los planos, según el
mesero. ángulo de la cámara, con una imagen como
»»Pregunta por qué, en una revista donde la siguiente:
se muestran casas en venta, estas se ven • https://www.dzoom.org.es/cambiar-angulo-
mucho más espaciosas que en la vida real. fotografias/
»»Solicita que lean la introducción y contesten
la pregunta. Cierre
»»Los temas se relacionan con el ángulo y
la distancia desde los que se toman las »»Solicita a los alumnos que lleven a cabo
fotografías. la actividad de cierre y compartan sus
respuestas con sus compañeros.
Clase

»»Pide a los alumnos que den ejemplos de las

distintas posiciones que puede tomar una
cámara con respecto al objeto.

29
DISEÑO DIGITAL | Serie académica | Profesor

30
Lección 07 | Tipos de planos fotográficos

31
DISEÑO DIGITAL | Serie académica | Profesor

32
 LECCIÓN 08

Enfoque y profundidad de campo

Clase 2. Los objetos enfocados se ven claramente,

Competencia: pero el fondo se ve fuera de foco o
»»Toma fotografías que requieren poca o »»Cuenta a los alumnos esta anécdota: difuminado.
nula edición, trabajando la apertura de 3. Poca apertura equivale a mucha
diafragma, para lograr una profundidad En una fiesta estaban tomando fotografías, profundidad de campo, por lo tanto, la
de campo aceptable. pero ¡me sorprendió ver un bastón de selfie que imagen se verá nítida, tanto los objetos al
Duración: 80 minutos. dispara la cámara automáticamente, cuando se frente como el fondo.
Acceso a internet: recomendado. detecta el enfoque!
Archivos requeridos: N/A.
Recursos extra: cámara fotográfica. »»Indica a los alumnos que en las cámaras
presentes en los dispositivos móviles el
enfoque siempre es automático y no manual,
como en las cámaras reflex.
Introducción »»Pregunta a los alumnos cuáles consideran
que son las ventajas y desventajas de que el
»»Antes de comenzar, pide a los alumnos que enfoque sea automático y, más aún, que la
observen las dos primeras fotografías y foto se tome también automáticamente.
señalen cuál les resulta más interesante. »»Para contestar la Actividad 2 los alumnos
»»Posteriormente, leerán la introducción y quizá necesiten acceder a internet para
verificarán su respuesta. consultar información.

Respuestas libres. Respuestas libres.

Ejemplo: Cierre
Frente enfocado y fondo enfocado. Foto realista.
Da una sensación de estabilidad, se percibe una »»Invita a los alumnos a contestar la actividad
escena no muy iluminada, probablemente muy de cierre y a compartir sus respuestas con
temprano o muy tarde en el día. sus compañeros de clase. Las respuestas
pueden variar, aquí hay algunos ejemplos:

1. Tienen ajustes manuales más precisos,

como el ajuste de velocidad y apertura.
Tienen lentes más finos y, por lo tanto,
mayor calidad. Tienen sensores más
grandes, que permiten captar mejores
imágenes.
33
DISEÑO DIGITAL | Serie académica | Profesor

34
Lección 08 | Enfoque y profundidad de campo

35
DISEÑO DIGITAL | Serie académica | Profesor

36
 LECCIÓN 09

Programas de edición fotográfica

Clase
Competencia:
»»Conoce los diferentes programas de »»Pregunta a los alumnos qué editores de
edición de imágenes, su evolución y fotografías conocen y cuál, o cuáles, utilizan
características con la finalidad de hacer más.
comparaciones entre ellos y determinar »»Solicita a los alumnos que lean la lección
cuál es el que más se ajusta a las y discutan cuál editor consideran que es el
necesidades del usuario. mejor, además de mencionar qué aspectos
Duración: 80 minutos. consideraron para realizar su elección.
Acceso a internet: recomendado. »»En la Actividad 2 los alumnos van a elaborar
Archivos requeridos: N/A. un cuadro comparativo. Las respuestas son
Recursos extra: N/A. libres.

Cierre

Introducción »»Para llevar a cabo la Actividad 3 los alumnos

necesitarán acceder a internet para recoger
»»Comenta con los alumnos que, antes de información y elaborar su línea del tiempo
Photoshop, para que en las fotografías de acerca de la evolución del software de
pasaporte o credencial escolar alguien se edición fotográfica.
viera bien tenía que “ser afortunado”, pues
la foto se tomaba y se imprimía tal cual, sin
retoque alguno.
»»Hoy en día se tiene la oportunidad de ver las
fotos antes de que estas sean estampadas
en los documentos; así se puede escoger la
mejor toma, sin mencionar que ahora, con
Photoshop, cualquiera se puede ver bien o
puede ser un “gran fotógrafo”.
»»Invita a los alumnos a leer la introducción y a
contestar la Actividad 1. Las respuestas son
libres.

37
DISEÑO DIGITAL | Serie académica | Profesor

38
Lección 09 | Programas de edición fotográfica

39
 LECCIÓN 10

Entorno del editor de fotograf ías

el mayor número de herramientas de

Competencia: manipulación y edición disponibles.
»»Capacidad para utilizar distintos Además, si conoces bien un programa
programas de edición fotográfica, profesional podrás usar cualquier
mediante el conocimiento de barras de programa sencillo.
herramientas e iconos comunes a la 4. Se debe usar un programa profesional
mayoría de los softwares existentes. para ediciones mayores, como
Duración: 80 minutos. fotomontajes, retoques importantes,
Acceso a internet: requerido. arte digital. Se puede usar un programa
Archivos requeridos: N/A. simple para agregar filtros, ajustar el brillo
Recursos extra: N/A. o hacer cambios menores.

Clase
Introducción
»»Invita a los alumnos a que lean las
»»Comienza la clase invitando a los alumnos a herramientas descritas en el libro y describan
recordar los tipos de software de edición de la imagen que las representa.
fotografías que estudiaron en la lección »»En la Actividad 2 los alumnos van a dibujar
anterior. el entorno del software que utilizan y a
»»Pregunta a los alumnos si conocen uno u otro identificar los componentes.
software, pide que describan las herramientas »»Posteriormente, van a hacer un ejercicio para
de ese software. utilizar el software.
»»Invítalos a que lean la lección y que contesten
la Actividad 1, compartiendo sus respuestas. Cierre

Estas pueden ser algunas de ellas. »»En esta actividad los alumnos van a hacer un
1. Para aprovechar las ventajas y fortalezas inventario de lo que ya saben, para identificar
de cada software. Algunos son mejores lo que aún no conocen y necesitan aprender.
para edición, por ejemplo, mientras otros »»Aprovecha para que los alumnos que ya
son más sencillos para ajustes rápidos o conocen determinada herramienta y su
filtros. función compartan la información con sus
2. Adobe Photoshop y GIMP. compañeros.
3. Los programas profesionales tienen

40
Lección 10 | Entorno del editor de fotografías

41
DISEÑO DIGITAL | Serie académica | Profesor

42
 LECCIÓN 11

Modos de color

Clase
Competencia:
»»Analiza y comprende los modos y »»Solicita a los alumnos que lean, en silencio, el
ajustes de color en los que se puede contenido de esta sección y contesten:
trabajar sobre una imagen (en función 1. ¿Qué significan las letras RGB?
del uso que se le pretenda dar), 2. ¿Qué significan las letras CMYK?
mediante la edición de imágenes. 3. ¿Qué configuración de color se debe
Duración: 80 minutos. usar cuando no planeamos imprimir el
Acceso a internet: requerido para proyecto, RGB o CMYK?
inviestigar colores. 4. ¿Por qué?
Archivos requeridos: N/A.
Recursos extra: N/A. Puedes visitar los siguientes links, en ellos
encontrarás muchas herramientas web para
combinación de colores.
https://www.begoromero.com/combinacion-paleta-
Introducción de-colores-para-diseno-web/
https://htmlcolorcodes.com/es/
»»Después de saludar a los alumnos, presenta
el objetivo de la clase: Cierre
“Analiza y comprende los modos y ajustes de
color en los que se puede trabajar sobre una Actividad de cierre:
imagen (en función del uso que se le pretenda
dar), mediante la edición de imágenes”. »»En la Actividad 4 los alumnos deben capturar
»»Sigue la clase según la secuencia propuesta fotos de familiares o compañeros, vistiendo
en el libro. ropa o accesorios de épocas pasadas. Como
»»Puedes comenzar preguntando a los alumnos esto no es posible hacerlo dentro de la clase,
su color favorito y si saben de qué colores solicita a los alumnos, con anterioridad, que
básicos se compone. tomen estas fotos.
»»Si (por cuestiones de tiempo) esto no fue
posible les puedes pedir que busquen una
foto en internet, o que usen una de su galería
personal.

43
DISEÑO DIGITAL | Serie académica | Profesor

44
Lección 11 | Modos de color

45
 LECCIÓN 12

Herramientas de selección

Clase
Competencia:
»»Conoce las herramientas comunes a los »»Invita a los alumnos a que lean en silencio
diversos programas y sus parámetros la lección y lleven a cabo las Actividades 3,
de uso, mediante la comprensión de 4 y 5.
imágenes genéricas. »»Al terminar, solicita la participación de
Duración: 80 minutos. algunos alumnos para que compartan dos
Acceso a internet: N/A. cosas que ya sabían sobre el tema y dos que
Archivos requeridos: N/A. aprendieron en esta sesión.
Recursos extra: fotografías de la galería
individual de imágenes. Cierre

»»En esta actividad los alumnos ejercitarán

algunas herramientas de edición. Será
Introducción necesario que tengan acceso a su galería de
imágenes.
»»Pide a los alumnos que observen la foto en
el libro y te digan qué quitarían de la misma
para que se vea mejor.
»»Solicita la participación de más de dos
alumnos; deben coincidir en lo que quieren
eliminar de la foto (el hombre que aparece en
la ventana de atrás).
»»Posteriormente, pídeles que te digan con qué
herramientas lo harían.

Respuestas libres.

46
Lección 12 | Herramientas de selección

47
DISEÑO DIGITAL | Serie académica | Profesor

48
 LECCIÓN 13

Herramientas de pintura y retoque

Estas son algunas sugerencias de solución a la Cierre

Competencia: Actividad 1:
»»Corrige algunas imperfecciones, »»Después de la actividad de cierre los alumnos
retoca y mejora fotografías en mal 1. Porque cualquier imperfección se vería pueden continuar la práctica con otras
estado mediante la aplicación de las amplificada en gran formato. Además, fotografías en su galería personal o, como lo
herramientas de Pintura y Retoque en a los consumidores les gusta ver fotos indican las actividades complementarias, con
imágenes previamente seleccionadas. de alta calidad, que sean notablemente fotografías que tomen para este propósito.
Duración: 80 minutos. mejores a las que cualquier persona
Acceso a internet: N/A. podría tomar con su smartphone.
Archivos requeridos: 2. Eliminar manchas, barros, lunares.
»»imperfecciones.jpg Iluminar el rostro, quitar ojeras. Hacer
»»ojos rojos.jpg brillar el cabello, dientes y ojos.
»»oficina.jpg Hacer la piel más suave. Adelgazar o
»»modelo.jpg acrecentar partes del cuerpo.
»»playa.jpg 3. Porque la luz del flash se refleja en el
Recursos extra: N/A. fondo del ojo del sujeto. Esto sucede
cuando se usa flash en sitios poco
iluminados.
4. Libre.
Introducción

»»A partir de estas lecciones los alumnos Clase

precisarán haber descargado los archivos
necesarios para trabajar los distintos »»Solicita a los alumnos que comenten si
ejercicios. Asegúrate de que cuenten con conocen otras herramientas de retoque no
ellos al principio de la lección. mencionadas aquí.
»»Esta lección trata el tema de retoque; puedes »»Acompáñalos en las siguientes actividades,
introducirlo hablando de los casos en que las monitorea su desempeño y ofrece la asesoría
fotografías de modelos están retocadas. Es necesaria.
recomendable traer la portada de una revista
como ejemplo.

49
DISEÑO DIGITAL | Serie académica | Profesor

50
Lección 13 | Herramientas de pintura y retoque

51
 LECCIÓN 14

Herramientas de dibujo y texto

Cierre
Competencia:
»»Crea imágenes a partir de cero, mediante »»Es momento de socializar los aprendizajes.
la utilización de elementos gráficos La actividad de cierre busca que los alumnos
vectoriales, incluyendo textos. experimenten y aprendan por ensayo y error.
Duración: 80 minutos.
Acceso a internet: requerido para búsqueda
de Photoshop art.
Archivos requeridos: N/A.
Recursos extra: N/A.

Introducción

»»Pregunta a los alumnos si saben cuál es

la obra de arte más famosa (La Mona lisa) y
si ellos consideran que, con photoshop, se
pueden hacer obras de arte.
»»Invítalos a buscar Photoshop art y a compartir
sus hallazgos.

Clase

»»Los alumnos van a comenzar a elaborar

imágenes utilizando las herramientas del
software de diseño.
»»La primer parte consiste en identificar las
herramientas de pintura y, en la Actividad 2,
elaborarán un diagrama comenzando con un
documento en blanco.
»»Monitorea su desempeño y ofrece la ayuda
necesaria.

52
Lección 14 | Herramientas de dibujo y texto

53
DISEÑO DIGITAL | Serie académica | Profesor

54
 LECCIÓN 15

Fotomontaje

»»La Actividad 2 consiste en elaborar un

Competencia: fotomontaje muy común: reemplazar el rostro
»»Identifica el fotomontaje y su evolución, de Washington impreso en un billete de dólar.
como técnica para crear arte. Elabora un
fotomontaje propio. Cierre
Duración: 80 minutos.
Acceso a internet: recomendando, para »»De igual manera que con el billete de dólar,
descargar imágenes de celebridades. los alumnos van a hacer un fotomontaje; esta
Archivos requeridos: vez será más artístico.
»»dolar.png »»Para ello, los alumnos necesitan dos
»»arboles.jpg imágenes que se encuentran en los archivos
»»mujer.jpg requeridos.
Recursos extra: fotografías de personas,
imágenes de celebridades y del alumno.

Introducción

»»Pregunta a los alumnos qué es un

fotomontaje y si han elaborado alguno.
Pídeles que mencionen algún fotomontaje
gracioso.
»»Pide a los alumnos que lean la introducción y
observen los fotomontajes. Pregúntales para
qué creen que se hicieron esos fotomontajes.

Clase

»»A continuación, los alumnos van a elaborar

fotomontajes. Para ello hace falta que
tengan acceso a los archivos requeridos de
la lección; asegúrate de que los hayan
descargado con antelación.

55
DISEÑO DIGITAL | Serie académica | Profesor

56
Lección 15 | Fotomontaje

57
 LECCIÓN 16

Imágenes surrealistas

Posibles respuestas: Cierre

Competencia: 1. El surrealismo surge del psicoanálisis
»»Identifica los elementos que freudiano. »»Llegó el momento de que los alumnos
caracterizan el surrealismo y los utiliza 1. El surrealismo ha sido adoptado, realicen una imagen surrealista con sus
para elaborar sus propias fotografías. inicialmente, en la poesía, pintura y propias fotografías.
Duración: 80 minutos. escultura y, más tarde, en el cine, »»De preferencia, solicita que traigan las
Acceso a internet: necesario si los alumnos la literatura y la fotografía. propias; de lo contrario, pueden acceder a
no cuentan ya con un portafolio de imágenes en la web.
imágenes. »»Se recomienda que elaboren la actividad
Archivos requeridos: Clase complementaria, para ello necesitan
»»agua.jpg descargar tres archivos requeridos.
»»cuarto.jpg »»Invita a los alumnos a leer la clase y a
»»paraguas.jpg elaborar su propia definición de:
»»pez.png • Levitación o Jumping style
»»actividad comple 1.jpg • Objeto encontrado (Ready Made)
»»foco.jpg • Desenfoque en movimiento
»»manos.jpg • Perspectiva forzada
Recursos extra: fotografías para las • Doble exposición
imágenes surrealistas que crearán en la • Fotomontaje
Actividad 2. »»Pide a los alumnos que compartan sus
definiciones; solicita la participación de un
voluntario, por concepto, para que lea su
definición en voz alta.
Introducción »»Para elaborar la Actividad 1 los alumnos
necesitan haber descargado las cuatro
»»Anota estas preguntas en el pizarrón imágenes en los archivos requeridos de la
y solicita a los alumnos que lean la lección.
introducción, para dar respuesta a las »»Para la Actividad 2 solicita a los alumnos que
mismas. obtengan imágenes para lograr una imagen
1. ¿De donde surge el surrealismo? semejante al ejemplo.
2. ¿Qué áreas de la vida cotidiana han
adoptado el surrealismo como género?

58
Lección 16 | Imágenes surrealistas

59
DISEÑO DIGITAL | Serie académica | Profesor

60
 LECCIÓN 17

Manipulación fotográfica Proyectos

Competencia:
»»Elabora imágenes surrealistas
fusionando capas y elementos.
Duración: 80 minutos.
Acceso a internet: necesario si los alumnos
no cuentan ya con un portafolio de
imágenes.
Archivos requeridos: N/A.
Recursos extra: repositorio de imágenes
para elaborar proyectos.

Introducción

»»En esta lección los alumnos van a elaborar

imágenes surrealistas fusionando capas y
elementos de distintas fotografías.

Clase

»»Los alumnos necesitan elaborar un

repositorio de imágenes con las cuales van a
trabajar.

Cierre

»»Al final, los alumnos pueden organizar una

muestra fotográfica con los proyectos
creados en esta lección por todos los
compañeros del grupo.
»»Acompaña a los alumnos para elaborar una
lista de criterios que les ayuden a hacer un
sistema de evaluación para las fotografías.

61
DISEÑO DIGITAL | Serie académica | Profesor

62
 LECCIÓN 18

Imágenes vectoriales

Anota las preguntas en el pizarrón y solicita a

Competencia: los alumnos que las contesten después de la
»»Identifica qué son las imágenes lectura.
vectoriales y los nombres y conceptos
que se usan para describirlas. Enumera Respuestas:
los distintos programas de diseño
existentes, utilizados para elaborar y 1. Un vector está constituido por puntos
editar imágenes vectoriales. unidos con líneas rectas y curvas.
Duración: 80 minutos. 2. Los nodos son los puntos dentro de un
Acceso a internet: requerido para buscar vector.
ilustraciones. 3. Las curvas de Bézier son las líneas dentro
Archivos requeridos: muestra de imágenes de una imagen vectorial; pueden ser
vectoriales. lineales, cuadráticas o cúbicas.
Recursos extra: N/A.

Introducción

»»A libro cerrado pregunta a los alumnos qué

recuerdan sobre el concepto “vector.”
»»La respuesta, en física, es que vector es un
segmento de recta.
»»Solicita a los alumnos que lean el libro y
describan qué es un vector en diseño.
»»Acompaña a los alumnos en la Actividad 1.

Clase

»»Solicita a los alumnos que lean toda la

sección Clase con el propósito de contestar:
1. ¿Qué es un vector en diseño?
2. ¿Qué son los nodos?
3. ¿Qué son las curvas de Bézier?
4. ¿Cuántos tipos de curvas de Bézier hay?

63
DISEÑO DIGITAL | Serie académica | Profesor

64
Lección 18 | Imágenes vectoriales

65
DISEÑO DIGITAL | Serie académica | Profesor

66
 LECCIÓN 19

Entorno de trabajo del programa

Clase
Competencia:
»»Evalúa el software disponible para »»En esta sesión los alumnos describirán
diseño digital y describe el espacio el software con el que planean trabajar e
de trabajo del software elegido para identificarán el espacio de trabajo.
trabajar en esta parte del curso. »»Si el espacio en el libro de texto no
Duración: 80 minutos. es suficiente, solicita a los alumnos que
Acceso a internet: requerido. dibujen su espacio de trabajo en el cuaderno.
Archivos requeridos: N/A.
Recursos extra: N/A. Cierre

»»En la actividad de cierre los alumnos deberán

elaborar una línea de tiempo que ilustre la
Introducción evolución del diseño,

»»Solicita a los alumnos que mencionen las Te sugerimos visitar la página de la agencia de
aplicaciones disponibles para la creación de marketing online “Ondho” (https://www.ondho.
imágenes vectoriales. com), y buscar el texto “La Ley de Moore: La
»»Anota en el pizarrón las aplicaciones que los evolución del diseño en la era digital”.
alumnos vayan mencionando; pregúntales
cuál de estas es la que más conocen y cuál
consideran que es mejor.
»»Pide a los alumnos que señalen los criterios
que se utilizan para determinar cuál software
es mejor:
1. Precio
2. Requisitos mínimos de software y
hardware, etc.

Será recomendable ingresar a internet para

buscar las cinco aplicaciones más comunes
para diseño vectorial.

Respuesta libre.

67
DISEÑO DIGITAL | Serie académica | Profesor

68
Lección 19 | Entorno de trabajo del programa

69
 LECCIÓN 20

Herramientas básicas. Mi primera ilustración

famoso pintor neerlandés que propuso una

Competencia: doctrina estética llamada neoplasticismo:
»»Elabora ilustraciones utilizando vectores un arte donde la realidad se reduce a obras
para formar figuras geométricas y geométricas.
selecciona herramientas para aplicar
color. Cierre
Duración: 80 minutos. Puede requerir más
de una sesión. »»Los alumnos utilizarán lo aprendido para
Acceso a internet: sugerido para consultar elaborar un tangram a partir de un ejemplo.
tutoriales. Pueden variar los colores de las figuras.
Archivos requeridos: N/A. Monitorea el desempeño de los alumnos y
Recursos extra: N/A. ofrece la orientación necesaria.
»»Solicita que compartan su tangram y,
después, lo guarden en su portafolio de
evidencias.
Introducción

»»Comienza la clase explorando las

herramientas de trazo y de color. Pueden
aprender por ensayo y error, o bien,
consultando tutoriales en la web.

Respuesta libre.

Clase

»»En la Clase los alumnos van a elaborar

un nuevo documento. Se comienza en la
Actividad 2 y se continúa en las Actividades
3 y 4.
»»El objetivo es que, primero, elaboren el
documento y posteriormente lo editen,
haciendo uso de la herramienta de selección.
»»Más adelante, los alumnos harán una
recreación de una obra de Piet Mondrian, un

70
Lección 20 | Herramientas básicas. Mi primera ilustración

71
DISEÑO DIGITAL | Serie académica | Profesor

72
 LECCIÓN 21

Herramientas de texto y degradados

»»Acompáñalos en la Actividad 2; en ella van a

Competencia: recrear la imagen que se presenta en el texto,
»»Utiliza texto y degradados dentro de utilizando el software de diseño que manejan
un diseño vectorial. Desarrolla criterios en este curso.
para seleccionar tipografía. »»Después, solicita que tengan a la mano los
Duración: 80 minutos. archivos requeridos de la lección para llevar a
Acceso a internet: N/A. cabo la Actividad 3.
Archivos requeridos: »»Solicita a los alumnos que estudien los
»»comic.svg degradados lineal y radial para recrear la
»»globos.svg imagen de la Actividad 4.
Recursos extra: N/A.
Cierre

»»Como actividad de cierre, los alumnos

Introducción van a hacer su tarjeta de presentación y a
compartirla con sus compañeros.
»»Escribe este texto en el pizarrón y pregunta a »»Invítalos a señalar qué tarjeta les parece más
los alumnos qué significa Lorem ipsum. original.
»»Pídeles que lean la “introducción” y te digan
la respuesta.
»»A continuación, los alumnos van a explorar
las herramientas de texto; acompáñalos en la
Actividad 1.

Respuesta libre, dependiendo del software.

Clase

»»Para esta clase los alumnos necesitan haber

descargado con anterioridad los archivos
requeridos para la lección.
»»Primero estudiarán por separado lo que
define a la tipografía y su lugar dentro del
diseño.

73
DISEÑO DIGITAL | Serie académica | Profesor

74
Lección 21 | Herramientas de texto y degradados

75
 LECCIÓN 22

Diseño y edición de imágenes

Clase
Competencia:
»»Utiliza herramientas para combinar dos A continuación, los alumnos van a utilizar la
o más figuras. Edita imágenes usando el herramienta Borrador para editar una imagen.
borrador.
Duración: 80 minutos. »»Necesitarán el archivo “halloween.svg,”
Acceso a internet: N/A. asegúrate de que lo tengan a la mano.
Archivos requeridos: »»Lo primero que harán será borrar una sección,
»»halloween.svg para, posteriormente, experimentar con
Recursos extra: N/A. Trayecto/Exclusión.
»»En la Actividad 3 los alumnos van a combinar
formas geométricas simples para recrear una
imagen.
Introducción »»Finalmente, van a utilizar los comandos
de intersección de formas que vieron en la
Se presentan las diferentes funciones para introducción, para hacer un engrane como el
combinar dos o más figuras. que se muestra en la imagen.

»»Solicita a los alumnos que lean la lección, Cierre

mientras experimentan con las diferentes
opciones: »»Para repasar lo aprendido en esta lección, los
• Unión alumnos van a elaborar imágenes vectoriales,
• Diferencia tomando como ejemplo las imágenes
• Intersección muestra que se encuentran en el libro.
• Exclusión
• División
• Cortar trayecto
»»Asegúrate de señalar que, para poder utilizar
las opciones del menú Trazo, los dos objetos
deben estar seleccionados.

76
Lección 22 | Diseño y edición de imágenes

77
DISEÑO DIGITAL | Serie académica | Profesor

78
 LECCIÓN 23

Técnicas de Ilustración (Lápiz y Pluma)

Clase
Competencia:
»»Utilizar la herramienta lápiz para crear »»Invita a los alumnos a que recuerden las
trazos que se convierten en curvas curvas Bézier, que estudiaron en la
delimitadas por puntos ancla. Lección 18:
Duración: 80 minutos. • Lineal. Es la más básica, formada
Acceso a internet: N/A. solamente de los puntos de inicio y de final.
Archivos requeridos: • Cuadrática. Tiene 3 puntos: uno de inicio,
»»dragon.png uno de control y otro al final.
»»reto_oso.png • Cúbica. Presenta 4 puntos: el de inicio, el
Recursos extra: N/A. final y dos manejadores.
»»Invítalos a practicar haciendo estas curvas,
utilizando la herramienta Pluma (Illustrator),
o Herramienta para dibujar curvas Bézier y
Introducción líneas rectas (Inkscape).
»»Después de un poco de práctica, invítalos
En esta lección, los alumnos van a utilizar la a hacer la Actividad 1. Recuérdales que si
herramienta Lápiz (illustrator) o la Herramienta una forma no está cerrada, no será posible
para dibujar líneas a mano alzada (Inkscape). agregarle color.
»»Posteriormente, los alumnos van a probar la
»»Explica a los alumnos que los puntos ancla herramienta Selección Directa en Illustrator,
son aquellos que puedes manipular posterior o Editor de nodos en Inkscape, para modificar
al trazo, y que te ayudarán a perfeccionar, la posición de los nodos o puntos ancla,
adaptar o trazar, de mejor forma, tu diseño. resolviendo la Actividad 2 y la Actividad 3.

Cierre

»»Para llevar a cabo las Actividades 4 y 5,

se deberán haber descargado los archivos
requeridos para esta lección: “dragon.png” y
“reto_oso.png”.

79
DISEÑO DIGITAL | Serie académica | Profesor

80
Lección 23 | Técnicas de Ilustración (Lápiz y Pluma)

81
 LECCIÓN 24

Técnicas de Ilustración (edición de nodos)

Clase
Competencia:
»»Utiliza sub-herramientas para agregar y En la clase se va a definir el Proyecto de diseño,
eliminar nodos. Redefine la apariencia como la solución a una situación por resolver a
de un trazado. beneficio del cliente y sus usuarios.
Duración: 80 minutos.
Acceso a internet: N/A. »»Solicita a los alumnos que lean y dibujen
Archivos requeridos: un diagrama de flujo, con las etapas del
»»Corredor.svg proyecto de diseño.
»»Contraluz.png »»A continuación, en la Actividad 2, los
»»Storyboard.png alumnos van a utilizar las herramientas que
Recursos extra: N/A. consideren necesarias para recrear una
imagen.
»»Para la Actividad 3 se hará una discusión
grupal para socializar y ver cómo se pueden
Introducción crear las figuras en la imagen utilizando
vectores. Posteriormente, cada alumno va a
En preparación para llevar a cabo la Actividad 1, elaborar un diseño similar al del ejemplo y
los alumnos se familiarizan con las funciones a compartirlo con sus compañeros.
para redefinir la apariencia de un trazado, tanto
en Inkspace como en Illustrator: Cierre
• Agregar o eliminar nodos.
• Convertir el tipo de nodo. »»Para la actividad de cierre los alumnos
• Selección directa. necesitan haber descargado la imagen
• Editor de nodos de trayecto. “Contraluz.png” desde los archivos
requeridos para esta lección, y deben haberla
»»Para llevar a cabo la actividad los alumnos trazado en su aplicación para, más adelante,
necesitan haber descargado el archivo compartirla con los compañeros de clase.
requerido “Corredor.svg.”

82
Lección 24 | Técnicas de Ilustración (edición de nodos)

83
DISEÑO DIGITAL | Serie académica | Profesor

84
 LECCIÓN 25

Técnicas de Ilustración (vectorización de imágenes y degradados)

»»Para llevar a cabo la Actividad 3, los alumnos

Competencia: necesitan contar con el archivo
»»Convierte una imagen de mapa de bits “rolling_stones.png”, que se encuentra en tus
a una serie de trazos vectoriales. Aplica archivos requeridos.
degradados.
Duración: 80 minutos. Cierre
Acceso a internet: N/A.
Archivos requeridos: »»Como actividad de cierre, los alumnos van a
»»rostro.jpg vectorizar una imagen y eliminar contenidos.
»»rolling_stones.png »»Invita a los alumnos a compartir su trabajo
»»logo_borrador.png final y a describir los pasos que siguieron
»»ballena_1.svg para llegar a este resultado.
Recursos extra: N/A. »»Finalmente, los alumnos van a recrear un
elemento de diseño y hacerle versiones
adicionales para después compartir con los
compañeros de clase.
Introducción

»»Los alumnos van a convertir una imagen

a vectores. Se ofrecen instrucciones
diferenciadas para Inkscape y para
Illustrator.
»»Para llevar a cabo la Actividad 1 será
necesario contar con el archivo “Rostro.jpg”,
que se encuentra en tus archivos requeridos.
»»No hay archivo requerido para la Actividad 2;
se propone recrear un icono y personalizarlo.

Clase

»»En esta clase los alumnos van a utilizar

lo recién aprendido (vectorización), y lo
estudiado en lecciones pasadas, como la
depuración de trazos.

85
DISEÑO DIGITAL | Serie académica | Profesor

86
Lección 25 | Técnicas de Ilustración (vectorización de imágenes y degradados)

87
 LECCIÓN 26

Capas

Clase 2. Para crear un espacio de trabajo adicional

Competencia: dentro de uno ya existente (otra capa). La
»»Utiliza la técnica de capas para »»El primer paso para la utilización de capas es subcapa es independiente, pero mantiene
animación. comprender a cabalidad los conceptos. siempre una conexión a la capa madre.
Duración: 80 minutos. »»Indícales que darle nombre a la capa les 3. Por ejemplo, si en una escena no
Acceso a internet: N/A. ayuda para organizar mejor su trabajo. queremos que se vea la luna, podemos
Archivos requeridos: Sugiere que escojan un nombre descriptivo y ocultar la capa donde está la luna y
»»Capas.svg no solo “Capa 1”, “Capa 2”, etc. mostrar otra capa donde esté un sol.
Recursos extra: acetato transparente »»Para llevar a cabo la Actividad 2, los alumnos 4. En la escena de un paisaje, una vez que
tamaño carta y plumones. deben contar con la imagen “Capas.svg”, que has terminado de ajustar el color y brillo
se encuentra en los archivos requeridos de la del cielo que se usa de fondo, y ya no
lección. quieres que por accidente se modifique,
»»Hacer esta práctica les ayudará a prepararse entonces puedes bloquear la capa.
Introducción para la Actividad 3, que consiste en crear un
nuevo documento y recrear una imagen.
En esta unidad los alumnos van a utilizar la »»Al terminar la actividad, solicita a los
técnica de capas; solicita que observen la alumnos que muestren su trabajo y describan
imagen de los dinosaurios y la describan. los elementos utilizados en cada capa.

»»Pregúntales cómo se imaginan que fue Cierre

elaborada.
»»Posteriormente, pide a los alumnos que »»Es momento de socializar el conocimiento.
lean la lección y contesten y compartan las Solicita a los alumnos que contesten
respuestas a las preguntas en la Actividad 1. estas preguntas en sus propias palabras
y que compartan sus respuestas con sus
Estas son algunas posibles respuestas: compañeros.

1. Fondo, árboles, casas, cielo, sol, muebles, Las respuestas pueden variar:
personajes, accesorios, etc.
2. Hay capas para cada elemento, desde 1. Las capas se usan para tener áreas de
fondos hasta personajes. Hay capas solo trabajo independientes unas de otras y
para efectos de luz, humo, sombras. poder así manipular los elementos con
3. Todo se maneja en capas para poder mayor facilidad y sin alterar a otros.
manipular cada elemento de forma
independiente.

88
Lección 26 | Capas

89
DISEÑO DIGITAL | Serie académica | Profesor

90
 LECCIÓN 27

Alineación y distribución - ordenar, agrupar y desagrupar

hacerlo en su programa de diseño, o bien,

Competencia: aprender por ensayo y error.
»»Explora las herramientas de Alineación, »»Finalmente, van a explorar las herramientas
Distribución y Ordenar elementos en el para Agrupar y Desagrupar objetos.
software de diseño.
Duración: 80 minutos. Cierre
Acceso a internet: N/A.
Archivos requeridos: N/A. »»En la actividad de cierre los alumnos van a
Recursos extra: N/A. practicar lo aprendido en la lección: Alinear,
Distribuir, Ordenar, Agrupar y Desagrupar,
replicando una imagen vectorial.
»»Acompaña su desempeño en la Actividad 4,
Introducción resolviendo dudas y aportando la ayuda
requerida. Para mayor práctica, invítalos a que
»»Pregunta a los alumnos quiénes han hagan las actividades complementarias.
trabajado con software de presentaciones,
como Powerpoint o Google Presentations.
»»Invita a algunos alumnos voluntarios a
describir los pasos que siguen para alinear y
distribuir objetos dentro de una diapositiva.
»»Señala a los alumnos que hacer esto es
igualmente sencillo en software para diseño
vectorial, ya sea Inkscape o Illustrator.

Clase

»»Invita a los alumnos a leer las descripciones

en el libro de texto y a explorar las
herramientas para Alinear y Distribuir objetos.
»»Acompañalos en la Actividad 2, donde van
a alinear y distribuir objetos. Busca que
aprendan a través de la exploración.
»»De igual forma, en la Actividad 3, van a
ordenar objetos. Una opción es mostrar a
los alumnos un tutorial que les indique cómo

91
DISEÑO DIGITAL | Serie académica | Profesor

92
Lección 27 | Alineación y distribución - ordenar, agrupar y desagrupar

93
 LECCIÓN 28

Máscaras de recorte

»»Acompaña a los alumnos a explorar la forma

Competencia: de hacerlo en el software de diseño vectorial.
»»Utiliza máscaras de recorte para adaptar »»La Actividad 2 los lleva a usar estas
una imagen a una forma específica. funciones y hacer un botón. En la Actividad 3
Duración: 80 minutos. los alumnos montarán un mapache sobre un
Acceso a internet: N/A. escenario.
Archivos requeridos: »»Para esta actividad se necesitan dos
»»escenario.jpg imágenes que se encuentran en el banco de
»»mapache.jpg archivos para esta lección: “mapache.jpg” y
»»caras.jpg “escenario.jpg”.
»»marco.jpg
»»Repositorio lección 28. Cierre
Recursos extra: N/A.
»»Para permitir a los alumnos experimentar con
formas e imágenes se ha provisto material
que se encuentra en los archivos requeridos
Introducción para la lección.
»»Invita a los alumnos a importar esas
»»Los alumnos van a reflexionar sobre la imágenes en su software de diseño vectorial,
utilidad del uso de máscaras, para adaptar a elaborar creaciones originales y a
imágenes a formas específicas. compartirlas en clase.
»»Invita a los alumnos a explorar las imágenes »»Promueve la sana competencia y decidan
en la Actividad 1, a contestar las preguntas y cuál es el más original.
a socializar sus respuestas.

Clase

»»Los alumnos van a recortar imágenes y

la sección recortada tendrá una forma
geométrica. Se muestran los pasos a seguir:
• Importar la imagen.
• Dibujar, sobre la imágen, la figura deseada.
• Recortar.

94
Lección 28 | Máscaras de recorte

95
DISEÑO DIGITAL | Serie académica | Profesor

96
 LECCIÓN 29

Psicología del color

Clase
Competencia:
»»Identifica el efecto que tienen »»Describe la clasificación de colores que hace la
determinados colores sobre las psicología del color. Invita a los alumnos a leer
sensaciones humanas y a analiza sobre los colores cálidos, los fríos, los claros,
cómo esto puede ser aprovechado para los oscuros y los brillantes; posteriormente,
posicionar productos en el mercado. discutan de manera grupal cómo aprovechan
Duración: 80 minutos. las empresas de marketing este conocimiento.
Acceso a internet: N/A. »»Las respuestas a la Actividad 2 pueden variar,
Archivos requeridos: N/A. en general, el color se asocia con experiencias.
Recursos extra: N/A. Por ejemplo, un jabón con empaque blanco,
azul claro o verde se asocia con la limpieza
y la frescura, y eso hace que sea más fácil
de vender que un jabón con empaque rojo o
Introducción gris. Los colores influyen la compra cuando
el consumidor los asocia con experiencias
»»Pregunta a los alumnos por qué creen que agradables que ha tenido o desea tener.
en muchos restaurantes las paredes son de
color naranja.
La respuesta es que se cree que el color
naranja estimula el apetito. Cierre
El azul, por otro lado, da la sensación de
tranquilidad y ayuda a relajar. »»Para que los aprendizajes pasen a la
»»Lleva a los alumnos a discutir sobre la acción, los alumnos van a desarrollar un
psicología del color. volante; promueve la creatividad y aporta
»»La Actividad 1 consiste en observar unas retroalimentación constructiva.
imágenes y expresar las sensaciones que
cada una genera; las respuestas pueden
variar.
»»La primera, por ejemplo, da una sensación
de calor, de vida, de espacio libre y abierto.
Remite a la playa, a las vacaciones, al tiempo
libre, a lugares cálidos, al mar.

97
DISEÑO DIGITAL | Serie académica | Profesor

98
Lección 29 | Psicología del color

99
 LECCIÓN 30

Teoría del color

Clase
Competencia:
»»Utiliza color en el diseño gráfico a partir »»Anota las propiedades del color en el
de identificar el origen y naturaleza del pizarrón:
color. • Tono o tinte
Duración: 80 minutos. • Valor o grado de oscuridad
Acceso a internet: N/A. • Saturación o grado de pureza
Archivos requeridos: CirculoCromatico.exe, • Matiz
Actividad 3_circulo cromatico.svg • Brillo
Recursos extra: N/A. »»Solicita a los alumnos que lean la descripción
y que pasen al pizarrón a escribir la
definición, en pocas palabras.
»»Esta información les será de utilidad para
Introducción contestar las preguntas de la Actividad 1.
»»Solicita a los alumnos que lean el contenido
»»Solicita a los alumnos que observen la y que expliquen, en sus propias palabras, qué
imagen del ojo y te digan todo lo que saben es el círculo cromático.
sobre Isaac Newton y el color. »»Pídeles que hagan un mapa mental en
»»Anota estas preguntas en el pizarrón y su cuaderno, clasificando los colores
solicita a los alumnos que lean el contenido en primarios, secundarios, terciarios,
de la introducción y las contesten. complementarios y armónicos.
1. ¿Qué es el color?
2. ¿Cuales son los siete colores que Newton Cierre
encontró en la luz?
3. ¿Por qué quedaron solo seis? »»Pide a los alumnos que recreen el mapa
mental que hicieron en su cuaderno
Respuestas: utilizando el programa de diseño vectorial.
1. El color es lo que percibe el ojo humano
cuando la luz se refleja sobre un objeto.
2. Los siete colores son rojo, naranja,
amarillo, verde, azul, índigo y violeta.
3. El color naranja quedó excluido porque es
la combinación del rojo y el amarillo.

100
Lección 30 | Teoría del color

101
DISEÑO DIGITAL | Serie académica | Profesor

102
Lección 30 | Teoría del color

103
DISEÑO DIGITAL | Serie académica | Profesor

104
 LECCIÓN 31

Logotipos

Cierre
Competencia:
»»Analizar logotipos reconocidos »»Es momento de que los alumnos elaboren
mundialmente y determinar las su propio logotipo. Para ello van a utilizar el
características que los hacen únicos. boceto realizado en la Actividad 2.
»»Invítalos a compartir y comentar los
Duración: 80 minutos. logotipos creados por sus compañeros.
Acceso a internet: necesario.
Archivos requeridos: N/A.
Recursos extra: N/A.

Introducción

»»A libro cerrado, invita a los alumnos a pasar

al pizarrón y dibujar los logotipos que les
vengan a la mente: Nike, Adidas, Coca-Cola,
Apple, etc.
»»Pregunta cuáles creen que son las
características que hacen memorables a
estos logotipos.
»»Abran el libro y, en equipos de 3 a 5
integrantes, lleven a cabo la Actividad 1.

Clase

»»Invita a los alumnos a participar, comentando

los elementos que un logotipo debe transmitir
y las características que, a su juicio, debe
tener un logo.
»»En la Actividad 2 necesitas internet para que
los alumnos busquen distintos logotipos y
puedan así analizar uno.

105
DISEÑO DIGITAL | Serie académica | Profesor

106
Lección 31 | Logotipos

107
 LECCIÓN 32

Carteles

»»Después de leer los pasos a seguir en la

Competencia: elaboración de carteles, los alumnos van a
»»Analizar logotipos reconocidos realizar el boceto de un cartel a mano, para
mundialmente y determinar las después recrearlo en su programa de diseño
características que los hacen únicos. vectorial.
Duración: 80 minutos.
Acceso a internet: N/A. Cierre
Archivos requeridos: N/A.
Recursos extra: N/A. »»En el Cierre, los alumnos van a elaborar
un cartel informativo, que, a diferencia
del formativo (cuya función es inspirar o
modificar actitudes), tiene el objetivo de
Introducción difundir información con fines comerciales,
por lo que contiene mayor cantidad de texto.
Antes de abrir el libro »»Nuevamente, los alumnos van a definir su
cartel a mano, para después recrearlo en su
»»Pregunta a los alumnos qué productos software de diseño.
elabora un diseñador gráfico:
• ¿Revistas?
• ¿Carteles?
• ¿Trípticos?
»»Solicita a algunos alumnos que describan, en
sus propias palabras, qué es un cartel.
»»Abran el libro; pide a los alumnos que
describan los carteles que se presentan ahí.
»»Invítalos a participar para que compartan
cuál creen que es el objetivo de elaborar un
cartel.

Clase

»»Invita a los alumnos a leer la clase y a

describir, en sus palabras, la diferencia entre
un cartel informativo y un cartel formativo.

108
Lección 32 | Carteles

109
DISEÑO DIGITAL | Serie académica | Profesor

110
 LECCIÓN 33

Infograf ía

que tener para diseñar una infografía.

Competencia: Más adelante, van a describir estas
»»Analizar logotipos reconocidos consideraciones a la mitad de la derecha.
mundialmente y determinar las »»Asesora y complementa, conforme sea
características que los hacen únicos. necesario.
Duración: 80 minutos. »»Para hacer la Actividad 1, los alumnos
Acceso a internet: N/A. necesitan descargar el archivo requerido
Archivos requeridos: Infografía Actividad 1.svg, importarlo en su
»»Infografía Actividad 1.svg software de diseño y editarlo para presentar
Recursos extra: N/A. un nuevo tema.

Cierre

Introducción »»En la Actividad 2 los alumnos estudian la

infografía de concepto, la cual tiene una
»»Pide a los alumnos que compartan su estructura más compleja. Explícales que,
concepto de infografía. para su elaboración, hace falta analizar y
sintetizar la información, de tal suerte que el
Esta puede ser una respuesta: mensaje sea claro.
»»Acompáñalos a elaborar una infografía de
Las infografías son gráficos que presentan concepto comenzando con un documento en
información de manera atractiva, para llamar blanco esta vez.
la atención a través de colores y figuras,
acompañadas de texto.

Clase

»»Los alumnos van a estudiar los pasos en los

que se sugiere que se elabore una infografía,
comenzando por elegir el tema y obtener la
información, para después estructurarla y
sintetizarla.
»»Divide la clase en dos, la mitad de la izquierda
va a leer las consideraciones que se tienen

111
DISEÑO DIGITAL | Serie académica | Profesor

112
Lección 33 | Infografía

113
 LECCIÓN 34

Diseño editorial

»» Para la Actividad 2 los alumnos necesitan

Competencia: contar con el documento
»»Identifica los pasos necesarios para Revista_separada.png; asegúrate de que la
maquetar una publicación y elabora una hayan descargado con anterioridad.
propia.
Duración: 80 minutos. Cierre
Acceso a internet: sugerido.
Archivos requeridos: »»En la actividad de cierre los alumnos
»»Revista_separada.png van a crear un nuevo documento donde
Recursos extra: revista (recomendado). maquetarán su plana de periódico.
»»Después de maquetar su plana de periódico,
sustituirán los espacios con información real
y fotografías.
Introducción »»No hay archivos requeridos para esta
actividad, los alumnos generarán su propio
»»Muestra una revista (electrónica o impresa) a contenido. Es posible que requieran acceder
los alumnos y pregúntales qué es lo que más a internet para buscar información.
llamó su atención.
»»Pide a los alumnos que lean la Introducción y
definan, en sus propias palabras, el concepto
“Diseño Editorial”.

Clase

»»A continuación, los alumnos harán un

contraste entre la apariencia de distintas
publicaciones, como libros, folletos, artículos
de periódico y revistas.
»»Si cuentas con internet, permite que los
alumnos busquen este tipo de publicaciones
en la web y las analicen para contestar la
Actividad 1.
»»Si no es el caso, invita a los alumnos a
observar las imágenes que se les presentan
en el libro.

114
Lección 34 | Diseño editorial

115
DISEÑO DIGITAL | Serie académica | Profesor

116
 LECCIÓN 35

Merchandising

»»Invítalos a discutir por qué, junto a las cajas

Competencia: registradoras, se encuentran golosinas,
»»Identifica los objetivos y naturaleza del rastrillos, cepillos de dientes, etc.
merchandaising como estrategia para »»Llévalos a hacer un contraste entre un
presentación seducción o gestión. supermercado popular y uno de productos
selectos.
Duración: 80 minutos. »»Invita a los alumnos a leer y subrayar
Acceso a internet: N/A. palabras clave que permitan contrastar los
Archivos requeridos: N/A. distintos tipos de merchandising:
Recursos extra: N/A. 1. Merchandising de presentación.
2. Merchandising de gestión.
3. Merchandising de seducción.
Introducción 4. Merchandising para el cliente shopper y
para el cliente buyer.
»»Solicita a los alumnos que formen equipos »»Una vez definidos estos tipos de
de cuatro integrantes y que, sobre una hoja merchandising, los alumnos van a elaborar
de papel, hagan un vaciado de ideas sobre carteles como los que se muestran en la
todo lo que se les venga a la mente cuando Actividad 1.
escuchan la palabra “merchadising”. »»La Actividad 2 consiste en tratar de
»»A continuación, invita a los alumnos a leer la posicionar una idea y una imagen. Estimula
introducción de la clase y a señalar cuál es la creatividad para elaborar un anuncio de
el objetivo del merchandising, en el punto de revista, playeras y un cartel promocional.
venta.
Cierre
Respuesta: estimular las compras.
Es momento de cerrar la lección y el curso
completo de diseño.
Clase
»»Invita a los alumnos a contestar la Actividad 3
»»Pregunta a los alumnos por qué consideran y compartir sus respuestas.
que los productos de la canasta básica »»Antes de despedir el curso, pregunta a los
se encuentran en la parte de atrás de un alumnos si alguno consideraría seguir una
supermercado. carrera en la industria del diseño y por qué.

117
DISEÑO DIGITAL | Serie académica | Profesor

118
Lección 35 | Merchandising

119
DISEÑO DIGITAL | Serie académica | Profesor

120