Material de Formación Sena -

Diseño e Integración de

Multimedia

Fase 1 Análisis Guía # 2 Ilustración vectorial

Competencia: Resultados de aprendizaje:

Proyecto Formativo:

Diseñar la solución multimedia de acuerdo con el análisis de la Información recolectada.

Interpretar el Guion multimedia (literario y técnico) de acuerdo a los conceptos de diseño gráfico.

Definir la estructura del mapa de navegación según la necesidad del cliente.

Estrategias de comunicación multimediales en los municipios de influencia del sena-cide.

Objetivo del proyecto para esta fase:

Recolectar información de necesidades en comunicación del sector productivo.

Definir el Guion técnico y el mapa de navegacion multimediales acordes a las necesidades del sector productivo.

Productos o resultados del proyecto:

Informe de recoleccion de datos (Brief, Bocetación Guion Literario) Guion técnico y mapa de navegación.

Duración:

10 Semanas - 20 Sesiones aprox.

Plan de Trabajo Actividad de Aprendizaje

Resultado de Aprendizaje

Tipo de evidencia / Entregable

Actividad

-Evidencias de Conocimiento: Introducción Herramienta Adobe Illustrator Archivo illustrator / PDF

Reconocer conceptos basicos de diseño y fundamentos, teoria para la composicion multimedia.

Interpretar el Guion multimedia (literario y técnico) de acuerdo a los conceptos de diseño gráfico.

Actividad

Actividad

1

2

Ilustración con figuras geometricas Archivo illustrator / PDF

Tiempo de emtrega Semana 1

Semana 2

Efectos basicos, creación de personaje Archivo illustrator / PDF

Semana 3

-Evidencias de Conocimiento: Ilustración con herramientas básicas de formas Archivo illustrator / PDF

Semana 4

-Evidencias de Desempeño Identificador visual, Manual de imagen corporativa básico.

Archivo illustrator / PDF

Semana 5

Plan de Trabajo Actividad de Aprendizaje

Resultado de Aprendizaje

Actividad

Reconocer conceptos Definir la estructura del basicos de diseño y mapa de navegación según fundamentos, teoria para la la necesidad del cliente. composicion multimedia.

Tipo de evidencia / Entregable

Actividad

3

Evidencias de Producto: Piezas gráficas identidad corporativa.

Archivo illustrator / PDF

Evidencias de Producto: Informe de recolección de datos /Brief Archivo PDF

Actividad

Actividad

Actividad

4

5 6

Evidencias de Producto: Guion multimedia Archivo PDF

Evidencias de Producto: Guion Literario yTécnico Archivo PDF

Evidencias de Producto: Mapa de navegación Archivo PDF

Tiempo de emtrega Semana 6

Semana 7

Semana 8

Semana 9

Semana 10

Contenido

Introducción Ilustración vectorial Herramienta Adobe Illustrator Informe de recolección de datos Compocisión y Guion multimedia Guion Literario, Principios basicos Guion Técnico, concepto, caracteristicas, elementos Mapa de Navegación, concepto, clases , criterios Bibliografía Créditos

Este material de trabajo se realiza con la intención de que los aprendices del programa obtengan los resultados de aprendizaje mencionados correspondientes a la primera fase de análisis del proyecto formativo.

Reúne la información consignada en los documentos guía de aprendizaje # 2 ilustración vectorial, programa de formación, proyecto formativo y planeación pedagógica correspondiente a dichos resultados de aprendizaje, puntualizando los conceptos, temas, links, consultas y actividades que el aprendiz debe desarrollar en esta fase del proyecto.

Se plantea una seria de actividades teniendo en cuenta que es Momento de iniciar el trabajo con

Introducción

herramientas digitales, se realiza un acercamiento del aprendiz al proceso de diseño y la introducción a conceptos multimedia como guiones y mapa de navegación.

Se deben fortalecer y aplicar los conceptos vistos en los resultados de aprendizaje desarrollados inicialmente: Bocetación y conceptos de diseño; En esta guía se pretende dar un orden y punto de partida al proyecto multimedia mediante el desarrollo de diferentes entregables, desde el planteamiento de la idea en el brief, imagen corporativa, desarrollo de piezas graficas hasta un mapa de navegación inicial.

Ilustración Vectorial

