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

113 RESPONSES TO "STAY GLASSY AFTER EFFECTS"
plissken
July 3rd, 2008 @ 1:58 am
Exciting!
Ethan
July 3rd, 2008 @ 1:59 am
Wow !!
July 3rd, 2008 @ 2:05 am
Looks great, I've been trying to work out how to do realistic glass in AE for a while
Simon
July 3rd, 2008 @ 2:12 am
Thanks!
July 3rd, 2008 @ 2:23 am
why doesn't work on AE7?, did you realease project version for AE7
Chris
July 3rd, 2008 @ 2:33 am
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!
Mark
July 3rd, 2008 @ 2:33 am
very cool Andrew!
Pascal
July 3rd, 2008 @ 2:37 am
where comes the ideas from?
very good
Ben Wotton
July 3rd, 2008 @ 2:44 am
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 :)
Eugenio Fructuoso
July 3rd, 2008 @ 2:46 am
is a frame with alpha channel only? have or not reflections?
July 3rd, 2008 @ 3:04 am
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
Pablo Diaz
July 3rd, 2008 @ 3:36 am
GRACIAS KRAMER:
Desde Argentina te escribo para decirte que son exelentes las tecnicas, nos acortas caminos, desde ya muchas gracias=Thanks!
Alan
July 3rd, 2008 @ 3:36 am
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.
Morten Enoksen
July 3rd, 2008 @ 3:42 am
This could really come in handy! Not only in motion graphics, but also in reallife footage, thanks;) I have AE7 though..
NotAndrew
July 3rd, 2008 @ 3:54 am
This looks interesting, thanks! Will play around with the project file and see if I can come up with something cool to show

/NA
July 3rd, 2008 @ 3:58 am
why do you know so much??!?! I want your brain!
July 3rd, 2008 @ 4:19 am
sweet!
NotAndrew
July 3rd, 2008 @ 4:38 am
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:
http://pici.se/297173" rel="nofollow">glass plate
July 3rd, 2008 @ 4:38 am
Great Andrew!
jenzung
July 3rd, 2008 @ 4:38 am
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
July 3rd, 2008 @ 4:54 am
Been looking for a good foggy class method for awhile. I've done this in the past but this looks much cooler.
blacktwang
July 3rd, 2008 @ 5:10 am
so cool ~~~
awesome
Peter Valcanas
July 3rd, 2008 @ 5:20 am
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
NotAndrew
July 3rd, 2008 @ 5:26 am
Peter: that is correct! :)
July 3rd, 2008 @ 5:40 am
Now this is something that has potential written all over it for my particular workflow. I'm looking foreword to this one Andrew.
Greg Harrell
July 3rd, 2008 @ 5:52 am
wow...that looks great!!! how do you come up with this stuff!
Gwen
July 3rd, 2008 @ 5:58 am
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 !!!!
July 3rd, 2008 @ 6:06 am
Great work , looking forward to the tutorial.
kofi
July 3rd, 2008 @ 6:08 am
it was like you were reading my mind..this is excatly the effect i had been wanting to do for a client. thanks sir!
illd
July 3rd, 2008 @ 6:09 am
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!
oli
July 3rd, 2008 @ 6:48 am
thanks for the project file
Jeremy
July 3rd, 2008 @ 6:49 am
Ive been trying to figure out how to do this for a while now. Thanks AK!
tommie12P(Thorsten Miess)
July 3rd, 2008 @ 7:07 am
again nice work! very glassy
Johanan
July 3rd, 2008 @ 7:24 am
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 :-)
Ofir Lights
July 3rd, 2008 @ 7:34 am
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.
Tim
July 3rd, 2008 @ 7:39 am
Wow, that was wicked! NIce effect Andrew!

Where do you get the ideas for this stuff?
Loay
July 3rd, 2008 @ 7:53 am
Wonderful...!!!
Peter Valcanas
July 3rd, 2008 @ 7:58 am
Andrew, thanks for the project file it help me answer my own question.

Pete
Tyler
July 3rd, 2008 @ 8:15 am
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!
Jason
July 3rd, 2008 @ 8:16 am
Really nice
noone
July 3rd, 2008 @ 8:19 am
It's really awesome to see so much activity here.
Tim
July 3rd, 2008 @ 8:20 am
Is that After Effects Depth of Field or the Frischluft plugin?
Tim
July 3rd, 2008 @ 8:45 am
Oops... I haven't opened the project file yet. Must be the AE DOF.

Andrew, do you use any network rendering for After Effects?
July 3rd, 2008 @ 8:49 am
HAHA,"Stay Classy, San Deigo".

Was I the only one to catch that Anchorman reference? :-D
los
July 3rd, 2008 @ 9:20 am
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
… ben
July 3rd, 2008 @ 9:24 am
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.
Omega
July 3rd, 2008 @ 10:28 am
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
Ben
July 3rd, 2008 @ 10:33 am
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!!
Infaas
July 3rd, 2008 @ 10:38 am
cool
July 3rd, 2008 @ 10:47 am
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...
titler
July 3rd, 2008 @ 10:51 am
Hey, Andrew!
How about this version:

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

