How to Change the Artboard Color in Adobe Illustrator: Step-by-Step Guide
When creating artwork in Adobe Illustrator, one of the first things to consider is what color your artboard should be. By default, Illustrator uses a white artboard. But depending on the project, you may want to change the artboard color to something else – like a shade that matches your illustration, a brand color, or even a black background.
Changing the artboard color in Illustrator not only makes your document look more polished but also provides a more accurate preview of how your final design will appear, whether it‘s for print or digital use. It‘s an important step that professional designers take to visualize and present their work in context.
In this comprehensive guide, I will walk you through two easy methods for changing the artboard color in Adobe Illustrator:
- Using the Document Setup options
- Drawing a colored rectangle shape behind your artwork
I‘ll provide detailed steps for each technique along with expert tips, relevant screenshots, and real-world examples. After reading this article, you‘ll be able to confidently customize your artboard color in Illustrator to perfectly suit any project. Let‘s dive in!
Method 1: Change Artboard Color with Document Setup
The simplest way to apply a new artboard color is by using the built-in Document Setup feature in Illustrator. This method is ideal when you want all of your artboards in the document to have the same colored background. Here‘s how to do it:
- Open your Illustrator document and navigate to File > Document Setup in the menu bar. You can also use the keyboard shortcut Alt+Ctrl+P (Windows) or Option+Command+P (macOS).
- In the Document Setup dialog box, look for the "Simulate Colored Paper" option near the bottom. Click the white square swatch to the right of the checkbox to open the color picker.
- From the color picker, select your desired artboard color. You can choose from swatches, use the RGB or CMYK sliders, or enter a specific Hex code. Click OK to confirm your selection.
- Back in Document Setup, make sure the "Simulate Colored Paper" checkbox is enabled. This tells Illustrator to display your artboards with the selected color. Hit OK to close the dialog box and apply the change.
Just like that, your artboard background will change to the new color you picked! This color will appear on all artboards in your current Illustrator document.
Some key things to note about using Document Setup to change artboard color:
-
The "Simulate Colored Paper" setting only affects the display within Illustrator. When you export your artwork, the artboard color is not included by default. Exported files will have a transparent background unless you specifically choose to include a background color during the export process.
-
Changing the artboard color does not affect the actual colors of objects in your artwork. Your illustration elements retain their original colors – the artboard simply acts as a backdrop.
-
The Document Setup artboard color is specific to each document. If you frequently use a certain artboard color, you can save a new document preset (File > Save as Template) with that setting to streamline your workflow.
"I always recommend setting your artboard color intentionally to match the intended environment or medium for your design. It provides a more realistic and cohesive preview that helps you make better design decisions."
– Maria Gonzalez, Senior Graphic Designer
If you ever need to return to the default white artboard color, simply uncheck the "Simulate Colored Paper" option in Document Setup. You can also use the keyboard shortcut Shift+Ctrl+W (Windows) or Shift+Command+W (macOS) to quickly toggle between white and colored artboards.
Method 2: Create Artboard Color with Rectangle Shapes
Another way to set a custom artboard color is to use Illustrator‘s shape tools to draw a colored rectangle directly on your artboard. With this method, you can assign unique background colors to individual artboards in your document. It takes a few more steps than Document Setup but offers greater flexibility.
Follow these instructions to change your artboard color with a rectangle shape:
- Select the Rectangle Tool (M) from the toolbar on the left.
- Click and drag on your artboard to draw a rectangle that completely covers the entire artboard area.
To size the rectangle precisely, use the Transform panel (Window > Transform) to enter the exact width and height of your artboard. You can also enable the "Snap to Grid" option under View > Snap to Grid for accuracy.
- With the rectangle shape selected, click the Fill color swatch in the Tools panel or Color panel to open the color picker. Choose the color you want to use for your artboard background. The rectangle will instantly update to the selected fill color.
- In the Layers panel (Window > Layers), drag the layer containing your colored rectangle below all other artwork layers. This ensures the rectangle acts as a background and doesn‘t obscure your illustrations.
- To avoid accidentally moving or resizing the background shape, lock its layer in the Layers panel. Click the empty square space to the left of the layer‘s name to lock it. A padlock icon will appear indicating the layer is locked.
By using rectangle shapes, you can assign different artboard colors to each artboard in your document. This is handy for projects where you want to showcase variations or compare designs against different background options.
To toggle the visibility of your background rectangle, simply click the eye icon next to its layer in the Layers panel. This allows you to view your artwork with or without the colored background in seconds.
One advantage of using shapes for artboard colors is the ability to apply gradients, patterns, or even image fills to the rectangle for more creative background effects. Experiment with the Gradient panel and Swatches panel to customize your artboard backgrounds even further.
Working with Artboard Colors and Transparency
By default, Illustrator displays a white background behind your artboards even if you haven‘t explicitly set an artboard color. However, this is just a preview mode within Illustrator. The actual artboards are transparent until you change the background color using one of the methods described above.
To see your artboards with transparency, go to View > Show Transparency Grid. This replaces the white background with a checkerboard grid pattern, indicating transparent areas. The transparency grid is helpful for designing graphics with alpha channels or faded elements that utilize transparency.
You can customize the transparency grid to your liking by going to Illustrator > Preferences > Transparency & Gamut on macOS or Edit > Preferences > Transparency & Gamut on Windows. Here you can change the grid colors, size, and other display settings to make it easier to view your artwork.
Artboard Colors and Document Color Modes
When choosing colors for your artboard backgrounds, it‘s important to consider the color mode of your document. Illustrator supports two primary color modes:
- RGB (Red, Green, Blue) – Used for digital artwork that will be viewed on screens
- CMYK (Cyan, Magenta, Yellow, Black) – Used for artwork that will be printed
RGB and CMYK have different color gamuts, meaning they can reproduce different ranges of colors. To avoid color discrepancies, make sure to use the appropriate color mode for your project from the start.
You can set your document‘s color mode by going to File > Document Color Mode. If you‘re unsure which mode to use, consult with your printer or production partner for guidance.
Here‘s a quick comparison of when to use RGB vs. CMYK for your artboard colors:
| RGB Color Mode | CMYK Color Mode |
|---|---|
| Web graphics | Print graphics |
| Social media images | Business cards |
| Digital illustrations | Brochures |
| Infographics | Packaging designs |
| App designs | Magazine ads |
Keep in mind that you can always convert your document color mode by going to File > Document Color Mode and selecting the desired mode. However, it‘s best practice to create your artwork in the correct color space from the beginning to minimize any color shifts.
"One of the most common mistakes I see is designers using vibrant RGB colors for artboard backgrounds in documents intended for CMYK printing. Always double check your color mode and use Illustrator‘s Proof Colors feature to preview how your artwork will print."
– Marcus Wright, Production Artist
To preview how your CMYK document will look when printed, go to View > Proof Colors. This feature provides an on-screen simulation of your artwork using a selected color profile. It‘s a good habit to check Proof Colors periodically as you design to avoid any surprises later.
Bonus Tips for Managing Artboards in Illustrator
Understanding how to change artboard colors is a key skill, but there are many other artboard tricks in Illustrator that can enhance your workflow. Here are a few bonus tips:
-
Quickly add a new artboard to your document by clicking the New Artboard icon in the Artboards panel or by using the keyboard shortcut Shift+O.
-
Duplicate an existing artboard and all of its contents by holding down the Alt (Windows) or Option (macOS) key while dragging the artboard in the Artboards panel.
-
Rename your artboards by double-clicking the artboard name in the Artboards panel. Descriptive names make it easier to identify and organize multiple artboards.
-
Rearrange artboards in your document by dragging them to new positions in the Artboards panel. You can also click and drag artboards on the canvas to reposition them.
By default, Illustrator uses a preset artboard size of 612 x 792 pixels (8.5 x 11 inches) for new documents. You can create custom artboard sizes by clicking the Edit Artboards button in the Artboards panel and entering your desired dimensions in the Control panel.
When it‘s time to export your artwork, Illustrator provides options to include artboard backgrounds or use transparency. In the Export dialog box, look for the "Background Color" dropdown menu. You can choose to export with a white background, black background, or transparent background.
Wrapping Up
In this guide, we covered two primary ways to change artboard color in Adobe Illustrator:
- Using the Document Setup options to apply a global background color
- Drawing colored rectangle shapes to assign backgrounds to individual artboards
Both methods are straightforward and give you control over the look and feel of your artboard backgrounds. Whether you‘re creating digital illustrations, social media assets, print designs, or other artwork, taking the time to set intentional artboard colors is a smart way to elevate your designs.
We also explored related topics like managing transparency, understanding color modes, and organizing multi-artboard documents. With these tips and techniques in your back pocket, you‘ll be able to work more efficiently and effectively in Illustrator.
Remember, there‘s no one "right" artboard color. It all depends on the specific needs of your project and your creative vision. Don‘t be afraid to experiment with different background colors, gradients, and effects to find the perfect complement to your designs.
"I like to think of artboard colors as an extension of the artwork itself. A well-chosen background color can transform a good design into a great one. Have fun exploring the possibilities!"
– Olivia Kim, Freelance Illustrator
If you have any other questions about working with artboards or changing background colors in Illustrator, feel free to leave a comment below. Happy designing!
Note: All illustrations and screenshots included in this article were created using Adobe Illustrator CC 2021. Menu options and dialog box layouts may vary slightly between software versions.
Sources:
- Adobe Help Center. "Change the artboard background color." https://helpx.adobe.com/illustrator/using/using-multiple-artboards.html#change_the_artboard_background_color
- Creative Pro. "When to Use the RGB and CMYK Color Modes in Printing Designs." https://creativepro.com/when-to-use-the-rgb-and-cmyk-color-modes-in-printing-designs/