Para iniciar el trabajo de ilustración vectorial es indispensable señalar que esta se realiza en un medio digital por lo cual se requiere de una herramienta, software o programa de diseño y que por lo general es la segunda etapa en la realización de un diseño luego de la bocetación, es momento de llevar las ideas al plano digital donde es posible editarlas y llevarlas a un sin fin de aplicaciones, esto facilita el trabajo, como eliminar y deshacer errores, trabajar mas rápido mandar a imprimir y terminar nuestro trabajo en menos de lo que tardaras hacer una ilustración a mano, también nos permite tener mejores especificaciones como el formato de tamaño, el modo de color, la resolución etc.

En una ilustración o dibujo vectorial podemos encontrar una serie de figuras geométricas y un lenguaje matemático que está basado en los vectores (Sotfware de Diseño). Este lenguaje vectorial desarrollado, es ideal para dibujar crear y manipular líneas, curvas y figuras geométricas por que siempre produce las líneas mas afinadas sin ángulos dentados o imágenes borrosas sin importar la escala de nuestro diseño es decir evita que se vea pixelado.

Ilustración Vectorial

Elementos en una ilustración vectorial - Nodos: son la serie de puntos de los que se forma un vector o una curva de bézier - Vector: es una serie de nodos y curvas que definen nuestro dibujo basándose en figuras geométricas. Los vectores nos permiten crear y manipular objetos y composiciones.

- Curvas de Bézier: es una curva que se forma a partir de dos nodos.

Ilustración Vectorial

Herramientas Digitales Los programas de ilustración se emplean para crear imágenes vectoriales y debido a la forma en que se crean los vectores, se denominan programas de dibujo (en oposición a los programas bitmap, que se llaman programas de pintura). Una herramienta llamada pluma es la encargada de crear una serie de líneas y curvas con puntos que conectan cada parte de la línea o la curva. Estas líneas y curvas también pueden ser pinceladas (aplicando un color y grosor a la propia línea). Como estas están elaboradas a través de funciones matemáticas, el tamaño del archivo es menor que una imagen realizada a través de un programa bitmap.

Pueden emplearse para crear imágenes extremadamente complejas con un archivo pequeño y puede reducirse o aumentar sin que la imagen se degrade.

Links: https://neoattack.com/neowiki/ilustracion-vectorial/ ejemplos http://descargas.pntic.mec.es/mentor/visitas/ilustracion_digital.pdf http://biblioteca.usac.edu.gt/tesis/02/02_2524.pdf Material de apoyo: 1ilustracion_digital.pdf

Adobe illustrator trabaja con vectores para la ilustración y el dibujo grafico, es el más usado por las aplicaciones que ofrece, por la calidad y valor artístico que aporta a las ilustraciones realizadas en este programa.

Se utiliza para la edición de imágenes con manejo de vectores y nos ofrece una serie de múltiples herramientas para desarrollar nuestros dibujos e ilustraciones

Adobe Illustrator

Algunas caracteristicas Tamaño de espacio de trabajo de cualquier formato o tamaño, carta, oficio, tabloide etc.

Adaptar nuestro trabajo a cualquier resolución (dpi o ppp) de acuerdo a la finalidad que vamos a utilizarla (sitio web, impresión etc.)

Trabajar con unidades de medida cm. Pixeles, mm. etc.

La barra de herramientas nos permite crear, editar y seleccionar objetos como deseemos en múltiples mesas de trabajo, el manejo de layers o capas.

Guardar archivos editables en diferentes formatos y exportar en formato jpg o png, y miles de opciones mas para trabajar con la ilustración.

Tiene todas las herramientas de dibujo que necesarias para convertir colores y formas en logotipos, iconos y gráficos sofisticados.

Las ilustraciones de Illustrator son un software de diseño vectorial.

Es posible editar, diseñar un folleto o crear el boceto de un sitio web con las mejores herramientas de texto. Agregar efectos, gestionar los estilos y editar caracteres individuales para crear diseños tipográficos que expresen mensajes claros.

Adobe Illustrator

Con este programa podemos crear dibujos a mano alzada o calca y colorear grรกficos para convertirlos en obras de arte.

Algunas de las ventajas de Illustrator son:

Adobe Illustrator

Las imรกgenes no pierden calidad al ser escaladas.

Los objetos definidos por vectores pueden ser guardados y modificados en el futuro.

Algunos formatos permiten animaciรณn.

