Fancy Ring Design

Despite working on some TV shows, I don’t actually get to watch very much television. Something you may not know about me is that I am a big Law & Order fan, mostly of the older cast but some of the new stuff is pretty good. Lucky for me, the cable network TNT plays tons of reruns all day long.

So, earlier this year I noticed network graphics had changed, and the new ones were simply amazing. It seems the design studio TROIKA created the incredible work that very much inspired me. After playing around with the concept, I realized there were a lot of great techniques that I thought would be useful to share. Although the original design seems to use a lot of 3D, I’ll be using just After Effects with a little bit of Particular in the upcoming tutorial. Release date will be soon.

Even the metallic ring is built in After Effects.

View Sample Video

The music and sound FX are from: Pro Scores and Designer Sound FX.
Check out our great Tools!

154 RESPONSES TO "FANCY RING DESIGN"
February 12th, 2009 @ 2:10 am
Nobody can stop you !!!
Thanks
Simon
February 12th, 2009 @ 2:11 am
Great! Thanx
Rafael
February 12th, 2009 @ 2:18 am
God bless you my friend ... you're great!!!!
Matt Dunwoodie
February 12th, 2009 @ 2:18 am
wow...very nice. i see u recreating alot of other studios stuff
February 12th, 2009 @ 2:19 am
The ring was created in AE....???!!!
Andrew, You Rock.
Salmon Sandwich
February 12th, 2009 @ 2:19 am
WOW I've never seen a ring so fancy.
LGFN
February 12th, 2009 @ 2:23 am
You're still up???

Anyways, thank you for the sample; waiting for the tutorial!!!
February 12th, 2009 @ 2:33 am
looks awesome!
Pat
February 12th, 2009 @ 2:34 am
Wow, you truly are the master of AE!
DaWG69
February 12th, 2009 @ 2:38 am
Wow very cool!!! Can't wait!!!
Ricardo Mantovani
February 12th, 2009 @ 2:56 am
Composition of design and sound perfect, this is Kramer.
Paulo
February 12th, 2009 @ 3:03 am
Excellent, just excellent!
Ben Wotton
February 12th, 2009 @ 3:15 am
That looks really nice Andrew
February 12th, 2009 @ 3:18 am
Its gona be cool!
lukasz
February 12th, 2009 @ 3:48 am
I really like how you used the flare, Looks really fancy.
February 12th, 2009 @ 3:53 am
Great! Cant wait to see the tutorial. Very handy for animation my own idiommedia logo :D
February 12th, 2009 @ 3:55 am
Wow! Really nice!
Daryl
February 12th, 2009 @ 3:58 am
That looked awesome. Cannot wait to see that one come through..
VRO
February 12th, 2009 @ 4:02 am
HOLY!!! I WANT THAT!!
snowhouse
February 12th, 2009 @ 4:20 am
great....thanx
February 12th, 2009 @ 4:38 am
oh my ship this is cool.
Modisana
February 12th, 2009 @ 4:51 am
Like I said on AE tuts the other day...Andrew Kramer is the man!.....
But seriously dude...jokes aside..you rock!
February 12th, 2009 @ 4:53 am
It's very fantastic .. waiting tutorial for this video :)
February 12th, 2009 @ 5:16 am
Have you seen the Robot Chicken parody of Law & Order?? It's hilarious. At least i think so. Click on my name or just youtube it.
Alex
February 12th, 2009 @ 5:20 am
Hi andrew.
thanks for sharing this material with the world.
greetz
Willem
February 12th, 2009 @ 5:23 am
This is by far the most beautiful tv-logo i've seen ever. Brilliant, tasteful. I just hope i won't need Particular.
February 12th, 2009 @ 5:23 am
very nice!!!!
dolcevino
February 12th, 2009 @ 5:27 am
Whath pc configuration you using?

I heve rendering problems to little RAM (2G)
dolcevino
February 12th, 2009 @ 5:32 am
I heve been learning german in school so sorry for bad english
barry barrera
February 12th, 2009 @ 5:33 am
Very interesting! cant wait for the tut...thanx....
Tilman
February 12th, 2009 @ 5:41 am
That Ring looks like the sandwatch from Windows Vista saying "hang on a second"

