Pixelmator Support
Pixelmator Pro User Guide
Support HomepagePixelmator Pro User GuidePhotomator User GuideFAQ
  • Welcome
  • Pixelmator Pro basics
    • Interface overview
    • Pixelmator Pro tools
    • Zoom in and out of an image
    • Scroll, pan, or rotate an image
    • Undo or redo changes
    • Choose and manage colors in Pixelmator Pro
    • Use the Pixelmator Pro Photos extension
    • Print a Pixelmator Pro document
    • Use text field math
    • Pixelmator Pro settings
      • General settings
      • Editing settings
      • Ruler, grid, and guide settings
      • Workspace settings
      • Apple Pencil settings
    • Customize the Tools sidebar
    • Customize the Pixelmator Pro toolbar
    • Use the Touch Bar with Pixelmator Pro
    • Automate tasks in Pixelmator Pro
  • Create, open, and save images
    • Open an image
    • Create a new image
    • Working with templates
    • Working with mockups
    • Edit from Photos
    • Import an image
    • Save and name an image
    • Close an image
    • About the Pixelmator Pro file format
    • About Pixelmator Pro sidecar files
  • Automatically edit images
    • Automatically enhance colors
    • Automatically increase image resolution
    • Remove color banding
    • Automatically reduce noise
    • Remove image background
    • Hide image background
    • Automatically crop and straighten images
    • Automatically match image colors
    • Decontaminate colors
  • Work with layers
    • Create layers
    • Color adjustments and effects layers
    • Use the Arrange tool
    • Select layers
    • Move and align layers
    • Resize, rotate, and flip layers
    • Transform layers
    • Convert layers into pixels
    • Use rulers
    • Use alignment guides
    • Organize and manage layers
    • Replace image
    • Video layers
  • Add masks
    • Working with bitmap masks
    • Working with vector masks
    • Open and edit images with Portrait Masks
    • Use clipping masks
  • Customize layers using styles
    • Adjust the opacity of a layer
    • Change the blend mode of a layer
    • Add an outline around a layer
    • Fill a layer with a color or gradient
    • Add an inner shadow to a layer
    • Add a drop shadow to a layer
    • Layer style presets
  • Adjust colors
    • White balance an image
    • Adjust hue, saturation, and vibrance
    • Adjust lightness, clarity, and texture
    • Selectively adjust clarity and texture of an image
    • Selectively balance the colors in an image
    • Adjust individual colors in an image
    • Adjust the levels of an image
    • Adjust the tonal curve of an image
    • Replace one color in an image with another
    • Remove color from an image or video
    • Manually convert a color image to black and white
    • Convert an image to black and white with a color tint
    • Apply a sepia tint
    • Fade the shadows or highlights of an image
    • Mix the color channels of an image
    • Invert the colors of an image
    • Apply a vignette
    • Sharpen an image
    • Add film grain to an image
    • Apply LUTs
    • Color adjustment presets
    • Working with RAW images
    • Reading histograms
    • About color management
    • Change the color profile of an image
    • Change the color depth of an image
    • See what an image looks like on another device
  • Retouch and reshape layers
    • Remove an object from an image
    • Copy part of an image from one area to another
    • Lighten a specific area of an image
    • Darken a specific area of an image
    • Make a specific area of an image more vibrant
    • Desaturate a specific area of an image
    • Sharpen a specific area of an image
    • Soften a specific area of an image
    • Smudge a specific area of an image
    • Warp a specific area of an image
    • Bump a specific area of an image
    • Pinch a specific area of an image
    • Twirl a specific area of an image
  • Add effects
    • Apply blur effects
    • Apply distortion effects
    • Apply sharpen effects
    • Apply color adjustment effects
    • Apply tile effects
    • Apply stylize effects
    • Apply halftone effects
    • Apply generator effects
    • Apply fill effects
    • Apply other effects
    • Effect presets
  • Paint and erase
    • Use the brushes browser
    • Stroke with a brush
    • Quickly fill an image with color
    • Fill specific areas of an image with color
    • Fill with the Gradient Fill tool
    • Paint with the Pixel Paint tool
    • Erase using the Smart Erase tool
    • Edit brush settings
    • Create a brush
    • Share and import brushes
  • Make selections
    • Select areas by shape or color
    • Select areas by drawing
    • Make rectangular, elliptical, or row selections
    • Select all opaque areas of a layer
    • Select the entire image
    • Automatically select a subject in an image
    • Adjust selections
    • Refine selections
    • Move, copy, and delete selected areas
    • Convert selections into shapes
  • Draw shapes and vector graphics
    • Arrange and combine shapes
    • Draw shapes with the Pen tool
    • Draw shapes with the Freeform Pen tool
    • Edit vector paths
    • Save and share custom shapes
  • Use the Type tool
    • Add text on a path
    • Copy and paste text
    • Use dictation to enter text
    • Change the font or font size
    • Add bold, italic, underline, or strikethrough to text
    • Convert text into an outline
    • Change the color of text
    • Change text capitalization
    • Align and space text
    • Format characters
    • Convert text into a shape or pixel layer
    • Text style presets
  • Resize, crop and straighten images
    • Rotate and flip an image
    • Trim away colored or transparent borders around an image
    • Reveal parts of an image beyond the canvas
    • Crop presets
    • Change the image size
    • Change the canvas size
  • Export and share images
    • Export an image or video for the web
    • Slice designs into individual images
    • Quickly export or share an optimized image
    • Export presets
  • Pixelmator Pro keyboard shortcuts
    • Customize keyboard shortcuts