Links: https://neoattack.com/neowiki/ilustracion-vectorial/ https://www.adobe.com/la/products/illustrator.html?promoid=RYGDN24L&mv=other https://www.educadictos.com/virtudes-de-adobe-illustrator/ http://descargas.pntic.mec.es/mentor/visitas/ilustracion_digital.pdf http://biblioteca.usac.edu.gt/tesis/02/02_2524.pdf Material de apoyo: 2Guia ACA Illustrator SPA.pdf 3Material_formacion_GuiaIllustrator.pdf

Actividad 1

Introducción Herramienta Adobe Illustrator

• Descripción Esta actividad es la primer práctica y acercamiento al programa Adobe Illustrator, luego de estudiar el material de apoyo se debe realizar un archivo explorando las herramientas y haciendo un reconocimiento de la interfaz del programa y funcionamiento, realice la vectorización de la imagen sugerida o una similar.

• • • •

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

Pasos a seguir • • • •

CREAR NUEVO DOCUMENTO Calidad: Impresión Tamaño: A4 Unidad: Centímetros Mesa de Trabajo: 1

• Una vez que terminaste de usar la imagen de referencia para ilustrar, desbloquea el objeto.

• Mover de lugar la ilustración.

COLOCAR LA IMAGEN • Incrustra la imagen de referencia al tamaño real • Bloquear la imagen

• Selecciona la herramienta cuentagotas para tomar la referencia de color.

• Guarda la muestra de color como color global.

• Aplicar el color correspondiente a cada pieza seleccionada.

• Guardar Archivo

• Realice una exploracion de las herramientas y su funcion.

• Utiliza la herramienta de pluma . la herramienta de selección directa.

Actividad 1

• Descripción

Utilizando las formas geométricas del programa Adobe Illustrator junto con la herramienta de mezclador de formas y buscatrazos elaborar en un solo documento con diferentes mesas de trabajo símbolos básicos correspondientes a culturas a nivel mundial.

Ilustración con figuras geométricas

• • • •

Pasos a seguir • • • • • •

CREAR NUEVO DOCUMENTO Calidad: Impresión Tamaño: A4 Unidad: Centímetros Mesa de Trabajo: / Orientación: Vertical Modo de color: CMYK

• Una vez que terminaste de usar la imagen de referencia para ilustrar, desbloquea el objeto.

• Mover de lugar la ilustración.

• Guardar Archivo

COLOCAR LA IMAGEN • Incrustra la imagen de referencia al tamaño real • Bloquear la imagen

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

• Usar color de borde y relleno "ninguno" para la elaboración de la ilustración.

• Usar las herramientas de rectángulo, rectángulo redondeado, elipce.

Actividad 1

• Descripción

Realice una ilustración haciendo uso de las herramientas fusión, degradado y la ventana efectos, utilizando la imagen sugerida o una similar.

Efectos basicos, creación de personaje • • • •

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

Pasos a seguir • • • • • • •

NUEVO DOCUMENTO Calidad: web Tamaño: 960 x 540 Unidad: pixeles Mesa de Trabajo: 1 Orientación: Horizontal Márgenes: 0 cm a los cuatros lados Modo de color: RGB

• Seleccionar la forma original del elipce copiar y colocar al frente de todo.

• Rellenar con un tono gris neutro • Aplicar la textura < Texturizar

• Para la creación de fondo del elipce, hacer uso de la herramienta elipse, y deformar los lados haciendo uso de la herramienta selección directa.

• Realizar un elipse que haga intersección y duplica en el mismo lugar la forma del elipce y entre estos 2 aplica un buscatrazos de intersección.

• Con la herramienta elipse crear los ojos • Crear un pincel tipo arte para crear las cejas.

• Guardar Archivo

• Crea un elipse más pequeño en la parte superior.

• Los tres elementos deben de tener colores diferentes • En las opciones de Fusión seleccionar, Suavizar color, y luego seleccionar los 3 elementos y aplicar.

Actividad 2

• Descripción

Con ayuda de las herramientas básicas del programa Adobe Illustrator desarrolle patrones geométricos basados en las formas de las artesanías de los indígenas nacionales.

Ilustración con herramientas básicas de formas

• • • •

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

Pasos a seguir • • • • • •

CREAR NUEVO DOCUMENTO Calidad: Impresión Tamaño: A4 Unidad: Centímetros Mesa de Trabajo: 1 Orientación: Vertical Modo de color: CMYK

