Make On-Screen Elements Jump Out of the Video!

In this video Andy shows you how to quickly and easily make elements of your screen recording or video, seemingly jump off the page with very little editing skills required to learn!
You may be surprised that this very polished looking video effect, is really just a combination of duplicating a layer, cropping, scaling, and dropping the opacity. That's it. Watch how, in under 4 minutes Andy shows you how to make elements fly off the screen!
Follow along with a FREE trial of Camtasia:
bit.ly/3P1T7N1
#camtasia #editvideo #videoeditingsoftware

[@JustJessee]

I do this A LOT in my weekly Webinar edits. Small difference I use the Snapshot tool instead of duplicating the whole video. Take the snapshot of what I want to zoom in on, crop down to the focus, apply: Drop Shadow, Rounded Edges, and have the Zoom In Animation Fade In and Fade Out along with the Zoom Out. I also have a "Slow, Shallow" behavior favorite that I apply, it is the lowest slowest possible in and out pulse motion possible, juuuuuuust enough that there's perceptible movement but not enough to make you seasick. Just to draw attention a little bit more. I do really like the trick to take down the background opacity to give a spotlight look though! Will try that this week :)

[@familyoster8724]

Definitely adding this!!! Thank you 🎉 I didn't know about the Restore effect 😱 that changes everything!

[@bhgemini]

Same. How did I miss Restore? Also, did he skip showing rounded corners for the close up box?

[@aaronshunter]

THERES A RESTORE ANIMATION?! Yes, caps were necessary. I’m THAT excited to learn about restore. I’m definitely going to use it in my next project 😊

[@pauljonessoftware]

I'm a programmer who is just starting the KZbin content creation part of my journey. This was a great tutorial in my humble opinion: short, sweet and straight to the point. I'm sure I'll use this animation somewhere in a future coding video. Continued success.

[@loveyou3000productions]

What a fantastic tip. I have been creating a number of software tutorials, and would normally use zoom & pan to highlight specific areas, yeah it works well. However with this tip it adds greater emphasis and focus to the viewer, with that added FX feel 👌 I have also now been able to utilise this tip to make a more custom spotlight, where as spotlights I used before have always been straight edged, and did not always look great especially when the buttons on the software have rounded edges. I simply followed the process, thanks to this video, and the only thing I did not do was change the scale of the cropped tracked. So now I have a spotlight effect with nice rounded edges.

[@techsmith]

Love hearing how you've already implemented this! SO glad you found it helpful! 👏

[@bentkm]

I already added this workflow, but there is always something else to add. Thanks Andy.

[@HarleyFritts]

Great way to highlight an element of the UI. Special thank you for the tip on the Restore effect!

[@squareggs]

Love the tips of rounding the corners and dimming the background, definitely trying those thank you 🤩

[@spiritualawakeningsupport]

Oh yes I’ll definitely be adding this in. I already do animation to show screen closeups but getting them to pop out the screen is a really cool way to do it. Thanks for the tip.

[@Frank-Felker]

Thanks for the great tip Andy. I will definitely be using this effect going forward!

[@RogueSplice]

Here I thought this was going to be one simple animation trick, but no! You made it even fancier with the double layer, and first layer fade out. Real smooth. 👍

[@techsmith]

Thanks! I had to give it that extra bit of flair! 😂

[@12boxes]

Very handy tip. And very effective visually. Loved the shortcut key strokes.

[@cortexmarketing]

Thanks... been using Camtasia for years, but love the 2023 version!

[@lenmalczynski9893]

This technique is so important with software demos for which the software icons themselves cannot be made larger or smaller. Great tip!

[@techsmith]

Great use case idea! Yes!

[@techsmith]

@@allthecommonsense you can do that. This is a more stylistic option is all.

[@lenmalczynski9893]

The simulation software I use does not permit the icons to be resized. Likewise, MS Windows does not let me resize or zoom in on the modeling tool icons. When recording the entire frame it is, at times, difficult to see the icons clearly. That's why this zoom in could be useful to me when preparing training materials.

[@truckergeek6019]

I was working on a clip last night that this would have helped on. Definitely need to watch more of these.

[@dbdemyan]

I have definitely done similar zoom highlight for screen elements but you provided some nice refinements like the rounded corners, dimming the background, and restoring the animations back to original. Thanks!

