Mobile app version of vmapp.org
Login or Join
Nimeshi706

: Photoshop CS3 animation opacity problems Here is my dilemma. I am making a scrolling text gif. I need the background on this gif to be transparent with a white box centered in the middle

@Nimeshi706

Posted in: #AdobePhotoshop #Animation #Opacity #Text

Here is my dilemma. I am making a scrolling text gif. I need the background on this gif to be transparent with a white box centered in the middle with the text showing ONLY in the white box. This means that the text needs to only show up on the box and not the transparent background.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Nimeshi706

1 Comments

Sorted by latest first Latest Oldest Best

 

@Caterina889

Johannes' comment was correct. You simply need a mask to hide the text outside the rounded rectangle.

I'm merely using your posted gif as a base. The actual Photoshop document will most likely be set up differently, but this is the basic item you need.

Highlight all but the bottom layer in the Layers Panel and group those layers (Layer > Group Layers).

Create a selection which matches the rounded rectangle. Then with the Group highlighted in the Layers Panel, and the selection active, click the little mask icon at the bottom of the Layers Panel. This will add a mask to the group.



This will then hide the text outside the rectangle. (I've increased the animation speed considerably so it can be seen better.)



When setting up the animation, I assume you have only one layer for the scrolling text and are moving it and then creating a motion tween between frames. When you do that, you want to unlink the layer and the mask by clicking the little chain icon between them. This will allow you to move the text, while leaving the mask in a stationary position.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme