EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

InDesign Background Color

Home » Design » Design Tutorials » Design Basic Tutorial » InDesign Background Color

InDesign Background Color

Introduction to InDesign Background Color

InDesign Background color is very useful and good feature for making any layout design very effectively or making it relevant to the theme of design or purpose behind that layout. In this software we can explain background color in two ways first one is set background color for only visual appearance that means we can see that color only with our design for understand how that decide look when print on same type of colored paper. The second one is set background color that can be print with design, it doesn’t matter what color paper is on which you want to print your layout design.

Now we are going to discuss both of the ways and understand their purposes.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

How to create and use Background color in InDesign?

I will first take a Letter size document page from New Document dialog box of this software and i will set margin as well as bleed for the all four sides of document page.

InDesign Background Color output 1

I have created a layout design already and we will set background color for this.

InDesign Background Color output 2

First we will set background color that will only for visual purpose and it will not print on paper during printing of layout. We set this type of background color only for understanding how our design will look like if we print it on the specific colored page. So it plays very important role because appears of any layout design changes with background color theme.

For this purpose we have to open Swatches panel which you can find at the right side of working screen in different panels sections.

Popular Course in this category
Sale
Maya Training (10 Courses, 7+ Projects)10 Online Courses | 7 Hands-on Projects | 100+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.7 (10,765 ratings)
Course Price

View Course

Related Courses
Photoshop Training (9 Courses, 12+ Projects)After Effects Training (1 Courses, 3+ Projects)

InDesign Background Color output 3

If there is no such panel on your working screen then you can go to Window menu of menu bar then go to Color option of drop down list and in new drop down list of Color you will find Swatches panel option or you can simple press F5 functional key of keyboard.

InDesign Background Color output 4

Here in this Swatches panel we have Paper layer so make double click on it.

InDesign Background Color output 5

Once we make double click on it we have a Swatch dialog box like this and in this box we have color slider scale for CMYK mode.

InDesign Background Color output 6

I will make change in value of Cyan color and you can see the color of background of document page changes according to this. It will not affect design element as well as content of design layout.

InDesign Background Color output 7

Not only light color shades we can also change to dark color shades. It totally depends on our design layout appearance.

InDesign Background Color output 8

I will set background color to light shade for my design layout and then go to File menu for saving it as PDF and after that let we see what will happen with my design layout. So click on Export option of drop down list of this menu.

InDesign Background Color output 9

In the Export dialog box name your design as per your choice. I will name it as Background Color 1 then click on Save button of this dialog box.

InDesign Background Color output 10

Once you make click on Save button a dialog box for Export Settings will be open for making settings of PDF format for your design as per your requirement. For this time i will not disturb any parameters of this dialog box and go with default settings.

InDesign Background Color output 11

Now when we open our saved PDF design you can see there is no background color that we have taken during saving it. The reason is that we use ‘Change color of Paper from swatches panel’ method which only shows you color in InDesign software for visual purpose and i will not come with design after saving it.

InDesign Background Color output 12

Now is will open Swatch dialog box of paper and make values of CMYK as zero.

InDesign Background Color output 13

Now i will take Rectangle tool from tool panel or you can press M as shortcut key.

InDesign Background Color output 14

I will create a rectangle like this. During creating a rectangle keep some points in your mind that is create a rectangle of size bigger than the bleed area because when you take it in printer for print then there will be no minor white line show at the edges of document page.

InDesign Background Color output 15‘

Once i create this rectangle it will cover all the elements and content of my layout design. You can see the size of my created rectangle is bigger than bleed area. You can identify bleed area with red rectangular lines.

InDesign Background Color output 16

Now i will change the color of this rectangle and for this purpose i will make double click on the Fill box of color box in tools panel.

output 17

After having my desired color on the rectangle i will make right click on it then a scroll down list will be open. Go to Arrange option of this list and click on Send to Back option of it or you can simply press Ctrl + Shift + [ for sending selected element back to the all content of the document page.

output 18

And our selected rectangle will go behind all the content. You can see now our document page has colored background.

output 19

Here you can see there is extra part of rectangle which is out of the document page area.

output 20

You need not to worry about it just click on Preview button to see how your design will look on final output. You can press W for preview mode also.

output 21

So this is final output which gives you a safe design layout for printing purpose.

output 22

Now let us save it also as PDF and this time i will name it as Background Color 2.

output 23

I will go with default settings of export.

output 24

Now when i open my saved PDF layout design you can see it has background color now.

output 25

Conclusion

Now i am sure you can understand when you use paper color method for setting background color and when you go with shape color method. It is totally depends on end use of requirement of your designed layout, so you can practice on both and understand them deeply for having more knowledge of them.

Recommended Articles

This is a guide to InDesign Background Color. Here we discuss How to create and use Background color in InDesign along with the steps. You may also have a look at the following articles to learn more –

  1. Alternative to Indesign
  2. InDesign Document Setup
  3. InDesign CS6
  4. What is Adobe InDesign

All in One Design Bundle (280+ Courses, 100+ projects)

280+ Online Courses

100+ projects

2000+ Hours

Verifiable Certificates

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Design Basic Tutorial
  • Basics and Advanced
    • Pro Tools Version
    • Sketch plugins
    • Online Gaming Platforms
    • InDesign eyedropper tool
    • InDesign rounded corners
    • InDesign align
    • InDesign resize image
    • InDesign line spacing
    • InDesign columns
    • InDesign overset text
    • InDesign data merge
    • InDesign grid template
    • InDesign layers
    • InDesign reset preferences
    • InDesign master pages
    • InDesign layout
    • InDesign portfolio template
    • InDesign invoice template
    • InDesign word count
    • InDesign underline
    • InDesign superscript
    • InDesign presentation templates
    • InDesign drop cap
    • InDesign how to add page numbers
    • InDesign resume template
    • InDesign import pdf
    • InDesign table of contents
    • InDesign change page size
    • InDesign book templates
    • InDesign link text boxes
    • InDesign vertical text
    • InDesign center text vertically
    • InDesign newspaper template
    • InDesign shortcuts
    • InDesign gap tool
    • InDesign paragraph styles
    • InDesign Grid
    • InDesign margins
    • InDesign highlight text
    • InDesign Wrap Text
    • ZBrush ZRemesher
    • Animation Software
    • Principles of Animation
    • 3d Animation Software
    • 3D Modeling Software
    • 3D Software Design
    • 2D Animation Software
    • 10 Quick Tips For Adobe InDesign Users
    • ADOBE FLASH CS6
    • Adobe Lightroom For Free
    • Lightroom Background Color
    • Lightroom?Shortcuts
    • Adobe Premiere Pro Plugins
    • Adobe Speedgrade
    • Install Adobe Creative Cloud
    • Install Adobe Premiere Pro
    • What is Adobe Creative Cloud
    • What is Adobe Illustrator
    • What is Adobe InDesign
    • Adobe Indesign Uses
    • InDesign Background Color
    • What is Adobe Lightroom
    • What is Adobe Muse
    • What is Adobe Prelude
    • What is Adobe Premiere Pro
    • Careers in 3D
    • Careers in 3D Modeling
    • Careers in 3D Printing
    • Best Editing Software
    • Video Editing Application
    • Video Editing Tools
    • Career In Designing
    • Careers in Game Development
    • 3D Printing Models
    • Adobe Editing Softwares
    • Types of Adobe
    • Types of Illustration
    • What is Graphic Design
    • Best Graphic Design Software
    • Best Photo Editors
    • Game Testing Interview Questions
    • VFX Softwares
    • Unity Scripting
    • VFX Companies
    • How To Use Indesign
    • New Features InDesign CS6
    • What is Houdini?
    • Advantages of 3D Printing
    • What is Autodesk
    • Designers and Architects
    • 2D and 3D Shapes
    • Keyboard Shortcuts for Premiere Pro
    • Unreal Engine Tutorial
    • Best Audio Editors
    • Digital Image Processing
    • What is Motion Graphics
    • What is Digital Design
    • Design Pattern Interview Questions
    • Graphic Design Interview Questions
    • UX designer Interview Questions
    • Is Unreal Engine Free
    • What Is Design Pattern
    • What is VFX
    • What is Audacity
    • What is Unreal Engine
    • What is CATIA
    • What is Blueprint
    • Sony Vegas Pro for Free
    • 3D Graphics Software
    • Best Online Photo Editor
    • Photo Editing App
    • Vector Graphics Editor
    • ArchiCAD
    • ArchiCAD Shortcuts
    • Audacity Keyboard Shortcut
    • Davinci Resolve Shortcuts
    • What is pixel art?
    • Picmonkey Alternatives
    • Adobe Flash Player Alternative
    • Pro tools shortcuts
    • Pro Tools Plugins
    • Architectural Design Software
    • Architectural Design Principles
    • Architecture Design Types
    • Architectural design tools
    • Application of Digital Image Processing
    • Digital Image Processing Fundamentals
    • OpenGL Versions
    • Revit Keyboard Shortcuts
    • Revit plugins
    • Indesign version
    • What is DirectX?
    • DirectX Versions
    • Cinema 4D Plugins
    • Cinema 4d shortcuts
    • Godot Engine
    • Godot tilemap
    • Krita Animation
    • Krita Software
    • Krita Shortcuts
    • Krita eraser
    • Krita brushes
    • Krita Pixel Art
    • Krita Plugins
    • Skencil
    • Fusion 360 Keyboard Shortcuts
    • Anim8or
    • Affinity photo plugins
    • FL Studio Plugins
    • Vectorworks
    • Architectural Design Elements
  • Inkscape
    • What is Inkscape?
    • Inkscape layers
    • Inkscape Crop
    • Inkscape text
    • Inkscape G-code
    • Inkscape mirror
    • Inkscape rounded rectangle
    • Inkscape EPS
    • Inkscape image to vector
    • Inkscape unlock
    • Inkscape Curved Text
    • Inkscape laser cutting
    • Inkscape background color
    • Inkscape arrow
    • Inkscape vector
    • Inkscape animation
    • Inkscape 3D
    • Inkscape SVG
    • Inkscape Dark Theme
    • Inkscape trace bitmap
    • Inkscape gradient
    • Inkscape Greek Letters
    • Inkscape shadow
    • Inkscape snap to grid
    • Inkscape Fonts
    • Inkscape extensions
    • Inkscape PNG to SVG
    • Inkscape Art
    • Inkscape transparent background
    • Inkscape Alternatives
    • Inkscape Remove Background
    • Inkscape text to path
    • Inkscape logo
  • Figma
    • Figma Libraries
    • Figma fonts
    • Figma Plugins
    • Figma grid
    • Figma Alternatives
  • SketchUp
    • SketchUp Keyboard Shortcuts
    • SketchUp geolocation
    • SketchUp animation
    • SketchUp Change Dimensions
    • SketchUp Import
    • SketchUp 2D
    • SketchUp rendering
    • Sketch software
    • Figma Shortcuts
    • SketchUp Layers
    • SketchUp landscape design
    • SketchUp group
    • SketchUp intersect faces
    • SketchUp Rotate
    • SketchUp Architecture
    • SketchUp 3D Models
    • SketchUp Vray
    • SketchUp Units
    • SketchUp garden design
    • SketchUp Layout
    • SketchUp Mirror
    • SketchUp Extensions
    • SketchUp Unhide
    • SketchUp kitchen
    • SketchUp background
    • SketchUp library
    • SketchUp dynamic components
    • SketchUp CutList
    • SketchUp Array
    • SketchUp Woodworking
    • SketchUp resize component
    • SketchUp Ungroup
    • SketchUp Deck Design
  • GIMP
    • What is GIMP
    • GIMP Versions
    • GIMP brushes
    • GIMP line tool
    • GIMP blend tool
    • GIMP clone tool
    • GIMP magic wand tool
    • GIMP 3D Text
    • GIMP healing tool
    • GIMP Layers
    • GIMP Fonts
    • GIMP Toolbox
    • Blur Effect in GIMP
    • GIMP Change Background Color
    • GIMP Floating Selection
    • GIMP?batch processing
    • GIMP Crop
    • GIMP Filters
    • GIMP GMIC
    • GIMP?opacity
    • Animation in GIMP
    • GIMP import image
    • GIMP replace color
    • GIMP text outline
    • GIMP video editing
    • GIMP Alternatives
    • GIMP vector graphics
    • GIMP text shadow
    • GIMP resize image
    • GIMP pixel art
    • GIMP invert colors
    • GIMP GIF
    • GIMP move selection
    • GIMP normal map
    • GIMP remove background
    • GIMP rotate
    • GIMP grid
    • GIMP text effects
    • GIMP erase to transparent
    • GIMP resize layer
    • GIMP Patterns
    • GIMP extensions
    • GIMP blur background

Related Courses

Maya Course

Photoshop course

After Effects Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Special Offer - Maya Course Learn More