How to Scale and Rotate PNG Clipart in Procreate for Perfect Junk Journal Layers: A Step-by-Step Guide

You've downloaded a gorgeous set of transparent PNG clipart — vintage keys, botanical illustrations, sepia postmarks — but when you drop them into your junk journal spread in Procreate, they're either too big, tilted wrong, or just don't sit naturally with the background. Sound familiar?
Scaling and rotating clipart might seem trivial, but in junk journaling, the difference between a flat, amateur layout and a rich, layered vintage spread often comes down to how precisely you position each element. One degree off can break the illusion of depth. One scale misstep can ruin the visual hierarchy.
In this deep-dive guide, I'll walk you through the exact Procreate techniques I use to scale, rotate, and position PNG clipart so every piece feels like it belongs. You'll learn the math behind seamless scaling, the gesture controls that save you time, and the layer strategies that keep your canvas organized. Let's turn those loose PNGs into cohesive journal layers.
Why Scaling and Rotation Matter More Than You Think in Junk Journaling
A junk journal thrives on visual tension — overlapping textures, mismatched fonts, layered ephemera. But that tension only works if the elements feel intentionally placed. If a vintage ticket is scaled 200% larger than a postcard beside it, the viewer's eye stops trusting the composition.
Three reasons precise scaling and rotation are critical:
- Depth Illusion: Overlapping elements at slightly different scales creates the illusion of physical layering — like real paper stacked on a desk. A stamp scaled to 85% of its original size and rotated 3° feels tucked under a larger letter.
- Visual Flow: Rotated elements guide the eye diagonally across the spread. A cluster of leaves rotated 15° left leads the gaze from the top corner to the focal point.
- Authenticity: Vintage ephemera looks more real when not perfectly aligned. A crooked postmark at 2° rotation mimics the randomness of a real postal stamp.
If you're new to layering, start with my guide on 7 Creative Ways to Use Vintage Ephemera Clipart in Your Junk Journal Spreads — it covers how to choose clipart that works well together before you even open Procreate.
The Golden Rules of Scaling PNG Clipart in Procreate
Scaling isn't just pinching with two fingers. For consistent results, you need to understand how Procreate interprets size and resolution.
Rule 1: Always Work at 300 DPI from the Start
Set your canvas to 300 DPI (not 72 or 150). Why? When you scale a 300 DPI PNG down to 50%, the pixel density remains high enough to avoid blurriness. At 72 DPI, scaling down 50% can make edges jagged.
How to check DPI in Procreate:
- Go to Canvas > Canvas Information.
- Look under DPI — it should read 300.
- If it's lower, create a new canvas at 300 DPI and import your clipart again.
Rule 2: Use Uniform Scaling Unless You Want Distortion
When you drag a corner handle, Procreate scales proportionally by default. But if you accidentally drag a side handle (top, bottom, left, right), you stretch the image non-uniformly. For vintage clipart, uniform scaling preserves the original aspect ratio — essential for stamps, tickets, and botanical drawings.
Quick tip: Hold one finger on the canvas while dragging a corner handle to scale from the center. This keeps the focal point fixed.
Rule 3: The 10% Rule for Subtle Scale Differences
When layering two similar-sized elements (e.g., two postmarks), scale one to 90% and the other to 100% — not 50% and 100%. A 10% difference is enough to create depth without looking like a mistake. For dramatic layers (e.g., a large letter with a small stamp on top), scale the stamp to 30-40% and the letter to 100%.
Procreate Gesture Controls for Pinpoint Rotation
Rotation in Procreate is intuitive but imprecise if you don't know the hidden tricks. Here's how to rotate PNG clipart with surgical accuracy.
Two-Finger Rotation vs. Transform Mode
- Two-finger rotation on canvas: Rotates the active layer freely. Fine-tune by holding a third finger down — this slows the rotation speed by 50%, giving you more control.
- Transform Mode (Arrow icon): Tap the arrow in the top toolbar, then select Rotate from the bottom menu. You'll see a numeric angle display at the top — rotate by tapping the number and typing a precise value (e.g., 3.5°).
When to use each:
- For quick, organic placement (e.g., a scattered leaf cluster), use two-finger rotation.
- For alignment with a grid or another element (e.g., a stamp parallel to the edge of a card), use Transform Mode with a numeric value.
The Snap to Grid Trick
If you want an element perfectly horizontal or vertical, enable Snap in the Transform menu. Then rotate until the element snaps to 0°, 45°, 90°, etc. This is gold for aligning title cards or photo corners.
Step-by-Step: Scaling and Rotating a Vintage Key Clipart for a Junk Journal Spread
Let's apply these principles with a real example. You have a transparent PNG of a vintage brass key (3000x3000 px at 300 DPI) and a 8x10 inch junk journal page (2400x3000 px at 300 DPI).
Step 1: Import and Duplicate
- Drag the key PNG into Procreate. It will appear as a new layer.
- Duplicate the layer (swipe left on the layer and tap Duplicate). This preserves the original in case you mess up.
- Hide the duplicate by unchecking the layer thumbnail.
Step 2: Initial Scale to Fit the Canvas
The key is huge compared to your page. Use the Move/Transform tool (arrow icon).
- Pinch with two fingers until the key fits within the page width. Watch the percentage readout at the top — aim for 25-30% of original size.
- Tap Done.
Step 3: Position and Rotate for Natural Layering
Imagine the key lies on top of a vintage letter. You want it angled slightly, as if casually dropped.
- With the key layer active, use two-finger rotation. Hold a third finger down to slow rotation. Rotate about 7° counterclockwise.
- Move the key to the bottom-right corner, overlapping the letter by 1 inch.
Step 4: Add Depth with a Second Key (Scaled Differently)
- Unhide the duplicate layer. It's still at 100% size.
- Scale this duplicate to 60% of the original (use the percentage readout). Rotate 15° clockwise.
- Place it in the top-left corner, partially hidden behind a botanical leaf.
Result: Two keys of different scales and rotations create a sense of scattered vintage treasure.
Common Scaling and Rotation Mistakes (And How to Fix Them)

