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

POSTED:
6 years ago
RECENT POSTS
One Week!
Element 3D V2 is almost here and we have been holding back on a few cool features!  Be sure to check back on Monday as we reveal several new features! Be sure to Follow us on Twitter for additional updates! Updates from twitter:  New for C4D Users: Element 3D V2 let’s you import most materials and textures […]
Announcing Element 3D V2!
It has been a little over 2 years since the release of Element 3D V1 and I still remember it quite vividly. I recall staying up all night before the launch, trying to get everything done. I was nervous and excited.  My son Josh had just been born a week earlier and I was working from home at the time. […]
Element 3D V2: New Specular Model!
Of the many new features announced with Element 3D V2 (so far), there is one I am particularly excited about and that is the new specular highlight model. The new spec model takes advantage of the new physical shader system and features a natural light falloff  helps create more realistic shaders! You can even get the specular to […]
Sporting a New Design!
I’m not really sure how long it has been since we have redesigned the website but we thought it was time! The new design is focused on content so we finally made the page wider. We’ve also updated the tutorial section so that you can watch the tutorial you click on with few clicks. The project file and related […]
113 Comments

saboor Eman
8 months ago
Tnx for your Best tutorials
Fabrice Awoudou
12 months ago
hey man still waiting for this tut anyway thank u for the rest of the tutorials they are awesome
frank
3 years ago
Did you ever make a tutorial for this project?
3 years ago
wow awesome, this is just great
3 years ago
Hi Andrew Bro I am ur Fan.,..
Your all tutorials are awesome.,.,.,
Denis
4 years ago
Blog doesn't seem to be followed neither active. So sad! :(
    3 years ago
    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?
Denis
4 years ago
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!!! ^-^
Ulung
4 years ago
where is the tutorial, AK?

:(

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

thank you for your attention
I really like the glass look. Nice.
4 years ago
I know this was a long time ago, did you ever do this one and stash it away somewhere? :)
hugo
4 years ago
'm from Brazil, I'm your number one fan, wanted to learn how to fly in after effects,
Stefan Myskow
5 years ago
Hey what happened to this tutorial AK? :(
Darryl
5 years ago
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!
Zoe He
5 years ago
I love it!

But...I can't find tutorial.
Why is there no tutorial?
misbah
5 years ago
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
Navarro Parker
5 years ago
Still planning on polishing this one up?
VI Knight
5 years ago
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.
5 years ago
Where is the tutorial?
5 years ago
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!!
LR
6 years ago
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!
issam
6 years ago
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
holden
6 years ago
holy crap this looks awesome
Jay
6 years ago
"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)
saurabh sharma
6 years ago
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.
EricH
6 years ago
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?)
Matthias
6 years ago
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!
Rus Paul
6 years ago
Really nice man, usefull.

Thanks from Cluj,Romania!
ben
6 years ago
@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.
joyyoung
6 years ago
Thank you so much !!!

Very Nice~~~~
pdd:films
6 years ago
Puzzled, how the glass works...
不不
6 years ago
Very Nice ^_^

Very Nice ^_^

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

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

;)
6 years ago
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...
Infaas
6 years ago
cool
Ben
6 years ago
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!!
Omega
6 years ago
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
6 years ago
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.
los
6 years ago
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
6 years ago
HAHA,"Stay Classy, San Deigo".

Was I the only one to catch that Anchorman reference? :-D
Tim
6 years ago
Oops... I haven't opened the project file yet. Must be the AE DOF.

Andrew, do you use any network rendering for After Effects?
Tim
6 years ago
Is that After Effects Depth of Field or the Frischluft plugin?
noone
6 years ago
It's really awesome to see so much activity here.
Jason
6 years ago
Really nice
Tyler
6 years ago
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!
Peter Valcanas
6 years ago
Andrew, thanks for the project file it help me answer my own question.

Pete
Loay
6 years ago
Wonderful...!!!
Tim
6 years ago
Wow, that was wicked! NIce effect Andrew!

Where do you get the ideas for this stuff?
Ofir Lights
6 years ago
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.
Johanan
6 years ago
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 :-)
tommie12P(Thorsten Miess)
6 years ago
again nice work! very glassy
Jeremy
6 years ago
Ive been trying to figure out how to do this for a while now. Thanks AK!
oli
6 years ago
thanks for the project file
illd
6 years ago
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!
kofi
6 years ago
it was like you were reading my mind..this is excatly the effect i had been wanting to do for a client. thanks sir!
6 years ago
Great work , looking forward to the tutorial.
Gwen
6 years ago
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 !!!!
Greg Harrell
6 years ago
wow...that looks great!!! how do you come up with this stuff!
6 years ago
Now this is something that has potential written all over it for my particular workflow. I'm looking foreword to this one Andrew.
NotAndrew
6 years ago
Peter: that is correct! :)
Peter Valcanas
6 years ago
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
blacktwang
6 years ago
so cool ~~~
awesome
6 years ago
Been looking for a good foggy class method for awhile. I've done this in the past but this looks much cooler.
jenzung
6 years ago
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
6 years ago
Great Andrew!
NotAndrew
6 years ago
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
6 years ago
sweet!
6 years ago
why do you know so much??!?! I want your brain!
NotAndrew
6 years ago
This looks interesting, thanks! Will play around with the project file and see if I can come up with something cool to show

/NA
Morten Enoksen
6 years ago
This could really come in handy! Not only in motion graphics, but also in reallife footage, thanks;) I have AE7 though..
Alan
6 years ago
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.
Pablo Diaz
6 years ago
GRACIAS KRAMER:
Desde Argentina te escribo para decirte que son exelentes las tecnicas, nos acortas caminos, desde ya muchas gracias=Thanks!
6 years ago
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
Eugenio Fructuoso
6 years ago
is a frame with alpha channel only? have or not reflections?
Ben Wotton
6 years ago
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 :)
Pascal
6 years ago
where comes the ideas from?
very good
Mark
6 years ago
very cool Andrew!
Chris
6 years ago
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!
6 years ago
why doesn't work on AE7?, did you realease project version for AE7
Simon
6 years ago
Thanks!
6 years ago
Looks great, I've been trying to work out how to do realistic glass in AE for a while
Ethan
6 years ago
Wow !!
plissken
6 years ago
Exciting!
Tutorials
143. Advanced Spin FX
Create spectral design elements and light FX.
144. Flight Control
Customize your own airline with JetStrike!
Plugins
Stock Footage