Documentos de Académico
Documentos de Profesional
Documentos de Cultura
UNIVERSIDAD DE GUAYAQUIL
PROYECTO
TEMA:
AUTOR:
TUTOR:
UNIVERSIDAD DE GUAYAQUIL
DIRECTIVOS
DECANO SUBDECANA
Lcdo. Alfredo Llerena Guerrero, MSc. Lcda. Beatriz Vallejo Vivas, MSc.
COORDINADOR DIRECTORA
SECRETARIA GENERAL
iii
RESUMEN/ABSTRACT (150-250 palabras): El tema de este proyecto es: Comunicación audiovisual y multimedia en
el aprendizaje de la asignatura de diseño 3D en los estudiantes de sexto semestre de la carrera de Diseño Gráfico
de la Facultad De Comunicación Social de la Universidad De Guayaquil. El tema de investigación está inmerso en
diseño gráfico en un ámbito creativo, formando parte de las enseñanzas en diseño 3D, por esta razón se implementó
los videos tutoriales para que el estudiante conozca más el manejo del software cinema 4D ya que mediante los
videos el estudiante puede ver los ejercicios de diseño cuantas veces desee, por ello se pensó en la siguiente
propuesta: Elaboración de videos tutoriales a través de una plataforma web para el aprendizaje de programas de
diseño 3D. Estos videos tutoriales se encontraran en Jimdo una plataforma web gratuita siendo un método multimedia
y audiovisual práctico, esta se enlazara con la plataforma Youtube.
ADJUNTO PDF: X SI NO
CONTACTO CON AUTOR/ES: Teléfono: - 0981134679 E-mail:pepelituma_dantetse@hotmail.com
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
https://secure.urkund.com/view/29851996-419857-
693492#q1bKLVayijbQMdQxBBKGOiY65jqWsTpKxZnpeZlpmcmJecmpSlYGegaGJgYGpibm
lmYmxpaGBmYWtQA=
C.I. 0906296496
v
UNIVERSIDAD DE GUAYAQUIL
_______________________________
Ing. Ana Córdova Torres, Mgs
C.I. 0911810224
vi
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
Yo, LITUMA QUEZADA JOSÉ ROBERTO, C.C.: 0703973115, certifico que los
contenidos desarrollados en este trabajo de titulación, cuyo título es
“COMUNICACIÓN AUDIOVISUAL Y MULTIMEDIA EN EL
APRENDIZAJE DE LA ASIGNATURA DE DISEÑO 3D EN LOS
ESTUDIANTES DE SEXTO SEMESTRE DE LA CARRERA DE DISEÑO
GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL DE LA
UNIVERSIDAD DE GUAYAQUIL EN EL AÑO 2017” son de mi absoluta
propiedad y responsabilidad Y SEGÚN EL Art. 114 del CÓDIGO ORGÁNICO
DE LA ECONOMÍA SOCIAL DE LOS CONOCIMIENTOS, CREATIVIDAD E
INNOVACIÓN*, autorizo el uso de una licencia gratuita intransferible y no
exclusiva para el uso no comercial de la presente obra con fines no académicos,
en favor de la Universidad de Guayaquil, para que haga uso del mismo, como fuera
pertinente
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
PROYECTO
“COMUNICACIÓN AUDIOVISUAL Y MULTIMEDIA EN EL
APRENDIZAJE DE LA ASIGNATURA DE DISEÑO 3D EN LOS
ESTUDIANTES DE SEXTO SEMESTRE DE LA CARRERA DE DISEÑO
GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL DE LA
UNIVERSIDAD DE GUAYAQUIL EN EL AÑO 2017”
APROBADO
…………………………………………
……………………………… ………..………………………..
……………………………… ………..………………………..
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
Guayaquil, 28 agosto de 2017.
De mis consideraciones:
Una vez concluida esta revisión, considero que el estudiante Lituma Quezada José Roberto está
apto para continuar el proceso de titulación. Particular que comunicamos a usted para los fines
pertinentes.
Atentamente,
__________________
Ing. Ana Córdova Torres, Mgs.
C.I.: 0911810224
ix
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
De mis consideraciones:
Dando por concluida esta tutoría de trabajo de titulación, CERTIFICO, para los fines pertinentes,
que el estudiante está apto para continuar con el proceso de revisión final.
Atentamente
___________________________________
DEDICATORIA
Dedico ésta tesis de graduación a mis amados padres. Gracias por este esfuerzo,
nunca me falto nada y hoy soy una persona de bien y preparada para la vida.
AGRADECIMIENTO
Agradezco en primer lugar a Dios; por todas las bendiciones que derrama sobre
mi familia y sobre mí, por haberme dado a mi padre Julio Lituma Suing y Jéssica
Quezada Quezada, que son quienes me apoyaron siempre y se sacrificaron día a día
por hacer que sea mejor persona, y por quienes he llegado hasta aquí y me dan el
valor de crecer profesionalmente.
A mis hermanos Luis y Julio, que siempre están a mi lado en las buenas y las
malas.
Agradezco a todas las personas que estuvieron y están conmigo en este caminar
de la vida, por los que vendrán y serán parte en el futuro en esta nueva etapa. Porque
sé que ahora como profesional, tendré grandes visiones para seguir escalando hacia
nuevas metas.
Gracias a todos.
ÍNDICE GENERAL
CARÁTULA ............................................................................................................ i
INFORME DE APROBACIÓN………………………………...………………...ii
ÍNDICE DE CUADROS
ÍNDICE DE GRÁFICOS
ÍNDICE DE FIGURAS
Figura 1: Plataforma Jimdo.................................................................................. 53
Figura 2: Programa Camtasia Studio 8. ............................................................... 53
Figura 3: Programa Adobe Photoshop CS6. ........................................................ 54
Figura 4: Programa Adobe Photoshop CS6. ........................................................ 55
Figura 5: Programa Vegas Pro 13. ....................................................................... 56
Figura 6: Ubicación sectorial y física. ................................................................. 59
Figura 7: Logo representativo. ............................................................................. 62
Figura 8: Definición de los elementos utilizados en el logotipo.......................... 63
Figura 9: Colores que representan el logotipo. .................................................... 63
Figura 10: Fuente usada para el logotipo. ............................................................ 65
Figura 11: Fuente usada para los contenidos. ...................................................... 65
Figura 12: Selección de plantilla. ........................................................................ 66
Figura 13: Selección de tipo de página web. ....................................................... 67
Figura 14: Selección de tipo de página web. ....................................................... 67
Figura 15: Selección del paquete Jimdo. ............................................................. 68
Figura 16: Selección del paquete Jimdo. ............................................................. 68
Figura 17: Plantilla generada por Jimdo. ............................................................. 69
Figura 18: Proceso de edición de la plantilla Jimdo. ........................................... 69
Figura 19: Menú de navegación de JoliTutoriales. .............................................. 70
Figura 20: Inicio del menú de navegación de JoliTutoriales. .............................. 71
Figura 22: Videos tutoriales del menú de navegación de JoliTutoriales. ............ 72
Figura 24: Imagen del tema del Video 1. ............................................................. 73
Figura 25: Imagen del tema del Video 2.............................................................. 74
Figura 26: Imagen del tema del Video 3.............................................................. 75
Figura 27: Imagen del tema del Video 4.............................................................. 76
Figura 26: Imagen del tema del Video 5.............................................................. 77
Figura 27: Imagen del tema del Video 6.............................................................. 78
Figura 30: Imagen del tema del Video 7.............................................................. 79
Figura 31: Imagen del tema del Video 8. ...................................................... 80
Figura 32: Imagen del tema del Video 9.............................................................. 81
xix
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
RESUMEN
El tema de este proyecto es: Comunicación audiovisual y multimedia en el
aprendizaje de la asignatura de diseño 3D en los estudiantes de sexto semestre de
la carrera de Diseño Gráfico de la Facultad de Comunicación Social de la
Universidad De Guayaquil. El tema de investigación está inmerso en diseño gráfico
en un ámbito creativo, formando parte de las enseñanzas en diseño 3D, por esta
razón se implementó los videos tutoriales para que el estudiante conozca más el
manejo del software cinema 4D ya que mediante los videos el estudiante puede ver
los ejercicios de diseño cuantas veces desee, por ello se pensó en la siguiente
propuesta: Elaboración de videos tutoriales a través de una plataforma web para el
aprendizaje de programas de diseño 3D. Estos videos tutoriales se encontraran en
Jimdo una plataforma web gratuita siendo un método multimedia y audiovisual
práctico, esta se enlazara con la plataforma Youtube.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
ABSTRACT
The theme of this project is: Audiovisual communication and multimedia in the
learning of the subject of 3D design in the students of the sixth semester of the
Graphic Design career of the Faculty of Social Communication of the University of
Guayaquil. The research topic is immersed in the graphic design in a creative field,
being part of the teachings in 3D design, for this reason the tutorial videos were
implemented so that the student knows more the handling of the software 4D
cinema since through the videos The student You can see the design exercises as
many times as you want, so we thought about the following proposal: Elaboration
of videos tutorials through a web platform for learning 3D design programs. These
tutorial videos are in Jimdo a free web platform and a practical multimedia and
audiovisual method, this will be linked with the Youtube platform.
INTRODUCCIÓN
Este proyecto de tesis tiene como objetivo presentar una perspectiva general del
principal tema, que trata sobre el diseño 3D durante su desarrollo en la
comunicación audiovisual y multimedia.
CAPÍTULO I
EL PROBLEMA
Cabe decir una vez más, que por esta razón se necesita estar a la par de la
tecnología como por ejemplo poder realizar diseños 3D mediante una computadora,
en este caso se ven reflejados en arquitecturas virtuales, películas 3D, etc. El diseño
4
Ahora, el pensar lógico del ser humano con una paradoja más a la que se adapta,
se dice del contexto común que se tiene que alejar más y tener imaginación
permitiendo crear cosas distintas o aún mejores, en pensar nuevas etapas como
diseñador gráfico tomando referencias de lo que se aprecia en la actualidad, para
profundizar respuestas acerca del diseño 3D que forma parte del siglo XXI,
planeando un estilo multimedia que pueda llegar a ser entendido a la persona que
queremos difundir.
5
Fue fundada en 1843 impulsado por los habitantes de la ciudad por la necesidad
de formación profesional. Pasaron varios intentos y es en el año 1867 que queda
legalmente establecida. Fue la primera universidad a nivel nacional en tener
la reforma universitaria que inicio en el año de 1918 en la Universidad Nacional de
Córdoba (Argentina), que dio paso al gobierno estudiantil y se autónoma. Al
finalizar el siglo XIX ocupó los predios de la Casona Universitaria Pedro Carbo,
además, entre 1949 y 1954 comenzó a trasladarse a su nueva campus principal. En
toda la historia, algunos personajes que han trascendido en el campo de la política
y varias ramas del saber, han conformado el alumnado de la universidad, así como
de su cuerpo de profesores y directiva.
Causas Consecuencias
Para poder realizar una correcta evaluación del problema se debe instar cuatro
aspectos fundamentales:
1.1.6.1 Delimitado
1.1.6.2 Claro
1.1.6.3 Concreto
Es elaborado con temas concretos como elaboración de diseños 3D. Como una
nueva estrategia de comunicación digital y publicitaria, las mismas que serán
aplicadas y utilizadas por los estudiantes.
1.1.6.4 Factible
1.1.6.5 Original
utilización.
La plataforma web brinda una ayuda práctica, para reforzar sus conceptos
en este tema.
programas 3D.
Facilitar contenido audio visual, con un mejor método para crear diseños
Captar el interés con una herramienta de estudio que abarca las asignaturas
¿De qué manera se pueden dar a conocer las utilidades que ofrecen las
herramientas de diseño 3D?
12
De ésta manera los estudiantes tendrán confianza al ver los videos tutoriales
como ayuda para sus estudios. Además, esta plataforma web puede servir como
guía para la creación de otras similares en diferentes asignaturas.
CAPÍTULO II
MARCO TEÓRICO
Esto signifique que las posibilidades que ofrecían otros recursos informáticos:
Es por ello que se busca implementar una herramienta que sea un acceso fácil y
rápido para nuestro medio, donde se estudien temas determinados que permitan al
estudiante una guía de información para seguir un camino en la nueva búsqueda
información.
Por este motivo la educación debe tener claros sus objetivos, hacia donde quiere
en el ámbito pedagógico, para cumplir su misión en este siglo XXI, ayudando al
hombre
Hoy en día con la tecnología creciendo día a día, hay competitividad de software
que nos permiten y obligan actualizarnos y tener como resultado mejores diseños
en 3D. (Pellón, 2015) dice que: “Los principales software de Diseño 3D se basan
en los mismos principios de flexibilidad, interconexión, compatibilidad, facilidad
de manejo y ahorro de costos”(p.310). Retomando un poco de historia recordemos
que los primeros programas en Diseño empezaron con el sistema CAD años 60; en
los años 70 apareció el Diseño 2D y en los 80 apareció AutoCAD, después de
algunos avances tecnológicos para que en el año 87 Autodesk apareció , luego
CADKEY llegó al mercado trayendo consigo los primeros diseños en 3D.
diseño puede parecer sencillo, como poner a calentar una olla con agua, lo
complicado está en llegar hacer lo propuesto o a realizar lo que una persona, te pide
que hagas según sus gustos y medidas.
Un mensaje que nos incita a que un diseñador gráfico aprende para crear y
utilizar su imaginación siempre, y que aunque pasen los años las técnicas y
destrezas que fueron adquiridas durante su vida no se olvidan.
Habiendo explicado sobre la diferencia entre los dos recursos que requieren la
denominación 3D, lo llamaremos “Gráficos en 3D” y “Visualización en 3D” o
“Digital 3D”, resulta primordial la noción de Tres Dimensiones.
17
Quiere decir, que cada uno de sus puntos puede ser encontrado dentro de un
espacio, acordando tres números dentro de una misma posición.
El tutorial es una guía paso a paso para hacer una actividad o proyecto, aunque
su utilización no está muy difundido en la educación, es una forma básica de brindar
información y que los estudiantes puedan poner en marcha lo aprendido con sólo
ver el tutorial; ver el video cuántas veces sea necesario hasta lograr el resultado
deseado. Esta parte de la multimedia nos ayuda en la información auditiva y visual,
por lo que mantiene diferentes canales de comunicación abiertos para el
aprendizaje. En Informática es la ciencia de la información de ahí que toma fuerza
con ayuda de estos pilares como apoyo a las clases. Para poder utilizar estos
elementos de la multimedia es necesario que el docente esté dispuesto a buscar
material, en caso de no existir la información requerida.
Un tutorial es una guía que poco a poco nos ayudará a realizar una tarea y
recordemos que no solo podemos tomar un tutorial de referencia sino los que sean
necesarios para lograr nuestro objetivo.
Estos son algunos de multimedia para el diseño y que el docente debe aplicar:
animaciones, palabras importantes en un texto, imágenes, símbolos, entre otros.
Decir que los videos tutoriales son piezas de la multimedia que permiten la
educación paso a paso de una manera divertida que atrae al estudiante como ayuda
en algún proceso.
Una gran fuente para tener más información es la página web del mismo
programa que se usará en este tutorial para su estudio, www.maxon.net, la cual
ofrece libros tanto prácticos como teóricos para conocer mejor el uso del programa
cinema 4D, lastimosamente estos libros se encuentran en inglés y con un estilo muy
complicado de entender, por ello se escoge lo principal de este sitio web para
suplementar el buen uso del software.
encuentra en la versión R18.0, sin embargo para los videos tutoriales se utilizará la
versión R17.0.
Programación (scripts)
Animación 3D.
Rigging
Este libro comprende un completo estudio del diseño 3D, desde sus primeros
pasos aplicados para llegar a ser un profesional, para el Cine, Entretenimiento o
comerciales de televisión, Videojuegos, Videos Caseros y Entretenimiento
Multimedia, es decir, analiza los posibles mercados para diseñador 3D Profesional.
Se analiza el proceso de trabajo desde que se contrata un servicio hasta que se lo
entrega al cliente, brindando recomendaciones para su desarrollo.
Los Diseños Gráficos cumplen una labor comunicativa y otra tiene que ser
práctica, que hacen referencia a las funciones a cumplir por los objetos y la
satisfacción de las necesidades del consumidor. Desde un punto de vista comercial,
un producto diseñado no debe ser sólo susceptible de realización, sino que, en sí
mismo, debe respetar todas las limitaciones humanas y económicas que rodean la
producción, la distribución y uso efectivo, en virtud de la capacidad humana y de
la industria. Seguir diseño gráfico significa adquirir un lenguaje totalmente abierto
a los cambios que suceden, comprender permanentemente a las tendencias actuales,
tomando elementos de la cultura existente, transformándolos y resinificándolos.
Hoy en día la tecnología nos ayuda a realizar diferentes tareas respecto a diseños
gráficos, ha provocado un impacto en nuestra cultura. El internet posee la
multimedia como herramienta y esta es importante al momento de utilizar el diseño
22
gráfico, las personas que navegan en sitios web han podido a aprender mediante
videos tutoriales cosas que para ellos han sido desconocidas.
Para desarrollar una tarea en 3D existen varias opciones disponibles, por ende es
básico detallar las razones por los que se ha seleccionado Cinema 4D, a diferencia
de otros programas, ya que cada programa tiene sus características específicas.
Los software más conocidos en el entorno del diseño 3D son Maya, Cinema 4D
y 3D Studio Max. Con respecto al área de trabajo de los programas anteriormente
mencionados trabajan con una interface de trabajo agradable a diferencia de otros
que son más complejos y muy técnicos como para utilizarnos. El objetivo es enseñar
la utilización del propio programa. Dicho esto los programas son completos para la
ejecución de un trabajo 3D a fin, por este motivo vemos resultados profesionales en
videojuegos, cine y tv, donde estos software de diseño han sido utilizados, se puede
tener respuestas en un alto nivel, ya sea haciendo personajes, robots, máquinas, o
cualquier tipo de diseño 3D.
El grave error que existe en nuestro país es que la mayoría de los libros no llega
al estudiante, por el idioma y a veces llegan tarde en versiones atrasadas.
Internet es una red a nivel mundial en esta era digital, las personas tienen acceso
a la información y pueden obtener programas ejemplares respecto al diseño 3D,
recordemos que los videos tutoriales son valorados al momento de enseñar ya que
la persona si desea conocer algo lo puede hacer a través de ellos. En algunas
ocasiones los videos tutoriales pueden tener una falencia que es la que no esté en
nuestro idioma. Existe una gran diferencia entre los libros y el internet a través de
los tutoriales que nos ofrece una ventaja, que el estudiante aprenderá de una manera
dinámica y no monótona. (Zecher, 2013) dice que: “Los tutoriales son para las
personas que empiezan el mundo de algún software en particular con la finalidad
23
de aprender más” (p.4). La tutoría que se expone, va dirigida a los estudiantes que
empiecen en el mundo del diseño 3D, utilizando procesos básicos, según el sondeo
de un estudiante egresado de la Universidad que encontró estos problemas para el
saber de este tema. Por este motivo los nuevos estudiantes en la asignatura de diseño
3D podrán tener una plataforma web donde encontraran los tutoriales multimedia
que facilitaran la enseñanza.
es decir que curso toma el problema, nos muestra presenta que hemos realizado
hasta a la fecha en torno al fenómeno, las diferentes situaciones y contradicciones
que lo sustentan y las opiniones de todas las personas quienes ya han recorrido el
tema del cual decidimos darle continuidad. Por lo tanto de éstas nosotros podemos
construir y generar nuestras opiniones.
Hay que tener en claro que la fundamentación teórica del problema no debe
limitarse o centrarse a la hipótesis comprobable. Sino que debe reflejar la unión o
relevancia social, pues así pones en marcha tu nivel de compromiso y de
responsabilidad que tienes con el medio, quien se encuentra perjudicado y está
ansioso porque obtener soluciones a sus problemas.
El rol de educador docente va más allá del marco escolar para dirigirse desde
la relación de Universidad – Sociedad, para satisfacer las necesidades espirituales
del individuo.
Art. 2.- Esta Ley tiene como objeto definir sus principios, garantizar el derecho
a la educación superior de calidad que propenda a la excelencia, al acceso universal,
permanencia, movilidad y egreso sin discriminación alguna.
CAPÍTULO III
METODOLOGÍA DE LA INVESTIGACIÓN
Es una obligación analizar los datos para lograr obtener la mayor parte de los
puntos importantes, precisando los procesos que permitan a la persona entender
toda la información que nos da el proyecto de una manera sencilla y eficaz.
34
Método inductivo
Método deductivo.
Método Explicativo.
El método deductivo, es aquel que empieza con datos generales aceptados como
válidos para llegar a un resultado particular. En éste proyecto investigativo, como
son el uso de vídeos tutoriales que ayudan en la educación ésta proyectado por
actividades previas que se enseñan dentro del aula.
Investigación exploratoria
Investigación descriptiva
Investigación de campo
Investigación bibliográfica
análisis que determine algún grupo poblacional, con el siguiente paso que es medir
y evaluar los diferentes aspectos que produce el fenómeno a investigar.
3.3.1 Población
JORNADA CANTIDAD
Docentes 1
Vespertina 41
Total 42
Fuente: Carrera de Diseño Grafico
Elaborado por: José Lituma Quezada
Población de estudio
1%
Docente
43%
Vespertina
56%
Nocturna
Observación científica
Entrevista
Encuesta
38
3.4.2 Entrevista
3.4.3 Encuesta
Los métodos que se utilizaron para las diferentes etapas y análisis se sustentan
en pruebas y operaciones matemáticas, fórmulas para extraer los datos en forma
general, esta evaluación tiene como finalidad mostrar datos agrupados que van a
ayudar al investigador que la información sea procesual y debidamente clasificada.
Para ello se tomaran en cuenta los objetivos y metas para lograr llegar a un análisis
final
120
100
100
80
60
40 27
20 8
0 0 0 0 3 0 3
0
Docentes Estudiantes
Análisis: Para los estudiantes de sexto según datos nos dice que existe un grupo
que está muy de acuerdo y de acuerdo con un 27% y 8% mientas tanto existe un
leve porcentaje que está indiferente 3% y en muy desacuerdo con un 3%.
41
120
100
100
85
80
60
40
20 15
0 0 0 0 0 0 3
0
Docentes Estudiantes
F % F % F %
5 Muy de acuerdo 1 100 38 93 39 93
4 De acuerdo 0 0 2 5 2 5
3 Indiferente 0 0 1 2 1 2
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 3 7 3 7
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100
100 93
80
60
40
20
5 2
0 0 0 0 0 0
0
Docentes Estudiantes
F % F % F %
5 Muy de acuerdo 1 100 41 100 42 100
4 De acuerdo 0 0 0 0 0 0
3 Indiferente 0 0 0 0 3 0
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100 100
100
80
60
40
20
0 0 0 0 0 0 0 0
0
Docentes Estudiantes
F % F % F %
5 Muy de acuerdo 1 100 39 95 40 95
4 De acuerdo 0 0 2 5 2 5
3 Indiferente 0 0 0 0 0 0
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100
100 95
80
60
40
20
5
0 0 0 0 0 0 0
0
Docentes Estudiantes
F % F % F %
5 Muy de acuerdo 1 100 40 98 41 98
4 De acuerdo 0 0 1 2 1 2
3 Indiferente 0 0 0 0 0 0
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100 98
100
80
60
40
20
0 0 0 0 2 0 0 0
0
Docentes Estudiantes
Análisis: En este ítem, obtuve un resultado bastante positivo por parte de los
estudiantes en estar muy de acuerdo y de acuerdo con el 98% y 2% en usar la
animación 3D con varios fines como la enseñanza, entretenimiento y publicidad.
46
F % F % F %
5 Muy de acuerdo 1 100 41 100 42 100
4 De acuerdo 0 0 0 0 0 0
3 Indiferente 0 0 3 0 0 0
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100 100
100
80
60
40
20
0 0 0 0 0 0 0 0
0
Docentes Estudiantes
F % F % F %
5 Muy de acuerdo 1 100 41 100 42 100
4 De acuerdo 0 0 0 0 0 0
3 Indiferente 0 0 3 0 0 0
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100 100
100
80
60
40
20
0 0 0 0 0 0 0 0
0
Docentes Estudiantes
F % F % F %
5 Muy de acuerdo 1 100 41 100 42 100
4 De acuerdo 0 0 0 0 0 0
3 Indiferente 0 0 3 0 0 0
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100 100
100
80
60
40
20
0 0 0 0 0 0 0 0
0
Docentes Estudiantes
Análisis: En su totalidad los estudiantes están muy de acuerdo que utilizarían los
videos con contenido relativo a animaciones 3D que les ayude al fácil
entendimiento.
49
F % F % F %
5 Muy de acuerdo 1 100 38 93 39 93
4 De acuerdo 0 0 2 5 2 5
3 Indiferente 0 0 1 2 1 2
2 En desacuerdo 0 0 0 0 0 0
1 Muy en desacuerdo 0 0 0 0 0 0
Total 1 100 41 100 42 100
Fuente: Carrera de Diseño Grafico
Elaborado por: José Roberto Lituma Quezada
120
100
100 93
80
60
40
20
5 2
0 0 0 0 0 0
0
Docentes Estudiantes
Análisis: La mayoría de los estudiantes con un 93% están muy de acuerdo a que se
implemente videos tutoriales que enseñen para mejorar el aprendizaje en la
asignatura de diseño 3D mientras que hay un grupo con el 2% que aun esta
indiferente.
50
CAPÍTULO IV
Hoy en día las plataformas web son una herramienta muy útil para las personas
que buscan más conocimientos de un tema en particular, y que mejor si estas
plataformas contienen videos tutoriales con el propósito de ayudar y dar a conocer
al usuario porque en si la tecnología es parte de ellos, de tal manera que interactúen
con los contenidos que ofrecen.
Cuando las personas preguntan de que se trata una plataforma web, muchos
dicen que es solamente una simple página web, pero en realidad no es así, lo mismo
podemos decir de los videos tutoriales creen que solo es algo simple. Es por eso que
un video tutorial tiene mayor acogida que leer un libro ya que mediante un video
puedes aprender de una manera técnica y práctica. Por ese motivo elaborare en mi
propuesta una plataforma web que contendrá videos tutoriales didácticos que
facilitara al estudiante un aprendizaje fácil, optimo y sencillo para la asignatura de
Diseño 3D partiendo desde lo más simple a lo más complejo.
4.1.1 Justificación
por el motivo que se aprende mejor observando imágenes o videos o como mejor
seria, a lo práctico, es una problemática común que forma parte del aprendizaje.
4.1.2 Fundamentación
4.1.2.1 Diseño 3D
4.1.2.2 Jimdo
Figura 1: Plataforma Jimdo.
Fuente: www.es.jimdo.com.
Elaborado por: José Roberto Lituma Quezada.
Jimdo es una plataforma online para la creación de páginas web y tiendas online;
El sistema dispone de un conjunto de plantillas (HMTL5 y CSS3). Cada plantilla
cuenta con una variedad de combinaciones de colores y de tipos de letra.
Fuente: CamtasiaStudio.com
Elaborado por: José Roberto Lituma Quezada.
definidas, así también como el audio que en ese momento esté activo, incluso lo
que se grabe desde un micrófono, generando un fichero en el formato de video
Fuente: Adobe.com.
Elaborado por: José Roberto Lituma Quezada.
55
4.1.2.4 Cinema 4D
Fuente: Maxom.com.
Elaborado por: José Roberto Lituma Quezada.
Fuente: Sony.com.
Elaborado por: José Roberto Lituma Quezada.
4.1.2.5 Tutorial
4.2.3 Importancia
Todo diseñador gráfico tiene por costumbre observar un estilo del diseño que
este elaborando diseño y tratándose del programa Cinema 4D no es una excepción,
con el pasar de los años se ha visto películas que se han podido realizar con este
programa el cual cada año se actualiza de una manera increíble permitiéndole al
diseñador crear nuevas ideas o proyectos en su vida cotidiana.
La propuesta será realizada mediante una página web, en la cual se estima que
tenga la aceptación de los estudiantes a la cual va dirigida, el plan que se ejecutará
es enseñanza al manejo del programa CINEMA 4D ofreciendo recursos de videos
didácticos.
4.3.5 Alcances
A continuación se basará por 3 etapas refiriéndonos al alcance en corto, mediano y
largo plazo:
Corto plazo: dentro de seis meses el proyecto de la plataforma web con videos
tutoriales, se dará a conocer en el primer parcial de la asignatura de Diseño 3D ya
que de esta manera pueda evaluar a los estudiantes para saber cómo utilizaron la
plataforma y así darme cuenta si ellos tuvieron inconvenientes al momento de usar
la plataforma web. De acuerdo a los resultados que se den en la primera fase se hará
lo siguiente:
60
Largo plazo: Esperando que siga teniendo éxito la plataforma web podríamos
pensar que en dos años más nos extenderemos a personas en particular y a empresas
minoristas y mayoristas de diseño gráfico en nuestro país que deseen utilizar el
programa y necesiten de un apoyo, es aquí donde ofreceré mis tutoriales que esta
paso a paso para que así el gerente de empresa se evite de contratar un profesional
capacitado en el tema pudiendo hacer que el empleado estudie a través de mis
videos tutoriales sin tener horario y puede revisarlos cuantas veces lo desee.
Alcance
25
20
15
10
0
6 meses 1 año 2 años
Serie 1
Esta propuesta será ejecutada mediante una plataforma web llamada JIMDO, se
espera que tenga la acogida de los estudiantes de sexto semestre a la cual va dirigida,
el plan de enseñanza que se pretende ejecutar es el uso del programa Cinema 4D
empezando desde cero proponiendo el recurso de videos didácticos y su carga
visual.
4.4.2 Misión
4.4.3 Visión
Que esta propuesta quede como ejemplo para futuras generaciones y brinde
capacidades para implementar con este tipo de aporte a la educación de los
estudiantes de la carrera.
La plataforma web constara de varios enlaces web donde cada una tendrá
diferentes alternativas que ofrecer a los estudiantes.
Para el logotipo se debe jugar con la psicología del color, ya que producen
sentimientos en la persona por eso escogí los colores naranja, negro y blanco son
colores que provocan la atención ante la vista humana.
Para el logotipo se debe jugar con la psicología del color, ya que producen
sentimientos en la persona por eso escogí los colores naranja, negro y blanco son
colores que provocaran la atención ante la vista del estudiante y así permanecer en
su mente.
Para poder resaltar la plataforma web se decidió poner fuentes tipográficas que
realce la lectura en el estudiante y para la creación del logotipo unas de las fuentes
que se utilizó fue Gloucester MT Extra Condensed y Khmer UI.
65
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Seleccione una la cual lleva al caso que se va a dar a notar y la que tiene bueno
componentes visuales, se eligió una de acuerdo a los colores de mi logotipo. Luego
de esto se seleccionó el tipo de página web que se trabajaría, se eligió “Servicios”.
67
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Fuente: www.es.jimdo.com
Elaborado por: José Roberto Lituma Quezada.
Videos Tutoriales: Aquí me voy a referir y a mostrar los videos tutoriales los
cuales son lo principal que se desarrollara.
Este video tiene una duración exacta de 8 minutos con 41 segundos en el cual
explica la interfaz lo más básico del programa Cinema 4D. Explica los contenidos
de la barra de menú, las herramientas que dispone, diferentes objetos con los cuales
se trabaja, splines, deformadores, diferentes ambientes, cielos físicos, etiquetas,
luces, cámaras, diferentes tipos de selección se los encuentre allí. Además se da a
conocer la barra de comandos, barra de renderizado y el panel de creación.
74
Video 2 - El Viewport:
Este video tendrá una duración exacta de 16 minutos con 2 segundos el cual nos
dará a conocer acerca de la navegación de pantalla dentro del Cinema 4D.
Aprenderás como funciona su navegación, conociendo los iconos para poder
desplazarte, acercar/alejar y girar. También se aprenderá a como la simple posición
del cursor del mouse puede afectar el movimiento dentro de cada escena. Al
momento de crear en perspectiva los objetos te pueden resultar correctos ante la
visión humana, pero en realidad cambien de ángulo, es por eso que la vista de cuatro
vías se utiliza para asegurar que los objetos estén correctos en su respectivo espacio
tridimensional.
75
Aunque este video no cubre todos los detalles de la función de cada uno de estos
tipos de objetos, le brindará una idea básica al estudiante de cómo pueden funcionar
en conjunto.
77
Video 8 – Generadores:
Aunque este video no cubre todos los detalles de la función de cada uno de estos
tipos de objetos, le brindará una idea básica al estudiante de cómo pueden funcionar
en conjunto.
81
Video 9 – Modeladores:
Aunque este video no cubre todos los detalles de la función de cada uno de estos
tipos de objetos, le brindará una idea básica al estudiante de cómo pueden funcionar
en conjunto.
82
Video 10 – Deformadores:
Aunque este video no cubre todos los detalles de la función de cada uno de estos
tipos de objetos, le brindará una idea básica al estudiante de cómo pueden funcionar
en conjunto.
Cinema 4D R17
Adobe After Effect CC
Adobe Flash CC
Adobe Ilustrador CC
Adobe Photoshop CC
Iniciación a la Interfaz.
Cinema 4D 7
Cinema 4D R12
Para saber en qué página estamos del menú de navegación se tendrá en cuenta cada
ítem mostrando al estudiante los puntos que se tocarán, para esto se tendrá presente
el color naranja de acuerdo a los elementos visuales de la plataforma JoliTutoriales.
Después de grabar cada video se procedió a verificar que no haya ningún ruido
ni nada que nos interfiera el video.
Fuente: MakeWebVideo.com
Elaborado por: José Roberto Lituma Quezada.
Después de eso me ayude con una página y herramienta a la vez bastante útil la
cual permitió crear un video de introducción para añadir a todos mis videos
tutoriales el cual dura de unos 10 segundos. Luego de esto empecé a crear una
87
imagen en la cual especifica el tema a tratar en cada video por ejemplo: el tema del
primer video es “Interfaz” y así sucesivamente hasta llegar al video final.
Fuente: accounts.google.com.
Elaborado por: José Roberto Lituma Quezada.
Una vez subido los videos se procede a ponerle una imagen de miniatura que
corresponde al número de cada video y su tema respectivo, la misma imagen que
tendrá cada video en su interior.
Oportunidades: Es el primer proyecto que habla acerca del Diseño 3D y que será
una ayuda didáctica y audiovisual a través de una plataforma web para los alumnos
de sexto semestre en la carrera de diseño gráfico.
92
4.5.2.1 Producto
En la parte de arriba podrás ver una barra de menú que te enlazará a cada video
a medida que vayas aprendiendo, a dominar el arte del 3D.
4.5.2.2 Plaza
4.5.2.3 Promoción
También por medio de la plataforma Youtube a través del canal de Joli Tutoriales
en donde están los videos.
4.5.2.5 Presupuesto
1 Internet 23
1 Computadora 800
1 Cámara de video 30
1 Editor de video 200
1 Diseñador de página web 200
1 Publicidad en Facebook 25
1 Publicidad en YouTube 25
1 TOTAL 1303
Fuente: Datos creativos de la propuesta.
Elaborado por: José Roberto Lituma Quezada.
94
Se incluirán todas las palabras que son de difícil comprensión para un lector
común; por lo que dará el concepto respectivo.
Plataforma web: Una plataforma web es más que una página web. Una
plataforma incluye elementos adicionales a la página web tales como aplicaciones,
carritos de compras, formularios, convertidores, instancias de aprobación y alguna
otra solución específica para la necesidad del cliente y el mercado. Estos elementos
pueden ser públicos o privados, tales como sistemas de comunicación interna o
inventarios.
Adobe Photoshop: Es una herramienta del paquete Adobe, programa que sirve
para la creación de gráficos, manipulación de archivos de imagen.
CONCLUSIONES
La realización de todo este material multimedia, es con el propósito que el
alumno fortalezca lo aprendido en clase con ayuda de las Tecnologías de la
información y comunicación, además, de que tenga el material disponible todo
el tiempo a través de una página web.
RECOMENDACIONES
Se aconseja que los estudiantes revisen previamente el programa que van a ver
de acuerdo a la malla curricular referente a animación 3D.
REFERENCIAS BIBLIOGRÁFICAS
Avgerakis, G. (2014). Digital Animation Bible. Estados Unidos: The McGraw-
Hill Companies, Inc.
Heller, E. (2013). Psicología del color: cómo actúan los colores sobre los
sentimientos y la razón. Estados Unidos: reimpresa.
PNBV. (2013).
Documental
Digital
http://repositorio.ug.edu.ec/bitstream/redug/8560/1/TESIS%20CHRISTIAN
%20JAMIL%20COELLO%20VERA.pdf
https://books.google.com.ec/books?id=uxQdAgAAQBAJ&pg=PA69&dq=comuni
cacion+audiovisual&hl=es&sa=X&ved=0ahUKEwi9paGsscHVAhVLLyYKHUT
PDRMQ6AEIOTAD#v=onepage&q=comunicacion%20audiovisual&f=false
http://www.mheducation.com.co/
100
https://es.wikipedia.org/wiki/Gr%C3%A1ficos_3D_por_computadora
http://www.monografias.com/trabajos33/fundamentos-educacion/fundamentos-
educacion.shtml#ixzz4mkKuZu8H
http://www.monografias.com/trabajos33/fundamentos-educacion/fundamentos-
educacion.shtml#ixzz4mkLV6kjY
http://www.monografias.com/trabajos33/fundamentos-educacion/fundamentos-
educacion.shtml#ixzz4mkMVYiKL
http://www.monografias.com/trabajos33/fundamentos-educacion/fundamentos-
educacion.shtml#ixzz4mkRxni7M
http://www.monografias.com/trabajos85/psicologia-educacion/psicologia-
educacion.shtml#ixzz4mkZJFny5
http://es.wikipedia.org/w/index.php?title=Psicolog%C3%ADa_educativa&oldid=
37768499.
BIBLIOGRAFÍA
Avgerakis, G. (2014). Digital Animation Bible. Estados Unidos: The McGraw-
Hill Companies, Inc.
Brisset. (2013). Analisis filmico y audiovisual. Barcelona: UOC.
Constitución de la República del Ecuador . (2015).
Duran, D. (2014). Aprenseñar. Madrid: Narcea S.A.
Galván, J. (2012). La administracion electronica en españa. España: Ariel S.A.
Heller, E. (2013). Psicología del color: cómo actúan los colores sobre los
sentimientos y la razón. Estados Unidos: reimpresa.
Jarrin. (2015). Dibujo Tecnico 2. Madrid: Editex S.A.
Leer, A. (2016). La vision de los líderes en la era digital. Mexico: Pearson
Educación de Mexico.
Ley Orgánica De Educación Superior . (2013).
Llorente, B. (2014). Comunicacion Audivisual Bachillerato. España: S.A.
Mestre Gómez, U. &. (2013). Modelo de enseñanza-aprendizaje con tecnología
multimedia para la modalidad de estudio semipresencial.
Pellón, G. (2015). Dibujo Tecnico 2. Madrid: Editex S.A.
Peralta, R. M. (2016). Diseño grafico en latinoamerica. Ecuador: TRAMA.
PNBV. (2013).
Registro Oficial. (2013).
Ricupero. (2013). Diseño Grafico en el Aula. Buenos Aires: nobuko.
Rodriguez. (2013). Tecnologia Multimedia para la enseñanza del aprendizaje.
España: Ediciones de Universidad de Barcelona.
Sánchez, J. C. (2012). La Tecnologia. Madrid: Diaz de Santos.
Sergio, R. (2013). Diseño grafico en el Aula. Buenos Aire: Nobuko.
Suau. (2014). Tecnologias multimedias. España: Ediciones Universidad de
Barcelona.
Toogood, R. (2013). Creo Parametric 2.0 Tutorial and Multimedia. Estados
Unidos: SDC publications.
Zecher, J. (2013). Tutorials and Multimedia. Estados Unidos: SDC Publications.
102
ANEXOS
103
UNIVERSIDAD DE GUAYAQUIL
Instructivo. - Lea con atención las preguntas y marque con una X en una de las opciones.
Agradecemos su amable colaboración.
1.-Totalmente de acuerdo
2.-De acuerdo
3.-Ni de acuerdo ni en desacuerdo
4.-En desacuerdo
5.-Totalmente en desacuerdo
N° PREGUNTA 1 2 3 4 5
1 ¿Tenía usted un conocimiento previo de
animación 3D?
2 ¿Utiliza usted con frecuencia el internet como un
medio para investigar temas de su interés?
3 ¿Cuándo le mencionan animación 3D lo primero
que piensa es en tecnología y/o películas?
4 ¿Ha visto una animación 3D ya sea por medio de
películas, videos o internet?
5 ¿Le gustaría que en el campo de la post
producción implementaran animación 3D
comunicativa?
6 ¿Usaría la animación 3D con varios fines como la
enseñanza, entretenimiento y publicidad?
7 ¿Cree usted que es necesario la utilización de la
comunicación audiovisual y multimedia para un
mejor aprendizaje de la asignatura 3D?
8 ¿Cree usted que la comunicación audiovisual y
multimedia aportará al aprendizaje de la
asignatura 3D?
9 Si se crea un video con contenido relativo a
animaciones 3D. ¿Usted lo utilizaría?
10 ¿Cree usted que si se implementara un video
tutorial en el que se enseñe a elaborar
animaciones 3D, mejoraría el aprendizaje de las
asignaturas Animación y Diseño 3D?