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:
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:
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:
3. Now add the featured news bar using the same steps as we done earlier.
4. Now add some text links
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.
5. Now delete the image and you will get some thing like this
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.
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!”]
Great tutorial. Will try it in my free time.
Thanks for the comment Akshay 🙂
wow,Thanks for the detailed tutorial. 🙂
Glad you like it Ankit 🙂
Nice Article. Keep up the good work. I’ll surely make a timeline by reading this article 🙂
Thanks, hope you will get what the tutorial is for 🙂
really well explained tutorial from many days i am in search of such tutorial & planing to design my timeline today
very user friendly and simple tutorial, thanks bro for posting this 🙂
nice creativity!! i saw ur cover page is also same!! good tut
Thanks for the comment Aditya, visit again
Awesome tutorial I will try this on my Facebook Timeline thanks for sharing this
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