VIDEO COPILOT BLOG
News, Updates, Projects Files & Tips


TWITTER FEED

Stay Glassy After Effects

Here is a fun method for creating translucent glass frames in After Effects that I”m working on.

When I record this tutorial I’ll probably add a little more detail to make it look even better. Although the simplicity makes it very interesting and who knows maybe for the tutorial I’ll go out of my way to make it look worse just for fun. You never know : ) Enjoy.

Here is the CS3 project file

Watch Sample Video

101 RESPONSES TO “Stay Glassy After Effects”

Exciting!

Wow !!

Looks great, I’ve been trying to work out how to do realistic glass in AE for a while

Thanks!

why doesn’t work on AE7?, did you realease project version for AE7

AAARGH!! I’ve only got AE7, and I can’t open it! Can anyone save it in an older format for me, or does it use CS3 specific effects?

love the effect anyway!

very cool Andrew!

where comes the ideas from?
very good

by Ben Wotton

sweet, It will be great to have fake glass up my sleeve-no, not literally. could be an interesting addition to explosions and the like :)

by Eugenio Fructuoso

is a frame with alpha channel only? have or not reflections?

Man, not even three days into July and already two very cool pieces of great information. June had definitely been quiet on the surface, but if this is any indication of what July is going to look like… hang on to your seats VCP fans!

Awesome stuff as always and look forward to great exciting stuff on the horizon!

Your loyal fan and customer,
-Art

by Pablo Diaz

GRACIAS KRAMER:
Desde Argentina te escribo para decirte que son exelentes las tecnicas, nos acortas caminos, desde ya muchas gracias=Thanks!

Now how good timing is that! Just as I’m trying to think of a way to produce a nice effect for a video clip hanging in ’space’. Nice subtle camera moves in that clip too!

All I’m missing though is a way of opening the CS3 project in V7 pro – the bane of my life lately it seems.

Will this effect be doable in V7? Any chance of a V7 project file?

Good job though.

by Morten Enoksen

This could really come in handy! Not only in motion graphics, but also in reallife footage, thanks;) I have AE7 though..

This looks interesting, thanks! Will play around with the project file and see if I can come up with something cool to show

/NA

why do you know so much??!?! I want your brain!

sweet!

I tried making the glass plate using only one solid with layer styles applied to it.
It went okay I guess, but I needed one more solid plus nest it with a new comp and there have a duplicate of itself to act as a inverted luma matte, to get the transparency.

Here’s the plate:
glass plate

Great Andrew!

on first look it looks simple, but you great master will teach us a lesson on making everything perfect, its the little tricks that makes everything looking so damn good in the end

Been looking for a good foggy class method for awhile. I’ve done this in the past but this looks much cooler.

by blacktwang

so cool ~~~
awesome

by Peter Valcanas

That looks great! I occasionally transfer tape to dvd for friends and this would make a nice effect for those, maybe as a motion background. I imagine that you could place a movie clip to one of the glass plates..is that corrrect?

Pete

Peter: that is correct! :)

Now this is something that has potential written all over it for my particular workflow. I’m looking foreword to this one Andrew.

by Greg Harrell

wow…that looks great!!! how do you come up with this stuff!

Perhaps could you ad something else, like an adjustment layer with a glassify effect on it for each glass.
This is a technique that i tried and give a more realism to the glass.
Thanks for all your work Andrew !!!!

Great work , looking forward to the tutorial.

it was like you were reading my mind..this is excatly the effect i had been wanting to do for a client. thanks sir!

Great job Kramer!

One of the hardet things to me in AE is simulating good looking glass and fire…
I was humbling around with all these blending modes to achieve the glass look

Surprisingly you didnt use one of them…and it looks great!

thank you!

thanks for the project file

Ive been trying to figure out how to do this for a while now. Thanks AK!

by tommie12P(Thorsten Miess)

again nice work! very glassy

Hi Andrew. Will all project files be CS3 from now on? Just checking – must mean that I will finally have to upgrade :-( I’ve been putting that off until in was really necesary. Anyway looking forward to the nice tut :-)

by Ofir Lights

Nice job andrew,really,i like the lights on the glasses when the camera was in motion.
I’d love to know how much time you are working with After Effects.

greeting,
Ofir.

Wow, that was wicked! NIce effect Andrew!

Where do you get the ideas for this stuff?