Really Cool Effect!!!
February 12th, 2009 @ 5:51 am
WOW! that is my favourite Kramer effect ever!
Matt in MO.
February 12th, 2009 @ 6:14 am
I sensed this was coming when you mentioned TNT in the HUD tutorial.

Can't wait!
Chris D
February 12th, 2009 @ 6:33 am
God bless you indeed. You are a rockstsr Andrew. I couldn't tell you how much your stuff has helped me. I just got Riot Gear and Particular last night and I'm excited to get to work on them tonigt
dashzed
February 12th, 2009 @ 6:35 am
looks a bit like the tnt graphic. can't wait andrew, cant wait!
Bahaa
February 12th, 2009 @ 6:35 am
Hi Andrew,
It looks really awesome ..
Can you list which effects you used ?
Thanks very much !
February 12th, 2009 @ 6:44 am
pretty nice cant w8 :)
February 12th, 2009 @ 6:45 am
Wow, that looks fantastic! Looking forward to learning more, thanks!
LuQQii
February 12th, 2009 @ 6:57 am
WOW!!!
February 12th, 2009 @ 7:07 am
@David

This is the best VCP comment I've heard so far:
"oh my ship this is cool."

I agree with David. Oh my ship, this is cool.
axellerator
February 12th, 2009 @ 7:13 am
It would be so awesome if we could see those samples with our mobiles too! ;-) Preferably iPhone. ;-)
illd
February 12th, 2009 @ 7:22 am
Cant wait to see the tut. I guess it will be another renderhog for AE:)
David W.
February 12th, 2009 @ 7:29 am
Cool, cool, cool, and did I mention cool? One of the local TV stations has something similar, only instead of a ring they use their company logo. It's either ABC or NBC, I think.
John
February 12th, 2009 @ 7:31 am
Looks good, but sample vid doesn't work on iPhone! that's a must on the mobile site!
TimurKo
February 12th, 2009 @ 7:35 am
February 12th, 2009 @ 7:36 am
Well bust my buttons!

That's pretty sweet!
Can't wait to see how you did the ring.

-David
February 12th, 2009 @ 7:36 am
Willem particular for sure...
February 12th, 2009 @ 7:43 am
I can't wait for this!! awesome AK
Phil
February 12th, 2009 @ 7:43 am
epic
February 12th, 2009 @ 7:47 am
nice work as usualy mr andrew!
February 12th, 2009 @ 7:50 am
Manific
Mark Bowen
February 12th, 2009 @ 7:54 am
That looks really great, can't wait to see the tutorial for it.

Hope you're a lot better now?

Best wishes,

Mark
February 12th, 2009 @ 7:57 am
Andrew you are a beast (great designer and teacher) you are my role model when it comes to after effects bro
noddy
February 12th, 2009 @ 8:01 am
I agree with David and Russ as well "Oh my ship this is cool"

slick Kman, slick!
kris
February 12th, 2009 @ 8:03 am
This is why I love your work Andrew Kramer. Don't ever change. Your my inspiration!
Vic
February 12th, 2009 @ 8:04 am
Cool, that effect can be very useful in many area's! Thanks and keep up the great work!
February 12th, 2009 @ 8:05 am
Once again my man, you never cease to amaze me. No offense but you should be sick more often, this looks fantastic. Keep it rollin my friend. Seems as if your a superhero come rain,sleet,snow or shine(or sick) Andrew is here all the time. YOU THE MAN

