EntradasDancing Typography
29 de Mayo del 2010
In this experiment/new visual effect, the letters from a lyric of a popular song – Never Gonna Give You Up — are repositioned to compose the images of its singer — Rick Astley — dancing in fluid motion. Take a look of it here.
It is an evolution of an experiment I did a month ago where text compose a static image. In this case, I modified the algorithm to achieve the smooth motion by making the letters move the less as possible to be adapted to the next frame in the video.
As the previous experiment, this was thought to be done with Javascript/CSS, but I’ve finally had to recode it in Flash because the Javascript version was too slow rendering. This is why it is done with Arial font, so a big sorry to typography purists about it.
I’ve included an slider to morph from the lyrics to the video and two checkboxes, one for a interesting slow motion video where it is possible to see in detail how the letters move to create the different frames and a cinematic motion blur that also helps to see the motion, but that unfortunately requires a very fast computer to render at full speed. I hope you enjoy it!
Woooah! love it.
I can’t save this to myself: have you seen this pure javascript/css version? http://bit.ly/defcon
Excellent work…!!
I look forward to seeing your other projects.
Rachael
:)
Amazing!
Kind of unexpected to see a flash experiment from you - did you try to implement it with canvas? But I have to say the motion blur looks really nice.
An obvious disadvantage of Flash to us, the technical audience, is that we can’t see the source code ;)
AAAAAAAAGGGHHHH!!!!!!!!!!! Rickrolled!!!!!!!!!!!!!!!!!!!!!!!!!!
I ‘Stumble’d upon this and did not expect to get hit by Rick Astley!!!
Wow, this is brilliant! I wonder - do you calculate the letter positions in realtime or have you precalculated them per frame?
Excellent work! I just discovered your page and look forward to seeing more of your projects.
You should have the audio clip playing in the bg, with a mute option ofcourse. It will add to the experience.
Great Experiment, I’m going to spread the word now.
That’s pretty awesome! Good job! Could you share a little bit about how you did it?
Increible tu blog, lo acabo de conocer desde stumble por el rick roll pero esta increible tu trabajo, excelente codigo y mucho que aprender.
Saludos desde chile.
Very, very impressive and creative. Bravo.
Music would be cool.
But nice work nonetheless!
[…] Take a l look at here. […]
Está genial Román!
Saludos!
this was amazing. do a justin bieber one!!
Add music and this would make a brilliant YTMND!
Es la tipografía en movimiento mas increíble que he visto :D Felicidades!
Brillante! :)
Nicely done.
love it!!
very very cool - saved to my delicious
First you give us Arcimbolder (now DAP), and now you do this. I want some of what you are drinking Roman. lol
Big DAP fan. Actually found this when playing with the stumbleupon site and recognized a familiar name. :)
Excelente trabajo, Román! Felicidades
THIS IS AMAZING! You are a brilliant!!!
Absolutely Amazing !!!
Could you do this also quite simple on other artists, let’s say Michael Jackson…?
Real cool stuff!
Nice! = )
one of the coolest thing…
Stunning love it now just imagine CHER in some of the major hits ..Great creativity would make a fantastic post scrip for a full feature movie.
Gracias
Yes, add the music and it will be better! Nice work
[…] Check it out here […]
this is very cool and great creativity Excellent work! i simply says WOW OOOOOOOOOOWOWWWWWWW…..
[…] » Román Cortés » Dancing Typography […]
[…] Dancing Typography – In this experiment/new visual effect, the letters from a lyric of a popular song – Never Gonna Give You Up — are repositioned to compose the images of its singer — Rick Astley — dancing in fluid motion. Take a look of it here. It is an evolution of an experiment I did a month ago where text compose a static image. In this case, I modified the algorithm to achieve the smooth motion by making the letters move the less as possible to be adapted to the next frame in the video. […]
Words fail… from now on I will call you Rick Cortés.
Congrats on actually adding a proper INTERFACE to this thing, I’ve been preaching that to you for years :P
Very COOL!!!!
Es una animacion increible Muchas felicidaes maste Román
Absolutamente incrível!!!!!
Awesome!!!
Increible!!!
Amazing work! Well done.
Cool! I particularly like the ’slow motion’ option.
[…] “Esta é a evolução de um experimento que fiz há um mês atrás, onde o texto compôs uma imagem estática. Neste caso, eu modifiquei o algoritmo para alcançar um movimento suave ao fazer as letras se moverem o menos possível para se adaptarem ao próximo frame do vídeo”, disse o designer em seu blog. […]
Bravo tio es estupendo!!!¡¡¡¡¡