quikbits

Hints, tips and how-to free and open source software

Stitching pictures together

Posted by dilettante on April 5, 2007

There are many specialised tools available to stitch, mosaic, or create a panorama. But if you just want to create a simple banner for your web site or blog, then you may be able to use your favourite graphics or image manipulation programme.

The following steps are how I created a banner for a web site using images from BurningWell.org and the GNU Image Manipulation Program (GIMP).

Create a new background canvas the final size of the banner that you want for your blog or web site. For this example, I chose the “Web banner common 468 x 60″ listed in the template drop-down list. The Create a New Image dialogue allows you to change the dimensions, so I changed the height from 60 pixels to 80 pixels.

Collate the images that you wish to use to create your banner. For example, I downloaded the thumbnails of four images of circus performers from BurningWell.org.

Add the images to your canvas. I aligned my file manager window alongside the GIMP canvas window and dragged the images onto the canvas roughly in the order that I wanted them.

Position the images as you wish. For example, I needed to move the images so that the person or action was centered in the banner.

Most graphics programmes will add new images into what is called a layer. Think of the images as printed photographs that you are spreading out on the table in front of you. You can choose to butt them up hard against each other or overlap them.

To change which image is on top of another, you will need to locate the dialogue or view function that allows you to manipulate the order of the stack of images.

I filled in the gaps by adding the image that has a black background and added it to either side to complete the banner.

One Response to “Stitching pictures together”

  1. [...] Stitching pictures together How to create a simple banner for your web site or blog from images available at BurningWell.org. [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>