HOW TO CREATE A CIRCULAR PROFILE PICTURE IN PHOTOSHOP

Mar 19 2015
I love circular profile pictures; they are compact, cute and simple. But that is not the only reason why you see circular profile pictures on many popular websites.

What are the benefits?

Have you ever wondered why Twitter, Google+, Instagram etc. all have circular profile pictures? This definitely has something to do with User Experience (UX) design. You can read about it in details here but the main reasons are:
  • Sharper edges take the focus out of the image
  • The human mind is conditioned to think of sharper edges as harmful and rounded edges as safe
  • Rounded edges are considered to be easy on the eyes as they are better for visual information processing

Then, why not use these benefits for your blog’s profile picture? However, I think this entirely depends on the aesthetic of a person, so there is no right or wrong when it comes to this choice.

For this tutorial we will be using Adobe Photoshop. I know many of you use Photoshop for a variety of your creative needs, so I quickly whipped up a FREE cheatsheet with all the keyboard shortcuts for you to download and use, click below right now!

These 25 Photoshop shortcuts and tricks will speed up your workflow and save you a lot of time in your blog & Business. Plus Download a FREE cheatsheet too!

5 simple steps to a round profile picture:

If you are the one for circular profile pictures, then here is an easy way to create one from a square or rectangle photograph in Photoshop.
Step 1 : Open your photo in Photoshop by going to File > Open > Browse your file location. If your layers panel isn’t open, locate it by opening Windows > Layers (select). If your Tools panel isn’t open, locate it by opening Windows > Tools (select).

Step 2 : Select the Marquee Tool from the tools panel. Right click on the icon and select the Elliptical Marquee tool.

 

Please click on the picture to enlarge

Step 3 : Using the Marquee tool, mark the region of the photo that you want in your profile picture. Since the tool is elliptical in shape, you can carve out a circle easily and you can adjust the size and shape by just playing around a bit.

 

Please click on the picture to enlarge

Step 4 : Once you have the circular dotted outline, right-click and select Layer Via copy. This creates a new layer in the layers panel. Now just click on the eye icon next to the Background layer  to make it invisible which leaves you with the circular picture that you just created.

 

Please click on the picture to enlarge

Step 5 : If you need to, just crop out the edges and adjust the position of the circle. To save the image, Click File > Save for Web > Name the file and click save. That’s it, you are done 🙂

Also, I know many of you use photoshop for a variety of your creative needs, so I quickly whipped up a FREE cheatsheet with all the keyboard shortcuts for you to download and use, click below right now!

These 25 Photoshop shortcuts and tricks will speed up your workflow and save you a lot of time in your blog & Business. Plus Download a FREE cheatsheet too!

Circular cropping is best for images that are not too zoomed in, as it gives you a nice boundary around the face without cutting into it. I am currently just waiting to take a better headshot for a round profile picture for my blog 😉
What about you, you like round or square?

If you are interested in learning more about the course, enter your email address to join the waitlist and be notified when it launches! :)
  • Mikaelah

    How interesting about why most people are drawn more to circular images. I actually much prefer square or rectangular images, quite often i find circular ones quite boring haha

  • Very interesting 🙂 I myself like rectangle images but I went with a circular image when I got my new blog design as it was part of the design and I really like it now.

  • Oh my god you super genius wonder woman I love you! I have been trying to get a nice even circle profile pic for yonks and here it is in 3 easy steps. I bow to your greater wisdom.

  • I also think it looks so nice! I'm not sure if it fits my lay-out. I'm going to try! <3

  • Easy, pretty and useful not only for bloglovin.

    Do you like red lipsticks? If the answer is yes, I would love to hear your opinion here: http://bit.ly/1MNJ47b

  • Ooh love this idea! Will definitely use on my about page.

  • 🙂 I used to prefer rectangle images too, but I find round ones really refreshing now. Just a shift in perspective 🙂 x

  • Thats great to hear John x

  • Ha ha love you too. Thanks maddie and i am so glad that this helped you! x

  • 🙂 Let me know if it works for you anna xx

  • Great to hear that 🙂 xx

  • much prefer round, looks awesome!

  • I learn so much from your blog! Thanks for all of your tips 🙂
    http://thewhimsicalfox.blogspot.com.au

  • Jo

    I really love my circular picture but I made it really easily on Picmonkey xx

  • Easy peasy! And very pretty.

  • So very useful, Chaitra! I used to have a round image on my sidebar (not anymore) and have been wanting to switch back. Bookmarking this now for when I do. Many thanks!

    Kira

  • Great tips! Love how you've added "how-to" posts to your blog 🙂

  • Its one of the most easiest task to create the round picture for any profile. But its not may be appropriate for Facebook and Twitter which require square profile photo.

  • Danielle A Scott-Haughton

    Thank you so much! Such easy examples. Bless you.

JOIN ME ON PERISCOPE

@PinkPot7
My new e-course, iPhone-o-graphy is open for enrollment until 28th Nov ! CHECK IT OUT NOW
Hello. Add your message here.