• Una vez que terminaste de usar la imagen de referencia para ilustrar, desbloquea el objeto.

• Mover de lugar la ilustración.

• Guardar Archivo

COLOCAR LA IMAGEN • Incrustra la imagen de referencia al tamaño real • Bloquear la imagen

• Usar color de borde y relleno "ninguno" para la elaboración de la ilustración.

• Usar las herramientas de rectángulo, • Usar ventana patrones.

Actividad 2 Identificador visual, Manual de imagen corporativa básico.

• • • •

Pasos a seguir • • • • •

CREAR NUEVO DOCUMENTO Calidad: Impresión Tamaño: A4 Unidad: Centímetros Mesa de Trabajo: /

• Una vez que terminaste de usar la imagen de referencia para ilustrar, desbloquea el objeto.

• Mover de lugar la ilustración.

• Guardar Archivo

• Descripción Teniendo en cuenta los diferentes tipos de identificadores visuales y la diferencia entre imagen e identidad corporativa, plantee el identificador visual para la marca que va a desarrollar para su proyecto formativo junto con un manual de imagen corporativa básico, tenga en cuenta los objetivos de comunicación, el público objetivo y el FODA. Deben realizarse previamente los respectivos bocetos, si se quiere tomar una imagen como referencia para iniciar el trabajo en Illustrator.

COLOCAR LA IMAGEN • Incrustra la imagen de referencia al tamaño real • Bloquear la imagen

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

• Es hora de aplicar todos los todos los conceptos estudiados y usar todas las herramientas a su dispocición

Actividad 3 Piezas gráficas Identidad corporativa

• • • •

Pasos a seguir • • • • •

CREAR NUEVO DOCUMENTO Calidad: Impresión Tamaño: A4 Unidad: Centímetros Mesa de Trabajo: /

• Una vez que terminaste de usar la imagen de referencia para ilustrar, desbloquea el objeto.

• Mover de lugar la ilustración.

• Guardar Archivo

• Descripción A partir del identificador visual generado para su proyecto formativo genere propuestas para el desarrollo de tarjetería, membrete y carnet de identificación corporativo como piezas impresas, y para el desarrollo digital plantee foto de perfil y portada para fan page corporativa de Facebook y youtube, junto con diseño de elementos para rejilla y perfil de Instagram, tenga en cuenta las dimensiones establecida para las imágenes, formatos de imagen, perfiles de color e identidad corporativa. Unidad gráfica aplicada de manera adecuada según manual de imagen bajo estándares básicos de proporción, tamaño y resolución.

COLOCAR LA IMAGEN • Incrustra la imagen de referencia al tamaño real • Bloquear la imagen

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

• Es hora de aplicar todos los todos los conceptos estudiados y usar todas las herramientas a su dispocición

¿Qué es un brief?

Informe de Recolección de Datos

No existe una definición única de este concepto. La palabra Brief tiene un origen militar; proviene de la palabra inglesa Briefing que significa breve y era utilizada para nombrar a todas las órdenes rápidas.

El término fue adoptado por la industria publicitaria para referirse a las instrucciones que los clientes dictan a las agencias para desarrollar una campaña. Según Merrian Webster, el brief es corto, conciso y abrupto.

Es importante realizar este documento, ya que nos permite ordenar las tareas. Es una serie de datos que usamos para generar ideas y orientarnos para implementar acciones de diseño. Lo ideal es que el brief se elabore en conjunto con los clientes para perseguir los mismos objetivos.

Informe de Datos /Brief Este es el primer documento que debemos generar para el proyecto formativo, es un documento que no tiene un formato especial cada grupo de proyecto puede crearlo, pero si se debe garantizar que contenga los siguientes conceptos como información de punto de partida para el desarrollo del proyecto:

Informe de Recolección de Datos

Objetivo general del PF. Generación de ideas Investigación basica de la idea a desarrollar Necesidades del sector productivo Objetivos de comunicación Grupo objetivo Matriz FODA. Y toda la información puntual que el equipo de proyecto quiera tener presente y que le permita alimentar el proceso de diseño.

Links: https://www.youtube.com/watch?time_continue=53&v=5I4j_G1mumw&feature=emb_logo Material de apoyo: 4Diseo de un Brief.mp4

Guion multimedia

