Skip to main content

How to Create a Website Header Image Using PowerPoint


I’m sure everybody is familiar with the terms “Love at first sight” and “First impression will last forever”. Those statements tell you the importance of first impression. There’s even a statement saying “You only have three seconds to make your first impression”.
In the terms of web presence, the first thing that people will see on your website is the header. So if you want your web page to give a good impression, you should create a nice header image. It is like a handshake and will tell the visitor about your personal quality.
There are many ways to create a header image. But for those who have an allergy towards graphic editors, you can use just about any application with the ability to insert images and edit text to create one.

Beyond The Power Of Points

Let’s try using PowerPoint for our project today. The reason for choosing this app is because I’m sure most of office computers have this application installed, and as one of our readers pointed out in the comment section from the article “Create Cool Desktop Wallpapers Quickly using Microsoft Word” – it has the ability to save the document as an image.
Before starting to create a header image, we have to be ready with the concept first. Because we want to create something that is simple and cool (and quick), the concept should not be too complicated either — the header should contain an image as a background, adorned with a short title and sub-title. That should be easy enough, right?
So the first thing to do is to launch PowerPoint. I’m using the Mac version of the app, but the other version should not be too far off.
create a header image
Start by resizing the size of the slide to the size of web header that you need. Go to “File – Page Setup” menu to open the setting window.
create a header image
Then choose the appropriate size from the drop-down menu. The nearest choice for a web header is “Banner“, but that might not be what you need. If the size that you want is not on the list, you can always adjust the size manually. I chose to go with the proportion of 720 x 180 for this project.
create a header image
Continue by inserting the background image. Click the “Insert Picture” icon, or use the “Insert – Picture” menu.
website header images
Resize the image and drag it to the position that you want.
website header images
Please note that even though the image is bigger than the canvas, PowerPoint will only show the part that stays within the boundary of the canvas. So always refer to the thumbnail on the left.
Send the image to the back by choosing the action from the right-click context menu. If you do not do this, your text will be placed behind the image.
website header images
Another right-click, this time is at the blank whitespace, and choose “Format Background” from the pop up menu.
Choose how you want to fill in the background. You can choose solid color, gradient, picture or texture.
Now all that’s left to do is to type out the title and the description of the webpage, then modify the fonts (type, size, and color), alignment, and all other accessories to get the best appearance. My personal favorite font is Gill Sans Light with a drop shadow.

Saving the picture

Now, all that’s left to create your header image is to save the canvas as picture. The process is a snap: just go to the “File – Save As Picture” menu and choose the save destination.
But you might want to adjust the quality of the result by going to the “Preferences“, click the “Save” tab, and set the “Advanced Resolution Settings“. The figure could be at “DPI (dots per inch)” – the bigger the better, or in “Pixel” – using the size that you need.
And here’s the result of our little project.
Have you tried to use PowerPoint beyond creating presentation? Or do you have personal favorite non-graphic editor app to create quick graphics for everyday use? Share using the comment below.

Comments

Popular posts from this blog

How To Hide Text In Microsoft Word 2007, Reveal It & Protect It

Sometimes what we hide is more important than what we reveal. Especially, documents with sensitive information, some things are supposed to be ‘for some eyes only’. Such scenarios are quite common, even for the more un-secretive among us. You want to show someone a letter composed in MS Word, but want to keep some of the content private; or it’s an official letter with some part of it having critical data. As important as these two are, the most common use could involve a normal printing job. Many a time we have to print different versions of a document, one copy for one set of eyes and others for other sets. Rather than creating multiple copies and therefore multiple printing jobs, what if we could just do it from the same document?  That too, without the hassle of repeated cut and paste. We can, with a simple feature in MS Word – it’s just called Hidden and let me show you how to use it to hide text in Microsoft Word 2007. It’s a simple single click process. Open the document

Clip & Convert Your Video Faster With Quicktime X & The New Handbrake 64-bit [Mac]

Recently a friend of mine asked for my help to find a video of a good presentation to be shown to one of his classes. He also requested for it to be iPod friendly as he would also distribute the video to his students. Three things came to my mind: Steve Jobs, Quicktime and Handbrake . Mr. Jobs is well known for his great presentations which are often used as references. I have several Apple Keynotes videos. For my friend, I decided to choose the one that introduced MacBook Air – the one that never fails to deliver the wow effect to the non-techie audience. It’s a part of January 2008 Macworld Keynote. First step: The Cutting To get only a specific part of the Keynote, I clipped the 1+ hour video into about 20 minutes using Quicktime X (which comes with Snow Leopard). I opened the movie using Quicktime X and chose Trim from the Edit menu ( Command + T ). Then I chose the start and end of my clip by moving both edges of the trimming bar to the desired position. To increase th

Ex-Skypers Launch Virtual Whiteboard Deekit

Although seriously long in the tooth and being disrupted by a plethora of startups, for many years Skype has existed as an almost ubiquitous app in any remote team’s toolkit. So it seems apt that a new startup founded by a team of ex-Skype employees is set to tackle another aspect of online collaboration. Deekit, which exits private beta today, is a virtual and collaborative whiteboard to help remote teams work smarter. The Tallinn, Estonia-based startup is headed up by founder and CEO, Kaili Kleemeier, who was previously a Head of Operations at Skype. She and three colleagues quit the Internet calling giant in 2012 and spent a year researching ideas in the remote team space. They ended up focusing on creating a new virtual whiteboard, born out of Kleemeier’s experience collaborating with technical teams remotely, specifically helping Skype deal with incident management. “Working with remote teams has been a challenge in many ways – cultural differences, language differences, a