Finally, what you’ve ALL* been waiting for – a post where I share all the places I go to seek out resources to prettify my blog!
*Literally no one has asked me for this.
⭐ PREPARE THYSELF FOR HYPERLINK GALORE! ⭐
And also a mediocre tutorial… lol
I’ve previously delved into this topic in my “Blogging Advice (From a Total Amateur) – 100 Followers Celebration!” post and basically it’s come to my attention that there are people who still remain completely clueless when coming up with a ~design~** and some have even been under the impression that I draw my own illustrations. 😮 I’m here to break your bubble people: I am not that artistic!
** I feel so snobbish when I call it that for some reason??? lmao like who am I kidding, I’m just putting a bunch of free crap together and hope it comes out alright!
Plus I feel like everyone gets so secretive about where they’ve got their resources from, but like…. why?? It’s not like you made it yourself? I just don’t get it. Maybe I’m just like super nice and giving and what not compared to everyone else. #fabulous
It appears to be the lingo that these freely offered graphics and illustrations are referred to as freebies. It took me many hours, days, weeks
and essentially this is still an ongoing search to find really awesome freebies that I use to create my header, social media icons, and various bits and bobbles throughout my blog posts.
If you like how those are looking (plus they’re free?! Omg I love these talented people offering their gifts to the world for free!) you can try other design blogs that offer graphic freebies such as: Fox and Hazel, Free Pretty Things for You, Lisa Glanz, Gold and Berry, Twigs and Twine (just one freebie if you subscribe to emails) and We Lived Happily Ever After.
Now one of my favorite ways to get quality freebies is to subscribe via email to these two sites: The Hungry JPEG, and Creative Market. Each week they offer limited time freebies (including graphics and fonts!) so it’s really great to be able to get freebies that normally you’d have to pay for. I’ve been able to snag really beautiful fonts and fun graphics from doing this.
I personally use Photoshop CS6 (if you’re desperate to have it too you can delve the recesses of Tumblr for directions…) so this will be a little – super basic – tutorial* for you folks on how I put this stuff together.
*This tutorial is brought to you by Microsoft Paint because I didn’t feel like putting too much effort into this to be honest. I imagine if you have Photoshop, you already know what you’re doing, but I’m here to be helpful soooo…
We’re starting with a blank slate. Width is 768px. I think that’s the width for the theme I’m using – I can’t remember and I can’t be bothered to check, but it really doesn’t matter. Feel free to use whatever dimensions you want.
If you’re already confused, the grey and white checkerboard means it’s completely transparent.
So, I’m just creating my little “topic dividers” for ya today.
First, I select the Text Tool like so:
And I begin to draw my text box.
I’m going to drag it all the way from left to right so I know my text is centered so the formatting doesn’t look wonky when I have it in a blog post.
The font I’m using today is Sacramento (which can be downloaded for free right here) and I’m just going to type in whatever my topic is.
I wanted to add some color to this just to bring some life to my post so I decided to add these watercolor flowers by Angie Makes as a background.
So I open whichever flower I like and the first thing I’m going to do is crop this giant ass flower to a reasonable size – here I’m starting off with 200px width and I’ll adjust as needed.
So all I’m doing is just dragging and dropping this flower into my “topic divider.” I prefer, rather than selecting the flower from that open image, to select the layer that contains the flower and dragging it onto my WIP. You’ll know if you’re doing this correctly if your workspace lights up with a white border and you can see your layer being physically dragged (the opacity will go down on the layer you’re moving around).
The flower ended up being a perfect size, but if not just select Ctrl+T so you can transform the image. Once it’s in the transform mode, you can press the Shift key while you adjust the size so it keeps it’s original dimensions.
Since I’m only working with one layer, this new flower layer will automatically go on top. I obviously don’t want my text to be covered so I’m dragging the layer below my text layer.
And voila! You’re done!
If you want, you can adjust the opacity of the flower so it fades out by moving the slider around.
I don’t feel like going this route so I’m just going to save it as a JPEG and call it a day.
And that’s all for now!
If you still have any questions, feel free to comment down below or send me an email via the contact form. I have nooo problem helping you out!
I know the tutorial was like super basic, but I imagine that most of you aren’t using Photoshop and those who do have Photoshop should already know how to do this, but whatever! I was determined to be as helpful as possible even if this ends up helping no one at all…
I think I’ve dragged this post out for far too long. 😳
Do you enjoy designing your blog?
Where do you get your freebies from?
Was any of this new or helpful info for you? I hope so or else this is really awkward…
‘Til next time! 😀
NOTE: All gifs shown were created by me, but feel free to use wherever (just don’t claim as your own)!