Thanks & God Bless
Daniel
Chuck Norris
February 12th, 2009 @ 8:13 am
Do want!
lifetype
February 12th, 2009 @ 8:18 am
that looks really cool canty wait to see how it was done ..
it reminds me of the abc one that spins and the paerticles come off it
Designer3d
February 12th, 2009 @ 8:31 am
Genial!, very thanks for link
February 12th, 2009 @ 8:31 am
Why aren't you famous already??? you're a genius, kramer.
February 12th, 2009 @ 8:41 am
Looks great Andrew! Keep up the good work!
February 12th, 2009 @ 8:45 am
Men that’s what I am talking about useful and creative elements and techniques and how to do them. Keep on doing it.
February 12th, 2009 @ 8:51 am
troika is amazing, i love their work. can't wait to see this tutorial!
eladbari
February 12th, 2009 @ 8:55 am
OMFG! Andrew! U ROCK!!! :]
u Really managed to recreate it Perfectly! :]

I Really think that more "lifelike" demonstration and experiment in particle systems is needed.
especially all the physics section of it...recreating that randomness, and turbulence of particles is what i personally wanna learn.
thanx for doing this! :D
Jason
February 12th, 2009 @ 8:56 am
That's so crazy. Just yesterday I was watching a movie on TNT and started thinking about how they went about the fancy ring effects. I rewound my dvr and captured the video to my pc to have it around for later! You guys rock!
February 12th, 2009 @ 8:58 am
Super Super sweet. I have been working on this myself with cinema 4D and its mograph tracer effect. The render times are crazy long though. I wanted to use particular but I couldn't figure the vines that accompany the particles. Yours looks damn close. I love it and the important thing is I am not locked to those long ass render times and texture setups.
Once again thanks for applying your talents to this amazing visual effect.
aspiring filmaker
February 12th, 2009 @ 8:58 am
Very cool, but is there a way to do it without particular? I think it might be a good idea to note on another way to do it for people who don't have it...(like me)

Thanks
February 12th, 2009 @ 9:20 am
Awesome stuff as always! Love it.
Matthijs
February 12th, 2009 @ 9:20 am
Amazing, cant wait!
Renzo
February 12th, 2009 @ 9:25 am
Hej Andrew,
What a great coincidence that I was just trying to create a simarly water look with particular just now (I failed horobly though :)

I got the idea (today!) from another Troika branding video for the ABC network. They used a water kind of trail to unify all of their footage in the promo. Check it out at youtube (http://www.youtube.com/watch?v=i2suUgR-gaA). The simalarities in color and style are striking!

Looking forward to the next tutorial!
Greetings from the netherlands..

PS. Thank you for that I'm unable to watch TV relaxed anymore... After watching all the tutorials I'm consantly trying to figure out what's happening on the screen and how they did it. grrr...
February 12th, 2009 @ 9:46 am
Jesus Christ....
...that is definably mind-blowing.
AleX
February 12th, 2009 @ 9:54 am
looks really cool
zozo
February 12th, 2009 @ 9:54 am
The first time I saw that spot I thought that is going to be VideoCopilot fodder!!:)

I am really looking forward to this tutorial!
Malezani
February 12th, 2009 @ 10:23 am
Please Antrew dont teach everyone this kind of stuff.
Its dangerous.Please please Dont try this at home.
We have reports for strange incidents arround the Globe.
Some how, someones try to manipulate people mines.
Dont Look This Ring, dont even try to decombose it
You have been warned....

PS1:You are f..... amazing....Keep Walking....
PS2:Forgive my poor English .I have Learn it from TV
of course not from "Law and Order" its obvious.
PS3:I prefer XBOX60 because it was a present.
PS4:Thank you very much,Teacher
May the Force be with ....my dad to keep pay my ADSL.
Vick1138
February 12th, 2009 @ 10:29 am
One ring to rule them all huh
Lawrence
February 12th, 2009 @ 10:30 am
Very beautifull, can't wait.

Lawrence
Peter Somers (TC-Productions)
February 12th, 2009 @ 10:32 am
Excellent !!
Looking forward to the tutorial!
Debra
February 12th, 2009 @ 10:42 am
Have my babies, Andrew!
Andre Prior
February 12th, 2009 @ 10:54 am
Andrew, I will name my firstborn after you! That tut looking awesome.
rob fike
February 12th, 2009 @ 10:55 am
Hmmm, video file isn't supported by iPhone.
February 12th, 2009 @ 10:58 am
when I asked you to give me a ring you took it rather litterally ! so much work put in this.. next time I'll ask for you to call me ok?

