diseño de encabezados para el evaftp.campusvirtual.utn.ac.cr/e-learning/diseño para encabezados...

19
Diseño de encabezados para el EVA

Upload: others

Post on 04-Jul-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Diseño de encabezadospara el EVA

Page 2: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Este material pretende guiar el proceso de elaboración de los elementos gráficos

para el diseño instruccional de un

aula virtual.

La idea es que siguiendo cada paso logre crear un

encabezado para ser subido en su espacio de

simulación.

Apartir de estos pasos se les invita a ser creativos y

generar sus propios encabezados y etiquetas.

Page 3: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Banner principal

Banner secundarios

1Diseño de un EVAüFundamentación del proyecto

üPlaneación curricular

üDiseño gráfico

üDiseño del bloque inicial

üPlanificación de unidades

üPresentación del entorno

Establecer los nombres de las

unidades o semanas a trabajar.

Page 4: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Se recomienda usar PalettonPrimero elegir el color central.

Color central

Elegir los colores de

acuerdo con la temática, revisar

la página el color en el

material elementos de

diseño .

2

Page 5: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Elegir la opción para 4 colores.

De esta manera podrá trabajar el banner principal y las tres unidades

con colores complementarios.

4 coloresElegir los colores de

acuerdo con la temática, revisar

la página el color en el

material elementos de

diseño .

2

Page 6: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Todos los colores elegidos son complementarios y como puede notar

hay tonos claros y oscuros que se pueden combinar.

Esto es lo que llamamos una paleta de colores.

Elegir los colores de

acuerdo con la temática, revisar

la página el color en el

material elementos de

diseño .

2

Page 7: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Abrir el Power Point

3Utilizando la opción Insertar, captura, tomar una imagen de su paleta de color de Paletton.

Trabajar en el formato deseado, utilizando Power Point y las formas, pensar en un espacio para una imagen y otro para el texto.

Por ejemplo: vamos a tratar de replicar los banners del curso de diseño.

Page 8: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Ejemplo

• Agregar un rectángulo con esquinas redondas sin borde.

• Agregar un rectángulo más pequeño.

4

Page 9: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

EJEMPLO

4• Agregar el círculo grande, con un borde más

grueso, fondo blanco y aplicar transparencia.

• Agregar el círculo pequeño con fondo blanco.Ejemplo4

Debe utilizar las opciones de Formato de la forma

Page 10: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

• Para aplicar los colores deseados se debe colocar la imagen de la paleta en la misma diapositiva que el banner diseñado.

Figura seleccionada

Ejemplo4

Seleccionar la forma para aplicar el color.

Page 11: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

• Con la forma seleccionada ir a Formato de forma, Color de relleno, Más colores de relleno… y usando la herramienta gotero moverla sobre la paleta para seleccionar el color deseado. Dar clic al color y Aceptar.

Ejemplo4

Page 12: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

En cuanto a los colores se recomienda en este caso usar el mismo color solo que uno claro y otro oscuro para hacer contraste.

Ejemplo4

Page 13: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Descargar las imágenes a utilizar, se

recomiendan iconos.

Puede utilizar los de la página flaticon

5

Page 14: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

5. DESCARGAR IMAGEN DE FLATICON

Ir a la página https://www.flaticon.es/Buscar el elemento deseado mediante una palabra clave. Ejemplo Diseño.Dar clic en el icono deseado, verificar que no tenga la corona por que no es gratuito.

Descargar imagen de

flaticon5

Page 15: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

• Descargar en formato png y tamaño 512 para poder hacer la imagen pequeña.

• Dar clic en la opción PNG y en Descarga gratis.

• Si no se lo permite puede crear una cuenta a través de su correo.

Descargar imagen de

flaticon5

Page 16: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Insertar la imagen y cambiar el tamaño ajustándolo al espacio.

Agregar la imagen al

banner6

Page 17: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

• Clic derecho en el recuadro central, dar clic en Modificar texto.• Escribir el título del encabezado del curso o la unidad• Cambiar la letra (Arial, Tahoma o Myriad Pro), centrar el texto, cambiar el color

y el tamaño.

Agregar el texto7 Diseño de un EVA

Page 18: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

• Seleccionar todos los elementos.• Dar clic derecho y seleccionar Agrupar.• Luego, seleccionar, clic derecho, Guardar

como imagen…• Agregar un nombre y dejarlo en formato

.png• Duplicar la imagen terminada cambiar

icono, colores y texto para los demás banners.

Agrupar y exportar la

imagen8

Page 19: Diseño de encabezados para el EVAftp.campusvirtual.utn.ac.cr/e-learning/Diseño para encabezados del Eva.pdfguiar el proceso de elaboración de los elementos gráficos para el diseño

Créditos

Universidad Técnica NacionalÁrea de Tecnología Educativa y

Producción de Recursos Didácticos

ContenidoDiseño de encabezados para el EVA

Producción del recurso didáctico:Productora académica: Guadalupe Camacho

Diseño gráfico: Karol González

Derecho de AutorQueda prohibida la reproducción, transformación, distribución ycomunicación pública de la obra multimedia [Diseño deencabezados para el Eva], por cualquier medio o procedimiento,conocido o por conocerse, sin el consentimiento previo de lostitulares de los derechos, así como de las obras literarias,artísticas o científicas particulares que contiene.