# data[].attributes.body
Cada grupo de estudiantes (individual o máximo 3 estudiantes por grupo) debe seleccionar un espacio y añadir ejemplos de motion graphics. Incluir un título descriptivo, una pequeña explicación y adjuntar el ejemplo correspondiente en la publicación.

Recuerden colocar sus nombres en el grupo.

Pueden agregar enlaces, gifs, u otros recursos. Y si el video es muy extenso colocar el rango de tiempo elegido.

Deberán de colocar un ejemplo mínimo de cada categoría (un ejemplo que ustedes crean que tiene algo de importancia, originalidad o aspecto de interés)

1. Intro o créditos de película

2. Intro de serie (animada o real)

3. Identificador gráfico

4. Aplicación móvil

5. Sitio web

6. Presentación de producto

7. Otra referencia

# data[].attributes.body
Intro o créditos de película:

https://www.youtube.com/watch?v=2eAyN0D-oNw

Intro de serie (animada o video real):

https://www.youtube.com/watch?v=fUiifh_aCLU

Identificador gráfico:

https://www.youtube.com/watch?v=GV3HUDMQ-F8

Aplicación móvil:

https://www.youtube.com/shorts/fd04_g_DkiI

Sitio web:

https://statedesign.tv/

Presentación de producto:

https://www.youtube.com/watch?v=JhA9-JYLFyo

Otra referencia:

https://eyes.nasa.gov/apps/solar-system/#/home

# data[].attributes.headline
Integrantes: Kevin Espinoza, Mariángel Vega y Carlos Vásquez

# data[].attributes.subject
Integrantes: Kevin Espinoza, Mariángel Vega y Carlos Vásquez

# data[].attributes.headline
Integrantes Jessica Delgado, María Luisa Vivas

# data[].attributes.subject
Integrantes Jessica Delgado, María Luisa Vivas

# data[].attributes.body
Aplicación Móvil:

Uber, se usan recursos graficos para ver el recorrido del chofer.

Intro o crédito de película:

Movimiento de la lámpara sobre la I como medio para introducir el nombre la productora.

https://www.youtube.com/watch?v=gX0CmJa5Gdk

Intro de serie:

Movimiento de los elementos que introducen parte de la historia que se va a ver.

https://www.youtube.com/watch?v=fpyZ7NG40pY

Identificador gráfico:

Creatividad en el uso del identificador gráfico como personajes que cuentan una historia.

https://www.youtube.com/watch?v=JqHUgxFZlYM

Sitios web:

Movimiento de elementos graficos, con colores llamativos como medio para llamar la atención.

https://spotify.design/

Presentación de producto:

Uso de animación que detalla el producto, así como sus partes y funciones.

https://www.youtube.com/watch?v=-xxD6LvsaCE

Otra referencia:

Uso de motion graphics como recurso para darle movimiento a la página web.

https://stripe.com/

# data[].attributes.body
Integrantes: Kevin Guido

# data[].attributes.body
Integrantes:

-Ashley Rojas

-Gustavo Acosta

-Ángel Valverde

# data[].attributes.body
Integrantes: Luis Villegas

# data[].attributes.body
Integrantes:

•Paulina Serrano

•María Castro

# data[].attributes.body
Intro o créditos de película:

Top Gun (Maverick):

https://youtu.be/VA-GJ7tG4KQ?si=FK04cJrNE7bojbPP

Se usan elementos gráficos al inicio y se basan en los recursos de la tipografía

Intro de serie:

Ben 10:

https://youtu.be/1vrf9TWvZY0?si=2Oj_SiAvKkyCVo4S

Se usan recursos gráficos y animados para presentar a los personajes

Identificador gráfico:

Max:

https://youtu.be/H5tzPhzbAQ0?si=Dg1yPDap-USmGnA1

Se le da una animación a las letras

Aplicación móvil:

Strava:

https://youtube.com/shorts/2ZUZqhPGsW4?si=_nwRQEmxxTuz43BS

Se utilizan elementos visuales para marcar el recorrido

