Spider-Man easy WEB SWING effect tutorial! | Video editing VFX (After Effects)

►► Watch my FREE WEBINAR here: My Top 10 Tips for making your passion project on a budget www.diymoviemaking.com/pl/214...
►► Check out my courses and learn how to make your best film on a budget at www.diymoviemaking.com/
►► Sign up to ProductionCrate for free or paid membership for amazing assets:
productioncrate.grsm.io/steve...
🔥 Instagram: @diy_moviemaking
🔥 Facebook: @diymoviemaking
Steve Ramsden with DIY Moviemaking here, and this week I’m going to show you how to swing on a web like Spider-Man!
Today’s video is sponsored by our friends at Production Crate, a fantastic all-in-one assets hub for your filmmaking.
Spider-Man is always fun, and as it’s been a while since my last “Superhero” video I thought it was time to have a go at swinging on a web like Peter Parker in No Way Home. Today I’m going to show you how you can make your own simple spider-man web swinging VFX shot using nothing except Adobe After Effects. I’m always trying to do a lot with a little, and make great effects shots on a budget, and if you want to see lots more fun DIY Moviemaking tips and tricks, then hit that subscribe button.
So I deliberately went out and filmed this effect totally solo to prove you can do all of this on your own. As a quick disclaimer though, in my opinion this method is always going to look pretty cartoony by its very nature, so just bear this in mind if you’re going to attempt it!
The first thing I was looking for was something the web could swing from, and I used this telegraph pole in a quiet location, but you could use the corner of a building or anything else convenient. Now you really only need to film one shot for this effect. This is a wide shot with the object you’re going to be swinging from right in the middle, and I would suggest that you deliberately keep your phone or camera quite far off while filming this, so that you won’t have many perspective problems when coming to do the edit. So my shot has the pole in the middle of the frame and enough room on both sides to film me firing the web and starting to swing from one side, and then - because I figure I’m just a ‘trainee’ Spider-Man - it goes wrong and detaches and then I fall to the ground on the other side. For this shot I set the camera rolling, ran over to one side of the pole and acted the first half of the shot - firing the web at the top of the pole and jumping as if I was being pulled into the air by the web. Then I quickly moved to the other side of the pole, and then jumped and landed on the ground as if I had fallen off the web. While you’re rolling, it’s also a good idea to get a few seconds of what’s called a ‘clean plate’ meaning the same shot but without you in it at all. This can come in handy later on. And that’s all you really need to film.
So first I opened the master shot in a new composition inside After Effects. I duplicated it and named one ‘start’ and one ‘end’. I cut down the ’start’ clip to end at the moment when I am jumping and I am in a good position in the air. Then I did the same with the ‘end’ clip and cut off everything except me landing. So now we have a start and an end, and we need to create the part where I am swinging in the air to hide the join. So to begin building this, I duplicated the ‘start’ layer agin and renamed it ‘figure freeze frame’. I trimmed it down to that single frame where I am in the middle of my jump, and the right clicked on it, went to Time, and Freeze Frame. Now this layer is frozen, and next you can use the Pen Tool to draw a mask around your figure, and you can soften the mask edge a little bit if you want using Mask Feather. Once this is done, now we are going to change its movement using keyframes on the Position and Rotation controls to make it look like it is being pulled by the web.
For the spider web I headed over to our sponsor Production Crate where they have a ton of really fun Spider-Man-style web elements, already created from every possible angle. I shuffled the Position controls until the web was over the top of the pole and set it to rotate during the swing. Now I could parent the figure layer to the web layer, and this means that wherever the web moves, the figure will now move too. So now you can keyframe the rotation of the web so that the figure ends up on the other side, around the point where the figure will land and turn on the ‘motion blur’ toggle to on the web and the figure layers make the quick movements look more natural.
Another trick is to animate this freeze frame figure with the Puppet Pin tool. This lets you click on various points and then animate them over time, just like a puppet. Finally to make the shot more interesting I precomposed everything into a new composition and used the Position and Scale keyframes to zoom in and add a move which follows the action.
Timestamps:
00:00 - Intro
00:45 - Filming
02:36 - Editing
10:06 - Finished Result

