Yesterday Facebook rolled out its new Timeline for everyone, and of course changed the design of the profile and cover pages. I created a new Photoshop template for the cover page and shared this on our Facebook fan page, but in case there was any confusion, here are the instructions on how to use it.
The instructions are for Photoshop, but if you are used to using another program that can load Photoshop images then hopefully it’ll be easy to follow.
The template can be found here, or by clicking on the link below, and is a simple Photoshop PSD image with three layers, ‘avatar’, ‘cover’ and ‘text guide’. You can ignore the ‘text guide’ layer, this is just for information, but any images for the Facebook profile should be placed underneath this layer, so the icon image can be positioned properly inside the white frame. If you follow the procedure below, you can quickly have a customised Facebook profile:
- Click on the ‘avatar’ layer and insert a new layer above it (Layer>New>Layer…). Here you can start placing the elements that you want included in the final profile.
- Your image for your Facebook Profile picture should ideally fit inside the white frame. However, to make your profile that little more interesting, you could have a part of your profile outside the frame and projecting into the cover image. In the example, the top of my head and arm are outside the frame.
- Once you have positioned the profile picture inside the white frame, make the ‘text guide’ layer invisible by clicking the little eye in the layers tab (bottom right hand side of the screen).
- When you are adding elements, make sure that they are each on a different level so that you can quickly change or correct elements. It’s also a good idea to name each level. If you have several levels in an image, it can quickly get confusing if they are called ‘level 1’, ‘level 2’, etc.
For the example, the star field and the cityscape were Photoshop brushes, the lens flare was from neonescence on DeviantArt , and ET was from a Google search.
- Once you have completed your profile, you can start making the Facebook Profile picture and cover image.
- For the Profile picture, select the ‘avatar’ layer and the Magic Wand tool. Click over your profile and you’ll see the little ants appear around the edge. Go to Edit>Copy Merged to put your profile into the clipboard, and then File>New… to create a new image. Paste your Profile image into the new image that you have created (Edit>Paste)
- Go back to the template and this time select the ‘cover’ layer. Repeat the procedure (Edit>Copy Merged and then File>New…) to create another new image for your cover.
You will now have to resize the images slightly to fit them nicely into your Facebook profile.
- For the Profile picture, reduce this to 250×250 pixels (Layer>Flatten Image, and then Image>Image Size and 250×250 pixels) and for the Cover reduce this to 1000×371 pixels. When reducing images, it’s always good to use the Bicubic Sharper (best for reduction) option to keep the image as sharp as possible. You can also add a little sharpness to each image using Filter>Sharpen>Unsharp Mask and applying an ‘Amount’ of 250%, Radius 0.2 pixels and a Threshold of 0.
- Now save each of the images (File>Save For Web and Devices…) and you are ready to load them into Facebook.
- The cover image is straightforward, just click onto the Change Cover and select Upload Photo from the dropdown. When you upload your image it’ll automatically be resized, so all you need to do is Save Changes.
- The Profile image is a little more fiddly but still very straightforward. Select Edit Profile Picture>Upload Image and choose your Profile image file. You’ll see it load, but the outlines won’t quite match any overlap into the cover image.
- To match with the cover image select Edit Profile Picture>Edit Thumbnail and toggle the Scale to Fit check box. You might need to toggle off then on again, Facebook can be a bit awkward, then Save and your image will update. All being well, it should fit nicely.
You can see the final profile here, and if you like this there is plenty of inspiration for new ideas here, including the profile from which I drew inspiration for this example.
If you want a customised profile like this one, but don’t have the right software, then for a nominal fee, we can create one for you. Just drop us a line.