How to Create a Round Bio Photo in 3 Easy Steps

You know you want it… a round bio pic for the sidebar of your blog! Today I’m sharing how to create a round bio photo for your blog in 3 easy steps!

How to create a round bio photo for your blog in 3 easy steps!

For your convenience, this post contains affiliate links to supplies or tools I used to complete this project. Purchases made using these links help support the Saws on Skates website and allow me to share more DIY projects. and DIY tips with you. There is no cost to you for using these links. Click here to visit my site policies.

You guys may know me for my DIY projects like my DIY kitty litter cabinet, No Miter Cut Picture Frames, and Catalog Inspired Corner Cabinet. You may also know me for my DIY tips like 9 Pocket Hole Mistakes You Don’t Want to Make, 3 Reasons I Don’t Use Polyurethane and Mistakes With Wood Can Cause Your DIY Furniture to Crack. But did you know I also DIY my blog? It’s true. When I’m not making sawdust in my workshop, I’m pulling out what’s left of my hair trying to figure out how to improve Saws on Skates!

Today I’m sharing my first DIY blogging tip, how to create a round bio photo for your blog in 3 easy steps! I know what you’re thinking… is there a plugin that makes a round bio pic? There could be, but I’ve never checked for a plugin for two reasons. First, installing too many plugins can drag down the speed of your site. And second, I like to DIY stuff, so why not figure a way to DIY a round bio pic?!

What did I use to make my round bio pic? PicMonkey of course! I use PicMonkey for all of my Saws on Skates graphics. I used PicMonkey to build the Saws on Skates logo at the top of the screen. I use it to add the site name watermark to all of my photos. I use it to design my Pinterest images. And I used it to design all of the images for  Mistakes With Wood Can Cause Your DIY Furniture to Crack post. I use PicMonkey all the time, so naturally I used it for my round bio pic. C’mon, I’ll show you how to do it!

How to Create a Round Bio Photo

Step 1. Make a Round Photo with a Transparent Background

1-A. First, we’ll need to make a round photo with a transparent background. Goto PicMonkey and select “edit photo”.

How to create a round bio photo for your blog in 3 easy steps - go to Picmonkey

1-B. The photo I wanted to edit was on my computer, so I clicked “computer”.

How to create a round bio photo for your blog in 3 easy steps - select the photo you want

1-C. Then I selected “frames”.

How to create a round bio photo for your blog in 3 easy steps - select frames

1-D. Then I selected “shape cutouts” and selected the circle. Move the circle and adjust the size to frame your face. Select “apply” once you have it the way you want it. You may have to scroll down to select apply.

How to create a round bio photo for your blog in 3 easy steps - select shape cutouts and then the circle

1-E. Click “export” to save the bio pic to your computer. Be sure to save it as a png file, so it retains the transparent background. That’s it – you just created a round pic with a transparent background!

Pro Tip: I used a very similar method to create the site name watermark for my DIY project photos. I created a canvas with a transparent background, added the text and exported. So simple!

Step 2. Create the Bio Layout

2-A. Go to PicMonkey. This time click “design” and “custom size”.

How to create a round bio photo for your blog in 3 easy steps - go to Picmonkey

2-B. I designed my bio to fit the width of my sidebar (319 pixels) and I wanted it to be short (like me!), so I choose 200 pixels for the height, then clicked “make it”.

How to create a round bio photo for your blog in 3 easy steps - design to the width of your sidebar

2-C. Choose the canvas or background color for your bio and click apply.

How to create a round bio photo for your blog in 3 easy steps - choose the canvas color

2-D. To add your round bio pic, select “overlays”.

How to create a round bio photo for your blog in 3 easy steps - select overlays

2-E. Click “add your own” and choose your round profile pic.

How to create a round bio photo for your blog in 3 easy steps - choose add your own

2-F. Adjust the size of your pic by dragging the corners and then move the pic where you want it.

How to create a round bio photo for your blog in 3 easy steps - adjust the size by dragging the corners

2-G. Next, we’ll add some text. Click the text tool. Choose your font, click “add text” and type the text for your bio.

How to create a round bio photo for your blog in 3 easy steps - add the text

2-H. You can adjust the font size, font color, center and more on the text tab.

How to create a round bio photo for your blog in 3 easy steps - adjust the font size, font color, center and more on the text tab

2-I. When you’re happy with your bio, click “export” and save your bio to your computer.

Step 3. Add Your Bio to Your Sidebar

That last step is to add the bio to sidebar. How easy was that?!

PIN THIS!

You know you want it... a round bio photo for the sidebar of your blog! Today I'm sharing how to create a round bio photo for your blog in 3 easy steps!

COMMENTS

This site uses Akismet to reduce spam. Learn how your comment data is processed.