[@techsmith]

Thank you!

[@DougFinke]

That is crazy cool. Will be adding

[@ariia_org_au]

OMG - Restore!!! Never knew it existed - so good! This whole clip was great value - thanks guys!

[@jbeaucaire]

I've been doing this very thing for awhile - duplicate, crop, animate... this video was very helpful reminding me how nifty RESTORE is... I'd been using a second animation and copy/paste properties... how kludgy was that!? Thanks for posting these, great stuff.

[@GetMeCoding]

I really appreciate how you are using simple techniques that when combined provide great affects. This is a great tip for reviewing due dates with my students to add that extra "call" to the specific calendar event. But it can also be very cool to focus on small elements that get difficult to see such as code, settings, etc.. THANKS AGAIN!!

[@techsmith]

Absolutely!! So glad you found some inspiration with this! Thanks for saying so! 👏 (Andy)

[@issacsweb]

For sure, actually been needing this for a while but hadn't tried it out yet. Thanks for the video, much appreciated!

[@mikelaldrich6529]

Thank you so much! I love this tip and I will absolutely use it in the near future.

[@LearningandTechnology]

Love it - 100% will be using this

[@rallymonkeez]

The tutorial videos you all are putting out are really awesome. Thank you!

[@techsmith]

Thank you so much for the kind words! 👏

[@MaryLynnFoster]

I love this! Can't wait to try it!

[@MedigapSeminars]

very easy - great tip

[@insidemyshop]

I have always wondered how to do this,now I know and will start using it. Thanks!!

[@easytubeonline]

Camtasia is the best, thank you for this!

[@laplacetx]

I have been brainstorming how to do this!! Thank you!

[@Cy_Instructional_Media]

This is very cool. I will definitely use this as well as the shortcuts!

[@lennysaucier]

I dig it. Keep the tips coming

[@MasonDavis]

So great! Can't wait to use this

[@HarmonicaShala]

Great tip! I was already doing that but not using animation. I was adding layer exactly like you have shown but I was using Zoom-in Zoom out for it as the next step. Now I know one more way I could address this. Many thanks for showing !!

[@techsmith]

Oh yeah, that's a good point too! There are multiple ways of achieving the same result!

[@ExcelVbaIsFun]

DUDE! This is phenomenal!

[@KofiWilliamsCoach]

Great tutorial! I'm definitely using it from now on. Loved the Restore and fading the background of the second image. Thanks so much!.

[@techsmith]

Glad it helped! Thanks for the kind words!

[@FranklyCollecting]

Great video! I’m definitely using this one 👍

[@torahtangela]

I love Camtasia!!! This is great!

[@irishdancercm]

Shift A and This are tools I will be using regularly!

[@JackBlovits]

Very cool and useful!

[@LimitlessTrainer]

Definitely going to play with this. Thanks for such a great idea!

[@robertlewisvideo]

Great Tip, Andy !!! "Great Tip Andy" !!!

[@a-z-digitaldesign]

Thanks! I've already been creating this type of effect but you gave me some more ideas!

[@JuneCollier]

Very nice! I will be adding this to my future videos.

[@denniskeane7412]

Way cool. Thanks for that.

[@janetsunshine8689]

Thank you! Very helpful information!

[@widwin]

Yepp, this was good! Thanks😎👍

[@DMurphyGonzalez]

I am totally going to use this! Thanks!

[@moezipp]

Super good tip and the way you present it is awesome Andy 🙌🙂

[@JeffMathe]

Thanks. What I was looking for!

[@davinciresolvesupport]

thank you .

[@AhmedBalfaqih]

I gave you the thumbs 👍 up before I even saw the video.

[@tfield98]

Great video! I always used an exported frame for this, but your method is faster. And, rounding the corners and dimming the background are nice touches. Where did you get your background image of triangles?!

[@techsmith]

That's actually not an image! That's one of the walls in our recording studio at our HQ.

[@JustJessee]

By "exported frame" I hope you don't mean literally exporting a frame as image then pulling it back in to your timeline....right? If so, save even more time by just clicking the tiny Camera icon to the left of the timeline zoom magnifying glass. It'll take a picture and place it on your timeline without needing to export and import back in.

[@tfield98]

@@JustJessee I didn’t know about that shortcut! Thanks

[@astro151tccc]