[@byronedwards]

Wow, I saw one of your videos a while ago of how to make the fall in from the sky and land and now im hooked haha, you're really good for low budget filming but can make anything look cool

[@SteveRamsdenYoutube]

Thank you, glad to hear!

[@ProductionCrate]

awesome work, Steve!!

[@SteveRamsdenYoutube]

Thanks guys, was a lot of fun 😀

[@Dr.Hamd.]

the effect is really cool, and quite easy, but the animation really need some work... Edit: Guys, stop eating me, i understand he made it for education and not a real movie, i'm just pointing out something i found weird

[@MrStanFungi]

i agree, but he's mostly teaching us how to do it

[@parameswaranrajendran]

Everything need to be hardworking... Nothing comes easily. He's teaching everything

[@somerandommonkeydude]

Way to rain on his parade

[@kjfilms784]

He also did say it was a cartoony effect so it’s what he was going for

[@AnimationGoneWrong]

Very creative, and well executed! I chuckle every time I hear Spider-Steve say "I'll be there in a minute" as you run off camera. Nice use of both part of the actual figure footage and the puppet tool.

[@user-wr2uy9pj4m]

I love this! The story, the execution, I love that you embraced the cartoon-ness of spiderman, a thing that I would suggest is maybe to make the web in the wide shot a bit less visible since if it was really there you wouldn't be able to see it that well, that's just a small thing though, the tutorial was awesome! Also, a sponsor from production crate! They're great!

[@firefistchrxs5050]

The VFX the world needed! Nice work thank you 🙏🏾!!

[@daniel_price]

Hi Steve, do you think you could do an ant-man shrinking / growing effect tutorial?

[@adricktumusiime211]

Steve is back !. Your so amazingly creative man. Love ur great work. I've learnt really alot from u. I used to think film making was so hard.

[@SteveRamsdenYoutube]

I appreciate that!

[@Spiderdude654]

Honestly I would watch a Spider-Man fan film from you it would look so high quality

[@SteveRamsdenYoutube]

Thanks, not sure I have the energy 😂

[@faujisimp7090]

wow that was really cool

[@MisterWeyn]

@steve Ramsden you ar amazing !

[@KAAN_CYX]

Thanks Steve Ramsden

[@trytofinishsomething]

Nice job as always

[@manostitu]

Thank you so so much 💙💙💙 for sharing

[@yousefmghatrof8602]

Amazing ❤❤❤

[@georgefilmanimation]

Turned out amazing!

[@SteveRamsdenYoutube]

Many thanks!

[@aliicu4534]

Wow very very very very perfect

[@buzby303]

You think of everything & that’s what makes it work 👍🏼

[@SteveRamsdenYoutube]

Many thanks!

[@dmb9532]

i love u man thanks for your time

[@le-roycletto5316]

You are my hero😭😭😭😭🔥🔥🙌🙌🙌🙌

[@rgp1999]

OP bro master editing

[@Ultramations]

Thanks man I'm making a movie on my diff channel and this will be amazing for it! Thank you

[@SteveRamsdenYoutube]

Best of luck

[@AdzzieMac]

Nice! 🔥😊

[@Home-cd4bo]

I love that

[@cobraskin2244]

i love it so much

[@ironicanimations]

This is absolutely perfect >:D

[@SteveRamsdenYoutube]

Very kind

[@toffepeer2163]

So good

[@warren19721]

Thank you for sharing, your videos are amazing

[@SteveRamsdenYoutube]

Many thanks!

[@thevoiceofhumanity2331]

Thanks bro

[@DreamFactoryProductions]

as i want to become a short film director and these low budget tutorials help me a lots thank steve

[@SteveRamsdenYoutube]

Best of luck!

[@DreamFactoryProductions]

