I am looking for a tutoriral that can help me do the following:

You have already made such in your previous image at the top of your head.
Just use gradients without any transparency involved and those edges will look sharp.

And maybe check for clipping and grouping.