¡BIENVENIDOS!

CAPACITACIÓN: TECNOLOGÍAS DE LA
INFORMACIÓN
DISEÑO DIGITAL
PROPÓSITO DE LA MATERIA

 Diseña páginas web, animaciones multimedia, imágenes

digitales e impresas, para generar productos de
comunicación y publicidad en el ámbito laboral y
comunitario, favoreciendo el desarrollo ético, creativo e
intercultural del entorno.
 Competencias profesionales básicas: CPBTIC8
Elabora diversos recursos gráficos publicitarios utilizando software
de diseño, permitiendo su publicación en medios digitales e
impresos para comunicar ideas o emociones aplicables a
contextos laborales, escolares y de la vida cotidiana, en un
ambiente ético e innovador, mostrando flexibilidad y apertura a
diferentes puntos de vista.
 PROGRAMA DE LA MATERIA

Introducción al diseño digital:

 Tipos de gráficos: Mapa de bits y vectoriales
 Formatos de gráficos.
 Modos de color.
 Tipos de software de diseño que ofrecen.
Software para edición de gráficos vectoriales:
 Entorno
 Herramientas básicas
 Dibujo de objetos
 Texto, creación y edición.
 Transformación y propiedades.
 Edición y efectos de objetos
 PROGRAMA DE LA MATERIA

Software para edición de gráficos de mapa de bits:

 Entorno
 Herramientas básicas
 Trabajo con capas
 Efectos de imagen

Animaciones multimedia:
 Conceptos básicos.
 Aplicar animación al objeto.
 Botones de manipulación.
 Aplicar sonido y video.

Software de diseño editorial:

 Entorno.
 Herramientas básicas.
 Ajustes de lienzo, marcos y páginas.
 Bocetaje con guías y cuadrícula.
 Capas.
 MATERIAL A UTILIZAR

 1 libreta profesional de rayas, portada con los

datos de identificación.
 Registrarse en la plataforma Classroom con el
código de clase enviado en el grupo de
whatsapp.
HORARIO DE CLASE
COMPROMISOS

1. Respetar la opinión de los compañeros.

2. Prender la cámara y apagarla cuando se solicite.
3. Apagar el micrófono y prenderlo cuando se
solicite.
4. Preguntar cuando tenga dudas.
5. Cumplir con las actividades solicitadas.
 PLAN DE EVALUACIÓN: BLOQUE I

*ACTIVIDADES EN LA PLATAFORMA…………….60%
*PROYECTO…………………………….….…………40%
 EVALUACIÓN DIAGNÓSTICA

RESPONDE LAS SIGUIENTES PREGUNTAS EN TU LIBRETA. CONTESTA SI O NO.

1. ¿Sabes qué es el diseño digital?
2. ¿Conoces qué es la teoría del color?
3. ¿Sabes cuál es la diferencia entre una imagen de mapa de bits y una
vectorial?
4. ¿Has editado gráficos vectoriales?
5. ¿Has editado imágenes de mapa de bits?
6. ¿Has realizado carteles publicitarios, revistas etc..?
7. ¿Sabes a qué se refiere el término multimedia?
8. ¿Has realizado animaciones en 2D?
9. ¿Has realizado cortometrajes?
10. ¿Te gustaría estudiar diseño gráfico?
BLOQUE I: SESIÓN1
APRENDIZAJE ESPERADO:
ILUSTRA IDEAS PUBLICITARIAS Y DE
COMUNICACIÓN A TRAVÉS DE DISEÑO DE
IMÁGENES DIGITALES, UTILIZANDO DIFERENTES
HERRAMIENTAS DE LAS APLICACIONES DE
SOFTWARE DE DISEÑO, EN UN AMBIENTE
RESPONSABLE Y CREATIVO
CONTENIDO

Introducción al diseño digital:

 Tipos de gráficos: Mapa de bits y vectoriales.
 Formatos de gráficos.
 Modos de color.
 Tipos de software de diseño que ofrecen.
APERTURA

 a)¿Qué es el diseño digital?

 b)¿Dónde de aplica el diseño digital?
 Diseño digital

 El diseño digital se basa en crear, programar y mostrar un mensaje

visual con el fin de comunicarlo y buscar una respuesta concreta
en grupos sociales específicos. Es el arte de plasmar de manera
gráfica y digital una idea, valores, sentimientos.
 Con el diseño Digital podemos lograr un alto nivel de producción