Wonderful…!!!

by Peter Valcanas

Andrew, thanks for the project file it help me answer my own question.

Pete

I love it! But, the only thing is, that, some of us still have CS2, (like me) and have not gotten around to upgrading. Can you make it available for CS2 also? Thanks man!

Really nice

It’s really awesome to see so much activity here.

Is that After Effects Depth of Field or the Frischluft plugin?

Oops… I haven’t opened the project file yet. Must be the AE DOF.

Andrew, do you use any network rendering for After Effects?

HAHA,”Stay Classy, San Deigo”.

Was I the only one to catch that Anchorman reference? :-D

Perfect timing! I have to do a glass look transitions that I think your file will help me achieve my look I want to do. I have a couple of questions…

#1- I haven’t open in t AE 7, but if it doesn’t open properly is they a way to get a AE7 file?

#2- When you look at glass from the front the image behind it has a wavy look to the it since you are looking through the glass. What is a good way to mimmic this effect. I thought of your water droplet tutorial. I will tryo to figure this out to make my pane look more realistic.

I appreciate any comment on this questions.

los

Others seem to be asking for a aeV7 project files, we all can’t be as up to date as you. anyway, hey thanks for your time man. have a good 4th.

hm… i tried to do that (without downloading your project of course)
http://www.youtube.com/watch?v=jGCMOQV_BWo
sorry for the low quality of the video… i couldnt manage to see if you made glass blur (image seen through the glass is blurred a bit)… i tried to do that with additional particles as a blur map.

anyway, thanx for inspiration, Andrew

Nice! I’ve been wanting to do this for a long time, but haven’t had the time to figure it out myself!!

Can’t wait for the tutorial!!

cool

Hey everyone! This effect can be created in earlier versions of After Effects but you’ll have to wait for the tutorial. Sorry…

Remember there are rumors that CS4 will be coming out later this year…

Hey, Andrew!
How about this version:

http://www.youtube.com/watch?v=KNXgrR2wDJY

;)

Very nice, I love how you guys are experimenting before the tutorials, it is a great way to learn!

Omega!
Молодца! Так держать!

@ Titler:

That looks very cool!How did you do the distortion effect on the glass?

Did you mask it out and then magnify? Please tell us.

@ illd!
Everything is more easily.
I think Andrew will use my idea in next GlasFX tutorial.
Differently I will share updated project :)

And now excuse me.
I need some prepare for courses. I’m an AE instructor in russian cg school :D

lol, at first the light reflections impressed me, but now i have the gist of it. but surely you have some fantastic tricks up your sleeve to make it happen that i wouldnt have thought of. so it hasnt ruined the effect for me ^^

I remember there was a tutorial about it for version 6 on creativecow.net. Long before. I’m surprised not many people know about this. But anyways….

Ok, thanks Andrew. I am patiently waiting for CS4, I know when it is coming out, but I am not aloud to tell….. hang in there guys.

omega try applying the light sweep preset to ur glass panes, it really makes a difference.

sry to double post, but to see blurred through the glass, i’d do something like precompose each glass pane and have an adjustment layer with the blur on it as the last layer in the precomp

Nice, great effect. Going to be using this for sure.

Hey Andrew! :]

2 things:

1. you think this upcoming tutorial could be used on text? meaning..that shiny reflection thingy, on the frame…maybe could be used on a text too? hard to explain but, as a “shiny-wipe”? from side to side? like in all those movie trailers.

2.any significant improvments in CS4, we should know bout? :]

thanx! :]

by Pablo Diaz

Kramer Thanks!:
From Argentina am writing to tell you that those are excellent techniques, we shorten roads, and thank you very much Thanks!

You must be claravoent Mr.Kramer.

I am doing this “youtube” quality video about different products and was thinking of how I was going to show them in order. With this idea and a green screen, I will be able to literally pick the product window by hand.

You give the phrase “window shopping” a digital flavor.

Thank you for solidifying my idea for me.

CS4…. @_@
Seems like only a short while ago I just got CS3… where does the time go

Oh boy…have a feeling we’re going to be seeing this effect in a whole lot of amateur mograph work for a long time to come. ;)

@ Andrew Kramer: What is the name of the font you used for the word “Glassy”?
I really like that design. It’s simple, yes, but as Leonardo da Vinci said: “Simplicity is the ultimate sophistication.”

