Setting The Artboard Background Color In Adobe Illustrator

Sometimes when you're working with graphic design you end up working on a piece that's meant to be displayed on a non-white background, like a logo or web icon. Unfortunately, there isn't really a way to set the background color of an artboard in Illustrator, but let's look at a few workarounds that acheive the same effect.

The Simplest Way

The simplest, but probably not best way of accomplishing a colored background is to just draw out a rectangle the size of your artboard, send it to back Ctrl + Shift + [ and lock it Ctrl + 2.

I've run into problems with this method however, where I'll go to export the file as an SVG but forget to delete the background and end up with an extra element in the code or a solid color where you wanted transparency in a PNG.

Useful if you just need to check a quick background color, just don't forget to delete it when you're saving!

Need new hosting? Check out Digital Ocean. Spin up new Droplets with a couple clicks.

The Better Way

The better, not quite as simple way to get a colored artboard is to take advantage of the Transparency Grid. It's used to show which parts of a project are transparent and how much. To get it setup go to File > Document Setup

Document Setup Menu Item

Under the Transparency section you need to double click on both of these two color squares and set them to whatever color you want your background to be.

The Settings You Need to change

Click OK on the Document Settings panel and then go to View > Show Transparency Grid

You can also use the keyboard shortcut: Ctrl + Shift + D to toggle the Transparency Grid on and off.

Transparency Grid Result

There you have it. A "Not White" background on your Artboards in Illustrator without having extra objects or stuff cluttering up your files. The document properties are set on a per-project basis, so you'll have to set it every time.

Leave a Reply

Your email address will not be published. Required fields are marked *

Keep Up With Harner Designs!

Get updates about New Projects, Products, Discounts, and Giveaways from Harner Designs!

By submitting your email, you agree to our Privacy Policy and give us consent to send you marketing and promotional emails. You can unsubscribe at any time.