feedback

Creating Web 2.0 stripes with Gimp

Gimp is a very good graphic editor i suggest everyone to use it especially because it’s free (by free i don’t mean just free of charge). It has almost every thing like photoshop and there are new versions frequently.

When the web 2.0 becamed popular it was not only cause of ajax it’s because of new designs. Now there are many trends in design and one of them are stripes. They can be easily be done in gimp, just follow these steps:

1. Open gimp and click File> New, be sure to have selected Fill with: Background color in Advanced options, add width and height you need and click OK.

File New menu
2. Click on Bucket Fill Tool or press Shift+B, change the foreground color to what you want and click on the image.

Bucket Fill tool

3. In the layout many add new layer and name it or leave the default name, set transparency of the layer to 20%.

New layer setup

4. Use Bucket Fill Tool again but now in Fill type select Pattern fill, selct pattern named warning like in the picture below and just click on the picture you’re creating. And there you have it.

Bucket Fill with stripe Warning

Here is the result:
Web 2.0 stripe created with Gimp

In step 2 you can use Gradient Tool set the foreground and background colors and you will have something like this:

Stripe with Gradient

If you want smaller stripes just create a bigger picture and scale it (Image> Scale image)

Stripes scaled

Digg icon Delicous icon Stumbleupon icon Reddit icon Twitter icon Facebook icon Technorati icon

1 Comment to Creating Web 2.0 stripes with Gimp

  1. 7. January 2010. at 14:43 | Permalink

    Awesome. I love GIMP. Going to use this to make over my blog.

Leave a Reply

You can use some HTML tags

Random Quote

quote openIf debugging is the process of removing bugs, then programming must be the process of putting them in.quote end
by Edsger W. Dijkstra

Tag cloud