Position & Perfect Tutorial

Master the art of positioning, zooming, and rotating your images to create the perfect circular crop.

Mastering Position Controls

Step 1: Drag to Position

Once your image is uploaded, you can click and drag it around within the circular frame. This is your primary tool for positioning:

🖱️ Mouse Users

Click anywhere on your image and drag to reposition. The cursor will change to indicate when you can drag.

📱 Touch Users

Touch and drag your image with your finger. The interface is optimized for smooth touch interactions.

💡 Pro Tip:

For portraits, position the eyes in the upper third of the circle. For objects, center the most important features.

Step 2: Perfect Your Zoom

The zoom slider helps you scale your image to fit perfectly within the circular frame:

Zoom Range: 0.05x to 3.0x

0.05xMinimum zoom - shows the entire image, useful for wide shots
1.0xOriginal size - good starting point for most images
3.0xMaximum zoom - focus on specific details

✅ Good Zoom Practices

  • • Fill the circle without cutting important features
  • • Leave some breathing room around subjects
  • • Ensure key elements are clearly visible

❌ Avoid These Mistakes

  • • Zooming so close that faces are cut off
  • • Leaving too much empty space
  • • Making subjects too small to recognize

Step 3: Fine-Tune with Rotation

Sometimes a slight rotation can make all the difference in your final crop:

Rotation Range: 0° to 360°

Use the rotation slider to adjust your image orientation with 1-degree precision.

Original orientation
90°Quarter turn - landscape to portrait
±5°Small adjustments - perfect for straightening

Common Rotation Use Cases:

Portrait Alignment

Straighten tilted heads or align eyes horizontally

Creative Angles

Add dynamic energy with intentional tilts

Landscape Orientation

Rotate landscapes to highlight specific elements

Advanced Positioning Techniques

The Rule of Thirds for Circles

Even in circular crops, the rule of thirds can create more dynamic compositions:

For Portraits:

  • • Position eyes along the upper third line
  • • Keep the nose and mouth in the center third
  • • Allow shoulders to fill the bottom third

For Objects:

  • • Place key features off-center when possible
  • • Use negative space to balance composition
  • • Consider the circular boundary as part of the design

Real-Time Preview Optimization

The right-side preview shows your final result in real-time. Use it to:

Check Your Crop:

  • • Verify all important elements are visible
  • • Ensure good contrast with transparent edges
  • • Test how it looks at different sizes

Final Quality Check:

  • • Look for smooth, clean edges
  • • Confirm the composition works in a circle
  • • Make sure nothing important is cut off

Professional Tips

psychology

Psychology of Circular Crops

Circular shapes are perceived as friendlier and more approachable than rectangles. Use this to your advantage:

  • • Center subjects for trust and stability
  • • Off-center for dynamic, creative feel
  • • Close crops for intimacy and connection
palette

Color and Contrast

Circular crops emphasize the center while softening edges:

  • • Ensure good contrast between subject and background
  • • Consider how transparent edges will look on different backgrounds
  • • Use lighting to define circular boundaries naturally

Common Scenarios & Solutions

📸 Portrait Photos

Headshots

Position eyes in upper third, ensure entire face is visible

Group Photos

Focus on main subjects, adjust zoom to include key people

Action Shots

Use rotation to align movement direction with circle flow

🎨 Objects & Products

Logos

Center for stability, ensure readable at small sizes

Products

Highlight key features, use rotation for best angle

Art & Graphics

Consider how circular boundary affects the design flow

Next Steps