@@SteveRamsdenKZbin thank you

[@tepi4307]

Amazing work

[@SteveRamsdenYoutube]

Many thanks

[@citycroptv623]

thank you sir thank you very much i am your big fan i consider you the best editor and teach you many video editing and in the end i would like to say spiderman video editing amazing thank you so much

[@ranlexofreemusic-nocopyrig3309]

Very creative, and well-executed😍

[@SteveRamsdenYoutube]

Many thanks!

[@Amigadir]

Cool bro 👌😉 thanks for explanation 👍

[@Mavakor]

Great video. I also really like how you make the shout out to the sponsor actually relevant to the video. You show how it can make it easier to finish a shot which is better than many other creators. I wish Production Crate had a bleeding fabric effect, that would be so cool

[@SteveRamsdenYoutube]

Ask them for what you need, they are really responsive 👍

[@samg3456]

Great work and great video! the main reason it seems cartoony is because of the acceleration, specifically the jump and the landing being really fast, but slow during the swing and practical clips. you can only have the freeze-framed figure rise as fast as you actually jumped, otherwise the physics seem broken. maybe a stunt trampoline would help you get some more practical vertical movement.

[@SteveRamsdenYoutube]

Yeah, I think getting the physics looking spot-on is the hardest thing with this technique 👍

[@IMOHAMED_HASSAN]

Perfect

[@curiousmind5367]

Your work is awesome and.. valuable video for viewers... great work Sir..👍

[@milkerblox9280]

So cool

[@denyo_]

you did a very good work 👍

[@giftyserwaabonsu4452]

I know him, he is good but for this, whoo man you tried. Good job bro

[@nasriima8305]

Such content truly helped me improve my channell videos 110 times, my editing skills just keep getting even better 🤓 Keep uploading, don't ever stop 👏🙏

[@SteveRamsdenYoutube]

Great to hear!

[@AdzzieMac]

Awesome 👌

[@SteveRamsdenYoutube]

Thank you

[@84Jonny]

While looking this video it seems to listen that song "🎶In your ocean eyes 🎶" 😂 Nice tutorial

[@TheCountryCottageGardener]

Fantastic, now all I have to do is figure out how to work this into my gardening videos 😂

[@SteveRamsdenYoutube]

Haha 😆

[@user-sq4xb8cg6v]

Nice 👍

[@fxrff4628]

Thank you for translating the video into Arabic🔥❤

[@kl1mp3r52]

Привет ,я давно слежу за твоим творчеством ,ты просто волшебник ,мне бы иметь такие же навыки в AE,удачи тебе !!!!

[@DANKDNNY]

I didn't like the jump bit(it lacks some weight and force), but the swing part works and looks convincing enough.

[@dittoplayz3183]

Then make yourself fall a bit before the swing, it will add some gravity

[@LilEshu.]

Omg 😱

[@dishadidi3000]

Nice

[@Munees354]

Wow 🏆🏆🏆🏆🏆🏆🏆🏆🏆🏆🏆👍👍👍👍👍👍

[@fxrff4628]

شكرا لك ❤🙏

[@englishforsrilanka2535]

Hi Steve, could kindly make a tutorial on a joint back and forth workflow that between premiere and aftereffects in case one has to use both software on a single project?

[@MarcBossYT]

Yaaaay

[@Dr.Gamos83]

Dynamo Dream teaser should be next please please!!!

[@vfxsura5173]

👏👏👏👏👏👏💯💯💯💯💯🤗🤗 Super

[@shahed4039]

Make like Thor !

[@iNovoe]

прикольно )

[@user-yi3rq7jk2r]

awsome make mor video

[@alimkotwal5876]

Can you make advance effect

[@jakudza2011]

Молодец!)

[@mokhsgraphics]

There is no problem in post production, the pull of the web was missing so it looked artificial, try this with web pull(like u r pulling the web while jumping) it would give u the perfect swing

[@charliefilmsstudios4699]

I think you deserve more subs than you have

