Dancing Typography
29 de Mayo del 2010In 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!!!¡¡¡¡¡
enhorabuena! una bonita pieza de por si, y para los amantes de la tipografía un escalón más desde Apollinaire.
牛X,必须项一下
让人汗颜…强
Nice work, and really creative! Stumbled upon this and is looking forward to seeing more.
Encantado - Rick Astley has never looked this cool
Me Too! I was also Rickrolled as I ’stumbled upon’ this website aahhhhhh
really classy work. like the SLO-MO and motion-blur option the best.. like the overall look of the site too..
really amazing.
This is dope!! Love it :)
Estupendo Román, actualmente estoy aprendiendo HTML5, y sería una pasada si logro obtener algo parecido…
Congratulations
Too good to waste it on something like rickroll.. loved the text forming into the figure, but wouldve been nice to see something more original.
This is awesome, but if you add the music it will be even better!
I agree with Mat…amazing but if you had that song playing it would be better :)
Just so everyone knows, he can’t put the music up because of copyright infringement :/ It’d be so much better, but then he could get sued.
love it ♥
Increible, me encantó. Felicidades por tu tremenda creatividad y capacidades :-)
me encanta tu originalidad para aplicar tu genialidad!
You could have done a lot of good for a lot of designers/developers but you refused to put the energy into even a stand alone demo/code/explanation. It’s a terrible waste of your talent. It’s a shame. A blog without any of those elements is nothing more than a ‘look at me’ promo.
In that sense, I’m glad you discontinued what would have been one of the greatest developer blogs. It’s too bad.
Excellent job. Keep it up. Looking forward to see these creative activity.
very random but very cool :P
nice work :) !
This was awesome!
[…] Roman Cortez website […]