Even experienced journalers slip up. Here are the top three mistakes I see — and the exact fix for each.
| Mistake | Why It Happens | How to Fix |
|---|---|---|
| Blurry edges after scaling up | Scaling a low-res PNG above 100% | Never scale up more than 120%. If you need larger, find a higher-res clipart. Check DPI before importing. |
| Element looks flat despite rotation | Rotation angle is too perfect (e.g., 0° or 45°) | Use odd angles like 3°, 7°, 12°. Rotate in small increments using the numeric input. |
| Layer order breaks the illusion | You scaled a foreground element too large, making it look like background | Use the Layers panel to reorder. Foreground elements should be smaller and more rotated than background elements. |
If you're struggling with layer order, read my guide on 10 Unexpected Ways to Use Planner Stickers in Your Junk Journal Spreads (Beyond the Planner) — it explains how to think about foreground vs. background when mixing different types of printables.
Advanced Layer Management: Grouping, Clipping Masks, and Blend Modes
Once you've scaled and rotated multiple clipart pieces, your layer stack can get chaotic. Here's how to stay organized.
Grouping Related Elements
- Select multiple layers by tapping one, then another with two fingers. Tap Group in the Layers panel.
- Name the group (e.g., "Botanicals" or "Postmarks"). Now you can move, scale, or rotate all elements as one unit.
Using Clipping Masks to Refine Edges
- Place your clipart above a shape (e.g., a torn paper edge). Tap the clipart layer and select Clipping Mask.
- The clipart only shows within the shape below. This is perfect for creating vintage photo corners or layered frames.
Blend Modes for Vintage Texture
- Set a clipart layer to Multiply to darken it and blend with the background paper.
- Set to Overlay to add a subtle tint. Combine with rotation to mimic aged, uneven fading.
How to Batch Scale and Rotate Multiple Clipart Elements at Once
If you're creating a series of journals (e.g., a set of 10 spreads), you don't want to repeat the same scaling for each element manually. Here's a time-saving workflow.
Step 1: Create a Template Spread
- Design one complete spread with all clipart scaled and rotated to your liking.
- Duplicate the entire canvas (tap Share > Duplicate).
Step 2: Swap Clipart Without Losing Scale and Rotation
- In the duplicate, tap on any clipart layer and select Select All.
- Delete the old clipart, then import your new PNG. It will automatically be the same size and rotation as the old one? No — Procreate doesn't preserve transform data across different images.
Workaround: Before deleting, take a screenshot of the layer's transform values (scale percentage and rotation angle) from the Transform menu. Write them down. Then manually apply those exact values to the new clipart using the numeric input.
Step 3: Use Actions to Speed Up Repetition
- Record a QuickMenu shortcut for "Scale to 50%" and "Rotate 5°" using the Actions (wrench) menu > Gestures > QuickMenu. Assign these to a tap or swipe. This cuts your per-element adjustment time from 15 seconds to 2 seconds.
Putting It All Together: A Layered Spread Example
Let's build a sample spread using all the techniques above.
Supplies needed:
- Background: 8x10 inch canvas at 300 DPI, filled with a vintage book page texture.
- Clipart: 1 vintage letter PNG, 2 botanical leaf PNGs, 1 postmark PNG, 1 key PNG.
Order of operations:
- Import the vintage letter. Scale to 80% of original. Rotate 2° clockwise. Position as the main focal point on the left page.
- Import leaf #1. Scale to 35%. Rotate 12° counterclockwise. Place overlapping the letter's top-right corner. Set blend mode to Multiply.
- Import leaf #2. Scale to 25%. Rotate 8° clockwise. Place in the bottom-left corner behind the letter. Duplicate, scale to 20%, rotate 15°, move to top-left.
- Import postmark. Scale to 60%. Rotate 3° counterclockwise. Position over the letter's stamp area. Set blend mode to Normal.
- Import key. Scale to 40%. Rotate 7° clockwise. Place in the bottom-right corner hanging off the edge. Duplicate, scale to 30%, rotate 12°, place in top-left corner.
Result: A cohesive, layered spread with natural depth and vintage authenticity.
Where to Find Ready-to-Use High-Res Clipart for Procreate
You don't have to create every element from scratch. High-quality transparent PNG clipart saves hours of prep work. For my own journals, I source from Creative Fabrica — they offer massive bundles of vintage ephemera, botanical illustrations, and planner stickers in 300 DPI PNG format. Every piece is already optimized for scaling without pixelation.
Browse their clipart collection here: Creative Fabrica Clipart Library. You'll find everything from sepia postmarks to hand-drawn florals, all ready to drag into Procreate and start layering.
Frequently Asked Questions
What's the best way to scale clipart without losing quality in Procreate?
Always work at 300 DPI. Never scale a PNG above 100% of its original size. If you need a larger element, find a higher-resolution source file. Use uniform scaling (corner handles) to avoid distortion.
How do I rotate a clipart layer by an exact angle, like 3.5 degrees?
Tap the Transform tool (arrow icon), then tap Rotate from the bottom menu. At the top of the screen, you'll see a numeric angle display. Tap the number and type your exact value (e.g., 3.5). Press Done.
Can I scale and rotate multiple clipart layers at once?
Yes. Select multiple layers by tapping one, then tapping another with two fingers. Tap Group. Then use the Transform tool — all layers in the group will scale and rotate together. Ungroup when done to adjust individually.
Why does my clipart look blurry after scaling down?
This usually happens if the canvas DPI is low (72 DPI) or the clipart was originally low resolution. Check DPI in Canvas Information. If it's 72, recreate the canvas at 300 DPI and re-import. Also ensure the clipart PNG itself is at least 2000x2000 pixels.
What's the difference between scaling with two-finger pinch and using the Transform percentage?
Two-finger pinch is intuitive but imprecise. The Transform percentage (e.g., 50%) gives you exact control and is repeatable across multiple elements. For batch work, always use the numeric percentage.
In a future article, we'll explore how to combine scaled and rotated clipart with hand-drawn elements for a mixed-media junk journal spread — a hybrid technique that blends digital precision with analog charm.
Frequently Asked Questions
What's the best way to scale clipart without losing quality in Procreate?
Always work at 300 DPI. Never scale a PNG above 100% of its original size. If you need a larger element, find a higher-resolution source file. Use uniform scaling (corner handles) to avoid distortion.
How do I rotate a clipart layer by an exact angle, like 3.5 degrees?
Tap the Transform tool (arrow icon), then tap Rotate from the bottom menu. At the top of the screen, you'll see a numeric angle display. Tap the number and type your exact value (e.g., 3.5). Press Done.
Can I scale and rotate multiple clipart layers at once?
Yes. Select multiple layers by tapping one, then tapping another with two fingers. Tap Group. Then use the Transform tool — all layers in the group will scale and rotate together. Ungroup when done to adjust individually.
Why does my clipart look blurry after scaling down?
This usually happens if the canvas DPI is low (72 DPI) or the clipart was originally low resolution. Check DPI in Canvas Information. If it's 72, recreate the canvas at 300 DPI and re-import. Also ensure the clipart PNG itself is at least 2000x2000 pixels.
What's the difference between scaling with two-finger pinch and using the Transform percentage?
Two-finger pinch is intuitive but imprecise. The Transform percentage (e.g., 50%) gives you exact control and is repeatable across multiple elements. For batch work, always use the numeric percentage.
Browse thousands of ready-to-use fonts, SVG cut files and craft graphics on Creative Fabrica — perfect for your next project.
Explore Creative Fabrica →