all jokes aside Andrew, you da man !!
Looking forward to learn how to make something like this.
February 12th, 2009 @ 11:00 am
That looks simply beautiful. Watching LOST last night I saw ABC does a similar effect with water droplets and their logo that looks good too - definitely going to have some useful techniques in something like this.
Kam
February 12th, 2009 @ 11:06 am
This is really nice, but I think we need to do something about the text too. for example some shining light pass through or something else to make it more special. depends on your taste. please consider this in the tutorial Andrew.
February 12th, 2009 @ 11:06 am
Cool effect.

I like it when you post a sample video before the tutorial, gives me a chance to try to re-create the effect first and then see how close I was!

Good stuff.
February 12th, 2009 @ 11:19 am
Seems to be very cool, looking forward for this tutorial! Anyway, Andrew, it would be great to make tutorial on animation like this one, but with some 3d work, you know for example some cool, nice looking glass or metal logo, or some plastic gadget with lcd screen and wires, that stuff...
Graffe
February 12th, 2009 @ 11:21 am
That is just incredible! can't wait for a tutorial on that one!
Murat Ozgul
February 12th, 2009 @ 11:22 am
Attention to Andrew!!! Sample video doesnt work on iPod Touch 2G. Please check this problem.
February 12th, 2009 @ 11:26 am
Blog videos are not meant to play on mobile devices. I'm not even sure it will play on a computer.
Sunny
February 12th, 2009 @ 11:30 am
andrew kramer the day you dont have a good tutorial is the day the world ends
February 12th, 2009 @ 11:31 am
WOW! SO fluid and organic, that would be an awesome tutorial too!
Alex Frost
February 12th, 2009 @ 11:43 am
Andrew, you're a GOD!!! I love your video school!!! Awaiting new tutorials by AE and 3DSMAX!!!
Best regurds!!!
Cory
February 12th, 2009 @ 12:18 pm
For anyone that has a subscription to Lynda.com, they have a "Start to Finish" set of videos on how TROIKA made the ABC campaign Andrew referred to.
Kael
February 12th, 2009 @ 12:20 pm
I've watched your sample video at least a dozen times now, and it still keeps my attention perfectly. I think it's funny how, when you get down to it, you're just keyframing the opacity of the logo - but it still took me five watch-throughs and a good deal of concentration to even focus on that. :D

Excellent, elegant, simple. Looking forward to this one.
Adam Sklar
February 12th, 2009 @ 12:27 pm
Wow! Andrew!
That looks amazing! :D
AOzger
February 12th, 2009 @ 12:40 pm
Andrew, great find again. Thanks a lot.

How do you go by finding out who worked on what commercial? I kept thinking that effects was done in house in Turner Animation. How about the Target commercials, or the new Microsoft ones? Any input on that?
Andre Prior
February 12th, 2009 @ 12:54 pm
Cory, can you please provide a link to the lynda.com tutorial that you mentioned?
Victor NY
February 12th, 2009 @ 1:00 pm
Great Andrew!

look very 3D even you work on After Effect. I am one of your fan
I learned a lot from your tutorials.

thanks

Keep it up
tom
February 12th, 2009 @ 1:49 pm
TnT network is using this same ring idea
inviernoh
February 12th, 2009 @ 1:51 pm
Great. Thanks for such tutorials. Really impressive.
AOzger
February 12th, 2009 @ 1:59 pm
AOzger
February 12th, 2009 @ 2:00 pm
Oh never mind, the link does not work directly. Just go to the Author section and pick Troika Design Group.
Clayton Light
February 12th, 2009 @ 2:30 pm
I'm stumped. I can't wait to see how you built the ring.
dc
February 12th, 2009 @ 2:40 pm
teach us 3ds max too, how you make the ring. thanks. God Blees Your Family
February 12th, 2009 @ 2:42 pm
The ring is made in ae and the graphics are clearly inspired by TNT's graphics as mentioned in the post.
February 12th, 2009 @ 3:29 pm
What kind of software TNT use for 'tons' of animations all time?
February 12th, 2009 @ 3:37 pm
TROIKA make a lot of nice things for E, fox, Animal Planet, nfl, ESPN etc

