The Easy Way to Create Your Website Banner

by | 24 comments

Website Banner

Photo by docbaty (flickr)

There is a nasty assumption out there that all photographers are web nerds, graphic artists, and just generally technologically savvy people.

That's just not true.

Some are, most are not.

That's why I've been dedicating a lot of my time and energy on this blog to teach my fellow photographers some “how-to's” about working online.  To many photographers, the image making is easy….the web stuff is nuts.

In this post I'm going to share a tutorial where I teach you how to easily create a nice looking banner for your website.

But first, a little story…..

My First Gig as a Photographer Helper

I had a good friend at work that I used to see walking around town with a Nikon dSLR around his neck.  Back in 2004/05, dSLR's weren't nearly as common as they are today – and I'm pretty sure he was never more than 2 feet from that camera.

As I was starting to get into photography myself, I was like a little puppy dog whenever I saw him (and his camera).  I would ask him all sorts of questions about photography and we had some great conversations in the lunchroom about our love for this great hobby (neither of us were using our cameras for profit back then).

Naturally, I asked my friend if I could see some of his photos.  He said sure but I'd have to come by his house because all of his images were either framed on his wall or on his computer's hard-drive.


His photos were awesome.  And they were just sitting there on his hard-drive; available to my friend and almost no one else.

It was sad.

Though there was no Facebook yet, this was the time of Flickr and MySpace and Yahoo! and I knew the 2.0 age was upon us.

It was MY DUTY to let my friend know that there was so much more to photography than just taking great photos and hoarding them on his hard-drive and bathroom walls.

He didn't care. Not like I did, anyways.

But I was persistent and eventually he signed up with SmugMug (I was a raving SmugMug fan – even back then).

He had no idea how to set up a SmugMug account – nor did he have any desire to try to figure it out on his own.  Over time he saw the value (and joy) of having his own website – to share photos with loved ones and to get the all important feedback (“great shot!”) from Aunt Tilda.

And soon he realized his website, like his photos, were an extension of himself.

He was ready to customize and do a bit of branding.

Banners, Font Families, Color Schemes, CSS, HTML…….

“No thank you”, said my friend.  “I'll just pay you to do it for me”.

“Sure”, I said.  I think the payment included use of one of his new 2.8 lenses.  It was a fair deal.  :smile:

Here's my friends SmugMug site — mostly unchanged from 2005.  Great photos, aren't they?

My friend is now retired, and making a pretty good “beyond pension” income through his photography.  Magazines, Newpapers, and Online Publishers consistently find photos on Phil's site that they are more than happy to pay for.

I'm thrilled that my friend helped me take my photography to the next level (he took me down the Nikon path…) and that I was able to help him build his website in return.

And I'm more than happy to help you too.

Now on to that banner tutorial….

Website Banner Tutorial

In this tutorial I show you how to use Photoshop Elements to create your own text-based website banner.

As I explain in the video, I use Photoshop Elements because that's a program I already have on my computer and it works just fine for the kind of text-based banner I want to create.

If you don't have Photoshop Elements, there's a good chance you'll have some sort of image editor program you can use to create a banner.

Please don't go out and purchase Photoshop just to create a banner.  There are lots of free online tools you can also use.   Just keep in mind that I have only had a quick glance at these sites and can't vouch for their product. I just wanted to give you options.

The goal of this tutorial is to get you a nice looking banner FAST, EASY, and FREE (by using software you already own, or something free online).

Sweet.  I Have a Banner Now…But No Website.  What Now?

Follow my Complete Pro Photography Website Tutorial….and when you get to Step 4, that's when you'll upload your awesome new banner to your new SmugMug website.

(Note: The SmugMug links in this post are affiliate links and if you sign up with SmugMug through these links you'll not only save 20% on your first year with SmugMug, you'll also be supporting me and this site.  For which I am hugely grateful for…)


Banner Show and Tell!

Please leave a comment below and make sure you include a link to your website where we can see your banner in action.

I don't care if your banner is new, old, text, home-made, outsourced, ugly, or beautiful.

I just want to see it….and others do to. :smile:

Create a Gorgeous Video Slideshow with Photos, Text, and Music – A Step-by-Step Tutorial

In this post, I'm going to show you the step-by-step instructions for creating high quality, emotionally captivating slideshow video using photos, text, and music. It'll be just like a recipe. I'm going to show you everything from start to finish. Can you show me what...

How to Create a Gorgeous Photography Website with SmugMug in 90 Minutes – A Complete Step-By-Step Tutorial

20% Off SmugMug Coupon* If you are interested in getting started today with SmugMug use the link below to save 20% off ANY of their packages. That will save you money on an already affordable product. You’ll love it! SmugMug - 20%...

Don't Worry About Pat Flynn

Sometimes I wander over to Pat's site - Smart Passive Income. That Income Report tracker in the top right corner stares back at me. That is NOT how much Pat made in a year. That's how much Pat made in DECEMBER 2017. One month of net profit. *mouth drops to the floor*...

5 Money Tips for the Self Employed Side Hustle

There are two conflicting rules to live by when it comes to making money for yourself and starting your own business. One rule is to make sure you have everything "in place" before you try to earn your first dollar. Do you have a business plan? Have you...

SmugMug Website Examples – Submit and Vote on Your Favorites

If you're new to SmugMug, be sure to use this link to save 20% on your first year with SmugMug. The following is a list of beautifully designed SmugMug sites created and used by real photographers. Use this list to get inspiration and ideas for your...

Pin It on Pinterest

Share This