How To Crop Circles

Ever wonder how to crop circles without using Photoshop? Maybe you are trying to a make a blog button and want it to be a circle shape but can’t figure out how to get rid of the white square around the circle. This tutorial will show you how using a free online editor called Pixlr.

How To Crop Circles Without Photoshop

I’ve been working on making some changes to my banner and some new social share buttons. They aren’t up yet but while I was working on the buttons, I remembered the first time I tried to crop a circle and got really frustrated. So, I wanted to share with you the way that I go about doing it without using Photoshop.

I made a screen capture video to go along with this post because sometimes it makes more sense to watch someone do it than to read about how to do it. The video does not have audio to go with it but shows you all the steps.

Pixlr Canvas Size

Go to Pixlr.com and choose the  Pixlr Editor (Advanced) option. Select Create New Image. Change the Width and the Height to the size you want your canvas to be. I used 1025 x 800. Change the Name and then check the Transparent box before clicking OK.

Open Image In Pixlr

Go to Layer in the menu bar and down to Open Image As Layer. Find the image you want to crop and open it.

Marquee Tool Pixlr How To

Next, choose the Marquee Tool from the toolbox on the left. It is a dotted square.

Pixlr Tutorial Elliptical Marquee

Click on the Elliptical Marquee which is the dotted circle on the tool bar that is across the top of the screen.

Aspect Ratio Pixlr Tutorial

Next, change the Constraint. Chose Aspect Ratio from the drop down box.

Pixlr Tutorial Invert Selection

Select the area of the photo you want to crop. Then, under Edit, choose Invert Selection. This will select everything in the photo except for the circular area you chose.

How To Crop Circles

Then, go to Edit and down to Cut.

Crop Tool

That will cut away everything but the circular area you want. Now choose the Crop Tool from the toolbox on the left. It is a square with a diagonal dotted line running through it. Crop away any of the transparent background you don’t need.

Save As A PNG

Finally, go to File and down to Save. Move the Quality slider all the way to the right for the highest image quality. Change the Format to PNG to preserve the transparency and choose a Name for the image.

In the screen capture video, I show you the difference between saving an image with a transparent background as a PNG and a JPEG. When I grabbed the PNG image and moved it around my desktop, only the circle is visible and the area around it is transparent. When I did the same with the JPEG, you can see how the white area around the circle is visible.

Interested In Learning More About Pixlr? Here some other tutorials I’ve posted:

Edit Pictures With Six Easy StepsEdit Pictures With 6 Easy Steps

Free Chalkboard BackgroundHow To Use Chalkboard Fonts in Pixlr

How To Adjust Color Level With PixlrHow to Adjust Color Levels With Pixlr

If you enjoyed this post, please consider leaving a comment or subscribing to The Gunny Sack to have future blog posts delivered to via email.

Comments

  1. Oh my goodness! You are a lifesaver! This was exactly what I needed, and your directions and video are brilliantly done! Thanks!

    Cheers,

    Erica

  2. Easy and clear. Thank you!!!

  3. Steven Johnson says:

    Thank you so much! God Bless you That helped out alot!!!

  4. Oh my gosh, thank you! I was trying to figure out how to crop a photo of my little boy for his birthday invitations. I was having no luck with simple cropping sites, as the photo was too big. You showed me how to do it so easily. Thank you thank you thank you!

  5. I love Pixlr….my free trial to Photoshop expired so I started using Pixlr and was amazed how much it was just like Photoshop + free! I didn’t know how to crop circles, this is a great tip! Thanks for sharing it. :)

    Marti

  6. Thank you so much for posting this! I adore step by step instructions
    and I’ve always gotten so frustrated with Pixlr (advanced ) that I’ve never used it
    much. This is awesome!

    • You are very welcome! It took me awhile but I learned to use many of the options and think it is a great program!

  7. I’ve always wondered how to do this! Thank for the tutorial. :)

  8. Oh wow- awesome tutorial! I’ve never tried to edit photos but this looks like even I could do it! Thanks for sharing!

    KK

  9. Thanks so much for the tips. I am still struggling to improve my photos and have so far to go.

  10. Thank you so much for sharing this, Tonia. :)

  11. It’s amazing the difference a pause makes in reading a title because at first I thought you were going to surprise us with a ‘crop circles’ article. C:

Speak Your Mind

*


+ three = 8