how to make Ae motion graphic - kinetic text/shape

The sourceRectAtTime() expression method can return the size of a text layer. You can use this to generate a shape layer that can be used as a Set Matte source to poke holes in the background or just create an overlay. Combining the expression with the text layer position can get the matte layers to stay lined up with the text layer.

If you have already started a comp then we need to see a timeline to know how to help you in the most efficient way. If you have not already started a comp here's how I would use the expression to move a shape layer around as the text layer moves and the text size changes. In this example I don't use a track matte, I just build a long shape layer that will stay attached to the upper right corner of the text layer and stay as high as the text. Anywhere you move the text layer the white bar will follow.

Here are the expressions for center justified text:

Rectangle 1 Size:

txtSize = thisComp.layer("Moving Text Layer");
x = 4000;
y = txtSize.sourceRectAtTime().height;
[x, y]

This sets Rectangle 1's width to 4000 pixels and the height to the height of the text

Transform Rectangle 1>Anchor Point

txtSize = thisComp.layer("Moving Text Layer");
x = txtSize.sourceRectAtTime().width;
y = txtSize.sourceRectAtTime().height;
[-x/2 , y/2]

This adjusts the position of Rectangle 1 by offsetting the anchor point.

Text Layer>Transform Anchor Point:

ts = content("Rectangle 1").content("Rectangle Path 1").size;
[ts[0], - ts[1]]/2

This puts the text layer's anchor point in the upper right corner of Rectangle 1

Text Layer>Transform Position:

txtLyrPos = thisComp.layer("Moving Text Layer").position;

This simply ties the position of the shape layer to the animated text layer's position.

All that is required to get things lined up is to adjust the baseline shift in the Character Panel.

The expressions would have to be modified if you used a Paragraph Bounding box for your text or Left or Right justified the text layer. 

By far the easiest way to do this would be to simply draw shape layers that fit behind the text layers the way you wanted to have them, then parent each shape to the appropriate text layer. If the text did not animate on this would be a much easier solution.

It's a very basic thing you can do it in after effects, if you are totally new to after effects i highly prefer to start learning the basic about how to move object and draw shape or mask and animated,  try to follow some tutorial here to get learn the basic of AE https://helpx.adobe.com/after-effects/tutorials.html