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 amHello 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:
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:
Thx
Bobby Sifon replied 4 years, 1 month ago 4 Members · 24 Replies -
24 Replies
-
Eric Santiago
March 18, 2022 at 3:04 pmNot 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 pmAssuming 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 pmKevin 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 pmFor 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 pmwow 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 pmhttps://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 amIf 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 🙂
-
Eric Santiago
March 21, 2022 at 2:31 pmThe 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 pmThere 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.
Reply to this Discussion! Login or Sign Up