Sunday 14 October 2012

How to make a perfect circle picture (no special software needed!)

Anyone can add a picture in the shape of a perfect circle, no special skills, software, packages or subscriptions are needed.

** A few comments on this post have asked how to remove the default white shadow border around your Blogger images. I've posted a super-easy tutorial to solve this problem which you can read by clicking here **


 A few weeks ago I wrote a blog article with this image within it:


 And I had a question on twitter asking me how I made it. So I thought I would share how easy it is, in case there were other people wondering.

I do all of my image edits in Picmonkey. I don't have any special editing software. I'd probably sell my dog for a copy of Photoshop Elements. But in the meantime, Picmonkey does everything I need, totally free. I love it and I recommend it to anyone who doesn't want to splash out on some fancy schmancy software. I made my blog banner with it and I also edit all of my photos - there is pretty much nothing you can't do. Obviously, it's not as sophisticated as Photoshop but it certainly fills a gap in my life :-)

I'm going to share some things I have learnt with it here over a number of posts. If you have any questions or would like to know if something is possible using Picmonkey, I'll give it a bash too, just comment or tweet me.

So, here are the very simple steps to making a perfect circle picture and using it in your blog post/layout.

  1. Go to http://www.picmonkey.com. There are two buttons. 'Create A Collage' and Edit An Image'. Click Edit an Image and select the picture you want to use. This technique works on either object or one-person photos best.

2. The first option in the menu on the left is 'Crop'. Click it and a drop-down box with appear. See where it says 'Square' on my screenshot above? When you first go into the menu, that will say 'No Fixed Proportions'. Just click that little box to see the options. This will force you to select a square area of your your photo. You can make the square area bigger or smaller. I made it as big as possible and centered my son's torso.


 3. Now you are ready to make it round. Go to the 'Frames' menu as shown above. You should be able to click any of these photos to make them bigger.


 4. The first option you are given is 'Rounded Corners'. Click it, then slide that slider right the way to the right. Revel in the roundness of your photo.


 5. You must make sure that 'Transparent corners' is checked.


6. Click save (at the top of the screen) and type a name for your file. Make sure you save as a .PNG file or your image won't have transparent corners. Click 'Save Photo' and you will be given the option to chose the file where you want to save the image. 

And you are done! You can now add the photo to your blog in the very same way that you normally add a photo.


 I hope you will enjoy using these types of image, there are lots of ways you can utilise them. Why not make a collage of all round pics? Use Picmonkey's 'Create a collage' option and just upload all round .PNG pictures. Or you could use a circle social media avatar - that would work best with a picture on a dark background, as most social media sites have white as their main colour anyway. I also think round pictures made excellent menu buttons - the possibilities are endless :-) Please let me know if this tutorial was helpful!
 

