Skip to main content
I
iliyani84496382
Inspiring
July 24, 2020
Answered

Remove animation background

  • July 24, 2020
  • 4 replies
  • 1271 views

Hi,

 

I recorded my Adobe XD animation using Camtasia and now I have to remove the background of the recording. I cropped it in Camtasia to the point where the only thing you can see is the prototype. Then when I exported it from there, it has black background around the prototype and I don't know how to remove it.

 

I want to use it in Photoshop and add that animation to a bigger background and upload it to my portfolio (I will export it as GIF from PS)

This topic has been closed for replies.
Correct answer MarekMularczyk

If you look at this animation: https://dribbble.com/shots/7520340-Mobile-app-Rent-a-boat

 

I want to do the same: Place my animation on a 1600x1200px background and upload it in Dribbble. But I don't know how to insert it in frame like his one (with rounded corners) 


I don't know about XD but the animation you showed me, I would do it all in After Effects 😉

4 replies

A
Animation Guy
Inspiring
February 3, 2023

Stager allows you to render / export without a background ( it's a one button click ) so why not just do that ?

I'm surprised nobody has mentioned this. All frames will be transparent and then just import into AE or Premiere

and render out as a movie.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 24, 2020

The shortest path between 2 points is always a straight line.  Why not embed your XD ani directly into your Portfolio page? 

 

Your Adobe XD embed code should resemble this:

<iframe width="800" height="400" src="https://xd.adobe.com/embed/xxxxxxxx/" frameborder="0" allowfullscreen></iframe>

 https://help.myportfolio.com/hc/en-us/articles/360036483773-Embed-module

 

Post back if you have any questions.

 

Nancy O'Shea— Product User & Community Expert
    I
    iliyani84496382Author
    Inspiring
    July 26, 2020

    I took the hard path - I re- created the animation in AE and now everything is fine. Thank You all for the answers! Have a good day!

    L
    Lumigraphics
    Legend
    July 24, 2020

    Techsmith has free phone support for Camtasia. You might call them and see if you can do what you need inside Camtasia.

      MarekMularczyk
      Community Expert
      MarekMularczykCommunity Expert
      Community Expert
      July 24, 2020

      If I understood correctly, you have an animation file where you want to remove background. If it's an animation (or video) then the best place for removing background will be After Effects not Photoshop (Rotoscoping in After Effects)

      Adobe Community ExpertAdobe Certified Professional
        I
        iliyani84496382Author
        Inspiring
        July 24, 2020

        I found the solution: I recorded a custom part of the screen so it's okay.

         

        But still I can't finish my work properly. I can't upload my animation to my portfolio.

        The issue is that I have that amazing animation made in XD but I can't get it out of there in perfect quality.

        Then I want to place that animation on a background and in iPhone frame in order to showcase it better.

         

        I
        iliyani84496382Author
        Inspiring
        July 24, 2020

        If you look at this animation: https://dribbble.com/shots/7520340-Mobile-app-Rent-a-boat

         

        I want to do the same: Place my animation on a 1600x1200px background and upload it in Dribbble. But I don't know how to insert it in frame like his one (with rounded corners) 

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices