HOW TO: Create Circle Photos with PicMonkey

UncommonlySocialTutorial_PhotoCircles
UncommonlySocialTutorial_PhotoCircles

In this tutorial, I'll show you how to use PicMonkey - a free web-based photo editor -- to create circle photos (complete with cool filters!). You can check out some great examples of how web designers use circle photos here, here and here. I even use them on the Uncommon.ly site (here and here).

Expertise Level: Beginner No photo-editing skills necessary -- within a few clicks, you'll be creating circle photos like a pro.

What You'll Need: PicMonkey-- start editing photos right away in your web browser (no registration required)!

Why PicMonkey? It's FREE (there is a paid version with extra features but everything we'll do in this tutorial can be accessed in the free version)! It's easy to use and has loads of features. Think of it as the bridge between Instagram and Photoshop.

Okay -- let's get started!

Upload your Photo.

Upload your photo to the "Edit Photo" box on the homepage of Picmonkey.

Crop to a square.

The Basic Edits Tools will automatically open. Select "Crop" from the menu on the left and then select "Square" from the Drop down list. Choose the dimensions for your square (I chose 1250 x 1250 but yours may differ depending on the size of your original photo). Your circle photo will be cropped from this square. Drag the box to the area you want cropped (I centered mine around my face so that the circle would center). Click "Apply".

CirclePhotoTutotorialImage1
CirclePhotoTutotorialImage1

Apply the Tint Color Effect.

Next, select "Effects" from the Menu (the lab vial icon second from the top). Scroll down to the Paintbox section and select "Tint". Choose the color you want and click "Apply".

CirclePhotoTutorialImage2
CirclePhotoTutorialImage2

Create a circle photo with Frames.

Select "Frames" from the Menu (the square icon third from the bottom). Select "Rounded Corners" at the top of the Menu and max out the the Corner Radius. Check the box for Transparent Corners. Click "Apply".

CirclePhotoTutorialImage3
CirclePhotoTutorialImage3

Next, just save your photo as a png file (to maintain the transparent background) and you're done!

-

Love this? Get a free design tutorial every Friday.