Skip to content


Banner

This post is about how I created the banner of this site. As I mentioned in the first post,
I use a lot of open source software. One of my favorites is GIMP
It is an image manipulation program, similar to
Photoshop
. Someone might claim that Photoshop is more advanced, but I rarely face image manipulation
problems I couldn’t solve with GIMP. In this case I used GIMP 2.4.5 in Ubuntu Linux environment. It is also available
on other platforms like MS Windows.

In this demo I will not create exactly the same banner, but you will get the idea. If you have problem with reading the text on the images, just click on them and the full size image will open.

  1. Open GIMP.
  2. Select File/New
  3. The banner is 770×100 pixels. Set these values in the opening dialog and click OK.

    This creates you a new image with the given width and height
  4. Click on the front color, and select something you want to be the dominant color.

    In this case I selected some dark red. Click OK.

  5. Select the bucket fill tool

    and click anywhere on the picture you are editing. Now your whole banner should be dark red.

  6. Similarly to Step 4, change the front color again. This time, select some lighter red.
  7. Select the Brush tool.
  8. Change the brush to “Circle Fuzzy (19)”
  9. Make some random brush strokes on the image
  10. Change the color to a different red and continue making random strokes
  11. Repeat the former step couple of times. Use also white color. Now, your image should look like this
  12. In this step we will apply motion blur to blur the image.
    Open Filters/Blur/Motion Blur
  13. In the opening dialog set the blur length and angle to something like 50 and 40 and click OK. It does not matter what are the exact values, just blur the image.

    Now your image should look like this:

  14. Open Filters/Distorts/Whirl and Pinch
  15. In the opening dialog set whirl angle to 360, pinch amount to -1, and radius to 2 and click OK.

    The resulting image looks like this:

  16. Open Filters/Artistic/Cubism
  17. In the opening dialog do not change anything just click OK
    And your banner is ready:


Posted in Graphics.