How I animated my own portfolio picture. My personal website, and the little picture at the top of it.
How I animated my own portfolio picture.
My personal website, and the little picture at the top of it.
It took multiple phases to get there.
Each one learned from other people’s minimalist portfolios.
But this is everyone else’s website. I want more fun.
And I had a message that isn’t about my work. So it got a gray bar.
So I looked at myself again.
This is me: 134 pixels, and a pair of round glasses.
But it isn’t me. I move.
And what makes me different is the round glasses.
I tried ChatGPT, in 3D and 2D.
I put in pictures I like, and had it describe their style.
I stayed 2D.
To stay in character, fit the site’s vibe, and be subtle.
Wait a minute. What do these glasses do?
They came off. What could I do with them?
Then I saw the gray bar.
It became a scrambled line, and my glasses decipher it.
What if I move my glasses somewhere else?
I gamified my own portfolio.
ChatGPT drew the keyframes.
Different expressions, again and again.
Three made it.
Looking up, looking down, and wondering.
Then I passed them to Seedance.
To see how they might move.
On TapNow, five ways to generate.
- 1 Text to image
- 2 Image to image
- 3 Text to video
- 4 Image to video
- 5 Video to video
I burned $20.
And I got the idea of what I wanted to show.
Then I went back to Opus.
Which is what I should have done in the first place.
After several hours, I got this.
The picture bends from one drawing to the next, and follows your pointer.
Now it’s me.
Hold my glasses above me, and I sweat. Under my chin, I panic.
Then I added an intro.
Something to watch while the page loads.
One pen. One line at a time.
Then a brush, and a blink. Seven seconds, once a day.
It took me ten days.
Every version: what stayed, what I threw away, and why.
Back to the page.
One in four took my glasses off.
Almost four times each. 35 of them found the hidden line.
GSAP picked it as Site of the Day.
Go see the other great portfolios on the GSAP Showcase.
Here’s my website. Go take my glasses off.
gordontu.com · Open to full-time roles and projects