After MONTHS of procrastination, I finally revamped my about page last week. And let me tell you, it was sooooo needed. Ever since I started this blog over year ago, the page has only ever consisted of photo of me and a short bio. Cause that’s totally gonna entice first-time readers to keep exploring my site.
I do a lot of reading and exploring of other blogs in my free time, and I’ve definitely noticed a pattern I’ve developed. Almost every time I’m engaged by a blogger/entrepreneur’s about page, I return to the site at least once. Why? Because they’ve got me interested in more than just an article they wrote. Whether it’s their adorable little family, their killer fashion or healthy lifestyle tips, I’ll often keep clicking around and exploring if I see something interesting. So what I’m really saying is, your about page is a place where you can make yourself stand out from other bloggers in your niche and really convey what your brand/YOU are about. Love it.
So, whether you’re a blogger and/or business owner, Photoshop is your new bestie. And if it’s not yet, let’s get you guys to that point, because it’s a great tool to be familiar with when it comes to brand development and overall professional (and unique!!!) content. So let’s jump right into making a your new, knock-your-readers’-socks-off about page:
1. Setup your document.
Alright, easiest part of this entire tutorial: let’s set up the document you’re going to be working with. Open Photoshop and click “File”, then “New” in the upper left hand corner. You’ll then get this grey box that pops up (pictured above). Name the file and choose your dimensions. I like to have pretty long about pages so I can organize my content vertically, but whatever floats your boat.
2. Know what layers are.
One of the trickiest aspects about Photoshop is that it works in layers. Every time you add text, it’s a new layer. Every time you add a shape, that’s a new layer too. And guess what? If you want to edit, delete, or move a layer, you need to have highlighted/clicked on it first. All of your layers are in the bottom right hand corner, and you can rename them by double clicking on them. I highly suggest doing this because, the more layers you add to your design, the more confusing it will get it if you have not named them properly and cannot distinguish the rectangle you want to move from the other 50 rectangles you’ve created.
3. Add Text and Shapes.
Okay, now let’s get some text/shapes in there. Your text tool is located in the bottom section of the toolbar on the left hand side of the Photoshop window (pictured above). Click on it, and you can either draw out a text box with your cursor or click anywhere on the document to begin typing. There will be font/size options on the horizontal toolbar at the top of the window. Play around with it and see what looks nice (and, of course, on target with your branding)! Next, you can start to draw out shapes using the shape tool also located on the vertical toolbar on the left hand side of the screen. You can left click the shape tool to play around with options such as circles and lines as well.
The important thing in this step is to think about design elements such as proximity, space, and balance. It might help you to draw out what you’d like your page to look like on paper before creating it in Photoshop, just to make sure that your overall design is cohesive and balanced.
4. Add images and customize your design elements.
The next step here is add an image of yourself. I simply opened up the finder on my Mac and dragged the desired photo right into Photoshop. I then changed the color of my rectangle by selecting that layer, hitting the “a” button on my keyboard (this brings up design options for your shape on the top horizontal toolbar), and finally choosing a fill color. See the righthand photo under step three for an example of what this toolbar looks like and how you can use it to change the colors of your shapes!
5. Get creative!
Using just the text and shape tools, plus my own images, I was able to create an awesome graphic for my about page featuring some of my favorite things. I love this little extension, which makes my about page feel very fun and unique. When I was creating this graphic, I put it in the same document as everything else, just under my bio. However, you can also make an entirely separate graphic and just place that under your photo and bio on your webpage if you’d like! This would probably be the best option for Photoshop beginners, because you don’t have to deal with as many layers. Just open a new file when you’re done with the first section of your about page and get started with your graphic!
Oh and don’t forget to download the FREE about page checklist that goes along with this post! It’ll give you the entire scoop on what you absolutely have to include in your about page, as well as other fun ideas for additional content and graphics!
Thanks for reading! Feel free to leave any questions in the comments 🙂 And definitely come back and link to your new rockstar about page when you’re finished — I want to see what you’ve got!