The font is Bauhaus-Heavy

Andrew. What is your source for CS4 coming out later this year. I have to confess, this is what I’m waiting on. As ahobby videographer only I have Production Studio v1 and can not justify the upgrade to CS3 suite but I have definite plans for Production Studio Cs4 whcih I assumed woul dbe about Feb/Mar 2009 as my personal guess.

Just curious as to the rumour of later this year. Are you beta testing by any chance?

Andrew is on track as to when CS4 is coming out. I am close to the company, so I know when it is coming out. Gosh, it does seem like CS3 was just released. At least we don’t have to wait years for updates like….. the other company we all know.

Looks pretty sweet

A nice touch to add to this effect is two layers of Vegas on your shape paths ( one dark and one light ) in long single trails that are offset equally. It adds a nice edge reflection effect when they’re animated around the pane’s perimeter..

love these tutorials. ive tried lynda.com for training in after effects. went through all of it too practiced it and everything but nothing nothing has given me the comprehensiveness of this site. this site TAUGHT me after effects. thanks Andrew.

Who andrew! Thank you so much.
A few months ago did I decide to make a intro video. And I was thinking about something like you made. But i never knew how to make it. Thank you :D

by Phạm Anh Dũng

Very Nice ^_^

Wow! You are a god Andrew and a life-saver.

I hope I’m as good as you! You are heaven-sent and thanks!

I don’t know you personally but hey I’m a certified Andrew Kramer fan haha! LOL :)

Cool but why you didnt use a Particle System for the screens? :)

hey ,i want make friend with U gays
please write to me

by Eric Harrison

This is so cool, I just did a test like this 2 months ago when I tried to make a vista lookalike clip in AE, I’ll probably post it on you tube later, but now I’ll be able to get it to look better, you probably used a very simple and fast method, when mine uses *alot* of stuff

by 不不

Very Nice ^_^

Very Nice ^_^

Very Nice ^_^

Puzzled, how the glass works…

Thank you so much !!!

Very Nice~~~~

@pdd:films

I was too. Try turning the mask off on the “pale gray” layer in the “glass slide comp”

The feathered mask creates the transparancy in the later comps.

So simple, got to love it.

Really nice man, usefull.

Thanks from Cluj,Romania!

i have a request, i must make a effect when you fly through a pipeline (inside of it) but instead of walls there must be ciphers ( a bit matrix like)
the whole idea is that you fly inside of your internet cable you know, and all these numbers and particles fly around
please! does anyone has a suggestion how i could create such an effect in AECS3?perhapse you andrew?
thanks in advance and by the way… i truly like your tutorials,keep it on!

I wonder now, did you try to remake the look of that Ellen Degenerouse show or did they try to the look from you?

(or were you hired by them?)

by saurabh sharma

hi this is saurabh i saw your effect and it is really nice , well i m not able to find the tutorial so u please tell me that how can i.

“When I record this tutorial I’ll probably add a little more detail to make it look even better”

Mmm.
Maybe I’m stupid but I can’t find the tutorial for this :o (

Thank you for ALL your tutorials…well, the ones I can find! ;o)

holy crap this looks awesome

Hi andrew

from montreal thank you very much for the good technique that you use but there only one think that i dont understand in the project when i replace the pictures by a video footage the video doesn t play in the animation if you can give me an answer and thank you again for all the good work.

issam

OMG– I was just about to do this myself in combo-2add2 with some other tuts you had done.. wow from 2008.. cant believe i missed this!

Great stuff. It´s so so cool to go trough your comps and try to figure out how you work. Inspiring!!
Thank you, thank you, thank you!!

Where is the tutorial?

I guess it was never done. I was looking for it myself.

This is some great work as usual Andrew, Nice effect. Thanks for the file, it will come in very handy for a project of mine. I would really love to see the tutorial though.

by Navarro Parker

Still planning on polishing this one up?

nice one…

i like all your work… i could use this one for myself but i dont want to copy it… perhaps if you can give me the link to the tutourial??? thanks

I love it!

But…I can’t find tutorial.
Why is there no tutorial?

Hey MAN! I love your work! You must be the coolest compositor out there! I have a questions for you. Could you put moving video on those glass panels? I think that would be cool!

Hey what happened to this tutorial AK? :(

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.

Also remember to read the rules on posting first.

Leave a Comment