Sitio Web:

Discord:

https://discord.com/

Se usan elementos visuales animados en las cards y ilustraciones

Presentación de producto:

Galaxy S25 Ultra:

https://youtu.be/JMnyNzr9KFw?si=YHAd5Bt_BJ96JFOH

Se utilizan recursos graficos para enseñar el interior del celular

Otra referencia:

Apple:

https://www.apple.com/macbook-air/

Se utilizan transiciones y efectos para mostrar los productos

# data[].attributes.body
Integrantes:

-Greik Rodriguez

-Yariana Ulate

Intro de Serie: Bridgerton

https://www.youtube.com/watch?v=Q-6EGZmbofo

Uso de Motion Graphics para animar y representar muchos elementos que sera presenatdos o recurrenetes en la serie.

# data[].attributes.attachment_link.title
Bridgerton : Season 2 - Official Opening Credits / Intro (Netflix' series) (2022)

# data[].attributes.body
Integrantes:

-Jurgen Badilla

# data[].attributes.body
Monsters Inc

introduce a la temática de la película y a la vez presenta al estudio de animación de manera llamativa

https://youtu.be/vFgYu5AU4-A?si=5LgFdgbebIaCzkZY

# data[].attributes.body
Integrantes:

Nahomi Lawrence

Créditos de película:

https://youtu.be/6ryppTIqux0?si=dEKlSvyFsH5um_r7

Se utilizan fondos dinámicos con transiciones suaves

Intro de serie:

https://youtu.be/FnKrLgd60uU?si=JBQqgUN1hu55rFk8

Emplea una animación que simula el crecimiento de los hongos

Identificador gráfico

https://youtu.be/-JB5V3Y1SKk?si=8MP4n1UUGxPA7Tej

Utiliza animaciones suaves con efectos de rebote

App móvil:

https://youtu.be/EWxFJlPN8Iw?si=WKF6rxoC3ErcvzKf

Usa animación con efecto de luz

Sitio Web:

https://www.apple.com/iphone-16/

Incluye elementos que reaccionan al momento de desplazarse por la página

Presentación de producto:

https://youtu.be/kpHBxLqkikw?si=x7txSMrVvJLkuLqU

Se aplica gráficos 3d del producto

Otras referencias

https://bruno-simon.com/

# data[].attributes.body
Love in the Big City

transiciones fluidas y representa un poco de lo que trata la serie

https://youtu.be/J8B3sjLg4lQ?si=yFNH3-AIXkhYxRwI

# data[].attributes.body
Love in the Big City

tiene transiciones fluidas que dan una idea sobre de qué trata la serie

https://youtube.com/watch?v=J8B3sjLg4lQ&si=GQMwsG3Ub_g5SaMO

# data[].attributes.body
Love in the Big City

tiene transiciones fluidas que dan una idea sobre de qué trata la serie

https://youtu.be/J8B3sjLg4lQ?si=OxJdvwkPpx9sui7Y

# data[].attributes.body
Love in the Big City

tiene transiciones fluidas que a la vez muestran un poco de qué trata la serie

https://youtu.be/J8B3sjLg4lQ?si=OxJdvwkPpx9sui7Y

# data[].attributes.body
Integrante:

Asunción Peña

1. Intro o créditos de película.

Intro "Pirates of the caribbean at world's end"

Dan movimiento a un elemento inerte y lo muestran porque es simbólico en la película. Segundo: 0:37-0:59

Pirates of the Caribbean Movie Titles

2. Intro de serie (animada o real)

Intro "The Big Bang Theory"

Cuenta como se creó el universo utilizando imágenes, textos y animaciones que se mueven en sincronía con la música.

The Big Bang Theory - Intro/Lyrics

3. Identificador gráfico

Logo de MGM (Metro-Goldwyn-Mayer)

Combina un diseño gráfico estático (el círculo, las cintas y el texto que lo rodean) con un elemento en movimiento (el rugido del león en video). Segundo: 0:16

https://www.youtube.com/watch?v=w3V5tG94F3Y

4. Aplicación móvil

Duolingo

Tiene animaciones de personajes, transiciones suaves y efectos visuales que lo hace atractivo para aprender.

https://www.youtube.com/shorts/dHD1Btd6__U

5. Sitio web

Samsung

Presentan videos de fondos o banners animados que muestran los productos de manera atractiva y utilizan efectos visuales en los botones o al desplazarse por la página.

https://www.samsung.com/latin/smartphones/

6. Presentación de producto

Café 1820

Promocionan el café contando su historia con dibujos, imágenes, videos y música.

https://www.youtube.com/watch?v=yzhDVsbRdBc

7. Otra referencia

Michael Jackson - Speed Demon

Minuto: 3:40

Se utiliza el stop motion para darle movimiento a los personajes, transiciones de lo real a lo fantasioso y utilizan elementos visuales para resaltar momentos claves de la música.

https://www.youtube.com/watch?v=l039y9FaIjc

# data[].attributes.body
La combinación de las letras en perspectiva y la banda sonora convierte esta intro en un sello distintivo para esta épica saga, ejemplificando la capacidad de los Motion Graphics para crear momentos memorables en varias generaciones.

# data[].attributes.attachment_link.title
LA GUERRA DE LAS GALAXIAS: Texto Original (Latino)

# data[].attributes.body
A24

Movimiento del logo con efecto film

https://youtu.be/silbBKuaXI4?si=8BRVs4BlqmMrgwXw

# data[].attributes.body
La apertura de Gravity Falls ofrece un ejemplo de cómo puede los Motion Graphics pueden definir la identidad de una serie animada. El dinamismo, efectos de parallax y la combinación de easter eggs ofrecen al espectador una intro que resulta difícil de saltar. Destacar, que esta intro evoluciona a lo largo de la serie, aportando más misterio al show.

# data[].attributes.body
Intro o créditos de película:

Deadpool y Wolverine

https://youtu.be/lQADNZTmu8k?si=ADIvUbnNfT2hZg3W

Se juega con la tipografía y la composición para dar dinamismo y establecer el tono de la pelicula desde el inicio

Intro de serie:

Avatar la legenda de Aang:

https://youtu.be/BPYW-_mF3LM?si=YIhKJucSNKC4f9m2

La animación del mapa y la representación visual de los cuatro elemento acompañado de la voz off

Identificador Grafico:

PlayStation Studio

https://youtu.be/UvXVA_ZLAWo?si=9XIlTO4WnqIpYuSS

en la presentación de su logotipo se encuentran personajes icónicos de sus franquicias

Aplicación móvil:

Duolingo:

https://youtu.be/P3ZTxke4AOU?si=FWBYD6JdPA6bNZt2

se usan para hacer la interfaz más atractiva, transiciones suaves, las animaciones de personajes y los efectos visuales

Sitio Web:

Steam:

https://store.steampowered.com/?l=spanish

Se usan transiciones fluidas y efectos visuales atractivos para destacar contenido y mejorar la navegación del usuario.

Presentación de producto:

Ps5:

https://youtu.be/RkC0l4iekYo?si=nhdY90cMOwJ8DQTx

Se presenta el nuevo diseño y sus nuevas tecnologías

Otra referencia:

Pixar Intro

https://youtu.be/gX0CmJa5Gdk?si=3uexwxRj0Uy3jqUe

# data[].attributes.body
Intro o créditos de película:

The Hunger Games - The Ballad of Songbirds & Snakes (2023) End Credits {Edited} - YouTube

La animación al principio del video y el tema de la tipografía.

Identificador gráfico:

Nike Logo Animation | Motion Graphics | 2D Animation | Motionalistic

El logo de Nike, produce una serie de elementos animados antes de presentar el logo y el eslogan de la marca (igualmente animado)

Aplicación móvil:

https://apps.apple.com/cr/app/tiktok/id835599320

Tick tock presenta los Motions Graphics en los videos cortos encontrados dentro de esta aplicación.

Presentación de productos:

HP AI Companion - YouTube

Animación en los elementos durante todo el video, de los ejemplos más claros incluso para personas que no conocen del tema es el trabajo en las uñas y la tipografía.

# data[].attributes.body
La animación del identificador gráfico de Pixar aporta identidad a la marca. Un concepto y narración sencilla que solo dura algunos segundos logró cautivar a los niños por mucho tiempo, convirtiéndolo en una de las presentaciones más destacadas en el cine.

# data[].attributes.body
(Seg. 45)

Spotify ofrece una interfaz con animaciones suaves y elementos que permiten a los usuarios interactuar con la música como el Lyrics Mode y Now Playing View. Integra videos y animaciones en loop que permiten llamar la atención del usuario, pero no apartarlo de su propósito principal, escuchar música.

# data[].attributes.body
El sitio web de Apple es reconocido por tener animaciones sofisticadas e integraciones interactivas que crean una buena experiencia de usuario. En las diversas secciones es posible ver animaciones en 3D, efectos de iluminación envolventes y transiciones suaves.

# data[].attributes.body
Integrantes: Karol Castro, Natalia Segnini

Intro de película: https://www.youtube.com/watch?v=68S5glAxbys (3:10 a 3:51)

Secuencia animada de diferentes animales que nos introducen al ambiente general de la película

Intro de serie: https://www.youtube.com/watch?v=1oCFBacxnQM

Intro de adult swim para la serie Paranoia Agent.

Identificador gráfico: https://www.youtube.com/watch?v=EWxFJlPN8Iw

Animación corta con sonido, la luz revela el logotipo y el arco hace referencia al arco de Tinkerbell en el logo de Walt Disney Pictures. Elegante y mágico.

Aplicación móvil: https://www.youtube.com/shorts/H_pundSOJro

Animaciones 3D de cartas y juego. Contiene partículas, efectos de luz, brillo, y efectos dinámicos de elementos según el tipo de pokemon.

Sitio web: https://www.webtoons.com/es/

Las portadas de algunos cómics tienen animaciones sencillas y se pueden apreciar en el landing page.

Presentación de producto: https://www.youtube.com/watch?v=v_NSyu2_rtI

Un 360° sencillo para la presentación de aretes.

Otra referencia: https://dribbble.com/shots/22692968-Vivienne-Tamas-Photographer-Portfolio-Website

Presentación de un sitio web fotográfico con tipografía cinética

# data[].attributes.attachment_link.title
Vivienne & Tamas / Photographer Portfolio Website

# data[].attributes.attachment_link.description
Vivienne & Tamas / Photographer Portfolio Website designed by Alex Butsko. Connect with them on Dribbble; the global community for designers and creative professionals.

# data[].attributes.headline
6. Presentación de producto: Hardware de la PS5

# data[].attributes.subject
6. Presentación de producto: Hardware de la PS5

# data[].attributes.body
Las animaciones tridimensionales, modelos 3D, gráficos minimalistas y transiciones fluidas son algunos de los elementos que se emplean en el video para proporcionarle al público una experiencia futurista altamente poderosa que hace alusión a la potencia del hardware del producto promocionado: PlayStation 5.

# data[].attributes.attachment_link.description
At launch, we will offer two options: a PlayStation®5 console with an Ultra HD Blu-ray disc drive and a PlayStation®5 Digital Edition without a disc drive. T…

# data[].attributes.body
Se anima el texto para contar una historia y finalmente mostrar el título de la pelicula lo más llamativamente posible.

# data[].attributes.attachment_link.title
Godzilla vs. Kong (2021) – Opening Title Sequence

# data[].attributes.body
Se utiliza Motion Graphics para animar el texto con el fin de transmitir emociones.

# data[].attributes.attachment_link.title
Cyberpunk: Edgerunners | Opening Credits | Netflix

# data[].attributes.body
Integración de ilustraciones, animaciones, sonidos y transiciones para facilitarle al espectador la comprensión del tema que se está tratando.

Los recursos gráficos utilizados son implementados como un apoyo visual, más no cuentan una historia compleja por sí solos.

# data[].attributes.attachment_link.title
10 Signs You're Struggling With Brainrot (What To Do)

# data[].attributes.attachment_link.description
Ever feel like your brain just isn't working the way it used to? Like your attention span is shrinking, your thoughts feel foggy, and everything online is just... noise? That might be brainrot-a term used to describe mental exhaustion, information overload, and the struggle to focus in today's digital world.

# data[].attributes.body
Waze

animaciones en las alertas y movimiento en tiempo real del mapa

https://youtu.be/NhKiJOX6zfo?si=b4bCl_f57rhNj0A0

# data[].attributes.body
El icónico identificador de Pixar, donde la lámpara interactúa con las letras del logo.

# data[].attributes.body
Se utiliza motion graphics en esta presentación para destacar características y funcionalidades de una manera más manera atractiva

# data[].attributes.attachment_link.title
Introducing the all-new AirPods 4 | Apple

# data[].attributes.body
National geographic lo utiliza en sus documentales, films o para demostrar teorías científicas

# data[].attributes.attachment_link.title
Animation Explores the Beautiful Circles of Our World | Short Film Showcase

# data[].attributes.body
Intro o créditos de película:

https://youtu.be/Uf-gi0jWwOo?si=K2C2qg8UsHRdCGs3 Se ven elementos gráficos ambientales

Intro de serie (animada o video real): https://youtu.be/cp0KO42YXf4?si=4LV5Ct-fNUR6TfDh se ve tipografía cinética y elementos gráficos ambientales

Identificador gráfico:

https://youtu.be/hAtKZe3k7AA?si=lgkDea05_0uMjtdg elemento grafico (logo ) animado

Aplicación móvil:

https://youtube.com/shorts/Y5abGEGCnRY?si=ja7lcrQISqskkyCZ Se ven elementos gráficos en movimiento como el pato

Sitio web: https://genshin.hoyoverse.com/en/

Se ven elementos de tipografía cinética y movimiento de personajes

Presentación de producto:

https://youtu.be/kpHBxLqkikw?si=GfoHPGFD8MT4jHDz

Se ve animada la lata de coca cola, junto a elementos gráficos

Otra referencia:

https://youtu.be/LaTiVgxjrq0?si=DarCUzZkn2Hz6JH8

Se ven elementos de tipografía cinética

# data[].attributes.attachment_link.title
Arcane: League of Legends OP / Opening 1「UHD 60FPS」

# data[].attributes.body
Intro o créditos de una película:

The Lord of the Rings

https://www.youtube.com/watch?v=DGNRnqOXUho

Se utilizan elementos gráficos para la aparición de las letras mediante efectos de brillo.

Intro serie animada/real:

Pokémon

https://www.youtube.com/watch?v=MDHfHuynUnE

Se muestran elementos gráficos con múltiples animaciones, movimiento, efectos.

Identificador gráfico:

Nintendo

https://www.youtube.com/watch?v=RQslBVGOiXc

Animación al golpe de Mario Bros para la aparición del logo de Nintendo.

Aplicación móvil:

Steam

https://www.youtube.com/watch?v=8YhYPGltHyI

Utiliza animaciones en múltiples cosas, por ejemplo, para mostrar el proceso de conexión entre la app móvil y la pc.

Sitio Web:

Nvidia

https://www.nvidia.com/es-es/

Se muestran animaciones cada vez que pasan anuncios o noticias importantes en el landing.

Presentación de producto:

Nintendo Switch 2

https://www.youtube.com/watch?v=PR5XF8O4AlA

A lo largo de la animación, se ven muchísimos efectos del material contruyéndose, los controles encajándose, entre otros.

Otra referencia:

Elden Ring

https://www.youtube.com/watch?v=E3Huy2cdih0

Uso preciso de animaciones, desapariciones, enfoques de planos, cambio de iluminación, desenfoques, aparición de tipografía, transiciones.