Very helpful. Thanks!

[@righttoexplain]

Awesome!

[@JohnCarleo]

I've done something similar for a training video I created. However, your method is something I would have preferred and will use it in the future. Great demo!

[@cherylwallace2745]

Restore! Awesome!

[@bpajak]

I never knew about restore before. That is very useful.

[@onecncwest]

Awesome! Great tip! I will use this.

[@philfollett7887]

yep defo adding that in

[@RiadMahmud]

That's really awesome.

[@onlinevideomasterypro]

Super cool! I love the simple system for focusing on an element, but that restore feature! Where has that been my whole life? 😂

[@amritachandradas6044]

Great tips.

[@DigitxlRxse]

Thank you 🔥🔥🔥

[@omidyoutube]

Amazing. I'll definitely use this in the video I'm editing right now 😃

[@joshuasamuel7610]

Awesome video

[@WarrenBuckley]

@camtasia with the introduction of Mics & Audio Interfaces starting to capture 32bit float audio, will Camtasia be able to record it at time of screen recordings? Such as the Rode NT1 5th Gen Microphone & Zoom UAC232 Audio Interface

[@TLBurriss]

Pretty freakin cool Andy. Thanks. BTW- could we cut out the duplicate content before & after the transitions?

[@techsmith]

Absolutely! It'll probably playback better if you do. And I usually do, but just forgot for this demo. Good catch!

[@properitum9091]

Top-Tip, thanks youngstah! KP

[@maxvanbalgooy]

I like using this visual effect and glad you explained how to do it, but it’s much easier to accomplish in Screenflow. Can the process be simplified in Camtasia???

[@AvadaVideos]

Yeah, I like that. I will try it. Question is, how much can you zoom in without the image being pixelated. I'm making 4k videos.

[@techsmith]

Yeah, if you're recording and producing at 4k, you don't have much wiggle room. We record in 4k and produce in HD so we can scale from 50% up to 100% without losing anything.

[@jefferson66]

How did I not know about the "Restore" animation??????? It's always the one little tip I get from these videos.

[@crisweiser]

Awesome

[@hhbadarin]

What if (in future versions of Camtasia) this becomes super easy with a click of a button! I'll definitely upgrade!

[@AjayKumar-ll3ci]

I want to buy personal camtasia version for single use. But I am confused, What if I change my machine after a year or so if the machine get old. Will the licence be transferred

[@techsmith]

Yes! The license goes with you, not the computer. You can always say “uninstall from…” and pick your old machine when installing on a new computer.

[@jacksonwilliam5773]

nice

[@AAAAAA-hc8bd]

graet❤

[@Dolphinvideoproductions]

Good for beginners but you might find final cut pro does it with one button

[@techsmith]

As a former FCPX editor myself, I'm curious what button you're referring to as I'm not familiar with any one-button solution that does this in Final Cut (it could have been added since I last was in there). -Andy

[@cbebutuoy]

"a few easy steps".....😊

[@DeniseInCanada]

The new curser effect is driving me insane. I have to turn it off for every single video "slice". I have hundreds of 3 second slices in my videos!!! It is the worst new feature.

[@techsmith]

What new cursor effect are you frustrated by? You shouldn’t have to turn anything “off”…unless you clicked “Edit Cursor Path” but even then you can click “Restore Cursor Path.”

[@MoNa-yf3ml]

اريد أن أحصل على تطبيق كامتازيا بطريقة مجانية كيف يمكنني أن أفعل ذلك؟...ارجو الرد .

[@techsmith]

There isn't a way for you to legally get Camtasia for free. You can purchase a copy here: camtasia.com

[@FamilyProtectors]

Awesome but for me you went through it with a little too many assumptions. "On this side of the red dot"? You lost me in that section. I would prefer you not use the rounding when you are teaching something else, and to go through each step just a little slower for a relative newbie like me.

[@danielfoster533]

What helped me was the concept that the first dot on the custom animation corresponds to the BEFORE state and the second dot corresponds to the AFTER state. So click the second dot, change something in the properties panel, then click the first dot and see the two states compared. First dot=before > second dot=after. Then the distance between the dots simply corresponds to how many seconds it takes to shift from BEFORE to AFTER. Before state, after state, how long to move from before to after. Hope that's useful!

[@mariechmura7867]

Agree! Too many assumptions!