How to fill text gradient in Photoshop

Adding gradient is always a fun as well as stylish work from designers point of view. Here are the steps to add gradient into text.

Step 1: Add a new text layer ( It will come automatically when you write text on screen). See the image below.

add text gradient in photoshop

Step 2: Now open the layer style . For this you just need to click on text layer (see rounded area from above image for text layer). See below how layer style looks

add text gradient in photoshop

Step 3: Select gradient overlay (see rounded area from the image below) . See the image below

add text gradient in photoshop

Step 4: Now choose color from the gradient section (see above image). This will look like something below image

add text gradient in photoshop

Step 5: Now click on Ok button from gradient Editor. Now you will see your text is added with gradient . Just save this as your image.

add text gradient in photoshop

Enjoy now…………

The following two tabs change content below.

Chandra Shekhar

GCP Architect
Chandra Shekhar Pandey is Google certified Cloud engineer, I am Magento2 Trained developer. Having huge experience in designing cloud solution. I have around 12 years of experience with world enterprise IT companies and fortune 500 clients. During my architecture design I am always caring about high availability, fast performance and resilient system. From the programmer background I have huge experience in LAMP stack as well. Throughout my carrier I have worked on Retail, E-Learning, Video Conferencing and social media domain. The motive of creating cutehits was just to share the knowledge/solutions I get to know during my day to day life so that if possible I can help someone for same problems/solutions. is a really a very effort for sharing knowledge to rest of the world. For any query/suggestion about same you can contact me on below details:- Email: shekharmca2005 at Phone: +91-9560201363

Latest posts by Chandra Shekhar (see all)

You may also like...