El Guion multimedia basico al que haremos referencia en esta etapa del proyecto es un documento escrito como trabajo previo y que sumado al brief se convierten en los insumos necesarios para el planteamiento de las estrategias e “indispensables en todas las actividades de diseño futuras, la creación de los gráficos y los medios que componen cada pantalla. Para realizar una aplicación multimedia se debe pensar constantemente en una concepción global, es decir, no se puede perder de vista en cada detalle de la aplicación el diseño maestro que rige la estrategia general.”

Como el brief es posible incluir más mucha información segun lo requiera el proyecto, aunque se recomienda colocar informacion puntual y que podamos entender y usar mas adelante.

Tambien es posible ir alimentando estos documentos durante todo el desarrollo del proyecto y en la medida que se van descubriendo nuevas posibilidades.

EL Guion multimedia puede tener diferentes aplicaciones de acuerdo a la etapa del proyecto en que nos encontremos y su alcance.

Se deben seguir las indicaciones de la Actividad 4 para su elaboración.

Links: https://www.youtube.com/watch?v=PwWscfMcMU8 https://www.conocimientosweb.net/portal/que-es-el-guion-multimedia.html Material de apoyo: 5guion_multimedia.mp4 10El Guion multimedia.pdf

Actividad 4

• Descripción

Es momento de concretar información precisa y dejarla registrada en los documentos, Brief y Guion multimedia, se deben realizar en archivos aparte, estos van a ayudar a darle forma a las ideas, no es necesario elaborarlos en Adobe Illustrator, ya que son únicamente texo, pero si se realizan en este programa es posible dar más calidad al resultado de la actividad.

Informe de Datos - Brief y Guion Multimedia

Brief Objetivo general del PF. Generación de ideas Investigación basica de la idea a desarrollar Necesidades del sector productivo Objetivos de comunicación Grupo objetivo Matriz FODA

Guion Multimedia Qué (los contenidos que vamos a contar) Cómo (la manera en la que articulamos la multimedia) Cuándo (secuencia informativa e interactiva) Quién (qué utilizamos para presentar la información) Dónde (modelo de organización estructural, distribución…)

Para quién (nuestro lectoautor buscado)

Pasos a seguir • • • • • • • •

Documentación previa (ideación, investigación, generación de ideas) Selección de elementos multimedia ( ilustración, animación, fotografía, otros).

Diseño de la arquitectura de la información: Selección de contenidos.

Definición de la interfaz (funciones y elementos) Definición de la navegación-estructura de contenidos.

Descripción de existentes: escenarios, personajes y elementos gráficos de la interfaz.

Descripción de la acción y la interacción.

Este es el punto de partida y plantemiento de su proyecto formativo, debe tener en cuenta que este proyecto estara enfocado en la creación de contenidos digitales como equipo de proyecto, mediante una estrategia de comunicación y que finalmente podria ser llevado a proyecto productivo para la creación de (Empresa, agencia...)

• • • •

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Revisar Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

“El guion es la base de todo proyecto audiovisual, donde se plasma todo lo que el autor imagina y quiere como resultado final.

Para iniciar la produccion de un video, obra o multimedia, después de recolectar la información y requerimientos (Brief/GuionMultimedia) Se empieza con la elaboración del Guion Literario, El cual es un texto de una historia, narración, cuento, documental, etc, que se expone con la gran mayoría de los detalles para luego ser pasado a imágenes en movimiento

Guion Literario, Principios basicos

Links: https://www.youtube.com/watch?time_continue=292&v=jCwA2-QHsTk&feature=emb_logo Material de apoyo: 6guion_tec_literario.pdf 7Guion Literario _ Ejemplos.mp4

Concepto Es este Guion se transcribe en planos cinematograficos las escenas definidas en Guion literario. En él, se planifica la realización, se incorporan indicaciones técnicas precisas como encuadre de cada plano.

Caracteristicas

Guion Técnico

Documento técnico tipo matriz de consolidacion de información contiene anotaciones referidas a iluminación, decorados, maquillaje, vestuario, etc.

Elementos Posición de cámara, plano, Tiempo, que se vera, efectos, que se oirá. Existen muchas plantillas para elaborar un Guion técnico, aquí un ejemplo standar de un formato para Guion.

Guion Técnico Links: https://www.youtube.com/watch?v=_nmbk2lcpcM Material de apoyo: 6guion_tec_literario.pdf 8Guion_Tecnico.mp4

Actividad 5 Guion Literario yTécnico Pasos a seguir • • • • • • • •

