fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Create Facebook Timeline Cover in Photoshop
Tutorials Icons and Buttons 10278 Views February 19th, 2014

Learn how to create a Facebook Timeline Cover in Photoshop using these pretty simple yet creative ideas. To help you with these process I have added a free Facebook cover PSD that you can use as template. All you have to do is to add your Facebook profile photo and your cover image inside the smart objects. The Facebook PSD template is easy to edit and customize. So have fun and don't forget to upload your results.


Today we'll create a Facebook cover in Photoshop using photo frames, paper textures, sticky notes and other collage effects. First you have to download our Facebook Cover PSD mockup. The PSD file contains two easy to edit smart objects with the cover photo and the profile photo in the right sizes. All you have to do is to replace the two objects with your own design. So let's start.

Open the PSD mockup file and inside you will find two smart objects called (Replace this) Cover Photo and (Replace this) Profile Photo. The Facebook cover size is width 815 pixel and height 315 pixels. The Facebook profile photo size is a 160 pixels square.

Change Facebook Profile Photo

Your profile picture helps people recognize you on Facebook. To add a profile picture or change your current profile picture you have to go to your Timeline and hover over your profile photo. Click Edit Profile Picture to edit your photo. The size for this image is 160x160 pixels saved as JPG or PNG format.

Double click on the (Replace this) Profile Photo thumbnail to open the smart object. Inside you can add yur image. For this tutorial I will use this teenager girls stock image.

Change Facebook Timeline Cover

A cover photo is the larger photo at the top of your Timeline, right above your profile picture. Like your profile picture, cover images are public, which means anyone visiting your Timeline will be able to see them. The size for the cover photo is 851x315 pixels and it must be less than 100 kilobytes. The format for this photo is JPG or PNG.

If you upload an image that's smaller than these dimensions, it will be stretched to this larger size. The image you upload must be at least 399 pixels wide and 150 pixels tall.

Now let's create the design for the Facebook profile photo. Open the (Replace this) Cover Photo smart object and inside add your design. I will use a cork texture to display some photos, sticky notes and other elements.

Download this polaroid PSD file and use the same image and display other parts from the photo using the clipping mask called "your image ". Simply drag and drop the clipping mask.

To make the cover image more interesting you can add different sticky notes, different colors and sizes. You can use notebook pattern to texturize the paper. And also you can add some scotch tape shapes on the polaroid photo frames and on the paper notes.

For the final touches I adde some push pins and some doodle sketch brushes , but you can use and creative idea that you might have. So here is the final result for the Photoshop Facebook cover design.

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

5 comment(s) for "Create Facebook Timeline Cover in Photoshop"

3:30 AM Thursday, February 20, 2014
I would have liked to do this one however i cant find a tutorial on clipping masks on your site.. i will keep looking. reply
3:31 AM Thursday, February 20, 2014
What is the best format to export the final result to for the best display on Facebook? Png, JPEG, etc?
3:39 AM Thursday, February 20, 2014
Hi Rudy,

I think the best answer to your question is the one given by the Facebook Team:
"To get the fastest load times for your Page, upload an sRGB JPG file that's 851 pixels wide, 315 pixels tall and less than 100 kilobytes. For images with your logo or text, you may get a higher quality result by using a PNG file."

Hope this info helps you! reply
3:44 AM Thursday, February 20, 2014
Here are some useful tips on how to use a Clipping Mask in Photoshop.
But the Polaroid PSD file already has the clipping mask and smart objects. All you have to do is to replace the images.
1:30 AM Tuesday, December 23, 2014
Here is another interesting article about Facebook covers; it includes some details on how to upload the Facebook cover, what you can and can not include in a FB cover and other important tips. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Download for free this split tone Photoshop actions and use them to create interesting photo effects...
Learn how to create graffiti effect in Photoshop using this cool action. In this tutorial you will f...
Create 3D shape in Photoshop in just a few seconds with this free 3D Photoshop action. My 3D action ...
Learn how to create a chocolate tablet text effect in Photoshop from scratch. You can create any typ...

      Rubber Stamp Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Comics Book Photoshop Creator