DEV Community

How to make backgrounds like the default WhatsApp wallpaper?

Davina Leong on March 07, 2019

Hi designers, What is the technique to create "fine-print" backgrounds like the default WhatsApp wallpaper? I also need it to be responsive and th...
Collapse
 
andrzejchmura profile image
Andrzej Chmura • Edited

What you probably want is a svg pattern. Here are some places where you can find them:

toptal.com/designers/subtlepatterns/
heropatterns.com/
novapattern.com/

Collapse
 
niorad profile image
Antonio Radovcic

You can use Photoshop, Sketch, etc. to make those. Just need to make sure they can be tiled, or seamless. Same with code, you have to match the font-color very closely to the background, so it's really subtle.
toptal.com/designers/subtlepatterns/ has tons of those.

Collapse
 
davinaleong profile image
Davina Leong

Whoo, Subtle patterns, cool resource!

As for tools, I use Affinity Designer on Windows... don't want to pay subscription fees... 😛

Collapse
 
evangelistagrace profile image
Evangelista Grace • Edited

There are a few good options here:
toptal.com/designers/subtlepattern...

Collapse
 
jecsham profile image
Jecsham

A good tool to create that is Illustrator. You just need to see a good Pattern Backgrounds tutorial.

Collapse
 
tobiassn profile image
Tobias SN

Take a solid color and add noise until you like it.

Collapse
 
davinaleong profile image
Davina Leong

🤔hmm...

Collapse
 
wpgroup profile image
Mukesh Kumar

Here is my website I am trying to add on the background but not working so finally I have used gradient, Blue, and navy blue combinations...
Here is the Link: wpgroupurl.psdpedia.com

Collapse
 
sumitmarketing profile image
Sumit Kumar

Well, it's nice. I have a collection of the best WhatsApp background images. Make sure to check this out coremafia.com/whatsapp-wallpapers/