Prioritype Co»Blog»How to Change SVG Font Color in Adobe Illustrator and Photoshop💫

How to Change SVG Font Color in Adobe Illustrator and Photoshop💫



A quick tutorial so you can better understand how it works for SVG fonts.

Adobe Illustrator

1 3
2 3



1. Rasterize the type first. Click Object panel > Rasterize. Adjust the resolution and click transparent then Ok.

5 2



2. Create a square object with the color you want. Then put the object behind the object that was rasterized earlier. Select both, then open the transparency panel and Make Mask. The Transparency panel is available in Window > Transparency.



3. Check Clip and Invert Mask. If you want to change the color, you just click on the square you created earlier in the transparency panel, then choose the color according to your wishes.

Adobe Photoshop

1 4
2 4



1. Click Add a layer style in the bottom layers panel. Then select Blending Options. Check Color Overlay, then choose a color according to your wishes.


Font in use: Funky Yard – SVG Groovy Font + Extras


A video version can also be seen below👇

Related Posts

2024's Best Branding Fonts: Our Top 10 Picks!

2024's Best Branding Fonts: Our Top 10 Picks!

May 31, 2024
✨HOW TO USE SPECIAL FONT CHARACTERS ON PROCREATE/IPAD✨

✨HOW TO USE SPECIAL FONT CHARACTERS ON PROCREATE/IPAD✨

June 02, 2024
How to Choose the Right Font for Your Product Branding

How to Choose the Right Font for Your Product Branding

July 02, 2025
HOW TO USE THE OPENTYPE FONTS OR SPECIAL CHARACTERS FEATURE IN AI, PS & CANVA💥

HOW TO USE THE OPENTYPE FONTS OR SPECIAL CHARACTERS FEATURE IN AI, PS & CANVA💥

June 02, 2024