Documentación previa (ideación, BRIEF, Guion MULTIMEDIA) Cree un documento nuevo.

Ecriba las ideas principales Realice el encabezado señalado para Guion literario.

Editelo para mejorar la redacción Cree la reticula para Guion técnico coloque los datos del encabezado Complete la información de acuerdo a los requerimientos del proyecto.

• Descripción

Elabore los documentos, Guion Literario y técnico, se deben realizar en archivos aparte, estos van a ayudar a darle forma a las ideas, no es necesario elaborarlos en Adobe Illustrator, ya que son únicamente texto, pero si se realizan en este programa es posible dar más calidad al resultado de la actividad.

• • • •

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

Concepto Los mapas de navegación proporcionan una representación esquemática de la estructura del hipertexto, indicando los principales conceptos incluidos en el espacio de la información y las interrelaciones que existen entre ellos. Un mapa es, por ejemplo, una representación completa (o resumida) del sitio web.

Mapa de Navegación

Clases Lineal:La navegación lineal permite un flujo de la información mas estable, es muy útil cuando se quiere llevar un proceso paso a paso, permite que el usuario reciba la información en un orden adecuado, únicamente con la opción de ir adelante y atrás.

Jerárquica:Navegación jerarquica o de árbol. Esta estructura comienza con una página principal o raíz, se presentan varias opciones que permite ir visualizando páginas más especificas. El contenido se desarrolla en forma ramificada pudiendose visitar cada una de las secciones por separado.

Libre:Es adecuada cuando se tiene que conservar el camino general, pero hay que dar cabida a ligeras variaciones, tales como saltarse determinadas páginas. Permite algunos desvíos controlados, la estructura obliga a regresar al camino principal, al tener un desvió lateral es una pequeña información adicional.

Híbrido:Es la que combina diferentes sistemas de navegación.

Criterios Se basa en los documentos realizados previamente, lo que permite elegir el tipo de mapa que se va a desarrollarar y el contenido, teniendo en cuenta las necesidades y requerimientos de un cliente o grupo obetivo definido.

Mapa de Navegaciรณn

Links: http://todoconfirulais911.blogspot.com/2018/08/mapas-de-navegacion.html?m=1 https://www.youtube.com/watch?v=ssM6j3mvMD4 http://www.hipertexto.info/documentos/maps_navegac.htm Material de apoyo: 9Mapa_navegacion-Illustrator.mp4 11mapa_de_navegacion.pdf

Actividad 6

• Descripción

Elabore el mapa de navegación inicial, teniendo como base los documentos (brief y guiones), no es necesario elaborarlo en Adobe Illustrator, ya que es solo texo, pero si se realizan en este programa es posible dar más calidad al resultado de la actividad.

Mapa de navegación

Finalmente cabe anotar que los documentos trabajados en este material de formación son dinamicos y pueden adapatarse a diferentes etapas del proyecto según las necesidades y requerimientos del mismo.

Pasos a seguir • • • • • •

Documentación previa (BRIEF, GuionES) Cree un documento nuevo Identifique el tipo de mapa a elaborar Realice la diagramación del mapa.

Digite los textos que va a tener cada caja Complete la información de acuerdo a los requerimientos del proyecto

• • • •

Importante!

Revisar Material de apoyo Seguir indicaciones del instructor Guía de aprendizaje Aplicar conceptos de Diseño aprendidos

Bibliografía

<a href="https://www.freepik.es/fotos-vectores-gratis/abstracto">Vector de Abstracto creado por freepik - www.freepik.es</a> https://www.google.com/search?q=boceto+ilustración&tbm=isch&ved=2ahUKEwjhn9jojunoAhXJRDABHRGaAJwQ2-cCegQIABAC&oq=boceto+ilustración&gs _lcp=ChJtb2JpbGUtZ3dzLXdpei1pbWc ibro Ilustración de Libros Infantiles de Martín Salisbury 2004 / temas de diseño digital http://openaccess.uoc.edu/webapps/o2/bitstream/10609/62205/3/Narrativa%20interactiva_Módulo%206_El%20Guion%20multimedia.pdf http://multimedia1013.blogspot.com/p/guion-multimedia.html

Sena- Centro industrial y de Desarrollo Empresarial - Soacha Instructor Juan Gabriel Hernรกndez https://forms.gle/twDFrTP svY9sFV8 PI EEC01