[@Elvismofficial]

Hello sir how do I join the class

[@muzafaroveduard]

Это потрясающе! Ещё и субтитры на русском есть)

[@pujihartarto]

I am from indonesia..i am not speak inglish...good for you...👍

[@donbhai22]

I am 13 years old boy and I am learn VFX thank you so much sir ❤️

[@mahesh3059]

How to shoot with moving timelapse and the same frame walking a character with normal speed.... please suggest

[@champa18]

Make a video on how to make a suit up video like iron man

[@Spamps]

I love your videos. I really love ProductionCrate and I want to subscribe. Does this only work for a computer? Say I am making something on LumaFusion on the IPad? Can I still use these effects?

[@SteveRamsdenYoutube]

Many thanks, you could ask @ProductionCrate what file types they mostly use, and once you know then it's probably a question for LumaFusion. best of luck!

[@kempot]

From indonesia 😍😍😍👍👍👍👍👍

[@blenderlearningacademy1788]

please make spider man the no way home soul punched effect

[@AK_DISH]

Nice video 🇮🇳🇮🇳🇮🇳🇮🇳🌷🌷💖💖

[@jigarthakornugar826]

👌👌👌🎬🎬🎬🎬🎬

[@reggieplayz4640]

maybe try harry potter priori intacatem effect

[@psstudios59]

Steve what camera you use, I want to buy one but idk how to choose

[@SteveRamsdenYoutube]

This was using the Canon DX Mk3, but I could have used a phone for this. Kit matters for certain things, but for a lot of projects it really doesn't matter

[@noscope7yt]

Can you remake melt tots face from raiders of the lost ark

[@citycroptv623]

sir please can you make a tutorial video on captain america shield

[@darkfacts5576]

❤🤙🙏

[@zabihullahseerat4753]

My dear how can help with me to learn this programs.

[@noname-xb4fr]

Hello sir,can you tell me why I am not seeing parent option but no link sub parent in cc 2015?? Please help 🙏

[@shiru8bit]

Way too much motion blur, makes the swing part pop out too much to bring unwanted attention to the manipulated part of the image.

[@yongqingmd16]

it looks very bad urrrgh

[@DoctorWhoFAs]

Nah, he’s just hiding the fact that he’s Spider-Man

[@samedits2711]

Bro iam very begginer bro how to edit any video in after effects

[@aryamangadgil8122]

Do in kinemaster

[@marvelsuperheroes922]

What is app name

[@user-sq4xb8cg6v]

good news

[@mosa7120]

Do you have an Instagram account

[@user-yi3rq7jk2r]

where can i get it for free spider man web ???

[@rgp1999]

Bro make jurassic park editing

[@reuben911]

nice video, i think there was to much motion blur, also mabye smooth key frames

[@SteveRamsdenYoutube]

Thanks, yeah this one was tricky to make 100% realistic, hence it's a more cartoony effect

[@reuben911]

@@SteveRamsdenKZbin yes definitely

[@BlakeXgaming-reacts]

What’s the edited app called?

[@spider.wrld1544]

After Effects

[@NotEvenYamiZ]

This look cool but the web is too big

[@haseebhassan3987]

Subscribe Done

[@messiboy3358]

Nice so buy envato elements, I enjoy alot of your stuff, but I hate it when people just say all you have to do is get this montly subscription.

[@BlakeXgaming-reacts]

What is the app called?

[@reggieplayz4640]

Even if I spent 100000000 years on after effects I couldn't figure this out

[@SteveRamsdenYoutube]

Have a go - that was once me as well! 👍

[@featuringrageyt3103]

I was actually looking for your video stunt when you jumped out of the window but don’t see it on your channel

[@SteveRamsdenYoutube]

It's still there, enjoy! kzbin.info/www/bejne/gmSTl3eJebl1m7M

[@7SNProd]

Le mur

[@hunzikart]

You seriously couldn't get the hand pose right..? 😂 Nice tutorial tho