Está en la página 1de 98

Universidad del Azuay

Facultad de Diseño
Escuela de Diseño Gráfico
Trabajo de Graduación previo a la obtención del
título de Diseñador Gráfico.

Diseño y Multimedia: “Video animación para promover


alternativas de movilidad en la ciudad de Cuenca.”
Autor: Christian Medina Q.
Director: Dis. Juan Lazo Galán
Cuenca - Ecuador
2013
Autor
Christian Medina

Director
Dis. Juan Lazo Galán

Fotografía e ilustraciones
todas las imágenes son realizadas por el autor
a excepción de las que contiene cita

Diseño y Diagramación

Cuenca - Ecuador
2013
Agradecimiento

A mis padres y a la gente que cree en mí


Dedicatoria

A mi sobrino Alessandro

“Por un mejor futuro”


Contenidos
Contaminación Vehicular 3

Problemática 6
Capítulo 1 Efectos de la contaminación 7

Entrevista 8

Motion Graphics 11

¿Qué son los Motion Graphics? 12


Historia del Motion Graphics 13
¿Qué software se puede utilizar para crear Motion Graphics? 14
Tipografía en Movimiento 19

Animación Procesos 23

La idea 24
Investigación 25
La secuencia 25
Guión 27
Storyboard 28
Edición 30

Comunicación Visual 32

Mensaje 32

Color 34

Colores funcionales 34

Sonido 35

La función del sonido 35


Categorías del sonido 36

Viralización 36

Qué es la viralización? 36
El marketing viral y las redes sociales 37
Tipos de viralidad 37

Homólogos 39

Conclusión 48

Programación 50
Capítulo 2 Partidos de diseño 51

Forma - Función 51
Tecnología 53

Target 54

Capítulo 3
Conceptualización 57
Ideas 58
Guión 61
Storyboard 64
Ilustración 68
Animación 83
Edición 85
Viralización 86
Conclusión 90
Bibliografía 92
Resumen
Diseño multimedia
Video animado para promover alternativas de
movilidad en la ciudad de Cuenca.

La ciudad de Cuenca al tener un gran parque au-


tomotor, genera demasiada contaminación ve-
hicular, creando un ambiente no saludable para
vivir.

En este proyecto se realizó una investigación de


campo para recolectar datos sobre el problema.

Con estos se procedió a realizar un video animado


donde el diseño gráfico interviene con elementos
como la ilustración, creación de personajes, uso
de tipografía, cromática y sonido para crear una
animación que aporte a la disminución de la con-
taminación vehicular al promover alternativas de
movilidad.

Para que el video animado llegue al público, se uti-


lizará las redes sociales como medio de viralización.

Christian Medina

1
“Un país desarrollado no es un lugar donde los pobres
tienen coches, sino donde los ricos usan transporte
público.”

Gustavo Petro Urrego, alcalde de Bogotá

2
Introducción
Contaminación ambiental
vehicular:

D
esde que el hombre des- tor numeroso para el tamaño de
cubrió el fuego empezó la ciudad, por lo que la contami-
a contaminar el aire del nación vehicular alcanza niveles
planeta y a través de los años muy altos, provocando afeccio-
esta contaminación del medio nes respiratorias y también cau-
ambiente ha ido en un aumen- sa inconvenientes en la movili-
to descontrolado, debido a la dad tanto de peatones como
creación de nuevos inventos. de conductores causado por el
congestionamiento vehicular,
Uno de estos inventos es el au- asimismo la emisión de gases ha
tomóvil, que en la actualidad provocado el deterioro de valio-
es una gran herramienta utili- sas estructuras en distintos luga-
zada por la sociedad pero de- res de la ciudad, este problema
bido a su excesivo uso causa ha ido creciendo especialmen-
demasiada contaminación es- te por la falta de colaboración
pecialmente al aire del planeta de la ciudadanía que no es
al emitir gases nocivos y dañinos, consiente del daño que causa.
ya que para su funcionamiento
usa combustibles fósiles deriva- Lo que se propone en esta te-
dos del petróleo como son la sis es promover alterativas de
gasolina, diésel, etc. Que al ser movilidad, mediante la difusión
consumidos emiten gases que de un video que informe sobre
afectan a la salud de las perso- este problema y tratar de esta
nas y deterioran la atmósfera. manera concientizar a la ciuda-
danía, con el fin de que mejore
En la ciudad de Cuenca se evi- su estilo de vida, disminuyendo
dencia claramente este proble- los niveles de contaminación y
ma, al tener un parque automo- congestionamiento vehicular.

3
Objetivo General:
Aportar en la disminución de la contaminación vehicular en la
ciudad de Cuenca, mediante la realización de un video
animado para promover alternativas de movilización.

Objetivos Específicos:

Diseñar la conceptualización gráfica de un video animado y la pro-


ducción del mismo.

Viralización del video en las redes sociales.

4
Capítulo 1

5
Diagnóstico
Problemática:

Contaminación Vehicular
La contaminación vehicular en Las personas piensan que todos
la ciudad de Cuenca es un gra- los gases que se emiten al aire
ve problema ya que existe una son dispersos por la atmósfera,
gran cantidad de autos circulan- pero la atmósfera tiene un poder
do en la ciudad, los cuales emi- limitado de dispersión y si sobre-
ten grandes cantidades de ga- pasamos esos niveles de gases
ses nocivos para los ciudadanos. tenemos niveles concentrados
de contaminación en el aire.
“En la zona urbana de la ciu-
dad, el tráfico constituye la En la ciudad se consume alre-
fuente más importante de emi- dedor de 6 millones y medio
sión de contaminantes del aire. galones de combustible al mes
De acuerdo con las cifras que y las personas al no estar con-
maneja la Empresa Municipal sientes de estos datos hace que
de Movilidad (Emov), en la ciu- esto aun siga siendo un proble-
dad existen cerca de 90 mil ve- ma por la falta de información
hículos, 475 buses y 3 600 taxis.” y conocimiento de uso excesi-
vo del automóvil y para dismi-
(HOY, 2013) nuir estos riesgos se debe hacer
conciencia a la ciudadanía en
Claudia Espinoza, responsa- hacer uso adecuado del vehí-
ble de la Red de Monitoreo de culo, informándoles sobre los
la Calidad de Aire, explicó que efectos que esto causo sobre
más del 80% de la contamina- las personas y la infraestructuras.
ción en Cuenca es debido a
las contaminación vehicular lo
que es una cifra muy elevada
de contaminación por parte
del extenso parque automotor.

6
Efectos de la contaminación
“Sebastián Izquierdo, gerente de dos de nitrógeno en 78%, dióxi- la salud, pues producen enfer-
la Comisión de Gestión Ambien- do de azufre en un 30% y mate- medades que afectan principal-
tal del Municipio de Cuenca, ex- rial particulado fino en un 52%. mente al aparato respiratorio.”
plicó que a causa del tráfico ve-
hicular también se emiten otros Izquierdo aseguró que estos
gases contaminantes como óxi- gases son perjudiciales para (HOY, 2013)

Efectos sobre las personas

Claudia Espinoza responde:

De acuerdo a la Organización
Mundial de la Salud (OMS), todo
lo que tiene que ver con los ni-
veles de gases en el aire como
es el Monóxido de Carbono, PM
2 -5, PM 10, Partículas sedimenta-
rias, esto influencia directamente
a las vías respiratorias y afecta
lo que son alergias y esto afec-
ta más a ciertos grupos de per-
sonas que son más vulnerables
como son los niños o personas
de la tercera edad donde se
podría hablar de cáncer, afec-
ciones pulmonares, y problemas
crónicos al aparato respiratorio.

http://www.feusoprlautoescuelas.com/wp-content/uploads/2011/12/traffic-fumes.jpg

7
Entrevista
Entrevista: realizada
el 10 de Marzo del 2013
A Claudia Espinoza Molina
Responsable de la Red de
Monitoreo de Calidad del Aire

¿Cuánta contaminación existe en


la ciudad?

De acuerdo con la ultima actua-


lización del inventario de emi-
siones, más o menos el 80% de
la contaminación del aire de https://si0.twimg.com/profile_images/3604992939/b4ff31a2293696b0989930bec847d73b.jpeg
Cuenca es debido al tráfico ve-
hicular, de tantas toneladas de va veces se piensa que todo lo niveles de contaminación, es el
contaminantes, también emiten que lanzamos al aire se dispersa centro histórico, atribuido al trá-
termoeléctricas, ladrilleras, emi- pero no es así, el aire tiene una fico vehicular y en el sector del
ten las casas con sus estufas. fuerza de dispersión, pero es limi- parque industrial atribuido a lo
tada y si emitimos más de lo que que es la industria.
¿Desde cuándo esto es un proble- la atmosfera puede dispersar te-
ma? nemos niveles de concentración ¿Cómo afecta este problema a la
de contaminantes que son con- salud de las personas?
Desde que el hombre invento el siderados como graves para la
fuego, desde que hay emisiones salud. De acuerdo con la Organización
existe la contaminación del aire, Mundial de la Salud, todo lo que
eso va a depender si hay mas ¿Donde son los sectores más conta- tiene que ver con los niveles de
fuentes fijas o fuentes móviles, si minados de la ciudad? monóxido de carbono PM2-5
hay mas tráfico vehicular hay un PM10, partículas sedimentarias,
mayor consumo de combustibles La Emov tiene 19 puntos de mo- eso está influenciado directa-
fósiles, eso va influenciar en lo nitoreo en cantón Cuenca, los mente a lo que son vías respira-
que es la contaminación de aire. puntos que presentan mayores torias, todo lo que son alergias.

