How to Collage in Procreate
StyleFrame Team8 min read
To collage in Procreate, import your source images as layers, cut shapes out with the Selection tool, and arrange them with Transform. Then unify the pieces with Adjustments, blend modes, clipping masks, and soft drop shadows so they read as one composition. The workflow is simple: gather assets, cut, arrange, match color, add shadows and texture, and export a layered file. A layered PSD export lets you carry the collage into After Effects for animation.
Why Procreate works for collage (and why motion artists use it)
Procreate is built for fast, tactile image manipulation on an iPad, which suits collage. You can lasso a shape with a stylus, flick it onto its own layer, and push it around the canvas in seconds. For motion designers, that speed is useful for styleframes, mood boards, and cutout-style animation elements, where every piece will eventually live on its own layer in a compositing app.
Treat the Procreate file as a layered asset, not a flat picture. The cleaner your layer structure is at the start, the easier everything becomes downstream.
Step 1: Gather and organize your source material
Before you open a canvas, collect everything you plan to use. Hunting for images mid-session breaks your flow, and a limited set of sources tends to look more cohesive than a pile of unrelated images.
- Photography: Use free-to-use libraries such as Unsplash, Pexels, or Pixabay, or your own shoots and scans.
- Textures and "paper": Scan real paper, fabric, and printed ephemera, or paint your own flat color with a texture brush.
- Cutout-ready elements: PNGs with transparency save time, though they're rarely as varied as photos you cut yourself.
Check licensing if the work is commercial, and save everything into a single project folder in Files (iCloud or Dropbox) so it's quick to import. Keep a note of where each image came from, since client work often requires it.
Step 2: Set up the canvas
Create a canvas sized for your final destination. If the collage will end up in an After Effects comp, match your composition resolution and aspect ratio now, such as 3840 × 2160 for UHD. Check the maximum layer count for your canvas size under Canvas > Canvas Information. Larger canvases mean fewer layers, so plan accordingly.
Import images through Actions (wrench) > Add > Insert a photo, or Insert a file. Each image lands on its own layer, ready to transform. Name your layers as you go. "Sky_base," "figure_cutout," and "shadow_figure" will save you real time later.
Step 3: Cut out shapes
Cutting is the heart of collage, and Procreate gives you a few ways to do it.
Freehand selection
Choose the Selection tool (the S icon), set it to Freehand, and draw around the shape. Closing the loop creates the selection. A slightly imprecise hand-cut edge is part of the collage look, so don't over-polish.
Duplicate, Cut & Paste, or layer Duplicate
With a selection active, swipe down with three fingers to open the quick menu:
- Duplicate places the cutout on its own layer and leaves the original intact, so you can use the source again.
- Cut & Paste lifts the shape out and leaves a hole behind, which is handy when you want the source image to look physically cut.
- Duplicate from the layer menu copies the whole layer if you need an alternate version.
Using Duplicate is the safer default because you can go back to the source for another cut.
Automatic selection for cleaner subjects
For subjects with clear contrast against their background, the Automatic selection mode can get you most of the way there. Refine the edges with the Add and Remove options. For complex edges like hair, you may want to mask manually with a layer mask instead, since masks are reversible and a hard erase is not.
Step 4: Arrange and transform
Switch to the Transform tool (the arrow icon) to move, scale, rotate, and flip pieces. A few habits keep the composition manageable:
- Use Uniform mode when scaling photography so subjects don't distort.
- Flip and rotate for unexpected pairings. An inverted figure against a sky can create a floating, surreal effect.
- Order your layers deliberately. Backgrounds at the bottom, midground cutouts in the middle, accents on top.
- Group related elements. Swipe right on layers to multi-select them, then group them.
Don't commit early. Move things around until the composition feels balanced, then refine. Collage rewards experimentation, so duplicate a group and try an alternate layout before you make destructive changes.
Step 5: Match color and tone
Pieces from different sources rarely match right away. The Adjustments menu (magic wand icon) is where you tie them together.
- Hue, Saturation, Brightness shifts a texture or paper layer into your palette.
- Color Balance pushes shadows, midtones, and highlights toward a shared tint.
- Curves adjusts contrast and lets you match black points between elements.
- Gradient Map or a color-fill layer set to a blend mode can unify an entire collage under a single mood.
Choose Layer mode to adjust one layer, or Pencil mode to apply adjustments by painting them in, which is useful for localized corrections. Layer blend modes like Multiply, Overlay, Soft Light, and Screen help cutouts sit in a scene instead of looking pasted on.
Step 6: Use clipping masks and Alpha Lock
Clipping masks let you texture a shape without altering it. Place a texture layer above a shape layer, tap it, and choose Clipping Mask. The texture now only appears inside the shape below. This is the classic way to create papercut effects: draw a flat silhouette, clip a textured paper layer to it, and change the paper's hue to vary the colors.
Alpha Lock does something similar on a single layer. It lets you paint only where pixels already exist, which is useful for adding color along the edges of a cutout.
Step 7: Rough up edges for a torn-paper look
If you want a physical, torn feel, erase the edges of your cutouts with a textured or dry-ink style brush. Then, using Alpha Lock or a clipping mask, paint a lighter color along the rim to imitate the exposed paper fibers of a torn edge. Viewers rarely zoom in far enough to inspect this closely, so a convincing suggestion is enough.
Step 8: Add shadows for depth
Shadows are what separate a collage from a flat arrangement of images. A reliable approach:
- Duplicate the cutout layer.
- Turn on Alpha Lock for the lower copy and fill it with black (Fill Layer).
- Turn off Alpha Lock, then move the shadow slightly down and to one side.
- Apply a Gaussian Blur at a low value, around 5%.
- Reduce the opacity to roughly 30% and set the blend mode to Multiply or Linear Burn.
Keep the light direction consistent across the whole piece. For pieces that sit higher above the "paper," offset the shadow more and blur it more. For pieces lying flat, keep it tight and subtle.
Step 9: Add texture and finishing touches
A subtle grain, paper texture, or halftone overlay across the whole collage helps unify elements from different sources. Add a new layer at the top, fill it with texture, and set it to Overlay, Soft Light, or Multiply at low opacity. Then add small details such as tape, stitched lines, or hand-drawn marks to make the piece feel handmade.
Step 10: Export for your motion pipeline
How you export depends on what happens next.
- PSD: Preserves layers, which is usually best for After Effects. Import it as a composition with retained layer sizes so each cutout can be animated independently.
- PNG: Use for single flat frames or for individual elements with transparency.
- TIFF or JPEG: Use for flat references and client presentations.
Before exporting a PSD, rename and group your layers. Blend modes and adjustments may not all translate perfectly between apps, so check the result and, where needed, flatten or merge specific layers to lock in the look. Procreate's own adjustment effects are not editable in After Effects, so decide early which layers need to stay flexible.
Taking a Procreate collage into motion
Once your collage is a layered file, the usual move is parallax and cutout animation in After Effects: separate the layers, add depth with camera movement, and animate pieces on stepped or loose timing to mimic stop-motion paper. That works well when you want a deliberately handmade feel.
If you want a different kind of motion from the same artwork, an AI video tool such as Styleframe may complement that process. Check its current documentation for supported features and export formats. The compositing stays in your hands, and Procreate remains the place where the collage's look is designed.
Common mistakes to avoid
- Inconsistent shadows: Mixed light directions are the fastest way to expose a fake collage.
- Overly clean cutouts: Perfect edges can look like a digital composite rather than a collage. Slight irregularity helps.
- Mismatched resolution: Combining low-res and high-res sources makes some pieces look soft. Upscale or replace weak images.
- Flattening too early: Keep layers separate until you're sure of the final arrangement, especially if the file is headed to animation.
- Ignoring licensing: Verify usage rights on commercial projects.
Quick workflow summary
- Collect and organize images, textures, and paper.
- Set the canvas to your final delivery size.
- Cut shapes with Freehand or Automatic selection.
- Arrange with Transform and manage layers in groups.
- Match color with Adjustments and blend modes.
- Texture shapes with clipping masks and Alpha Lock.
- Roughen edges where you want a torn look.
- Add consistent, soft shadows.
- Unify with grain or paper texture.
- Export a layered PSD for After Effects, or a PNG for single frames.
Once the steps become habit, the technique is quick, and the layered file you end up with is easy to push further, whether you animate it in After Effects or use it as a reference for other tools in your pipeline.