Showing posts with label Design. Show all posts
Showing posts with label Design. Show all posts

Wednesday, September 23, 2009

How To Make Your Own Banner For Your Website

1204275_fun_painting_2A banner might well be the representative of your site. It’s the little guys that goes around the internet and promotes you and your online brand.

To grasp the attention of people, you need a good, noticeable banner. One that makes people interested and which makes them want to check out what you’re trying to sell.

Before we go on, I want to point something out. If you really want a banner of outstanding quality, you should consider contracting a professional designer. Such a banner will nearly always be of superior quality than one that has been generated automatically. Nevertheless, for practicality, you can make your own banner with banner generators that will surely serve its purpose.

MyBannerMaker

MyBannerMaker is probably the simplest banner generator we’re going to see today. Divided by tabs, you can tweak various characteristics, including size, background, text, border and effects. The generator allows you to use up to four different lines of text, all of which have adjustable formatting and positioning.

The real ’styling’ of your banner happens in the background, border and effects department. You can use a gradient, or (advised, if you want better results) upload a picture. You can make one if you’re very creative, or search a free stock photo site like sxc.hu, which can turn up plenty of alternatives as well.


Most of the time, a border is not advised, but there are two exceptions. Either use it to create a slight contrast with your website, or – in this case – use it to separate the watermark from the rest of the banner. Use a very light color to drown it out, or make it stand out by creating a heavy contrast.

19-09-2009 17-12-57

There are several interesting effects that you can apply. You’ll want to ignore any dynamic effects – people don’t want a banner to be screaming at them – but others, like Edge Detect can create a nice text accentuation.

19-09-2009 17-17-13

After you’re done, you’ve got a few alternatives to downloading your banner. Already uploaded on ImageShack, you can request the BBCode or HTML, respectively to embed your banner in a forum or on a website.

PureSilva BannerMaker

My personal favorite to make your own banner is PureSilva’s BannerMaker. Although there are a ton of available options, the interface remains relatively simple.

The BannerMaker website hosts a ton of available background images, of both pictures and abstract colour-themes. Besides backgrounds, you can also use one of the multitude of overlay images. There are dark overlays to flourish up your background, or practical icons like the RSS icon I used.

19-09-2009 17-13-17

All the other functionality is there as well. You can change font formatting, even including shadow and glow, create a border, and upload images of your own.

If you’re still a bit lost here, read my tips for using borders and backgrounds above, in the BannerMaker explanation.

19-09-2009 17-16-07

Unlike on these other websites, your image isn’t already uploaded to a hosting site. If you’re to use the banner on your website, you’ll first have to upload it yourself. For this purpose, PureSilva recommends Imgur, a free image host that doesn’t even require a sign-up.

Extra: BannerSketch

BannerSketch is pretty similar to MyBannerMaker. It uses the same tabbed interface and offers much of the same functionality. However, on these grounds, it does not beat MyBannerMaker. The strength of BannerSketch lies somewhere else.

19-09-2009 17-13-35

As an alternative, if you don’t want to completely make your own banner from scratch, BannerSketch offers prebuilt templates. Not just one or two, but over 1,300 of them. All of these ‘backgrounds’ are specifically designed to create great banners. You can browse through them using a categoric interface, and quickly spot the one you need. Afterwards, you can succeed in altering the banner’s characteristics, tweaking text and border formatting.

19-09-2009 17-15-11

BannerSketch allows you to send the banner to your email address, but also uploads it to ImageShack and supplies you with all the necessary embed links. As an extra, BannerSketch removes its watermark after creation!

Friday, September 4, 2009

Watermark

So after spending the day snapping like crazy, the photographer comes up against a new problem – copyright. As a freelance writer, I discovered my work stolen by two websites on two separate occasions when playing with CopyScape. The feeling of anger and to be honest, helplessness is awful.

What can you do? It’s the internet and tracking down someone is like looking for a needle in a haystack. However, with photographs the creators can protect them by adding in a watermark that will stop people from stealing their work.

watermark

A great (and free) online tool I found that can do this is a photography website called Watermark. This has a good free account option with the ability to upgrade to the premium account if you so wish. The free account does all you would really need. You can mark multiple photos at once and you can customise the watermark with different text, colours, size and effects as seen in the screenshot.

The only bad parts to the free account that you would notice is that a picture cannot be any larger than 0.5Mb which shouldn’t obstruct you much if you’re only posting them online. Also, it doesn’t save your watermark for when you come back later.