8
Hay sectores que son más vulne- ne cinco años entonces con cinco
rables que otros como son los niños ¿Las personas como llegarían ha- años de recolección de datos.
y las personas de la Tercera Edad cer conciencia?
donde ya podríamos hablar de ¿Usted cree que este problema siga
cáncer, afecciones pulmonares y Se consume más de 6 millones y creciendo o puede ser controlado?
de problemas crónicos de las vías medio de combustibles en la ciu-
respiratorias. dad de Cuenca, hay un vehículo Dentro de un tiempo la revisión ve-
por cada cuatro personas, el uso hicular no va hacer solamente eso
La contaminación aparte de hacer del vehículo es una persona una necesario y se tendrá que tomar
daño a las personas también hace persona y esto en verdad hay que otro tipo de medidas, a pesar que
daño a las fachadas de las casas, concienciar y saber que no solo el gobierno desincentiva con tan-
infraestructuras y monumentos. afecta a las personas sino también to impuesto a los vehículos es alar-
¿Cómo sucede esto? a lo que son las casas y el patrimo- mante el crecimiento del parque
nio, entonces la forma de concien- automotor, la gente no se frena y si-
Al lanzar productos a la atmosfera ciar es conociendo, informando a gue consumiendo vehículos. La fal-
se produce una química atmosféri- la gente sobre los efectos que tiene ta de conocimiento de que tipo de
ca ante estos reacciona lo que va la contaminación del aire en la sa- aire estamos respirando, que clase
a producir acido clorhídrico aci- lud y poniendo cada uno un grani- de coctel venenoso estamos respi-
do sulfúrico y esto con la lluvia va to de arena para poder contribuir rando y esto es atribuido la mayor
a precipitar y vamos a obtener lo y hacer un uso adecuado del auto parte al parque automotor.
que es una lluvia acida lo que va móvil.
a corroer estructuras metálicas, ce- Si es que sigue creciendo el parque
mento y dependiendo del número ¿La Emov que hace para mejorar automotor vamos a seguir con las
de contaminantes de la cantidad este problema? emisiones, sin embargo se ha logra-
de toneladas de contaminantes do mantener a pesar que desde el
que emitan de eso va a depender Desde el año 2008 se realiza lo que 2008 hasta acá ha habido un cre-
la calidad del aire y tendremos una es la revisión técnica vehicular, en- cimiento significativo del parque
lluvia acida lo que va a dañar mo- tonces si el 80% de la contaminación automotor, con revisión vehicular
numentos, fachadas de casas, ca- es causada por vehículos, entonces hemos logrado mantener lo que es
tedral etc. tenemos que atacar directamente calidad del aire y estar dentro de
a lo que son los vehículos, entonces los umbrales de lo que es la norma
¿Las personas que puede hacer lo que se hace es revisar a los vehí- Ecuatoriana de calidad del aire,
para disminuir este problema? culos para que cumplan con cier- pero ya va haber un momento en
tas calibraciones y que estén den- que haya demasiados vehículos
Concienciar y hacer un uso ade- tro de las normas de la emisión de que eso ya no va hacer suficiente y
cuado del auto móvil, ósea, com- gases, también tenemos proyec- tendrá que tomarse otras medidas.
partir, usar un bus, también espe- tos para analizar combustibles ya
ramos que a futuro el proyecto que también depende mucho de
tranvía, pero eso es, si nosotros dis- la calidad de combustibles, la ca-
minuimos el consumo de combus- lidad de emisiones que se emitan,
tibles fósiles, disminuimos emisiones entonces si usted tiene mas azufre
y vamos a mejorar la calidad del va a tener más dióxido de azufre, si
aire, también sembrar árboles pero usted tiene metales pesados va a
arboles de la región y no otros que estar respirando metales pesados,
no ayuden y sean un problema. aparte la red de monitoreo ya tie-

9
Marco Teórico

10
Motion Graphics

http://www.feusoprlautoescuelas.com/wp-content/uploads/2011/12/traffic-fumes.jpg

E
n la asociación actual del to, como películas y videojue-
“Motion diseño grá- diseño gráfico como imá- gos, es una progresión evidente
fico se ha conside- genes y textos impresos en y lógico de gráficos estáticos.
rado una habilidad papel, ropa o carteles permane-
especial, suele ser
manejado por artistas
cerán, pero la creencia común Sin embargo, mi predicción es
que se concentran de que el diseño gráfico se refie- que la próxima evolución que
en el diseño para la re sólo a las imágenes estáticas afecta a los diseñadores gráficos
emisión de televisión desaparecerán por completo. será la expansión más allá de las
o películas.” imágenes estáticas a los dise-
Para aquellos que siguen las úl- ños que cambian con el tiempo.
(Frantz, 2003)
timas tendencias de diseño y
tecnología, la creciente presen-
cia de gráficos en movimien-
to en la televisión, el Internet,
y las formas de entretenimien- (Frantz, 2003)

11
Qué son los Motion Graphics?:

La palabra motion graphics se costes de producción dis-


“Los motion graphics son gráfi- acuñó por primera vez con el minuyen. Todo este conjun-
cos que con determinados progra- libro Motion Graphics publica- to de factores hace que a
mas podemos animar, rotar y crear
movimiento en ellos hasta conseguir do por Trish y Chris Meyer, en nuestros ordenadores lle-
una secuencia de vídeo. Este tipo el cual explicaban cómo se guen los primeros programas
de vídeos suelen combinarse con utilizaba Adobe After Effects y capaces de crear una inter-
audio sobre todo cuando se trata de para qué servía. Sin embargo, polación de movimiento y
proyectos multimedia.” debemos remontarnos unos así poder animar casi cual-
(Sánchez, 2012) cuántos años más atrás para quier gráfico. Gracias a esta
Las formas u objetos al crear una entender mejor el término. técnica, nosotros podemos
secuencia de imágenes en los calcular los cambios que
que se cambian ya sea de po- Los motion graphics en la queremos realizar en la ima-
sición o forma crea la ilusión de década de los 80 y los 90 gen cuando ésta se mueve,
movimiento y animación, gene- eran rudimentarios y no se se transforma, pero también
rando así los gráficos en movi-
mientos o motion graphics. contaba con los sistemas de debemos tener en cuenta
animación que hay ahora que ocupa en nuestro disco
sino que se hacían cuadro de memoria menos espacio
por cuadro hasta conseguir que los diseños de antes.
un pequeño movimiento.
También hay que tener en Y al igual que la tecnolo-
cuenta que antaño realizar gía evoluciona también
esta técnica de post-pro- lo hacen los sistemas para
ducción era muy caro. Por conseguir estos gráficos ani-
ello, solo se utilizaba en pe- mados. Existen tres mane-
lículas o series de televisión ras de animar una imagen,
que tenían un alto presu- ya sea por interpolación
puesto y podían permitírselo. de movimiento, simulan-
do los movimientos de la
Los tiempos cambian, la naturaleza o bien median-
tecnología evoluciona y los te fórmulas o comandos.
(Sánchez, 2012)

12
Historia del Motion Graphics

L
a creencia de que el Motion gráfico fue Saul Bass (1920-1996). los estándares actuales, pero
Graphics es un invento de la sus diseños eran eficaces en la
última década es común, in- El diseñó en secuencias el título comunicación del estado de
cluso entre los profesionales, pero de apertura de muchas pelícu- ánimo o el tema de las películas.
los Motion Graphics han existido las populares como El hombre
por lo menos desde 1955. Algunos del brazo de oro (1955), Vértigo Todos los gráficos fueron crea-
argumentan que los Motion Gra- (1958), Anatomía de un asesi- dos a mano o con las películas
phics es anterior a la invención nato (1959), North by Northwest de cámara, sin la ayuda de las
de la fotografía, y fue exhibida (1959) y Psicosis (1960). Muchos computadoras. Incluso dise-
por primera vez a audiencias en otros diseñadores han contri- ños relativamente simples re-
vivo en el 1800 como secuencias buido a la evolución de los grá- querían una gran cantidad de
de imágenes que se muestran ficos en movimiento, pero Bass tiempo y gastos de producción.
rápidamente para crear la ilusión fue un diseñador de talento ex- Bass diseñó secuencias de tí-
de movimiento. Pero si la fecha cepcional y productivo, y es co- tulos para abrir 21 películas en
es 1800 o 1955, motion graphics múnmente citado como uno la década de 1950 solamente,
es una forma de arte con una de los pioneros en el campo. es un logro notable teniendo
historia breve y rápido desarrollo. en cuenta el tiempo que cada
Algunos de sus diseños pue- proyecto se llevó a desarro-
El primer artista de gráficos en mo- den parecer relativamente llar con la tecnología existente.
vimiento, importante en el diseño simple en comparación con

(Frantz, 2003)

13
¿Qué software se puede utilizar para crear Motion Graphics?
Hay muchos que puedes utilizar, pero aquí se mencionan algunos que pueden ser muy interesantes.

Adobe After Effects: crea com-


posiciones de gráficos a lo que
después instala movimiento. Es
considerado como uno de los
programas más potentes de su
sector, pero por desgracia no es
gratuito.

http://709mediaroom.com/wp-content/uploads/2012/11/after-effects.jpg

