If you’re a regular reader and you have an eye for design, you’ve probably noticed a few changes around the site. Previously, my site was built from WordPress’ Twenty Eleven theme. I’ve been working with Twenty Thirteen for a while now on clients’ sites, and have wanted to redesign my own using it. I’ve also grown a little tired of my old colour scheme, specifically the red portion, and I’ve grown very fond of blues and greens lately.
So, the other day when I had a spare moment, I decided that I would redesign. I came up with a new colour scheme with very similar colours minus the red, and changed the colours in my logo. I redesigned the site with very similar aesthetic, but just cleaned up a few smaller elements and added some new heading format to make posts easier to scan through. I also added a second menu – something that I’ve wanted to do for a while now.
I also created a mood board for my site (something that I didn’t do the first time around) and created a new brand board. It just took a little bit of tweaking and now I’m truly in love with my brand and website. I also created a photoshop brand board template so you can create one for your own brand if you’re in need. You just need to subscribe to my newsletter to get access to the brand board template (as well as all of my other freebies and content upgrade). And below are also some instructions on how to use it. Enjoy!
Using this template in Photoshop is super easy, and it shouldn’t take you more than a few minutes to place all your content.
Open the template in Photoshop. You also need to open the images you are going to use in your brand board – either in photoshop or any other program, or just online if you have them there. Then you just drag the images into your brand board photoshop document. This will create a new layer for each image.
Next, in the layers panel, find the layer that you want to place the image in for. If you’re not sure which layer is which, you can show/hide the layer by clicking on the eye icon, and see what disappears.
Next, we’re going to place the image in the area you want it to be in, for example, the Main Logo area at the very top. In the layers panel, drag your main logo image so that it’s the layer above the Main Logo box. Then, right click on the image layer, and click Create Clipping Mask. This will make it so that the image only shows through in the rectangular area. You can now move, edit, and resize the image within that area.
If the image is smaller than the cutout area, this means that some of the grey will probably be showing through, and you don’t want that. So click on the layer with the grey rectangle, then click on the paint bucket tool, make the foreground colour white, and click on the rectangle. This will make the rectangle white so you can’t see it anymore.
Then just repeat this for all the different areas. For the Colour Palette layer you just need to use the paint bucket tool to colour those rectangles in. The Graphics area can be used for icons like I did, or you could put images there that inspired your brand, or maybe textures that you’re going to use. You can change the title of that area by just double clicking on it in the layers panel.
If you have any questions or troubles using the template just comment below and I’ll try to help you out.