• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar

MashDesigning

  • Freebies
  • Tutorial
  • Logo design
  • Inspiration
  • Misc
    • Articles
    • Make money
    • Tips
You are here: Home / Tutorial / Design a creative Timeline cover

Design a creative Timeline cover

June 16, 2012 by Ifham khan

Once again our reader request a tutorial for creative timeline cover. So, I am back with the tutorial “Design a creative Timeline cover” Have a look at what he asked:

request

Recommended: Design Facebook Timeline Cover [Basic]

15 Most Creative Timeline Covers 2012

So let start the tutorial. First of all we need complete detail of the size for timeline cover.

  • The timeline cover size should be 851X315
  • Use resolution to 300

1.Open your favorite Image processing software Photoshop and create a new canvas of size 851X315

2. Now make a new background using rectangle tool and fill it with white color. And then move to Yahoo.com ( Yes we are going to design yahoo dashboard on our timeline) Have a look at mine:

creative timeline

Pretty nice, now by this we are going to create a yahoo dashboard with some creativity. OK move to yahoo.com, take a snapshot of the search bar with snipping tool or any if you have, and place the search bar at the top of timeline. Look at the screenshot below:

create timeline

3. Now add the featured news bar using the same steps as we done earlier.

4. Now add some text links

yahoo

Now its looking good, without add too much yahoo widgets, let we add the profile pic box first. For this I don’t want to go and check the spacing, simply move to fbprofilecovers.com, download any of the cover which have the profile pic box. Download the cover and move it to your photoshop working space.

timeline making

5. Now delete the image and you will get some thing like this

fb coerv

6. You can see the black space above and left from the profile pic box, what we have to do is write Top story with headline and some news. Look below:

Fantastic! Now look at this it will surely look like the yahoo dashboard, but its a timeline cover. For your information:

  • I used #4364a0 For headline and read more link
  • Used Myriad Pro font, because its similar to yahoo website text.
  • I used Lorem Ipsum generator to generate dummy text.
  • Change the text [Your name] with your name. (I mean to say 🙂 )

Now let us check How it will be after placing this to our timeline.

Creative timeline cover

Looking awesome, Thanks for reading my article, please share this and comment if you need any help. Hope it will help you Ankit 🙂

Download the PSD

[like-to-dl theme=”orange” url=”https://www.mashdesigning.com/wp-content/uploads/2012/06/Timeline-by-mashdesigning.rar” like_url=”https://www.mashdesigning.com/design-a-creative-timeline-cover/” message=”Click Like to Start Your Download!”]

Filed Under: Tutorial Tagged With: Facebook, facebook timeline, photoshop, timeline

Reader Interactions

Comments

  1. Akshay Kakkar says

    June 16, 2012 at 4:34 am

    Great tutorial. Will try it in my free time.

    • Ifham khan says

      June 16, 2012 at 4:53 am

      Thanks for the comment Akshay 🙂

  2. ankit kumar says

    June 16, 2012 at 10:40 am

    wow,Thanks for the detailed tutorial. 🙂

    • Ifham khan says

      June 19, 2012 at 4:09 pm

      Glad you like it Ankit 🙂

  3. Harneet says

    June 19, 2012 at 11:47 am

    Nice Article. Keep up the good work. I’ll surely make a timeline by reading this article 🙂

    • Ifham khan says

      June 19, 2012 at 2:48 pm

      Thanks, hope you will get what the tutorial is for 🙂

  4. TechGopal says

    June 20, 2012 at 4:31 am

    really well explained tutorial from many days i am in search of such tutorial & planing to design my timeline today

  5. jeetu says

    June 20, 2012 at 12:05 pm

    very user friendly and simple tutorial, thanks bro for posting this 🙂

  6. Aditya Chintha says

    June 30, 2012 at 6:47 pm

    nice creativity!! i saw ur cover page is also same!! good tut

    • Ifham khan says

      July 1, 2012 at 2:22 am

      Thanks for the comment Aditya, visit again

  7. Hammad Baig says

    July 1, 2012 at 10:09 am

    Awesome tutorial I will try this on my Facebook Timeline thanks for sharing this

  8. fb profile covers says

    September 23, 2012 at 9:03 pm

    Thank you a bunch for sharing this with all folks you really recognise what you’re talking about! Bookmarked. Please additionally consult with my web site =). We may have a hyperlink change arrangement between us

Primary Sidebar

Join us on Facebook

Copyright © 2019 · eleven40 Pro on Genesis Framework · WordPress · Log in