Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects I need to make this transparent

  • I need to make this transparent

    Posted by Bobby Sifon on March 18, 2022 at 8:28 am

    Hello Guys

    I have two issues

    1. I want to make the logo shape in the file below transparent so that it reveals the green background behind it

    Here is the image of the file:

    https://files.fm/f/8er27wug7

    2. I want the image to start from big. From the point of the yellow dot where the shape covers the whole screen. Then I want to create a zoom out animation lasting 6 seconds. The animation should start normal speed and then slow down till it gets to the current size as the picture above.

    Guys I’m not an expert in Ae. I need a step by step explanation on how to do this thanks

    Here is file link below:

    https://files.fm/u/y7z6en6c4

    Thx


    Bobby Sifon replied 4 years, 1 month ago 4 Members · 24 Replies
  • 24 Replies
  • Eric Santiago

    March 18, 2022 at 3:04 pm

    Not sure I have time for a step by step sorry.

    But read up on masking.

    You have all the resources you need if its an AI file.

  • Kevin Camp

    March 18, 2022 at 10:18 pm

    Assuming your RDA 5.png has transparency, where the red is opaque and the black is transparent, then for your 1st request, you can make the opaque portion knock out the black solid below it by setting the black solid’s track matte (TrkMat) property from ‘none’ to ‘Alpha Inverted’ in the timeline.

    You should then be able to see the greenscrn1.png layer at the bottom of the stack.

    For request 2, it sounds like all you would need to do is animate the scale property of RDA 5.png with a few keyframes over 6 seconds… if I’m reading that correctly.

    Search/read about easy-ease keyframes to learn how to slow the animation between keyframes.

  • Bobby Sifon

    March 19, 2022 at 2:14 pm

    Kevin the first one worked….thanks

    for the second one….Yes I’d need to animate it just about 6 seconds

    starting normal speed then slowing down to about the size depicted in the image😢

  • Kevin Camp

    March 19, 2022 at 3:08 pm

    For the scale animation , select your logo layer and type an ‘s’ to reveal the scale property.

    I think you wanted the logo end in the position/scale that it is on the screen, so go ton6 seconds in the timeline and click the stopwatch icon next to the scale property to enable key frames for scale and it will automatically add a key frame at that point for the current scale value.

    Next, move the time cursor to the beginning of the timeline and change the scale value to the size needed. AE will automatically add a new key frame with that value.

    If you play the animation the logo should now scale from one dive to the other smoothly at a constant rate

    To have it slow down as it nears the final key frame, right-click the last key frame and choose key frame assistant > ease-ease.

    The animation should slow as it nears the final key frame.

    If you want to change the rate further, right-click the key frame again and choose key frame velocity. In the window that opens, there will be 4 values. 2 on the left should be 0 and 33.3%. Change the 33.3% to effect the rate of slowing. Higher values will be slower, lower will be faster.

  • Bobby Sifon

    March 19, 2022 at 5:30 pm

    wow Kevin thank you very much

    very grateful

    I’ll get back to you when I’m done……but the logo appears blurred when I zoom in so I may have to make the logo shape again in hd

  • Bobby Sifon

    March 20, 2022 at 2:22 pm

    https://fv9-1.failiem.lv/thumb_show.php?i=ykw52dtav&view

    Hi again Kevin

    So far so good

    what I want to do next is create like a blurry reveal animation wipe from left to right as shown in the image above. I want it to move in an angular anticlockwise pattern revealing back the red as it once was and eliminating all the green. I want this to start at about two seconds from where the previous animation ended.

  • Eric Santiago

    March 21, 2022 at 2:39 am

    If you are using PNG then it’s a raster issue.

    Use vectors or replicate using shape layers in AE.

    Friends don’t let friends scale pixel graphics 🙂

  • Bobby Sifon

    March 21, 2022 at 3:53 am

    Can you kindly explain how to change the color?

  • Eric Santiago

    March 21, 2022 at 2:31 pm

    The wipe effect you can also do with an animated mask.

    There are actual wipe options but not sure how custom it can go since your movement is very specific.

  • Kevin Camp

    March 21, 2022 at 3:41 pm

    There is an effect called Radial Wipe (Effects > Transitions) that should work for the reveal you are looking for.

    You’ll animate/keframe the completion property to do the reveal and you can set it to clockwise or counterclockwise.

    You’ll want to offset the wipe center to be above your logo to match your illustration.

    There is also a feather property.

    And as Eric pointed out, the blurry edges are due to enlarging a raster image, and either making a vector version of the logo or, as you suggested, making it higher resolution should help.

Page 1 of 3

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy