3.1 Document Creation, Output Settings, and Presets
Key Takeaways
The New Document dialog (Cmd+N / Ctrl+N) organizes templates by production intent (Photo, Print, Art & Illustration, Web, Mobile, Film & Video), each establishing baseline dimensions, color spaces, and resolution.
Commercial offset print projects require physical units (inches, mm) and high resolution (standardly 300 PPI, or ) in CMYK or tagged RGB, while screen media uses target pixel dimensions and an appropriate RGB profile; PPI metadata does not set browser size.
Selecting Transparent under Background Contents initializes an unlocked standard Layer 1 rather than a locked Background layer, streamlining non-destructive compositing.
Artboards provide discrete canvas boundaries within a single PSD file, enabling multi-device responsive web layouts and multi-format social campaign workflows.
Custom document presets capture specific dimension, resolution, orientation, color mode, bit depth, and color profile settings for rapid, standardized project setup.
Anatomy of the New Document Dialog
Launching a new creative project in Adobe Photoshop begins with configuring the document canvas to match the exact specifications required by the final delivery medium. Pressing Cmd+N (macOS) or Ctrl+N (Windows), or selecting File > New, opens the New Document dialog box. Understanding every parameter in this dialog is fundamental to professional asset creation and forms a recurring focus on the Adobe Certified Professional (ACP) examination.
The dialog is split into two primary areas: the Intent Category Tabs across the top and the Preset Details sidebar on the right.
Document Intent Categories and Presets
Photoshop groups pre-configured document presets by production intent. Selecting a category filters the available presets and sets appropriate defaults for resolution, color mode, bit depth, and measurement units:
- Recent & Saved: Displays recently created custom dimensions and saved user presets.
- Photo: Designed for photographic printing and digital darkroom workflows. Includes standard photographic sizes such as Landscape inches, inches, and inches, pre-configured at 300 PPI in RGB Color mode.
- Print: Geared toward commercial offset and digital desktop printing. Provides standardized international paper dimensions including Letter ( in), Legal ( in), Tabloid ( in), A4, and A3, all set to 300 PPI with physical units (inches or millimeters).
- Art & Illustration: Tailored for digital painters, poster illustrators, and fine art reproduction. Offers presets such as Poster ( in), Postcard ( in), and grid canvases at 300 PPI.
- Web: Configured exclusively in pixel (px) dimensions at 72 PPI with the sRGB color space. Popular presets include Web Most Common ( px), Web Large ( px), and Web Medium ( px).
- Mobile: Provides exact pixel viewport dimensions for smartphones, tablets, and wearables, including Apple iPhone, iPad, Apple Watch, and Google Pixel specifications, which must be checked against the current project’s actual target pixel dimensions.
- Film & Video: Delivers broadcast and streaming video standards, including HDTV 1080p ( px) and UHD 4K ( px). Documents created under this tab automatically generate non-printing title-safe and action-safe video guides and support specialized non-square pixel aspect ratios.
Configuring Dimensions, Units, and Resolution Standards
The Preset Details panel controls the core mathematical and physical geometry of the canvas.
Measurement Units and Orientation
Photoshop supports six primary measurement units:
- Pixels (px): The fundamental unit of raster screen media. Web, UI/UX, mobile apps, social media graphics, and digital video must always be configured in pixels.
- Inches (in): Standard imperial measurement for North American commercial print, photographic prints, and publishing.
- Centimeters (cm) & Millimeters (mm): Standard metric measurements used internationally for packaging, publishing, and print media.
- Points (pt): Traditional typographic unit (). Frequently utilized when establishing layout geometry aligned with type hierarchies.
- Picas (p): Typographic layout unit ().
Directly beneath the dimension inputs are the Orientation buttons: Portrait (vertical) and Landscape (horizontal). Clicking either icon automatically toggles the canvas aspect ratio and swaps the numbers currently entered in the Width and Height fields.
Resolution: Demystifying PPI vs. DPI
A critical objective on the ACP examination is understanding resolution and distinguishing between digital pixel density and hardware print dots:
- PPI (Pixels Per Inch): A measurement of digital raster image resolution, defining how many distinct pixels are rendered across one linear inch of display or print reproduction. Photoshop documents operate strictly in PPI.
- DPI (Dots Per Inch): A physical hardware measurement indicating the density of physical ink droplets placed on paper by an image setter, laser printer, or commercial offset press.
Important
For screen-based digital media, physical PPI is nominal—display size is governed entirely by total pixel dimensions (e.g., px). A image at 72 PPI and the same image at 300 PPI display identically on computer monitors. However, for physical print, PPI directly governs printed output size: dividing total pixel dimensions by the PPI yields the resulting physical print size in inches (e.g., ).
| Production Intent | Standard Resolution | Common Color Mode | Primary Measurement Unit |
|---|---|---|---|
| Commercial Offset Print | 300 PPI () | CMYK (or tagged RGB) | Inches, Millimeters, Points |
| Desktop Office Printing | 150–200 PPI | RGB or CMYK | Inches, Centimeters |
| Large-Format Billboards | 30–100 PPI | CMYK or RGB | Feet, Inches, Centimeters |
| Digital Web & UI Design | 72 PPI (nominal) | RGB (sRGB IEC61966-2.1) | Pixels (px) |
| Broadcast Video / Motion | 72 PPI (nominal) | RGB (Rec. 709 / sRGB) | Pixels (px) |
Resolution Rule of Thumb for Commercial Print:
Resolution (PPI) = 2 × Line Screen Frequency (LPI)
Example: 150 LPI halftone screen × 2 = 300 PPI target canvas resolution
Color Modes, Bit Depth, and Profile Assignment
Color modes define the mathematical color model used to represent and blend chromatic values within the document:
- RGB Color (Additive): Combines Red, Green, and Blue light values from 0 to 255. Standard for all digital screens, web interfaces, mobile devices, photography, and video.
- CMYK Color (Subtractive): Simulates 4-color process ink printing (Cyan, Magenta, Yellow, blacK) with percentage values from 0% to 100%. Used when the print vendor requests process-color separations; some vendors accept tagged RGB.
- Grayscale: Uses one channel; an 8-bit grayscale image contains 256 levels, discarding all chromatic hue and saturation data.
- Bitmap (1-bit): Represents pixels strictly as 100% black or 100% white, with zero intermediate shades of gray. Often used for line art and high-contrast digital engravings.
- Lab Color: A device-independent color model based on human perceptual vision, splitting color data into L (Lightness, 0 to 100) and two chromatic opponent channels: a (green-to-red) and b (blue-to-yellow).
Bit Depth
Bit depth dictates how many binary bits are allocated per color channel to record tonal information:
- 8-bit per channel: Yields tonal levels per channel. In an 8-bit RGB image, . This is the universal standard for web assets, digital displays, and most commercial print.
- 16-bit per channel: Yields tonal levels per channel. Ideal for extensive photo retouching, sky gradients, and RAW image processing, reducing the risk of posterization and tonal banding. Note that 16-bit files roughly double file storage requirements and disable certain artistic filters.
- 32-bit per channel: Floating-point High Dynamic Range (HDR) imaging used in motion picture visual effects, 3D lighting, and architectural rendering.
Advanced Options: Color Profile Selection
Under the Advanced Options disclosure triangle, the Color Profile menu defines the exact color space gamut assigned to the new document:
- sRGB IEC61966-2.1: The universal standard for digital web, mobile UI, social media, and consumer monitors. Provides a common interchange space; appearance still depends on color management and display calibration.
- Adobe RGB (1998): A wide-gamut space offering expanded cyan-green range, widely used by professional photographers preparing assets for fine art and commercial offset press output.
- ProPhoto RGB: An ultra-wide gamut encompassing nearly all visible colors perceived by the human eye; used primarily in raw archival conversion.
- Working CMYK (e.g., U.S. Web Coated SWOP v2): Calibrated for standardized commercial web press printing on coated stock.
Background Contents and Canvas Initialization
The Background Contents dropdown determines the initial appearance and layer structure of the new canvas:
- White: Fills the canvas with solid white pixels and creates a locked Background layer.
- Black: Fills the canvas with solid black pixels on a locked Background layer.
- Background Color: Fills the canvas with whatever color is currently selected as the background swatch in the Tools panel.
- Transparent: Initializes the canvas with a transparent checkerboard pattern and creates an unlocked Layer 1.
- Custom: Opens the Adobe Color Picker, allowing the designer to specify any custom hex value or chromatic tint.
Tip
Exam Trap: When White, Black, or Background Color is selected, Photoshop creates a flat, locked layer named Background. This locked layer cannot have its opacity changed, cannot support transparency, and cannot be repositioned in the layer stack until the user converts it into a standard layer (by clicking the lock icon or double-clicking the layer). Choosing Transparent bypasses this limitation immediately by generating an unlocked standard layer.
Artboards: Multi-Surface Workflows
Checking the Artboards box in the Preset Details panel converts the document canvas into a multi-artboard workspace. An artboard acts as an independent, bounded sub-canvas within a single Photoshop document.
Artboard Capabilities
- Responsive UI/UX Design: A designer can create a Desktop artboard (), a Tablet artboard (), and a Mobile artboard () side-by-side in one PSD document, sharing smart objects, color swatches, and layer styles.
- Multi-Asset Campaigns: Marketing banners, Facebook feed posts, and Instagram Stories can be authored simultaneously, allowing visual consistency across differing aspect ratios.
- Artboard Management: Using the Artboard Tool (nested beneath the Move Tool, shortcut
V), designers can click the plus (+) icons on any of the four sides of an existing artboard to generate adjacent artboards, or use the Options bar to apply standardized mobile and desktop dimension presets.
Creating and Saving Custom Document Presets
When a client or agency project requires non-standard specifications (such as a custom packaging die-cut of inches at 300 PPI with a 0.125-inch margin allowance), configuring these parameters repeatedly is inefficient. Photoshop allows users to capture custom settings as permanent, reusable presets.
Workflow to Save a Custom Preset
- Open the New Document dialog (
Cmd+N/Ctrl+N). - In the Preset Details sidebar, enter the required Width, Height, and Units.
- Set the target Resolution (e.g., 300 PPI) and Orientation.
- Select the appropriate Color Mode, Bit Depth, and Color Profile.
- Select the required Background Contents and toggle Artboards if applicable.
- Click the Save Preset icon (the downward arrow icon) located to the right of the preset title field.
- In the resulting dialog, type a distinct name (e.g., Client Quarterly Catalog Cover) and click Save Preset.
- The preset immediately populates under the Saved tab at the top of the New Document dialog.
To delete a custom preset, click the preset under the Saved tab and click the Trash icon in the upper-right corner of the preset card.
A graphic designer is preparing a full-color trifold brochure that will be printed on a commercial offset press using a 150 LPI line screen. What document settings should they configure in the New Document dialog?
Physical units (such as inches), 300 PPI resolution, and CMYK Color mode (or standard RGB with a professional color profile for press conversion)
Pixel dimensions (such as 1920x1080 px), 72 PPI resolution, and RGB Color mode with an sRGB color profile
Point dimensions, 72 PPI resolution, and Bitmap color mode with 1-bit depth
Physical inches, 1200 PPI resolution, and Lab Color mode with 32-bit floating point depth
When creating a new document destined for a digital icon with an irregular shape and transparent areas, which Background Contents setting provides the most efficient workflow?
White, because it automatically clips unwanted exterior pixels upon export
Transparent, because it creates an unlocked standard layer (Layer 1) that supports immediate transparency without requiring background unlocking
Background Color, because it locks the canvas into an immutable alpha channel
Custom, because choosing a magenta background forces Photoshop to ignore opaque borders
A UI designer is tasked with creating assets for an e-commerce website that must adapt seamlessly across desktop, tablet, and mobile screens. Which New Document feature allows them to design and compare all three screen layouts side-by-side within a single Photoshop document?
Saving a multi-page PDF preset in the Preferences dialog
Creating a 32-bit Lab Color canvas with tiled document windows
Enabling the Artboards option to generate independent canvas surfaces within one PSD file
Activating the Scratch Disk partition under the Performance preferences
Sections you finish are checked off in the contents.