If you’ve been around a minute, you’ve probably seen all the wild graphics I’ve created for feature images and such. I won’t show examples because frankly, they’re embarrassing. But with time comes improvement, and thankfully I’ve learned that it’s possible to create an interesting background that doesn’t distract.
Hopefully later I can write a post about good resources for textures and mocks, but I wouldn’t restrict yourself to the internet. To prove that, all the samples in here will be crafted from pictures I took (and believe me, I’m not the greatest picture-taker). We live in a world of experiences, a camera waiting in our pocket. If you’re just starting out and don’t want to spend a ton of money, then seek out textures and colors around you.
Software is a slightly different story; I’ll be using Photoshop, but Affinity Photo can also work. I’d suggest either of these over something like Gimp or Canva because these free options don’t have the more useful capabilities.
Basics of a Background
To get started, let’s look at the function of a background. If it’s only job was to make your graphic “not white,” then a solid color would do. But a background is meant to continue the tone of the piece. A fantasy map doesn’t have a dark blue backdrop with glowing lines. Unless it’s Zelda, where part of their world is more technological.
While continuing the tone, it shouldn’t distract from the text. This is where imagery can help or hinder a graphic. Landscapes offer enough blank space to comfortably fit text, but a scene of racing cyclists might require a low opacity block. Readability is of huge importance when designing a backdrop.
Depending on the purpose of the graphic, the background might play a bigger role than “put text here.” How you design it shifts the tone of your piece, and that’s why we’re going to look at effects such as texture, watermarks, and color/text.
Texture
I’ve actually grown very fond of texture because I didn’t realize how it could be utilized until recently. Texture takes many forms, be it vector lines or the underside of a bridge (see images). If you look up textures, you’ll find tons of packs available for purchase. However, a texture is not the hero of a design, but rather a subtle addition.
When I’m creating a texture, I start with a solid color layer. Once I’ve picked the image/graphic that’ll be my texture, I scroll through the blend modes (see below). Each mode does something different, so it all depends on the general feel you want. Once selected, lower the opacity. This visually combines the two layers so they feel like one image rather than stacked.
Watermark
For those who don’t know, a watermark is traditionally a logo placed over an image so you can’t steal someone’s work. Stock photo companies use watermarks for previews. The sort of watermark I’m talking about though is the idea of a subtle graphic on the background. I’ve probably used this method too often lately for designs, but it’s just so cool.
I’ll be using my logo for this little demonstration. Similar to textures, you’ll bring in a graphic element and mess with the blend mode and opacity. The color of your original graphic paired with the background you have will determine the end result. I don’t suggest using white because it disappears. Instead, try a light gray. This adds a nice little feature that catches people eye without being too distracting.
Color and Text
When developing a good background, you’ll need to consider color and font. What typography do you plan on using? What color pushes your tone? I’d make these decisions before crafting the background so you have a direction for the design. Remember, the content is the hero.
I’ve already written posts about basic color theory and typography, but I’ll give you one piece of advice. Trial and error. In making the samples for this post, I tried out various blend modes and opacities until I found something that looked decent. You may be thinking they look ridiculous, but that’s because the backdrop is one piece of the puzzle. Believe me, you’ll look at your file and think it’s going nowhere when in reality, you’ve made something incredible.
It just takes patience and a lot of tweaking.
Final Thoughts: Less is More
I mentioned this mentality in my minimalism post, but in the case of backgrounds, we need a refresher. Textures and colors can become distracting very quickly. Especially if you’re like me and get excited with the little details. But backgrounds are meant to be that. Backgrounds. The unsung hero of every design is the most basic aspect.
So while you’re playing around, don’t overdo it. A basic texture says a lot while doing very little.
