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

Related Posts

  1. How to slice images using Gimp
Digg icon Delicous icon Stumbleupon icon Reddit icon Twitter icon Facebook icon Technorati icon

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

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

Subscribe by RSS or mail

RSS icon Mail icon
Benefits of subscribing

Tweet, tweet

Twitter bird

"Finished watching CS75 lectures, would be great to find more like this"

Follow Bojan on Twitter!!

Random Quote

quote openIf the automobile had followed the same development cycle as the computer, a Rolls-Royce would today cost $100, get a million miles per gallon, and explode once a year, killing everyone inside.quote end
by Robert X. Cringely

Tag cloud