;)
July 3rd, 2008 @ 10:55 am
Very nice, I love how you guys are experimenting before the tutorials, it is a great way to learn!
titler
July 3rd, 2008 @ 11:06 am
Omega!
Молодца! Так держать!
illd
July 3rd, 2008 @ 11:33 am
@ 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.
titler
July 3rd, 2008 @ 12:03 pm
@ illd!
Everything is more easily.
I think Andrew will use my idea in next GlasFX tutorial.
Differently I will share updated project :)
titler
July 3rd, 2008 @ 12:10 pm
And now excuse me.
I need some prepare for courses. I'm an AE instructor in russian cg school :D
5ive&2wo
July 3rd, 2008 @ 12:51 pm
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 ^^
Paul
July 3rd, 2008 @ 12:54 pm
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....
Tyler
July 3rd, 2008 @ 1:02 pm
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.
Donovan
July 3rd, 2008 @ 1:16 pm
omega try applying the light sweep preset to ur glass panes, it really makes a difference.
Donovan
July 3rd, 2008 @ 1:18 pm
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
July 3rd, 2008 @ 1:44 pm
Nice, great effect. Going to be using this for sure.
July 3rd, 2008 @ 2:00 pm
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! :]
Pablo Diaz
July 3rd, 2008 @ 3:20 pm
Kramer Thanks!:
From Argentina am writing to tell you that those are excellent techniques, we shorten roads, and thank you very much Thanks!
Edd Black
July 3rd, 2008 @ 7:43 pm
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.
ervin
July 3rd, 2008 @ 8:34 pm
CS4.... @_@
Seems like only a short while ago I just got CS3... where does the time go
July 3rd, 2008 @ 8:52 pm
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. ;)
Some Guy
July 3rd, 2008 @ 11:30 pm
@ 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."
July 4th, 2008 @ 12:55 am
The font is Bauhaus-Heavy
Alan
July 4th, 2008 @ 12:58 am
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?
Tyler
July 4th, 2008 @ 8:17 am
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.
Dan
July 4th, 2008 @ 10:38 am
Looks pretty sweet
jw
July 4th, 2008 @ 1:46 pm
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..
kilik42
July 5th, 2008 @ 6:40 am
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.
July 5th, 2008 @ 10:38 am
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
Phạm Anh Dũng
July 5th, 2008 @ 7:19 pm
Very Nice ^_^
Raymund
July 6th, 2008 @ 11:39 am
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 :)
KimOhNo
July 7th, 2008 @ 2:34 am
Cool but why you didnt use a Particle System for the screens? :)
Jackie
July 8th, 2008 @ 6:38 am
hey ,i want make friend with U gays
please write to me
Eric Harrison
July 9th, 2008 @ 3:01 am
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
不不
July 11th, 2008 @ 5:08 pm
Very Nice ^_^

Very Nice ^_^

Very Nice ^_^
pdd:films
July 14th, 2008 @ 11:39 am
Puzzled, how the glass works...
joyyoung
July 15th, 2008 @ 2:23 pm
Thank you so much !!!

Very Nice~~~~
ben
July 29th, 2008 @ 1:39 am
@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.
Rus Paul
August 26th, 2008 @ 5:56 am
Really nice man, usefull.

Thanks from Cluj,Romania!
Matthias
October 28th, 2008 @ 10:23 am
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!
EricH
November 14th, 2008 @ 11:24 am
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?)
saurabh sharma
November 15th, 2008 @ 2:26 am
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.
Jay
March 23rd, 2009 @ 10:11 pm
"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)
holden
March 27th, 2009 @ 5:42 pm
holy crap this looks awesome
issam
April 15th, 2009 @ 12:03 pm
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
LR
May 2nd, 2009 @ 8:22 am
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!
June 8th, 2009 @ 10:14 am
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!!
July 10th, 2009 @ 7:46 pm
Where is the tutorial?
VI Knight
August 11th, 2009 @ 5:42 am
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.
Navarro Parker
September 30th, 2009 @ 3:53 pm
Still planning on polishing this one up?
misbah
November 3rd, 2009 @ 2:55 pm
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
Zoe He
November 29th, 2009 @ 8:18 pm
I love it!

But...I can't find tutorial.
Why is there no tutorial?
Darryl
January 29th, 2010 @ 7:58 pm
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!
Stefan Myskow
February 24th, 2010 @ 10:03 am
Hey what happened to this tutorial AK? :(
hugo
October 9th, 2010 @ 7:42 am
'm from Brazil, I'm your number one fan, wanted to learn how to fly in after effects,
October 15th, 2010 @ 10:19 am
I know this was a long time ago, did you ever do this one and stash it away somewhere? :)
December 2nd, 2010 @ 9:29 am
I really like the glass look. Nice.
Ulung
December 17th, 2010 @ 11:17 pm
where is the tutorial, AK?

:(

please release the tutorial :)
i really need this awesome trick

thank you for your attention
Denis
April 22nd, 2011 @ 7:52 am
Hey Andrew!

Great glassy effect! Could you put up a AE CS5 tutorial for this? I would really need to know how to do this effect for a documentary project.

Pretty please!!! ^-^
Denis
April 30th, 2011 @ 7:38 pm
Blog doesn't seem to be followed neither active. So sad! :(
    September 4th, 2011 @ 8:19 am
    Would really really love the tutorial for this. Had a little play with the file and cant seem to work out how to replace existing images with new pieces of video - did the tutorial ever get made?
December 11th, 2011 @ 9:45 pm
Hi Andrew Bro I am ur Fan.,..
Your all tutorials are awesome.,.,.,
December 18th, 2011 @ 5:28 pm
wow awesome, this is just great
frank
April 19th, 2012 @ 6:40 pm
Did you ever make a tutorial for this project?
Fabrice Awoudou
December 14th, 2013 @ 1:48 pm
hey man still waiting for this tut anyway thank u for the rest of the tutorials they are awesome
saboor Eman
April 14th, 2014 @ 10:05 pm
Tnx for your Best tutorials
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