https://www.lynda.com/home/Player.aspx?lpk4=42495
February 12th, 2009 @ 3:43 pm
cant wait! thanks!

www.AlcoVideos.com
Jack Daniel Jenkins
February 12th, 2009 @ 3:45 pm
I was watching those myself and wondering how to go about making something similar. Good timing, can't wait to see this one.

jd
peter
February 12th, 2009 @ 4:30 pm
i loved jerry orbach aka detective briscoe.
Jim
February 12th, 2009 @ 5:46 pm
that looked fantastic Andrew! ,your knowledge of ae is truly amazing
LT
February 12th, 2009 @ 6:15 pm
Hey Andrew,

For the particles are you using a 4d fractal for the flow? just curious and though I would ask. It kind of looks that way. Can't wait for the tutorial.
February 12th, 2009 @ 6:50 pm
when I saw this TNT logo I was thinking it would be cool to see an andrew kramer tutorial on this.. can't wait. I'm also wondering what kind of jokes you have prepared. I'm guessing some reference to the movie the ring. you complete the tutorial then you die.
john dangerous
February 12th, 2009 @ 6:59 pm
I was looking at the net tuts website the other day where they had an ad for the new aetuts site. The funny thing is that the image for the tut on their page is a screen shot from video copilot. Lol, biters!
Angel Ortiz
February 12th, 2009 @ 7:00 pm
About time!
Now we're on the same page Andrew.
Looking forward to any and all of the broadcast tutorials you put out.
YAYYYYYYYYYYYYYYYYYYYYY!!!!!!
TAKE THAT TROIKA!!!!!!!!!!
Oh and by the way... Here is the rocking heart of Troika named Craig Stouffer (Mr. Bandito)
http://www.lostproject.net/lostproject.html
Erick Guerrero
February 12th, 2009 @ 7:22 pm
Hii!!! really awesome all the stuff you´ve created over all these years.
nacho
February 12th, 2009 @ 8:15 pm
nice, it will be great!!
Asri
February 12th, 2009 @ 10:37 pm
dun say andrew is god..!!
Vladimir(Balakovo-Russia)
February 12th, 2009 @ 10:48 pm
FANX FOR YOUR JOB , ANDREW ♥
Lewis N
February 12th, 2009 @ 11:44 pm
ANdrew!!! is a GOD!!!!!!!!!!!!!
RedBoy
February 13th, 2009 @ 12:01 am
Hey Andrew
make a tutorial for this one:D

Good Job!
Ben
February 13th, 2009 @ 3:21 am
Love it! I personally would have gone with a 'dark gray' background but I noticed you've been brightening them up lately :)
Per (Sweden)
February 13th, 2009 @ 4:14 am
Awesome man! You are the greatest!


/P
February 13th, 2009 @ 4:41 am
Hey Andrew, 1 Question...

Are wee going to use CC Particles or just Trapcode?
Please Reply :)

-Ahmed
Alejandro Ortiz
February 13th, 2009 @ 7:05 am
simply, way too cool
limpmar
February 13th, 2009 @ 7:32 am
AMAZING!!!!!
Thanks for sharing!!!!
Andre Prior
February 13th, 2009 @ 7:56 am
man I hope the tut is coming soon... I could use it for a current shot
Tim
February 13th, 2009 @ 8:53 am
Just saw Troika's spot on their homepage. Yeah, this is definitely one of the top motion graphics studios. The work they did on the ABC promos is pretty amazing.

However, your ring looks great too. Nice job!
February 13th, 2009 @ 12:49 pm
Truly, can't wait for this tutorial.. fascinating stuff!
February 13th, 2009 @ 2:13 pm
As i do this animation. Somebody please teach me. criacaoi7@gmail.com
pablo
February 13th, 2009 @ 2:32 pm
thaths amazing!!!