115 comments:

  1. Love this tip! Great job!!

    ReplyDelete
    Replies
    1. Thank you so much Dani! xx

      Delete
    2. I just want to share Katy how much I appreciate you explaining this so well. A few hours ago, I was scared to hit unknown buttons on Pic Monkey. Now, I have designed all kinds of things for my art. Appreciate it so much. Colorful Wishes, Ann Lutz

      Delete
  2. What a great tip! Thanks so much.

    ReplyDelete
  3. Awesome! Will come in handy for Google+ too!

    ReplyDelete
  4. This is so awesome! I had to share with my peeps...I've been dying for circle photos without the pleasure of Photoshop.

    ReplyDelete
  5. Great tutorial! Very simple yet great results! That photo of your son is super cute, by the way.

    ReplyDelete
    Replies
    1. Thank you Rochelle! What a lovely comment xx

      Delete
  6. very informative! Thank you so much! :)

    ReplyDelete
  7. Thank you so much for this! I've been using another software which I paid for and this is soo much better! Wish I knew this before :)

    xktr.blogspot.com

    ReplyDelete
  8. This was really super helpful, thank you.

    ReplyDelete
  9. Thank you for this tutorial! So simple, yet looks so great :)

    ReplyDelete
  10. mines keep showing up with a white background when i use it on blogger, how do i take that off ?

    ReplyDelete
  11. Thank you so much! I've used PicMonkey for collages before, but never for rounded corners and photo edits. I sort of shied away from PicMonkey since it uploads my photos to who knows where but I can get over that hesitation for effects like these. I'll still probably use Picture Collage Maker Lite for my collages though since I can keep my pictures on my computer. Ooops, tangent! But thank you again for this awesome tutorial!

    ReplyDelete
  12. Thank you!!! I've been trying to learn how to do this! VERY helpful :)

    www.prettypetalsonline.com

    ReplyDelete
  13. Check out the app "shapely" - lots of circles and other shapes too.

    ReplyDelete
  14. Great tutorial - just used this on my 'about me' page to replace boring square images:

    www.BrowserOnly.net

    ReplyDelete
  15. Wow, this is often a good plan to undertake samples on mistreatment the ikon editor! Thanks for the tutorial, it'll be extremely useful as I'm not that sensible at such programs. Referencing to Aaron Shepard adds lots to your credibility! All of his books are necessities for the self-publisher. photo editing software

    ReplyDelete
  16. thanks so much for your help and for recommending the photo editor! brill post :) x

    ablondestatement

    ReplyDelete
  17. Do you know how to print words or create designs in the shape of a circle?

    ReplyDelete
    Replies
    1. Do you mean to force lettering into a curve? I don't quite understand your question but I would really like to help you, sorry it took me so long to reply!!

      Drop me an email to katyclouds@outlook.com

      Delete
  18. This is really useful, thanks. :o)

    ReplyDelete
  19. AHmazing! I also use PicMonkey for everything...and didn't know this was possible!!! Do you know how to remove/change a background without upgrading to the Royal/paid features?? I currently take pics with my phone b/c I don't have a camera and sometimes my gray walls just make the background look harsh. Too much editing makes them look overexposed. To be able to remove the background or add something different would be so cool!! (like a bright white) Thanks so much :)

    ReplyDelete
    Replies
    1. Cindy, keep an eye out on the blog as I am going to tackle this in the next few weeks xx

      Delete
  20. This comment has been removed by the author.

    ReplyDelete
  21. Hi Katy
    After a lot of wasted time on other programs trying to create circular images, I've now found an angel (Katy) who not only provided the software link but also provided instructions. Awesome! Thanks Katy regards, Derek

    ReplyDelete
  22. Thanks, this was the easiest png manipulation I could find.

    ReplyDelete
  23. Thanks so much! Super helpful for my mother's day project :)

    ReplyDelete
  24. Thank you so much Katy.. You made my day..:)

    ReplyDelete
  25. Thanks much Katy! Cool....was trying to get to Photoshop, but this was so easy. <3

    ReplyDelete
  26. This is very helpful in my blog redesign! Thank you so much!

    ReplyDelete
  27. This is a great tutorial. Thanks.
    Picreel

    ReplyDelete
  28. I've been making myself crazy trying to do this in Photoshop, but this is so much easier, thank you!!

    ReplyDelete
  29. This has been the most helpful blog post!!

    I'm following your blog now!

    Would love if you visited mine itsmyfashion.co.uk

    ReplyDelete
  30. This post is soo old but I just wanted to tell you that I love you. I've been trying to make a collage for my header for ages and I had no idea how to so thank you. This is genius.

    http://thebitchslife.blogspot.com

    ReplyDelete
  31. Thank you so much for this explanation!

    ReplyDelete
  32. Your way are great but my issue would like to insert round picture and to another picture with so many different color background and if i did it ms paint on window 7 the back ground white eventhough i had already click the the transparent mode

    can you help ?

    Thank you

    Vincent Lee

    ReplyDelete
    Replies
    1. Vincent: I don't fully understand your question. I presume you are saying that you are not finding the transparent background is carrying over when you try to do further editing in MS Paint? That will be because MS Paint doesn't support transparent images and reverts to the default white background.

      I'd be happy to offer some advice if you email me katyclouds@outlook.com

      Delete
  33. So amazed - you made that so simple! Love it xxx

    ReplyDelete
  34. uuughhh...i've read so many of these tutorials and nothing works.i do everything and somehow when i put the photo on the blog it appers with a white frame!!!what am i doing wrong???

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. Same thing...I´m using a png image with a transparent background but blogger always adds white frames. Tell me if you figure out what´s wrong!

      Delete
    3. I just posted a tutorial that should help with this issue

      http://katyclouds.blogspot.co.uk/2014/09/how-to-remove-white-borders-on-images.html

      Delete
    4. I have the same issue. My pgn images with transparent backgrounds have white frames added to them. I'm using Picmonkey. HELP! Anyone?

      Delete
  35. finally... http://helplogger.blogspot.fi/2012/04/how-to-remove-blogger-pictureimage.html

    ReplyDelete
    Replies
    1. I just posted one of those too :)

      http://katyclouds.blogspot.co.uk/2014/09/how-to-remove-white-borders-on-images.html

      Incidentally Design Bellissima, I tried to email you using the email button on your blog but it got returned as undelivered xx

      Delete
    2. Oh no... Thanks for the tutorial:) I´m sure many people will find this very useful!

      Delete
  36. Thank you for your tutorial. It really works on my blogs

    ReplyDelete
  37. Thank you so much! :D
    heymil.blogspot.co.uk

    ReplyDelete
  38. Thanks you very much for your informative and effective post. I think it is very useful content for visitor. Again thanks for sharing.
    Clipping Path Service

    ReplyDelete
  39. This comment has been removed by the author.

    ReplyDelete
  40. Thankyou so much. I was in need of this for my blog. This is the easiest way around.

    ReplyDelete
  41. This comment has been removed by the author.

    ReplyDelete
  42. your article is good information. i very like it, keep it up..

    3D CAD

    ReplyDelete
  43. I'm a designer but beginner. The tutorial is educational. Hopefully it he me professional work. Thanks for sharing with us.

    clipping path service
    clipping path
    color correctoin service

    ReplyDelete
  44. Excellent pieces of information. Keep posting such kind of info on your page.
    cracked softwares free download

    ReplyDelete
  45. Excellent technique and easy way to create a perfect circle in photoshop. Thank you so much for sharing your technique with us.

    Clipping Creations India
    Offshore Clipping Path
    Arafin Media

    ReplyDelete
  46. This comment has been removed by the author.

    ReplyDelete
  47. hi was just seeing if you minded a comment. i like your website and the thme you picked is super. I will be back. Color correction service

    ReplyDelete
  48. Thank you very much keep this information.

    selfie apps

    ReplyDelete
  49. Thanks so much your Blog is now on my list!

    ReplyDelete
  50. Completely redoing my website and this tutorial was just what I needed! Thanks!!

    ReplyDelete
  51. Thanks for tutorial, Kat. Because today I really need this tips, and right now I have made my photo profile rounded.

    ReplyDelete
  52. Perfect circle picture making tutorial . This is an excellent post . I appreciate it . Remvoe White Background | Clipping Path | Product Photo Editing

    ReplyDelete
  53. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me to start my own BlogEngine blog now. Really the blogging is spreading its wings rapidly. Your write up is a fine example of it.
    photo restoration

    ReplyDelete
  54. These ways are very simple and very much useful, as a beginner level these helped me a lot thanks fore sharing these kinds of useful and knowledgeable information.
    Picture printing online
    Order photo prints online
    Photo printing sites

    ReplyDelete
  55. Awesome instructional exercise! Extremely straightforward yet extraordinary outcomes! That photograph of your child is super charming,

    ReplyDelete
  56. This tips is really helpful that you shared here. thanks

    ReplyDelete
  57. Thanks, Katy! I have been trying to figure out how to do this for weeks! Haha :-)

    ReplyDelete
  58. Wow, what a great list and must have taken some time to put this together. Great job and thank you for sharing!
    carediting

    ReplyDelete
  59. Fantastic article! Clipping Expert Asia is the best e-commerce product photo editing service provider around the world. Which provides high-quality product photo editing that ensures to make the images appealing and professional.

    ReplyDelete
  60. Wonderful Tutorial, thanks for putting this together! This is obviously one great post. Thanks for the valuable information .

    ReplyDelete
  61. It is an amazing one. I like the articles you have provided here. Thanks for sharing.
    Clipping Path Service
    E-commerce Product Photo Editing
    Jewelry Retouching

    ReplyDelete
  62. I have finished going through your Master Class and there was a huge amount of help there, may thanks.
    helmet

    ReplyDelete
  63. I always love to read and spread this kind of information that is unique and really informative. Raymond

    ReplyDelete
  64. Excellent and decent post. I found this much informative, as to what I was exactly searching for. Thanks for such post..infantgears

    ReplyDelete
  65. Wow, this is often a good plan to undertake samples on mistreatment the ikon editor! Thanks for the tutorial. Edna BCart

    ReplyDelete
  66. This is really amazing keep it up. Check this service photo restoration buffalo ny may you need it

    ReplyDelete
  67. We are providing services for your old image to make it new. You can avail this now just Visit Website

    ReplyDelete
  68. В целях исполнения больших заказов необходимо работать с недорогими заданиями hydra bot какое-то время. Стоит упомянуть, что, стоимость за подобные проекты довольно маленькая, но и специализированных квалификаций аналогичная работа не потребует. Как пример, заказчику необходимо выдвинуть группу или пост в социалке, именно тогда подбираются работники, которые станут подписываться и оставлять положительные сообщения.

    ReplyDelete
  69. This is an awesome post. Really liked how it played out. Very nice tutorial.

    ReplyDelete
  70. This here is very great tutorial. Very grateful for it. Thanks so much for sharing with us.
    How to Smooth Skin in Photoshop

    ReplyDelete
  71. Effects of Tramadol

    The consumption of Tramadol 100mg can make you experience the same effect as taking heroin and morphine. Tramadol medicines also contain infectious side effects: delusion, insomnia and respiratory problems. Nonetheless, the effects of Tramadol pills 100mg might vary from person to person.

    Tapentadol-100-mg-180
    Tapentadol-100-mg-180 Pills
    Tapentadol-100-mg
    Tapentadol Medicines
    Tapentadol Tablets
    Tapentadol Pills
    Call us: 231-221-2887
    For more info:https://72hrspills.com/tramadol-100-mg-90/

    ReplyDelete
  72. This blog is a great resource for anyone looking to make a perfect circle picture without the need for special software. The step-by-step instructions are easy to follow and the results are impressive. It's a great way to add a unique touch to any project.
    Diy photo booth frame

    ReplyDelete
  73. Very Nice Informative Blog Thanks |

    Also We are providing here in this site lots of different type of medicine. for example Cenforce 100Mg tablets consists of sildenafi, it is most usefull solution for the treatment of erectile dysfunction. The medicine is available in different pack sizes with varied price ranges as per the convenience of a patient.

    ReplyDelete
  74. Experience rapid Instagram growth and better marketing possibilities with our cutting-edge Instagram panel, which is intended to optimize your brand's interaction, reach, and results.

    ReplyDelete
  75. SMM Panel Indonesia provides a full variety of social media marketing services to businesses, helping them to improve their online presence, communicate with their target audience, and achieve extraordinary growth via effective digital marketing methods."

    ReplyDelete
  76. This comment has been removed by the author.

    ReplyDelete
  77. Generally speaking, an "Easy SMM panel" is a Social Media Marketing panel that is simple to use and navigate. These panels are made to make buying social media services and running marketing campaigns easier.

    ReplyDelete

Similiar Posts...