en video, animación, desarrollar aplicaciones digitales interactivas
e innovadoras en diferentes áreas (web, Internet, cine, vídeo,
animación, arte digital, multimedia, entre otras
PIXELES vs VECTORES

 https://www.youtube.com/watch?v=MzlFYwb-iQI
 Realizar una tabla comparativa de las imágenes de
mapa de bits y vectoriale en base a la información
que se muestra en el video.

Mapa de bits Vectoriales

 Tipos de gráficos: Mapa de bits
y vectoriales
Mapa de bits
Está compuesta por una
cuadrícula de píxeles.
Si hacemos zoom sobre la imagen
podemos ver claramente cada
uno de esos píxeles. Si se amplía la
imagen puede provocar una
pérdida de calidad.
Se utiliza más para fotografías o
imágenes que tienen una buena
resolución.
Formatos: JPG, JPEG, PNG, GIF,
BMP y TIFF
Vectoriales
Estas imágenes se componen de
vectores
Las imágenes vectoriales se le
pueden aplicar transformaciones
geométricas a la misma, como
ampliar, expandir o reducir, sin
que pierdan nada de calidad
Se utilizan especialmente
para logotipos, iconos,
ilustraciones, infografías,
tipografías o elementos para
webs.
Formatos: EPS, AI, PDF y SVG
 Ventajas y desventajas de
mapa de bits
IMAGEN VENTAJAS
MAPA DE Tienen una gran capacidad
BITS para representar la realidad a
la perfección.
Se muestran como la mejor
opción para imágenes como
fotografías, ya que destacan
por el alto nivel de detalle que
pueden alcanzar.
DESVENTAJAS
Al hacer zoom sobre ellas o
reducirlas es habitual que
pierdan mucha calidad y
acaben pixelándose.
Es posible que no tengan la
calidad suficiente como para
poder imprimirlas.
Un mapa de bits BMP o en
otro formato de mucha
calidad, puede ocupar un
espacio excesivo.
 Ventajas y desventajas de
vectoriales
IMAGEN VENTAJAS
VECTORIALES Se pueden escalar sin riesgo a
que pierdan nada de calidad.
Son la mejor opción para
imprimir, ya que no pierden
nada de calidad.
Al estar basadas en fórmulas
matemáticas en vez de en
píxeles, son capaces de
almacenar la información más
compleja sin ocupar
demasiado espacio
DESVENTAJAS
Tienen muchas limitaciones
para la creación de imágenes
reales. Resulta muy
complicado reproducir una
fotografía a partir de vectores,
aunque no es imposible.
Existen imágenes vectorizadas
que representan fotografías
con una excelente calidad,
aunque por lo general son
archivos muy complejos y
pesados.
Modos de color

¿Qué es un modo de color?

 Los modos de color son representaciones del
espectro visible, que se pueden considerar como el
contenedor en el que colocamos la información
sobre cada pixel de una imagen, este nos permite
describir el color de cada pixel utilizando valores
numéricos.
 Dentro del diseño gráfico dependiendo del medio
en el cual se va a representar la imagen, ya sea
digital o impresa la manera de trabajar los colores
varía.
 RGB

 Es un modo de color basado en la

combinación de colores lumínicos
primarios (rojo, verde y azul) para
obtener el resto de colores.
 Las imágenes RGB contienen 24 bits por
pixel y usan 3 canales de información,
uno por cada color.
 El modo RGB suele usarse para
imágenes y trabajos que no van a ser
impresos, en otras palabras es de los
modos de color óptimo para trabajar
en medios digitales, para pantallas y el
propio de la luz en base a la síntesis
aditiva.
 CMYK

 Este se basa en la sustracción del

blanco usando para ello como
colores primarios el cian, magenta,
amarillo y negro (éste último para
aportar el cuerpo, fuerza, acentuar
rasgos o dar profundidad a la
imagen).
 En este modo lo que se hace es
combinar los colores sustractivos
primarios para dar lugar al resto de
colores. Suele usarse para imágenes
y trabajos que serán impresos. El
modo CMYK contiene 32 bits por
píxel utilizando 4 canales de
información (uno por cada color).
Tipo de software de diseño
para imagen de mapa de bits

LIBRES COMERCIALES

Gimp Photoshop

PaintShop
Darktable
Pro
Tipo de software de diseño
para imagen vectoriales

LIBRES COMERCIALES

Corel
INKSCAPE
draw

Adobe
Karbon14
Illustrator
 ACTIVIDAD 1

Realiza lo que se te pide en tu libreta. Anota tu nombre completo y

grupo.
 Anexar la tabla comparativa de imagen de mapa bits y vectoriales
realizada en clase.
 Revisa una revista publicitaria, recorta y pega tres ejemplos de
imágenes de mapa de bits
 Revisa una revista publicitaria, recorta y pega tres ejemplos de
imágenes vectoriales.
 Realiza un dibujo libre en una cartulina o papel para acuarelas de
grano fino, utilizando acuarelas. Combina los colores de RGB y CMYK
para obtener nuevos. Ponle un titulo a tu dibujo. Toma una foto y
envía tu evidencia en la plataforma classroom.
PINTAR CON ACUARELAS
https://www.youtube.com/watch?v=RtmLC2qcqHU