Great way to create amazing Facebook Cover Photo

Facebook Timeline Templates 2014

Hi guys. I know, Its been 4 months since i was last active. First of all, I would like to apologize for my absence. I was caught up by loads of work :/. How are you guys doing? Let me make it up to you, Today I am here to share with you something new about Facebook layout.

Recently, about a month ago. Facebook changed its timeline dimensions, commonly known as (Cover Photo). See the difference below. If you look closely there is a little change in the arrangement of profile photo and cover photo.

Facebook_Timeline_Masthead_Page_TEMPLATE_Jun2013Old cover photo dimensions [ Year 2013 ]

Facebook_Timeline_Masthead_Page_TEMPLATE_Jun2014

Current Cover Photo [Recently Updated, Year 2014]

Facebook have become an important part of marketing and customer relation building strategies of a business. Your Facebook page is the platform to interact with your prospective and current customers. With the launch of Facebook timeline in 2012, timeline template of a Facebook page had become very important for it. Because it is the first thing a viewer see when enters a page. Even the profile picture is very important, it depicts your brand to viewers, so brand logo should be used here.  Many businesses don’t spare time to make a good and attractive timeline cover photo, many times they don’t upload standardized photos hence the picture gets stretched and doesn’t look good. [Ramandeep Singh, DesignRapid]

If you’re interested to beautify your coverphoto, please do not hesitate to download the file! Below is a working file. Have fun guys !

http://www.sendspace.com/file/c8gztx

For the ones who do not know how to sync/match your profile photo with cover photo. Do not worry. I’ve prepared the simple steps/tutorial for you to get started 🙂

Step 1: Open PSD file [Facebook_Timeline_Masthead_Page_TEMPLATE_Jun2014]

Step 2: Drag your photo into the file. In the layer panel, move your photo layers below the the template just by dragging it down or [ Ctrl + Bracket ] to push it down. Bracket looks like this ” [ “.

A. Screen Shot 2014-06-09 at 12.56.42 PM Screen Shot 2014-06-09 at 12.56.23 PM

B.
Screen Shot 2014-06-09 at 12.58.30 PM Screen Shot 2014-06-09 at 12.58.15 PM

Step 3: Now that the template layer has overlap the photo. It looks like the background is sync with the template layer. Well that’s how it is going to look like on your facebook. But that’s not the last step. Next, use marquee tool on the left panel of photoshop to select an area.

Screen Shot 2014-06-09 at 1.19.36 PM Screen Shot 2014-06-09 at 1.19.51 PM

Step 4: After selecting the background using marquee tool. Hide the layer by clicking on the eye at the layer panel.
Screen Shot 2014-06-09 at 1.17.09 PM Screen Shot 2014-06-09 at 1.16.57 PM

Step 5: Next, go to photoshop navigation bar on top. Click on image button and select “crop”. Your photo’s automatically crops the area right after you click.
Screen Shot 2014-06-09 at 1.21.02 PM

 Step 6: Save the cropped photo clicking on  “Save for Web & Device”.  A new window will appear. You can choose to save as JPEG, PNG, GIF. Select “PNG-24”. The reason is simple, picture quality of PNG is better than JPEG. Name the file as “cover photo”.

Screen Shot 2014-06-09 at 8.00.16 PM

Screen Shot 2014-06-09 at 8.00.56 PM

Step 7: Cover photo is complete. Let’s get back to Photoshop and work on your profile photo. Undo all your actions to get you back to the complete template. Select “History” on the navigation bar and a mini window will appear. Select the layer that brings you back to the complete template.

Screen Shot 2014-06-09 at 8.11.40 PM

 

Screen Shot 2014-06-09 at 8.09.11 PM Screen Shot 2014-06-09 at 8.09.32 PM

Step 8: Undo your actions until it brings you back to this template.

Screen Shot 2014-06-09 at 12.58.30 PM

Step 9: After that, select “Magic Wand”. Adjust its setting by turning tolerance to “0”. Click on template layer in the layer panel. Then click on the profile picture sections with magic wand to select it. Go to navigation bar again and select “crop”. After cropping, click on “save for web & device”. Lastly, save the image as “PNG” and name it as “profile photo”. You’re done ! All you need to do now is change the cover photo and profile photo in your Facebook account.

Screen Shot 2014-06-09 at 8.09.59 PM

Screen Shot 2014-06-09 at 8.10.20 PM

Screen Shot 2014-06-09 at 8.10.39 PM

“Final Artwork” will look like this in your Facebook account.

Example 1.

Screen Shot 2014-06-09 at 8.31.35 PM

Example 2.

Screen Shot 2014-06-09 at 8.35.03 PM

That will be all for today guys. Do drop me a comment below if you are unsure about this steps. Have a great week. See ya!

 

illustrations

I could say that i’m proud of the illustration that i did for ” Go go Eco “. The results of the illustration turn out to be better than i expected. Go go Eco is a interactive media website that aims to educate young children about the importance of recycling.

Image

Image

Before kickstart, I started off referencing on a interactive website of the same agenda. The websites that i explored are [ http://www.marukin-ad.co.jp/ecoego ] and [ http://mini-mundi.com ]. I observe the colors and design that are used in their website. By doing so, i could know the styles that i’m supposed to apply.

Image

[ http://www.marukin-ad.co.jp/ecoego ]

Image

[ http://mini-mundi.com ]

What media do you see yourself producing in two years time? What research could you conduct in order to inform this future practice?

I wish to produce a great digital artworks in 2 years time. I believe that i will explore, observe and collect alot of cool artworks to absorb knowledge in the present & future.