Following on from Nick’s great post from last week (see ‘5 Great Facebook Cover Photos’), I’ve re-designed our Facebook cover photo at MCA. In this post I’ll show you how we did it, and provide a free downloadable Photoshop template which you can use to help design your own cover photo. First, you’ll need to download the free template – to do this all we ask is that you like or tweet this using the buttons below.
[l2g name=”Facebook Cover Design Template” id=”4564″]
Once your download is complete, open it up in Photoshop. You’ll see one folder and 2 layers in the layers panel, no need to worry about doing anything with these just yet; the folder is the Facebook overlay, and you’ll notice the transparent space where your cover photo and profile photo will go.
First comes the creative part (my favourite bit): produce some artwork or choose an image that is 851×315 pixel. If you’re feeling adventurous, you could create a continuous page design that runs through your profile image from your cover photo; in this case your graphic will need to be 885×315 pixels.
Drop your graphic in a layer underneath the Facebook overlay.
Once you’re happy with the look of your cover photo, hide the Facebook overlay layer in your layers palette by clicking the eye off to the left of the folder. Select the ‘851×315 Template Outline’ layer, then using the magic wand tool click in the cover photo area, select Image >> Crop from the menu, then File >> Save for web & devices. Save as jpeg at 100% quality.
Create your profile icon next. First select Edit >> Undo Crop to get back to the full page. It’s best to create an icon from your company logo, as this is what is seen in the thumbnails for your post updates. For example, mycleveragency use our Brain logo as our Facebook logo.
Once you’re happy with how your profile image looks, you need to select the layer ‘180×180 Template Outline’. Use the magic wand tool and click on your profile image to select it then select Image >> Crop
Click File >> Save for web & devices. This time, however, instead of just clicking save you’ll see on the right an option for ‘image size’. You’ll need to change these dimensions to 180 so it all lines up correctly once you upload to your Facebook Page.
Follow these steps and you’ll have great looking, properly scaled Facebook cover and profile photos in no time!