GIMP Plus

High Quality GIMP Tutorials



This is the first tutorial og GIMP Plus. In this tutorial you will learn to create a Web 2.0 Page Icon with a curl effect at the corner with The GIMP.To begin , start with creating a new image of the size 512 * 512 pixels.All our new icons are of the size 512 px and this is of the demand today.So we will be creating 512 px icons i.e Leopard Ready Size .With this tutorial you can have page icons like following-

Page Icon

                                                            Create a new selection with the help of rectangle tool of the width 400 and height 465.Your windows should look like this :-

Create a new selection

 

Now change your foreground color to “#ffffff” and background color to “#e5e5e5″ .Create a new layer and apply a blend with the gradient ” FG to BG “ from top right most to bottom left most of the selection as follows :-

Apply the gradient FG to BG

 

Deselect the selection (Keyboard Short Cut - Ctrl + Shift + A ) .In the meanwhile you can also delete or hide the background layer as it is no longer needed.

After blending

Now make a selection as follows in the top right corner -

After blending

 

Now go to Filters -> Distorts -> Pagecurl…

PageCurl Filter

And apply it with the following settings :-

PageCurl Filter

You should have the following effect now -

Page Icon Step 7

Now Select the Curl Layer and go to Filters- Light and Shadow - Drop Shadow and using the following settings apply it :-

Drop Shadow in GIMP

You will have the following result now :-

Our Icon is almost ready, we just need a bit of finishing to it.Select the main page layer and apply drop shadow to it once again with the following settings -

Our icon is now ready .You can use it wherever you like

Final Icon

Any Queries and Doubts can be asked via Comment.

Comments

There are 7 comments for this post.

  1. schrottplatz on October 31, 2008 7:33 pm

    nice tut!

  2. krisu on November 1, 2008 1:42 am

    First! Not bad tutorial for first. I looking for more *subscribe*

  3. VALERIUMOCANU on December 11, 2008 11:42 am

    first drop shaddow is for pagecurl layer?

  4. Michael on January 2, 2009 9:25 pm

    Hi,
    I was able to make the icon, but had a problem with the layers, because I couldnt get only the icon appear with no backgroud or square selections and before saving do you merge layers or flatten them?
    thanks for help
    Michael

  5. Joshua on February 3, 2009 12:54 am

    I can’t get the drop shadow to function as described.. Tutorial not compatible with GIMP 2.6.4 or incomplete?

  6. jm on March 29, 2009 8:24 am

    you forgot to mention that before adding the drop shadow to the pagecurl you should select the curl layer and: “layer > transparency > alpha to selection,” then apply the drop shadow, to avoid adding the drop shadow to the whole selection box.

  7. dj on April 14, 2009 5:16 am

    Nice. But aren’t icons those things that are: 64×64,48×48, 32×32, 24×24 and even 16×16. 512×512?

Write a Comment

Let me know what you think?