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

ASUS VivoBook X202E Windows 8 Touchscreen Laptop Review And Giveaway

It wasn’t very long ago when prices of touchscreen Windows 8 laptops soared beyond $1000. Thankfully, those days are behind us, and portable computers can easily be purchased – touchscreen and all – for under $500. That’s precisely the demographic in which the ASUS VivoBook X202E falls. When compared to a high-end laptop, its specifications might seem modest, but for laptop buyers just looking for a way to browse the web, watch videos, use basic apps, and not spend too much money, something in this budget is perfectly suitable. The question is, of course, how does the ASUS VivoBook X202E compare to others on the market, and is it the one which you should be spending your hard-earned money on? Well, you’re just going to have to keep reading to find out. Best of all, we are giving away an ASUS VivoBook X202E to one lucky winner. Keep reading for your chance to take home this Windows 8 touchscreen laptop! Introducing the ASUS VivoBook X202E Laptop The ASUS VivoBook X202...

Samsung Galaxy Note 3 N9000 Review and Giveaway

When it comes to massive phones, nothing is more iconic than the Samsung Galaxy Note. It has gained popularity not only due to its size, but its additional features such as a stylus and a larger battery make it a more useful phone. Samsung released the third generation of the Galaxy Note in October, updating the phablet with a larger screen and improved hardware. Read through our review, then join the giveaway to win the  Samsung Galaxy Note 3 ! Competitors Of course, other Android competitors haven’t let the $640  Galaxy Note 3  be the only player in the phablet market. There are others such as the  Sony Xperia Z Ultra , the Samsung Galaxy Mega , and the other more common phones that are reaching 5″ screens such as the  Samsung Galaxy S4 , the  HTC One , and the  Nexus 5 . Unlike the normal-sized top contenders, the Galaxy Note 3 has a bigger screen and larger battery. It also offers specific features (surrounding the S Pen stylus) th...

Samsung Galaxy S5 Review and Giveaway

Few smartphones are as aggressively marketed as Samsung’s Galaxy S5. The S5 can no longer be considered brand-new — but it  is  Samsung’s flagship, at least for the next few months. With a gorgeous screen, a capable camera, a waterproof build, and a user-replaceable battery, the Galaxy S5 has a lot to offer… at least on paper. Let’s find out how good it really is. What Makes This Review Different There are about a million Galaxy S5 reviews out there. Why should you read this one? Two keys points make our review different: We bought our own device . Unlike many tech blogs, we don’t use a review unit Samsung gave us. We went out to the store and bought one, just like you would. This means everything you read here is truly impartial – we owe Samsung nothing. We used it for more than a month . Some sites rush to be the first to publish a review on a new device. That’s not how we do things. I used the Galaxy S5 as my main (and only) Android phone for nearly two months,...