14
Autodesk Maya

Autodesk Maya: programa que


nos permite animar, modelar, si-
mular e incluso renderizar todos
nuestros vídeos de manera fácil
y sencilla. Es muy potente, pero
al igual que After Effects no está
disponible gratis.

http://images.contentreserve.com/ImageType-100/0128-1/%7B16B90B94-E092-48E3-9A37-
7C819D6E978E%7DImg100.jpg

15
Apple Motion:

Apple Motion: programa para utilizar


exclusivamente con MAC te permite
crear animaciones en 2D y 3D, pero
también añadir transiciones y efectos
especiales. No es difícil de manejar y
tampoco se encuentra disponible de
manera gratuita.

http://2.bp.blogspot.com/-s9ucj4ex-dE/TVrp_JbA1QI/AAAAAAAAAbs/6svYbRCbxzw/s640/
es_107_motion474.jpg

16
Cinema 4D

Cinema 4D: creado por MAXON


es una de las herramientas para la
creación de personajes y escenas
de animación más utilizado. Cui-
dado y que te permitirá utilizar tu
imaginación hasta límites insospe-
chados.

http://etereaestudios.com/blog/wp-content/uploads/2010/09/cinema_r12_splash_
screen.jpg

17
blender

blender: un programa gratuito que está


ganando terreno al resto de programas
en cuanto a potencia para animar.
Sin duda un programa que más de un
usuario querrá tener instalado.

http://2.bp.blogspot.com/-s9ucj4ex-dE/TVrp_JbA1QI/AAAAAAAAAbs/6svYbRCbxzw/s640/
es_107_motion474.jpg

Cada vez los motion graphics Es muy posible que esta técni- Existen estos diferentes software
son más utilizados tanto en pe- ca se extienda y vaya evolu- con el fin de crear en cada uno
lículas como en series o cor- cionando muchísimo más, pero de ellos un tipo de animación, ya
tometrajes que después se mientras tanto os dejamos con sea 3D o 2D para los cuales estas
presentan en varios festivales. dos cortos muy interesantes. hechas estas plataformas con di-
Es una nueva manera de expresar- ferentes herramientas y efectos
(Sánchez, 2012)
se, de transmitir a la gente y sobre
todo dejar volar la imaginación.

18
Tipografía en Movimiento

http://1.bp.blogspot.com/_dkMGYsxtFW8/TSdy2NFDxBI/AAAAAAAAAC0/uucx0WrT5dc/s1600/
imagen%2B1%2Bpunto%2B6.jpg

Tipografías para películas

Existen muchas consideracio- La primera es la idoneidad de Otro factor a tomar en cuen-


nes de diseño claves duran- los estilos caligráfico o tipográ- ta en el diseño de la tipogra-
te el desarrollo de una tipo- fico para el tema de la pelícu- fía para película es el resultado
grafía que puede utilizarse en la. Como en cualquier otro en- que se obtiene al dar movimien-
cine. Hay varias categorías. cargo tipográfico, la selección to a los tipos de letra, en una
del tipo de la letra a ocupar imagen fija, con su aparición
es una decisión fundamental, o desaparición en el tiempo.
que puede realizarse de ma-
nera tan simple como elegir un (Clark, 1993)
estilo que sea compatible con
el tema, o bien uno que cree
otro tipo de relación con la pe-
lícula, por ejemplo en contraste.

19
En la tipografía convencional pectador deje la sala de
en dos dimensiones, una pe- proyección, el productor
queña cantidad de su dina- puede cambiar una reac-
mismo se produce en el sen- ción positiva o iracunda ya
tido de la lectura. Dónde se que es quien tiene el con-
mira, cuándo y durante cuán- trol. Al estar en un constante
to tiempo, cuándo se vuelve cambio la experiencia cine-
la página, todo ello crea una matográfica, el espectador
experiencia de la tipografía en observa imágenes siempre
movimiento. En un texto impre- nuevas para que experimen-
so, el observador ejerce control te y reaccione ante ellas.
de este lapso de tiempo; pue- Además marcharse signifi-
de detenerse, volver a insistir caría perderse una imagen
en ciertos puntos, avanza a su que no volverá a repetirse.
propio ritmo, etc. El control per-
tenece al observador, el lector (Clark, 1993)
posee un control total aun sien-
do esta experiencia de lectura
dinámica. Lo que entra en jue-
go es el diseño ya que debe La tipografía debe ser cuida-
ser seductor, el que manipula, dosamente elegida cuando
planea y decide cómo man- se trabaja sobre algún tema
tener la atención, la participa- de animación o película, esta
ción del lector u observador. debe ser acorde con el tema
que se esté manejando, así
como también la tipografía
Este proceso es más espec- debe ser bien resuelta en as-
tacular en cine. En una pe- pectos de legibilidad, debe ser
lícula, el espectador es pri- contrastante para que al mo-
sionero del diseñador. Esté mento de estar en movimien-
contento o enfadado, es to no se pierda el mensaje. .
poco probable que el es-

http://maquiladoradesuenos.com/2010/09/carteles-minimalistas-de-
peliculas-volumen-dos.html

20
Los medios electrónicos

La tecnología existe para agilizar el resultado final. Más que ser


los tiempos de trabajo, así tam- “neutral” para el proceso creati-
Los dispositivos electrónicos tam- bién facilitan antiguos proce- vo individual, el diseño de instru-
bién aportan con temas que se han
sos, se deben explotar los recur- mentos, herramientas y materia-
aportado al cine. La rapidez de la
nueva tecnología, combinada con sos disponibles en la actualidad les a ocupar en la creación hace
calidad de esta herramienta son los para los proyectos propuestos. que algunos efectos sean más
límites de la imaginación y el po- sencillos de conseguir de otros.
tencial del producto final. El orde- Se complica debido a que el pro-
nador es un instrumento fantástico, ceso es tan breve, la descarga de En efecto definitivo se gene-
capaz de hacer cosas que de otro
modo serian imposibles de realizar.
emoción que se produce ante el ra una estética completamen-
resultado final es tan grande que te nueva de obras determi-
al final resulta decepcionante. nadas principalmente por lo
que medios técnicos pueden
(Clark, 1993) Como se siente que termina realizar con mayor eficacia.
tan de pronto, se crea la ilusión
de que iba a tener una ma- Un ejemplo de esto es una secuen-
yor calidad de lo que realmen- cia usual en las cabeceras de vi-
te tiene. Un proceso más lento deo, donde la cámara empieza
más objetivo y menos emocio- por un primerísimo plano, luego
nal. Cuando el proceso se lle- se retira progresivamente para
va a acabo paso a paso, di- revelar el objeto entero y cuando
cho proceso de ejecución es este se ha mostrado del todo, se
más tranquilo y más exacto. aleja con el zoom para abarcar
la escena completa y el entorno.
Otro problema relacionado que
también aparece en la tipografía (Clark, 1993)
es el diseño de sus propios instru-
mentos. Como en los programas
de compaginación para crear ti-
pografía por computador, las he-
rramientas para filmar en video
tienen una gran influencia sobre

21
Instrumentos tipográficos

L
Las decisiones tipográficas cir un resultado insignificante.
básicas que deben tomarse Con la misma sencillez con la
en una película empiezan que se logra que el movimiento
con las habituales en el trabajo pueda llegar a ser muy impre-
normal en dos dimensiones. La ti- sionante, también esa misma
pografía convencional tiene mu- sencillez es responsable de que
chas expresiones y controles que en el cine exista tanta tipografía
permiten expresar movimientos vulgar, sin diseño ni creatividad.
en un entorno inmóvil. La posi- Por ello se debe prestar espe-
ción en la que se encuentren los cial atención al movimiento y
tipos de letra, van a controlar la debe planearse con el mismo
secuencia de lectura, y por lo cuidado que otros trabajos tipo-
tanto el desplazamiento físico gráficos, con el fin de asegurar
por la compaginación, es el me- que un concepto, no simple-
dio más elemental. Otras posibi- mente un efecto, surja del pro-
lidades adicionales de diseño in- ducto cuando esté terminado.
cluyen desdibujar las letras para
sugerir velocidad, usar un tipo de
letra cursiva u otras distorsiones.
La película en si, se mueve real-
mente. Sin embargo, como el
movimiento de los tipos de letra
es tan simple sobre una panta-
lla, es sencillo también produ-

(Clark, 1993)

22
Animación Procesos
Es un formato mágico que se secuencial. La animación incluye
Ocio, información y educación: la comunica directamente con la tanto elementos visuales como
animación es eso y mucho más mente del público. sonoros y está pensada para ser
proyectada ante un gran públi-
En él, se combinan elementos vi- co o, dicho de otro modo, sus
suales y acústicos que ayudan a elementos visuales, lingüísticos y
cambiar el significado de las co- sonoros “hablan” con el público.
sas y a superar la potencial incre-
dulidad del público.

Desde el punto de vista teórico,


la animación es un producto ar-
tificial creado por el ser humano
que se sirve de diferentes ele-
mentos para generar una obra

(Selby, 2009, pág. 7)

La animación es un fenómeno algunos de los procesos más fa-


muy contagioso. rragosos de preproducción y
postproducción, pero no exis-
Cuando el público este en una te ningún dispositivo capaz de
sala de cine absorto en el mun- emular la mente y convertir una
do animado que se despliega idea en realidad.
ante sus ojos, solo el director, el
guionista, los animadores y pro-
ductores de la película son cons-
cientes del trabajo y del esfuerzo
invertidos para llevar su trabajo a
la gran pantalla.