Powered by GitBook
On this page
  • Add a vector mask
  • Edit a vector mask
  • Refine a vector mask
  • Replace a vector mask

Working with vector masks

PreviousWorking with bitmap masksNextOpen and edit images with Portrait Masks

Last updated 21 days ago

Vector masks in Pixelmator Pro allow you to mask layers into specific shapes. They instantly hide or reveal parts of layers based on the shape boundaries, making the areas inside visible and the outside hidden. To apply a vector mask, you can select a shape from the Mask menu, create one with Pen tools, or choose from various shapes in the Shape browser.

Add a vector mask

  • Open the Mask menu at the top of the layers sidebar and choose a shape, or choose Pen or Freeform Pen tools to draw a mask from scratch.

  • With the Arrange tool selected, double-click an image layer.

  • With the Arrange tool selected, double-click a selection.

  • Choose Format > Mask > Mask with Shape from the Format menu at the top of your screen.

  • In the Layers sidebar, Control ⌃ – click a layer, choose Mask with Shape, then select an option.

  • Command ⌘-drag any shape from the Layers sidebar or directly from any Shape browser in Pixelmator Pro to mask a layer with a shape.

Edit a vector mask

Editing vector masks is easy with handy on-canvas controls that appear when you select a mask layer. If the controls are not visible, make sure the Arrange tool is selected.

  1. Select the vector mask you want to edit.

  2. Do any of the following:

    • Change the mask shape: To replace your current mask, use the Shape tool in the on-canvas controls to open the Shapes browser and select a shape.

    • Change the mask fill type: Click Mask Settings, and in the Mask Fill Type menu, select whether you want your mask to be a solid color or a gradient. You can edit the gradient mask just as you edit gradients.

    • Adjust the mask opacity: Click Mask Settings and drag the Opacity slider to control the overall transparency of the mask, including the unmasked areas of a layer.

    • Adjust the mask density: Click Mask Settings and drag the Density slider to control the strength of the masking effect in the masked areas of a layer.

    • Adjust the mask softness: Click Mask Settings and drag the Feather slider to control how much to soften the edges of the mask.

    • Invert the mask: Click Invert Mask to make transparent areas opaque and vice versa. You can also press Command ⌘ + I on your keyboard to invert a mask.

Refine a vector mask

Vector masks are fully editable and allow you to adjust individual points just like editing regular shapes. They also offer resolution-independent scaling, making them ideal for high-quality designs of any size, such as web or print graphics.

See the section Draw shapes and vector graphics to learn more about editing shapes and managing your shapes library.

📘 Note: You can refine vector masks using the Refine Mask tool just like you refine bitmap masks, but this process converts them to bitmap.

Replace a vector mask

You can change the content of a bitmap layer mask by replacing it with any other image on your Mac. You can also replace vector masks with other shapes from your Shapes library.

  1. In the Layers sidebar, click to select the vector mask you want to replace.

  2. Do any of the following:

    • In the on-canvas controls, click to open the Shape browser and select a shape.

    • In the mask on-canvas controls, click More and choose Replace Shape Mask.

    • Choose Format > Mask > Replace Shape Mask from the Format menu at the top of your screen.

    • In the Layers sidebar Control ⌃ – click the layer mask, and choose Mask > Replace Shape Mask.