you dont have an idea, but here in argentina, a lot of tv shows use your presets, projects and tutorials in the comercials!!!!! you are like THE teacher here!!!!
you are mi idol, im serious!
andres ayala
February 13th, 2009 @ 2:59 pm
I hope you get very rich! you deserve it along time ago...Keep the amazing work!

Greetings from Colombia!
Joe
February 13th, 2009 @ 3:48 pm
Yeah get rich Andrew and then
Post a tutorial on how to do it
LOL
Tom
February 13th, 2009 @ 4:56 pm
Absolutley Amazing!

I cannot wait for the tutorial for this.
Breyon
February 13th, 2009 @ 5:40 pm
Andrew!, Thank You so much! I watch Law & Order everyday. I love the show. I was wondering how they did the ring animation myself. Glad to see you are taking this one on. I can't wait. You said a lot of it was done in 3D. Can you add some 3DS Max to it? Also, you should do one on the ABC Brand with the particle water effects. That would be tight!
ddplay
February 13th, 2009 @ 9:21 pm
the best logo
WiRXMAN
February 13th, 2009 @ 9:47 pm
Yeah, I saw this on tv a lot lately, and have to admit it is pretty cool.

This will be a cool tutorial to disect. Tnx.
urbine88
February 13th, 2009 @ 10:34 pm
hey andrew, something's wrong with the sample video, it only shows a green background, how can i make this thing work? thx, u'r the man!!!
ken c
February 13th, 2009 @ 10:42 pm
Andrew you rock dude... keep it up..!
Ace
February 14th, 2009 @ 3:18 am
Gee, you're unstoppable! That is simply amazing ^_^
Jimmyholster
February 14th, 2009 @ 8:22 am
Hey Andrew, thanks so much for giving me another reason to spend hours on my iPhone!! Haha just one thing though, is it possible to make the .mov sample files playable on the 3G iPhone? Mine says "unsupported movie file" or something......keep up the brilliant work Andrew!
Andre Prior
February 14th, 2009 @ 8:56 am
TimurKo, how did you do that? can you send ae project file??
Joel
February 14th, 2009 @ 11:39 am
I wish to thanks you like everyone has Andrew, i will be using this sort of effect for my school project so i hope you have it up soon.
andres_ros
February 14th, 2009 @ 5:41 pm
Here is my go at the ring.
http://www.youtube.com/watch?v=melmVZrqEUg
everetts
February 15th, 2009 @ 3:03 am
Ooo i just want to touch it!
nice job!
Andre Prior
February 16th, 2009 @ 12:25 am
boohooo no more mobile updates pls... release this tutorial!!! ;D
Gangadhar
February 16th, 2009 @ 2:20 am
Kool.......Amazing..........
boodahbellie
February 16th, 2009 @ 10:26 am
This looks to be an extremely awesome tutorial. I love VideoCopilot. You guys are amazing.
Cameron
February 16th, 2009 @ 5:37 pm
Phenominal as always Andrew. I noticed when watching the preview and scrubbing through it that it looks pretty cool if you slow down the beginning of the formation, speed up the formation around the bottom of the ring and then slow the completion. What do you think? Maybe some time remapping?
Marvin w.
February 16th, 2009 @ 8:26 pm
Man nice mobile site, very superb. Im on my iTouch now. And this seems to be a great tut!!!
Prodat TV
February 16th, 2009 @ 10:45 pm
What a beautifull idea!!!
Sevenstringer
February 17th, 2009 @ 11:53 am
I had seen that logo and thought instantly of you and Videocopilot - thinking you had done that! Especially after I found out you were responsible for the creating those great effects on Fringe! Rock on!
Phillip
February 19th, 2009 @ 3:37 am
I am new on after effects and i've checked the Basic
ihavent learn anything there but it would be good if you could do some easier tutorials like just text come and dissapear :)
AB
July 3rd, 2009 @ 3:32 am
Yeah I love Law & Order too. Jack helps makes the show
POST A COMMENT!
Before Posting
We're trying to encourage more thoughtful commenting.  Please take a moment to write a meaningful response to this post.
* Name
* Email (will not be published)
Website
* field is required