En la actualidad existen muchos


paquetes digitales que facilitan
(Selby, 2009, pág. 7)

23
La Idea

M
e imagino una idea como
un objeto dentro de mi 1. Se trata de dibujos persona- podamos establecer la trilogía
mente. Miro las palabras les. Piense que sólo necesitan que conforman: su tema, la
que están escritas en el papel; ser comprendidos por un pe- premisa y el argumento. Por-
esos grafismos no son una idea, queño grupo de personas. que es a partir de estos tres
pero los conceptos que ellos des- elementos que más tarde voy
piertan en mi mente sí lo son. Las a dar forma a los personajes,
ideas son construcciones dentro 2. VEstán referidos a los con- crear los incidentes, y definir el
de nuestra mente, referidas a la ceptos claves y no a los deta- entorno donde acontecerán
percepción, a la imaginación o lles de la idea. los hechos de mi historia, los
al pensamiento. que lograrán finalmente corro-
borar la premisa.
Un film comienza siendo una 3. Están realizados en forma es-
idea, la que para llegar a la pan- pontánea y rápida, deben ser
talla necesitará ser explorada y dibujos vitales y frescos.
desarrollada.
Creo que lo más adecuado para La idea gestora de nuestro film
este fin es usar dibujos rápidos, los quedará determinada cuando
que además deben cumplir con
los siguientes requisitos:
(Patmore, 2004, págs. 18, 19)

El tema
¿Sobre qué trata su historia? El tema cuando más se conozca sobre un Después de que hemos logrado
de un guión está referido tanto a lo determinado tema, más es lo que enunciar el tema de nuestro film
que ocurre, como a quién le ocurre. se podrá comunicar sobre él. Cual- empleando sólo una frase, pode-
quier proceso de creación no sólo mos decir que comienza la etapa
Se necesita trabajar mucho sobre debe incluir la investigación, sino de investigación. Estas búsquedas
una historia antes de comprender más bien requerirla. harán madurar el film, al provo-
cuáles son sus elementos funda- car nuevas ideas. Ayudarán a que
mentales y recién entonces podre- El planteo de no utilizar la informa- comprendamos mejor a los perso-
mos resumirla en una frase sencilla. ción simplemente porque no dis- najes, a sus situaciones, y muy segu-
ponemos de ella, no es una op- ramente ayudarán a determinar un
El paso siguiente es ampliar nuestros ción válida y cuando esto ocurre, escenario creíble.
conocimientos sobre el tema. Mu- tengamos la seguridad que le está
chos dudan de la gran importancia haciendo un importante daño a la El tema es lo que ocurre en la his-
que tiene la investigación. Pero si historia. toria, por qué pasan las cosas y a
hay algo que resulta obvio, es que quién le sucede.
(Patmore, 2004, págs. 18, 19)

24
Investigación

T
odas las historias necesitan llo que conoces. No importa llegan a tener sus reglas y su eco-
una investigación a menos que historia se esté manejando, sistema.
que sea sus propias experien- los detalles deben ser correctos
cias escritas para no hacer una para que esta sea creíble, no im- Si se quiere crear criaturas o alie-
investigación. porta cuento se llegue a estirar la nígenas, investigue en la natu-
imaginación. raleza, ahí se hallaran los mas
Las historias deben tener una in- increíbles y extrañas criaturas
vestigación para ser crédulas o Pero qué hay de la fantasía o de donde se puede estudiar su bio-
deben estar basadas en la expe- la ciencia ficción, estos mundos logía y comportamiento.
riencia , como muchos escritores no existen y no pueden ser obser-
aconsejan. Escribe sobre aque- vados, pero hasta estos mundos (Patmore, 2004, págs. 18, 19)

La secuencia

http://www.artejaol.com/imagenes/tutoriales/tutoriales/tutorialpatada1not.jpg

25
u na secuencia es un conjun-
to de planos vinculados en-
tre sí por una misma idea. Toda
Dominar el concepto de secuen-
cia es esencial en el trabajo del
guionista. No existe un número
contenido de acción/reacción,
creando una rápida sucesión de
causas/efectos y formando de
secuencia tiene un principio, un predefinido de secuencias, cada esta manera un mini argumento
medio y una conclusión, los que historia demandará las que ne- propio.
habitualmente están muy bien cesite.
definidos. Este efecto otorga a la secuen-
La sumatoria de las secuencias cia un principio, un medio y un fi-
Y el guión puede definirse como constituye el elemento más im- nal muy evidentes. Al crear estos
una serie de secuencias enlaza- portante del guión, viene a ser poderosos vínculos entre los pla-
das o conectadas entre sí me- como su columna vertebral ya nos, se producen lo que podría-
diante una línea argumental que es sobre esta base que se mos llamar “secuencias de ac-
dramática. estructura el resto. ción/reacción” las que otorgan
Cada secuencia constituye un En ocasiones los planos se vincu- un fuerte impulso a la historia.
bloque de acción dramática lan vertiginosamente entre sí den-
completo en sí mismo. tro de una secuencia a raíz de su

(Vega, 2013)

L
a destreza con el dibujo li- Puede entenderse que el ilustra- leer concienzudamente la histo-
neal manual y la habilidad dor colabora tanto como com- ria o el guión y tomar notas.
técnica en el uso de una am- pite con el autor y a la vez am- Las secuencia de imágenes se
plia variedad de medios darán plia el tema. construyen mirando, sintiendo y
al artista flexibilidad a la hora de pensando.
seleccionar el soporte apropia- Para completar la investigación
do para cada proyecto. visual, se empieza por leer y re-

(Wigan, 2008, pág. 16)

26
La Narración

L
a interconexión de las histo- puntos en común. Por otro lado, del diseño, como la fuerza y la
rias visuales es, ante todo, cada disciplina influye en las de- sensibilidad del trazo, el color y el
una cuestión de ritmo de las más. tono, la composición, la forma,
imágenes, fluidez, tiempo y dina- la repetición, la textura, la masa,
mismo de la historia. El dibujo rápido y directo permi- la analogía, perspectiva, el equi-
Otros temas que conciernen a te desarrollar la idea o el tema librio, la jerarquía, la escala y el
los ilustradores son el diseño de esencial y las habilidades de contraste.
la secuencia, la caracterización, percepción. Contar historias gra-
el sentido de lugar, la ambienta- ficas es un proceso conceptual e
ción, el drama y el uso del espa- intuitivo, ya que se exploran y se
cio en blanco para que las imá- manipulan elementos formales,
genes respiren. contenido y significado.

El Cine, la animación, el diseño Los creadores de imágenes en


de juegos, los comic y la ilustra- secuencia emplean todos los
ción de libros se solapan y tienen elementos formales del dibujo y
(Wigan, 2008, pág. 22)

Guión

E
l guión tiene un formato es- bastara con definir lugar y tiem- Magic Screenwriter es el mejor
pecifico por el cual guionis- po por ejemplo Bosque - Tarde, y de ellos, ya que ofrece numera-
tas expresan su visión pero vendrá seguido por una descrip- ción de diálogos.
los guiones de animación difiere ción de la acción o de la indica-
ligeramente de los que se escri- ción escénica. Es posible crear un películas sin
ben para películas de acción dialogo, pero aun así se necesita
real. Como todos los guiones tienen de un guión que indique todos
un formato, existen varias hojas los cambios de escenario, las ins-
Cada página de guion es consi- de estilo disponibles para guio- trucciones de cámara y escena,
derada un minuto de tiempo en nes, estas hojas pueden bajarse los mismo que se utilizaran con-
la pantalla. Se trata de no escri- de un sitio web de guiones en juntamente con el storyboard
bir mucho mas bien lo necesario, internet. Si la intención es escribir y la hoja de registro para tener
un guion no requerirá la canti- muchos guiones existe un soft- una obra terminada.
dad de información que exige ware destinado para crear guio-
una historia literaria. A veces solo nes, para animadores, Movie

(Patmore, 2004, págs. 22, 23)

27
Storyboard

http://4.bp.blogspot.com/_owPHQ-TZxZo/TTm__EBcZaI/AAAAAAAAASM/CJEJcMQ6dKw/
s1600/casserly_hans_sample.jpg

E
l storyboard (guión gráfico en las empresas aplican la lluvia diseño industrial y producciones
o visual) es una herramienta de ideas, las agencias de publi- teatrales o cinematográficas.
fundamental en la comuni- cidad para planear campañas,
cación visual y se usa en muchos gráficos animados, medios inte-
contextos para previsualizar los ractivos, sitios web (como site-
proyectos como, por ejemplo, maps y enlaces de navegación),

28
Storyboard

L
os ilustradores contemporá- jas y sonido. La edición no lineal quis y conceptos del diseñador
neos crean storyboards con permite manipular la secuencia que definen el proyecto, junto
gran variedad de medios, de las imágenes fijas y ordenar con imágenes fijas que se des-
desde lápices y rotuladores has- los cuadros para así jugar con los plazan para expresar la atmósfe-
ta tabletas gráficas, programas elementos narrativos y la conti- ra y los aspectos fundamentales
informáticos o cámaras digitales. nuidad. de la narración con el acompa-
ñamiento de una banda sonora
En la actualidad, algunos pro- En el campo de la animación, inicial.
fesionales trabajan con progra- los storyboards se convierten en
mas informáticos de creación animatics (un storyboard filma-
de storyboards que contienen do o grabado). Éstos funcionan
plantillas y permiten la importa- como collages en movimiento,
ción de videoclips, imágenes fi- murales hachos a partir de cro- (Wigan, 2008, pág. 40)

El storyboard es el que la da vida escena para mostrar la historia siado esfuerzo. Por el contrario la
al guion a través de una seria de en la pantalla. Nunca es lo sufi- animación no puede darse estos
bocetos que muestran cómo se ciente recalcar la importancia lujos, todas sus escenas, tomas y
desarrolla la historia y este resul- del Storyboard en el proceso de ángulos deben quedar determi-
ta mas fácil de entender que el animación. nados antes de iniciar el largo y
guión. costoso proceso de animación.
En películas de acción real se
El storyboard indicara la escena puede ensayar, cambiar y pro-
y la posición de la cámara con bar otros ángulos, posiciones de
el fin de explicar a los partici- cámara, iluminación y la repeti-
pantes como deben estar en la ción de tomas no requiere dema-

(Patmore, 2004, págs. 24, 25)

29
Edición

L
a edición de una anima- to para hacerlo en la animación. Esto puede obtenerse con fundi-
ción es diferente a la de una dos de la imagen, donde la ima-
película de acción en vivo. La edición en una animación gen se vuelve blanca o negra,
Cada escena ha sido minucio- es tomar el metraje y unirlo con o con desvanecimientos de las
samente creada y planeada. otro al pie de la letra del registro, imágenes donde la escena se
para obtener a cada cambio de funde y se superpone con otra.
No tiene la ventaja de tomas extras ángulo de la cámara o cambio
o de distintos ángulos de cáma- de escena, una fluidez conti-
ra, aunque no existe impedimen- nua sin que se note diferencias.
(Patmore, 2004, págs. 144)

Narración
Narración Dramatica Narración no Dramatica

L L
as reglas de la narra- toria deben estar entrelazados, a narración no dramática
ción dramática se esta- creando una trama unitaria. crea una estructura abierta
blecieron hace siglos. Al mismo tiempo. las variaciones y y esta hace que el especta-
puntos de inflexión deben dar lar- dor haga su propio conclusión y
Según Aristóteles, un drama ga vida y crear interés en los perso- complete la imagen por sí solo.
debe tener un planteamien- najes y sus pensamientos, sumer-
to, un nudo y un desenlace. giendo al público en la historia. Los impulsores de este enfoque
rechazan la idea de la narración
Además, tiene constituirse con Para que el publico preste lineal en favor de nuevas líneas
unidad de tiempo, lugar y ac- atención, el director debe in- narrativas que trazan espirales.
ción; es decir, que la acción troducir un conflicto en donde
debe desarrollarse en tiem- el protagonista es el oprimido. Algunas consideran que la for-
po real y en un espacio limi- Ya que casi siempre las perso- ma de narrativa lineal es la for-
tado por el propio escenario. nas se ponen del lado del mas ma masculina y la no narrativa es
Los distintos elementos de la his- débil y se identifican con él. la forma femenina de narración.
(Bo, 2009)

30
Narración Interactiva

L
a narración interactiva es el
propósito que los visitantes,
oyentes o espectadores par-
ticipen, depende de ellos ele-
gir entre uno y lo otro, moverse
por las formas y los contenidos
que le sugieren la interactividad.

Los medios interactivos mezclan


a menudo los textos, imágenes,
sonidos, colores, con lo cual el
usuario recibe estímulos de va-
rios tipos, lo que hace que expe-
rimente y refuerza de forma drás-
tica el impacto del contenido.

Narración Cautivadora

S
ea cual fuese la historia o el La perspectiva horizontal se cuen-
medio narrativo, el objetivos ta en primera persona, ya sea
es conseguir que las perso- singular o plural, el narrador esta
nas se involucren en la historia. cerca del usuario, la narración
La perspectiva de la narración es puede estar como un dialogo.
muy importante para determinar
de qué modo el publico recibirá la La sorpresa también es una
historia ya que se rige por la com- narración poderosa ya que
posición de textos e imágenes. puede aparecer de muchas
formas, pero la más efecti-
Pocas veces es efectivo toman- va es el impacto o el humor.
do un tono autoritario o prepo-
tente y dirigirse desde arriba al
publico que está abajo, una
perspectiva una tanto insultante. (Bo, 2009)

31
Comunicación Visual
Mensaje

L
a parte esencial es satisfacer Si los publicitarios encuentran qué no, una idea que no tenga
al grupo objetivo, es a quie- una necesidad en un grupo con- rumbo no llegará a su objetivo,
nes ayuda a cubrir una nece- siderablemente grande y cono- es ahí cuando la persona debe
sidad, de evitar algo o de obte- cen el producto que satisface detenerse y usar el raciocinio
ner algo. esta necesidad, deben buscar para ver lo que sirve y que es re-
el grupo objetivo y encontrar el levante en el mensaje y lo que
Todas las personas tenemos ne- medio adecuado para llegar debe desecharse.
cesidades básicas como comer, a este segmento y transmitir el
beber, para estar bien esto for- mensaje, es de gran importancia Para que el mensaje sobresalga
ma parte de las necesidades y dejarles claro la manera de satis- se debe tomar en cuenta una
estas pertenecen al primer nivel. facer dicha necesidad. estructura clara, un diseño y un
patrón de texto e imágenes.
Los publicitarios harán todo lo Las argumentacióne son afirma-
posible con el fin de persuadir al ciones pensadas por una perso- Los mensajes son creados para
público para impulsarlos a con- na para convencer a otra sobre persuadir a los espectadores,
sumir y despertar en ellos nece- alguna idea, pero si este falla en para motivarlos a realizar una
sidades, los productos crearan su objetivo tendrá que mejorar acción y despertar en ellos una
esa sensación de satisfacción a la argumentación en vez alzar la necesidad.
sus compradores, incluso si estas voz.
necesidades no sean de gran Cuando se argumenta se debe
importancia para los mismos. tener claro qué se debe incluir y

(Bo, 2009)

32
Mensaje Instrumental

L
as personas vivimos rodea- el problema o la necesidad o el deseo de solución.
dos de mensajes instrumen- deseo de cambio.
tales, estos son basados en Los argumentos de este mensaje
problemas del mundo que afec- El emisor debe encontrar la es- deben manejarse de forma ce-
ta a las personas o medio am- trategia para motivar a su pú- rrada para que solo existe una
biente. blico usando imágenes o textos interpretación, la técnica que
Las cualidades del mensaje de- negativos, el cual hará reflexio- este mensaje deberá usar será
ben explicar que el producto nar a su público y estos se sen- la narración dramática y con el
tiene propiedades que ayudan tirán identificados y recordarán triangulo dramático con un per-
a solucionar este problema, con- este mensaje nada atractivo y se seguidor, una víctima y un resca-
virtiéndolo a este producto en un preocupen por ello. tador .
instrumento útil. Según Bo cuanto más grande
El truco es destacar claramente sea el problema, mayor será el (Bo, 2009)

Mensajes de noticias

L
os mensajes d noticia deben atención del espectador. exposición del problema o con-
competir directamente con flicto, que sucedió?, seguido de
los mensajes comerciales por El emisor dará a conocer el con- esto la noticia viene en aumen-
la atención de lectores y espec- flicto y crea un impulso en el pu- to, donde el emisor explica como
tadores. blico que está atento y curioso paso y porque paso, y se viene el
sobre lo que paso y así se engan- final de la noticia, crea una con-
La puesta en escena dramática chan a la noticia. clusión (que puede pasar des-
es la que nos cuanta una historia pués de esta acción, ahora que
o problema, a nadie le interesa si Después se les anuncia como se va a ocasionar este conflicto).
nada pasa, pero si hay conflicto va a tratar el tema y que se va
o un accidente, esto llamara la a mostrar, luego de esto viene la
(Bo, 2009)

33
Color Colores funcionales Crear ambiente

E
Los colores ha sido importantes a los
largo de la historia, desde la pinturas “En una comunicación visual eficaz l color es de vital importancia
rupestres en cuevas donde el hom- sólo tiene cabida los colores funcio- para crear ambientes.
bre uso una paleta de colores de la nales, que son una fuerza de comu- Los colores pueden recrear un
naturaleza como arcillas, oxido de nicación importante y que se de- sitio, lugar o ambiente el cual nos
hierro, yeso, sangre de animal etc. ben usarse principalmente para: “ dé ganas de conocer o visitar. El
color representa sentimientos o sig-
(Bo, 2009, pág. 200 nificados, como los ya conocidos,
Atraer que el rojo sirve para representar
amor, el amarillo significa alegría,
“La imagen a color sobre el papel entre sí, que al ojo del espectador como también son asociados los
atrae y cautiva al receptor, lo mis- le da sensaciones de actividad. El colores claros a la feminidad y los
mo que los elementos gráficos en buen manejo de la cromática pue- obscuros a la masculinidad.
colores fuertes y contrastados atra- de atraer y persuadir al usuario atra-
pan la vista de un sitio web”. pando su atención. Pero hay que saber que los colores
(Bo, 2009, pág. 201 cambian su significado dependien-
do de la cultura en la que sean usa-
Todos los colores causan efectos dos.
sobre los espectadores y la combi-
(Bo, 2009, pág.202)
nación de estos causan acciones

Informar Estructurar Atraer


“El color es un recurso pedagógico.
El color también transmite un men- Los colores también sirven para es- Imágenes brillantes y fondos ani-
saje de información en su contexto, tructurar productos y dividirlos en man a leer; los bloques de color in-
como lo son usados en la señalética secciones como lo que ocurre en dican temas destacados.”
de un edificio como en un hospital, productos de editorial como libros,
(Bo, 2009)
el amarillo significa infección, el azul revistas, etc. Estos se los puede es-
materiales limpios, el verde significa tructurar por secciones o también
estéril. un articulo puede ser dividido en
fragmentos informativos, para ser
(Bo, 2009, pág. 202) mejor entendido.

Los colores tiene la capacidad de Esto crea una jerarquía de informa-


transmitir mensajes al espectador ción al momento de leer un docu-
tales como accesos y restricciones mento.
para el desempeño de una perso-
na en un ambiente o lugar, los co-
lores también servirán de apoyo al
usuario para un mejor manejo de
un equipo o maquinaria.

34
Sonido
“El sonido afecta a las personas, bién nos dan experiencias y sensa- tristeza, todo esto se puede lograr
quizá más de lo que nos damos ciones. Y hasta el silencio después con la música que complementa
cuenta. El sonido se recibe y se pro- de la música nos brinda experien- un video.
cesa en la misma zona del cerebro cia después de que el sonido termi-
de los sentimientos, la memoria y los nase.
instintos.”
La música de una película nos hace
La música nos brinda experiencias sentir sensaciones y emociones ya
experiencia y hasta los ruidos tam- sean emociones de alegría o de
(Bo, 2009 pag 216)

La función del sonido


“En la comunicación visual, la Unir Estructurar
función del sonido es principal-
mente reforzar, unir y estructurar.” La música tiene la capacidad El sonido también puede ser em-
de unir distintas escenas, para pleado como divisor, para es-
(Bo, 2009, pág. 216) darles continuidad, a la vez que tructurar los contenidos y darle
también puede unir varias es- una organización, estos puede
cenas dispares o distintos video ser resueltos como ruidoso para
Reforzar clips dándoles sentido. La música
puede unir imágenes como tam-
unas secciones y sonidos más
tranquilos para otras, de este
El sonido crea ambientes como bién puede combinarlas con la modo habrán creado una es-
suele pasas en la TV o en sitios TV para crear otras experiencias. tructura.
web donde el sonido refuerza la
experiencia del usuario y crea
un gran impacto.

El sonido puede dar vida a las


imágenes dándoles proximidad
y profundidad para crear la ex-
periencia de vida.
(Bo, 2009, págs. 216, 217)

35
Categorías del sonido
Voz hablada Voz en off Efectos
La vos hablada se trata de los lo- La voz se trata de una exten- Los efectos de sonido pueden
cutores, personas de la TV como sión de la historia que se desea crear al usuario una experiencia,
reporteros, corresponsales, en- contar, como una extensión del estos efectos de sonido pueden
trevistadores, etc. texto, esta voz es a veces invisi- ser reales como también pue-
ble pero en ocasiones puede den ser elaborados. Los sonidos
Todos estos dan al publico noti- ser visible, la voz en off debe ser nunca deben ser exagerados ya
cias, criticas o comparten ideas un complemento de las imáge- que pueden crear ruido y con-
con sus voces al público, com- nes y del texto que se muestra y fundirse unos con otros.
plementado pos el sonido del no algo repetitivo de lo que se
ambiente que los rodea o efec- muestra, esto quiere decir que la
tos de sonido. voz en off no debe ser tan explí-
cita al dar el mensaje. (Bo, 2009, pág. 217)

Viralización
¿Qué es Viralizar?

V
iralizar es dar a una uni- estamos en esto. quien tendrá sus quince minutos
dad de información la ca- Viralizar puede ocurrir con cual- de fama, es increíblemente difí-
pacidad de reproducirse quier tipo de contenido: imagen, cil hacerlos durar y, después de
de forma exponencial. Esto es, audio, video, o texto; por defini- ellos la mente colectiva de la
emulando a los virus, que el con- ción no hay barreras de idioma web no suele guardar muchos
tenido tenga la capacidad de y aunque puede capitalizarse recuerdos.
reproducirse solo. Sin más publi- en resultados económicos, en el
cidad ni promoción que el boca cambiante escenario de la web
a boca, o e-mail a e-mail, ya que aplica al pie de la letra que cada
(lmnovo2012, 2012)

36
El marketing viral y las redes sociales

A
unque el término viralidad comunicación y por los departa- El marketing viral ha encontrado
no está en el diccionario mentos de marketing para me- su caldo de cultivo con las redes
de la Real Academia de la jorar las ventas de las empresas sociales, con el adjetivo de viral
Lengua Española, cuando nos y la visibilidad e impacto de las como “perteneciente o relativo
referimos a él en la red, rápida- personas y entidades a los virus”, según el Diccionario
mente nos aparece una idea de de la Lengua de la Real Acade-
contagio o de virus informáticos. Si hay algo que “Me gusta” lo mia Española, y se beneficia de
En cambio, la viralidad es algo sabrán mis amigos, si tengo fans la idea para significar el fenóme-
que puede ser extremadamente también. Si hay algo que les gus- no del contagio.
positivo y que se busca con ahín- ta a través de las redes sociales
co por las grandes entidades de lo veré antes.
(Lozano, 2011)

Tipos de viralidad

A
Se pueden establecer ana- Tiempo
lizando las variables tiem-
po, cantidad de elementos La viralidad se realiza con un ele- Éstos pueden ser por cantidad
y medios. mento y se establecen las me- de visitas o por conversiones a
didas en un tiempo fijado pre- clientes. La conversión a clientes
Las campañas de marketing viral determinado. Caso de un vídeo se debe medir en base al control
más conocidas y comentadas donde se ofrece información y se de las visualizaciones.
se sustentan en un formato de miden los resultados en un plazo.
vídeo donde se explica una his-
toria interesante. Se trata de una Elementos:
modernización de la publicidad
Una campaña de marketing vi- do varios elementos diferencia-
en televisión y medios afines. Al-
ral se puede realizar con varios dos. Primero un informe, web,
gunos ejemplos se pueden visua-
elementos que permitan motivar elemento multimedia, luego un
lizar en YouTube como el caso
a la audiencia, informarla de los entorno de soporte y comunica-
de Canon, Nike y otros.
productos y servicios y generar ción y posteriormente un entorno
demanda de los mismos utilizan- de cierre.
Los elementos principales que
puede generar un sistema pue-
den ser aislados como una no- Medios:
ticia inusual, un video original o Las campañas de marketing vi- Tube o utilizando varias redes.
una solución valorada por los ral se pueden asentar sobre una En la actualidad se emplean las
usuarios. sola aplicación de red social, an- aplicaciones en las que se esté
teriormente la mayoría de las ac- más presente y se integran en
ciones se realizaban sobre You- YouTube. Para estas

(Lozano, 2011)

37
38
Homólogos

39
Tipografía en movimiento

E
ste video muestra colores posible que para la creación de que lo rodea. A través del video
contrastantes y la tipogra- este video animado se haya usa- promueve a las personas que re-
fía que se maneja es fuer- do software como After Effects o flexionen sobre el cuidado del
te y clara, para que al estar en flash para animar. planeta.
movimiento sea legible y no se
pierda el mensaje, a pesar que
la voz en off del video describe lo El mensaje de este video, es mos-
que en los textos se puede leer, trar al hombre que es capaz de
la combinación de ambas hacer crear grandes cosas, pero tam-
más fuerte y claro el mensaje, es bién es capaz de destruir todo lo

40
http://www.youtube.com/watch?v=Bt6LAiN15ZI

Medio: Internet
Emisor: You tube
Duración: 1min 4 seg.
Software:After Effects, Flash

forma: función: tecnología:


Tipografía en movimiento que Una voz en off complemen- El video es muy probable que se
maneja una cromática contras- ta ala tipografía en movimiento manejo en el software de adove
tante. como narración after effects y adobe premiere.

Se maneja la tipografía muy A pesar que la tipografía clara Para este video se pudo haber
bien en la tridimensionalidad. y fuerte, el movimiento comple- usado un software de edición de
menta la fuerza del mensaje audio .
Las transiciones son muy diná-
micas y suaves. El tema tratado es un tema de
interés común para la humani-
En la pantalla se muestra el tex- dad
to interactivo y da mas atención
el movimiento.

41
Oil’d - Our Thirst

E
n este video se maneja co- plemento para los textos como con este aceite se perdieron de
lores obscuros que son cons- también para la voz en off, esto hacer varios productos.
tantes en todo el video, esta hace que el mensaje sea claro y
cromática es contrastante con aporta dinamismo al video. Para
el fondo para mayor impacto y realizar este video se pudo haber
así captar la atención del espec- realizado en After Effects o Flash.
tador, las transiciones son bue-
nas y suaves lo que ayuda que el El mensaje que deja este video
video tenga una continuidad y es sobre la dependencia del
fluidez sin tener cambios bruscos. aceite derivado del petróleo y el
Las ilustraciones es un buen com- desperdicio que causamos, que

42
http://www.youtube.com/watch?v=7xI-T1jSmVo

Medio: Internet
Emisor: You tube
Duración: 2min.
Software:After Effects, Flash

forma: función: tecnología:


La cromática es contrastante Es muy claro el mensaje gráfico Video en alta definición muy
con el fondo y se basa en colo- de la animación claro y con un buen audio
res cálidos como tierra
A pesar que la animación esta
La distribución de la grafica es en el idioma ingles se compren- La animación es posible que
sobria y nada recargada de de que se trata el mensaje se haya creado en Adobe After
gráfico. Effects y en un software de edi-
Tiene una buena composición ción como Adobe Premiere
entre la grafica y tipografía que La animación es continua flu-
hace que las transiciones sean yente y atrayente Se manejo un software de edi-
suaves y livianas. ción de audio

43
Mandarina Duck ‘Yellow Think’ promotion movie

E
En este video se aprecia el muy entretenido y crea una ex-
manejo de los colores na- pectativa al espectador.
ranjas sobre las ilustraciones
de escalas grises, esto capta la La animación se la pudo haber
atención del espectador ya que realizado en Adobe After Effects,
es un color llamativo sobre los Flash
otros neutros, así como la trans-
formación de los objetos, hace
que el cambio de escena sea

44
https://vimeo.com/55252937

Medio: Internet
Emisor: Vimeo
Duración: 0min 30 seg.
Software: After Effects, Flash

forma: función: tecnología:


Se maneja una buena combi- El audio complementa a las Es un video de muy buena re-
nación de cromática que con- transiciones de la animación de solución
trasta con el resto de la anima- forma coherente.
ción La gráfica da a conocer el Se pudo haber usado para la
mensaje del producto animación un software como
Tiene una buena transición y Adobe After Effects y un software
los cambios de escena son muy La animación es continua flu- de edición como Premier.
fluyentes. yente y atrayente
Se manejo un software de edi-
La gráfica es muy sobria ción de audio

45
Campaña prevención en cines

E
ste video juega con colores gar en el que se encuentra. saje principal la seguridad de los
llamativos lo cual provoca usuarios que ingresan a las salas
que el espectador preste El software que se utilizo para de cine, en el que dice que las
atención, los cambios de escena este video puede haber sido al- personas son las que aportan
crean al espectador esa expe- gún software 3D combinado con con el orden.
riencia de recorrido por del cine y un editor de video como Adobe
muestras esto ocurre, una voz en Premiere.
off le dice al espectador como
debe comportarse en cada lu- Esta campaña tiene como men-

46
http://www.youtube.com/watch?v=IKARcFfwxQI

Medio: Internet
Emisor: You tube
Duración: 1min 0 seg.
Software: Modelado 3D , Premiere

forma: función: tecnología:


La cromática es muy contras- La narración complementa de Se Ha utilizado un software 3D y
tante y llama la atención del manera puntal y correcta al un editor de video como Adobe
usuario mensaje gráfico Premiere.

Se maneja una grafica en ter- La gráfica muestra las posibles Se pudo haber utilizado un edi-
cera dimensión que es muy inte- soluciones para una problemáti- tor de audio para la voz en off
ractiva y se acopla al mensaje ca

Las transiciones son suaves y


no se muestran cambios bruscos

47
Conclusión
A pesar que la contaminación en el mundo, el problema de la contaminación no va a parar, por los in-
tereses económicos del hombre, pero el resto de la sociedad puede aportar con ayuda para controlar
este problema.

El diseñador o comunicador juega un valioso papel, ya que a través de la investigación se puede re-
colectar datos importantes y así crear un mensaje que se le pueda dar al público para que conozca
sobre el problema y de este modo hacerle conocer alternativas que aporten con ayuda para disminuir
el problema de la contaminación.

A través de la investigación sabremos cuales son les recursos más adecuados para crear un masaje
claro y concreto, de este modo llegar a las personas con el mensaje y crear en ellos un sentimiento de
conciencia para cambiar su estilo de vida.

A través de la investigación y recolección de datos, crear un mensaje claro, que llegue a las personas
para crear en ellos conciencia sobre la contaminacion y a través de este mismo mensaje promoverlos
a cambiar su estilo de vida.

48
Capítulo 2

49
Programación
Concepto

Y
a que la contaminación es “hollín” de los escapes de los au-
un problema que afecta a tos, asentándose en las facha-
la salud de todas las per- das de las casas, es por esto que
sonas, esto es un problema a partir de este problema que es
que se debe tratar, ya que en la visible se ha trabajado en el con-
ciudad existe un gran exceso de cepto para el video animado.
contaminación, es por esto que
se ha realizado este proyecto
para concientizar a las personas Ciudad Gris Ciudad Obscura, es
para que eviten el uso excesivo el concepto del video anima-
del automóvil. do que es la representación del
efecto que causa la contami-
nación vehicular en la ciudad,
Al notar los efectos que causa la ya que el ambiente se convierte
contaminación en la ciudad po- denso y muy pesado obscure-
demos apreciar de forma nota- ciendo las casas de polvo negro
ble el deterioro de las casas, así y opacando el ambiente de la
también existe capas de polvo ciudad.

50
Partidos de diseño
Forma - Función

Animación Ilustración

Un video animado con el que se pretende llegar a los La parte de ilustración será di-
espectadores para concientizar sobre el uso excesi- gital, y con esto se recreara la
vo del vehículo, y darle al espectador conocimiento problemática, y a su vez se le
de los problemas que esto causa, con esto se pre- dará a conocer de forma clara
tende concientizar a las personas y darles a conocer y concreta al usuario el aporte
alternativas de movilidad, con el fin de aportar a la que puede dar a la ciudad y al
disminución de la contaminación en la ciudad. ambiente.

51
Color

El color juega un papel importante en la animación, ya que los colo-


res al tener significados propios, ayudaran a crear un mensaje bien
estructurado.

Los colores que se usaran, deberán ser contrastes fuertes y llamativos


para captar la atención del espectador.

Tipografía

La tipografía es un complemento importante en esta animación,


es por eso que la tipografía elegida debe ser fuerte, para dejar un
mensaje claro.

La tipografía que se elegirá debe estar acorde al guion y la forma


en la que se quiera mostrar el mensaje.

Sonido

El sonido al ser un buen complemento para un video, ya que los soni-


dos crean experiencias deberá ser utilizado para crear en el espec-
tador emociones que ayuden a llegar de mejor manera el mensaje.

52
Tecnología

El proyecto de tesis al ser diseño y multimedia se dispondrá a utilizar como tecnología software digital
para el desarrollo del video animado.

Para el proyecto multimedia contara con ayuda de Adobe Illustrator para la creación de los escenarios
y personajes.

After Effects para la parte del video y animación, en este software se importaran las ilustraciones crea-
das en Illustrator, para crear la animación de los escenarios y personajes, aquí se desarrollara la historia
del video.
Adobe Premiere, se hará el trabajo de edición en donde se unirán el video con el audio para dar el
producto de video animación.

Mediante la red social Facebook se viralizara el video en donde se pretende difundir el video para que
llegue al público.

53
Target

El Target nos ayuda a definir al El target seleccionado para este ciones, será este publico quien
segmento del mercado al cual proyecto es un público joven deberá hacer conciencia del
adulto. Se ha seleccionado este problema de la contaminación
va dirigido el producto final
público joven ya que la juventud vehicular y así poder hacer uso
aun tiene las posibilidades de de alternativas de movilidad.
cambiar un estilo de vida a di-
ferencia de las personas adultas El publico seleccionado como
que tiene un estilo de vida esta- publico objetivo, es el mismo pu-
blecido durante varios años. blico que mayor porcentaje de
usuarios de facebook tienen en
Un público joven es la clave del nuestro país, esto ayudara que el
cambio, ya que ellos harán la video sea visto por los jóvenes de
diferencia para nuevas genera- nuestra ciudad.

54
En el país existe 5’379.300 usua- Son estos dos porcentajes los elegidos como publico objetivo
rios de Facebook para el proyecto, jóvenes adultos de 18 a 34 años de edad pro-
pietarios de vehículos o con acceso al uno.

(Socialbakers)
70%
En la ciudad de Cuenca el 70% Cuenca
de la población tienen cuenta
tiene unca cuenta
en Facebook
en facebook
(Estudiokuno, 2012)

El 32% del total de usuarios en


Ecuador son personas de 18 a 24 32%
años de edad. 18 a 24 años de edad
El 24% son un público de 25 a34
años de edad.

28%
(Sysolutec, 2011)

55
Capítulo 3

56
Conceptualización
E
n esta capítulo se habla del proceso que se Partiendo de la problemática, se trabajó en la
realizó para llegar al producto final, desde lluvia de ideas, basándose todas en un mismo
la lluvia de ideas hasta la concreción de la concepto para que estas trataran de transmitir
gráfica del video animado. un mismo mensaje.

Partiendo de la investigación, recolección de Ciudad Gris Ciudad Obscura es el concepto del


datos y analizando a que target al que va diri- video animado, este concepto hace alusión a la
gido el proyecto, se puedo realizar las ideas y los contaminación vehicular que existe en la ciudad.
conceptos de la gráfica del video animado.

Lluvia de ideas. Tres ideas.


Con esto se logro conseguir varias alternativas Se terminaron por escoger tres ideas de diez y de
de ideas para plasmarlas en la producción del este modo combinarlas para crear un video más
video, lo que ayudo a tener claro cuál sería la atractivo y atrayente a los espectadores, tenien-
forma más correcta de realizar esta animación. do muy en cuenta el target la que va dirigido.

La lluvia de ideas se realizó pensado que todas


trabajaran el mismo concepto gráfico y la misma
estética.

57
Ideas
1ra Idea

Comparativo

Esta idea se trabaja dos ciudades que se muestran a


la vez, la una ciudad contaminada y otra ciudad libre
de este problema.

La idea es mostrar cómo la gente vive con la contami-


nación y los problemas que tienen por esto, también
de forma comparativa mostrar a las personas como
viene y la buena calidad de su ambiente al realizar los
cambios necesarios para evitar este problema.

58
2da Idea

Infografía.

Esta idea trata de mostrar a la gente datos reales del


gran problema de la contaminación vehicular, así de
este modo darle a conocer e informar datos como
ejemplo, cuales son los porcentajes de gases conta-
minantes y cuáles son los más perjudiciales etc.

Y así dándoles al publico a conocer la realidad de


este problema lograr que hagan conciencia y ayu-
den en el cambio.

59
3ra Idea

El Mejoramiento o Cambio

La idea de mejoramiento a cambio muestra a la gen-


te usando las alternativas de movilidad como es la
bicicleta, autos compartidos, caminando etc., para
tener un ambiente más saludable.

60
Idea Principal
Infografía
La combinación de las tres ideas que al final se ob-
tendría una idea que compare los dos ambiente de
la contaminación y el ambiente saludable, usando
infografías animadas para informar del problema y
el cambio que las personas pueden realizar, de este
modo lograr un mensaje más fuerte y directo al publi-
co espectador.

Comparativo Mejoramiento o Cambio

61
Guión

El guion realizó con el objetivo de llevar la historia de la idea principal en un documento escrito, contan-
do la historia escena por escena lo que va sucediendo en video animado.

62
Guion

63
Storyboard
El storyboard cuenta el guión
escrito en escenas gráficas, de
esta modo se van resolviendo
los movimientos de cámara, los
escenarios y la interacción de
los objetos.

En esta parte del proceso se


analizó el escenario en el cual
se representaría la contamina-
ción de la ciudad, este esce-
nario tendría que ser una parte
muy importante de la ciudad
para hacer relevancia que se
trata de la ciudad de Cuenca.

64
65
Salida de campo.
Se realizó una salida de campo con el fin
de realizar fotografías, para posterior a esto
crear las ilustraciones del escenario, ya que
las ilustración deben ser muy representativas.

66
67
Ilustración Digital

68
Ilustración

69
Ilustración

70
Ilustración

71
Aplicación de color

72
Aplicación de color

73
Aplicación de color

74
Aplicación de color

75
Aplicación de color

76
Aplicación de color

77
Composición

78
Composición

79
Composición

80
Composición

81
Personajes

Secuencia

82
Animación
Adobe After Effects

83
Animación
Adobe After Effects

84
Edición
Adobe Premiere y Audition

85
Viralización
Facebook

Capturas de pantalla realizadas a 15 horas


de estar en facebook

86
87
Youtube
Capturas de pantalla realizadas a 15 horas de estar en Youtube http://www.youtube.com/watch?v=5Uy9l_AYbAQ

88
http://www.youtube.com/watch?v=5Uy9l_AYbAQ

89
Conclusión
Al tomar una problemática real formada de los niveles reales de ciendo, por ello se realizó un vi-
de la ciudad como es la conta- contaminación en la ciudad, se deo animado para aportar con
minación vehicular se propuso realizó una animación introduc- una posible solución, el mismo
crear este proyecto que busca toria para informar de la conta- presenta a una parte del urbe
concientizar a los ciudadanos y minación que existe actualmen- cuencana en donde sus mora-
así tratar de reducir este proble- te en la urbe y se propuso distintas dores viven en un ambiente con-
ma, dando a conocer a las per- alternativas de movilidad con el taminado.
sonas ideas de alternativas de fin de disminuir la contaminación
movilidad y difundiendo un men- en Cuenca.
sajes con las causas que lo están
provocando, de manera que Al realizar la investigación y aná-
seamos los ciudadanos quienes lisis de datos se pudo notar que
realicemos los cambios. el problema en la ciudad es real-
mente grave y que se deben to-
Debido a que únicamente una mar medidas a corto plazo para
minoría de la ciudadanía está in- que este problema no siga cre-

Recomendaciones
Tras la realización del proyecto a guionización, ya que fue un
se recomienda para genera- tanto complicado la creación
ciones futuras un mejor apren- del guión para este proyecto.
dizaje académico en cuanto

90
Anexos
Bibliografía de imágenes

Figura 1........................... http://www.feusoprlautoescuelas.com/wp-content/uploads/2011/12/traffic-fumes.jpg

Figura 2...........................
https://si0.twimg.com/profile_images/3604992939/b4ff31a2293696b0989930bec847d73b.jpeg
Figura 3...........................
http://www.feusoprlautoescuelas.com/wp-content/uploads/2011/12/traffic-fumes.jpg
Figura 4...........................
http://images.contentreserve.com/ImageType-100/0128-1/%7B16B90B94-E092-48E3-9A37-
7C819D6E978E%7DImg100.jpg

Figura 5........................... http://709mediaroom.com/wp-content/uploads/2012/11/after-effects.jpg

Figura 6........................... http://2.bp.blogspot.com/-s9ucj4ex-dE/TVrp_JbA1QI/AAAAAAAAAbs/6svYbRCbxzw/s640/


es_107_motion474.jpg
Figura 7...........................
http://etereaestudios.com/blog/wp-content/uploads/2010/09/cinema_r12_splash_
screen.jpg

Figura 8........................... http://2.bp.blogspot.com/-s9ucj4ex-dE/TVrp_JbA1QI/AAAAAAAAAbs/6svYbRCbxzw/s640/


es_107_motion474.jpg
Figura 9...........................
http://1.bp.blogspot.com/_dkMGYsxtFW8/TSdy2NFDxBI/AAAAAAAAAC0/uucx0WrT5dc/s1600/
imagen%2B1%2Bpunto%2B6.jpg

Figura 10........................... http://maquiladoradesuenos.com/2010/09/carteles-minimalistas-de-peliculas-volu-


men-dos.html

Figura 11........................... http://www.artejaol.com/imagenes/tutoriales/tutoriales/tutorialpatada1not.jpg

Figura 12........................... http://4.bp.blogspot.com/_owPHQ-TZxZo/TTm__EBcZaI/AAAAAAAAASM/CJEJcMQ6dKw/s1600/casserly_


hans_sample.jpg

Videos

Video 1........................... http://www.youtube.com/watch?v=Bt6LAiN15ZI

Video 2........................... http://www.youtube.com/watch?v=7xI-T1jSmVo

Video 3........................... https://vimeo.com/55252937

Video 4........................... http://www.youtube.com/watch?v=IKARcFfwxQI

Video 5........................... http://www.youtube.com/watch?v=5Uy9l_AYbAQ

91
Bibliografía
Bo, B. (2009). Tengo algo en el ojo. Londres: Promopress.

Clark, J. (1993). Diseño Tipográfico. Barcelona: Parramón.

Estudiokuno. (10 de Julio de 2012). Estudio kuno. Recuperado el 20 de Marzo de 2013, de


Estudia kuno: http://estudiokuno.com/nuevo-tema/

Frantz, M. (23 de Mayo de 2003). Matt Frantz. Recuperado el 12 de Marzo de 2013, de Matt Frantz:
http://www.mattfrantz.com/thesisandresearch/motiongraphics.html

HOY. (10 de Febrero de 2013). hoy.com.ec. Recuperado el 06 de Marzo de 2013, de hoy.com.


ec: http://www.hoy.com.ec/noticias-ecuador/cuenca-vigila-la-calidad-de-su-aire-a-traves-de-
estacion-573869.html

lmnovo2012. (6 de Diciembre de 2012). matchmarketing. Recuperado el 9 de Marzo de 2013, de


matchmarketing: http://matchmarketing.wordpress.com/2012/12/06/que-es-viralizar/

Lozano, J. D. (8 de Septiembre de 2011). microsoft. Recuperado el 9 de Marzo de 2013, de micro-


soft: http://www.microsoft.com/business/es-es/content/paginas/article.aspx?cbcid=480

Patmore, C. (2004). Curso completo de animación. Barcelona: Acanto.

Sánchez, M. F. (28 de Mayo de 2012). desarrollo multimedia. Recuperado el 12 de Marzo de 2013,


de desarrollo multimedia: http://desarrollomultimedia.es/articulos/Motion_graphics.html

Selby, A. (2009). Animación Nuevos proyectos y procesos creativos. Barcelona: Parramón.

Socialbakers. (s.f.). Social bakers. Recuperado el 20 de 03 de 2013, de Social bakers: http://www.


socialbakers.com/facebook-statistics/ecuador

Sysolutec. (01 de Septiembre de 2011). Sysolutec. Recuperado el 20 de Marzo de 2013, de Sysolu-


tec: http://www.sysolutec.com/facebook-ecuador-estadisticas-2011

Vega, J. J. (17 de Marzo de 2013). Juan Manjarrez - Diseño Gráfico. Recuperado el 17 de Mar-
zo de 2013, de Juan Manjarrez - Diseño Gráfico: http://www.astraph.com/udl/biblioteca/antolo-
gias/animacion_bidimensional.pdf

Wigan, M. (2008). Imágenes en secuencia. Barcelona: Gustavo Gili.

92

También podría gustarte