RSS

Cool Sun Burst Effect

Wed, Oct 15, 2008

Gimp

gimp_sun_burst_tutorial.jpg

Although this is a very simple straight forward effect i though it would be good for people getting familiar with gimp to try something not too hard. i call this effect “sun Ray” its pretty common with so called web 2.0 websites these days.

i’m using Gimp 2.4 so i would advise downloading so there isn’t any different.

Step:

1 Open a new image at 400×400 and in the new

image dialog under the advance section select Transparent fill.

3 Now will want to activate the GRID by going to Veiw> Show Grid or pressing CTRL+SHIT+T, will also need the “Snap to Grid” feature active, go to Veiw>Snap to Grid.

4 Now with the path tool will draw our first ray pay attention to where i drew my ray using

the grid points.

remember when drawing your path be sure to have it on “design” mode and to close it you must have it on Edit mode or hold down CTRL.

once you have drawn your path in

the path dialog click on “Selection from Path”

5 Create a new layer and name it “1″

6 Change the forgound color to white,select the “Blend

tool” or press L and in the the Graident dialog select the “FG to Transparent” Gradient.

7 Now apply the Gradient from bottom to top as shown in the

image below.

8 now you can de-select the Ray by going to Select>None or Shift+CTRL+A

9 now move the it to the center of

the grid, it as shown in the

image.

Now what will do is basically duplicated the layer again and again to compleat a full circle

10 Duplicate

the Ray and name the layer “5″

11 Now select the Rotate

tool or Shift+R, now rotate

the ray either by dragging to approximately the position i have mine at or use the rotate dialog to enter 83 for angle and Center both X and Y at 192

12 Using this same technique create 13 more rays and use

the grid to position them with equal space between each ray. just remember having make sure you adjust the center point to 192.

this is just an example of how these neat sun ray effects can add a nice cool look to a design like a header, wallpaper, background ect. all i did was use a simple two colour light toned gradient named “Web 2.0 Wax Dark ” that can be found in the 30 ultimate web 2.0 pack here on this site, adjusted the whole ray opacity to 50 and added a pre made speach bubble in the middle and thats it :)

Rating: 8.5/10 (4 votes cast)
Share and Enjoy:
  • Digg
  • Google
  • Technorati
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Furl
  • Live
  • Reddit
  • Spurl

  • Subscribe
    • XML
    • Google Reader or Homepage
    • Add to My Yahoo!
    • Subscribe with Bloglines
    • Subscribe in NewsGator Online
    • BittyBrowser
    • Add to My AOL
    • Convert RSS to PDF
    • Subscribe in Rojo
    • Subscribe in FeedLounge
    • Subscribe with Pluck RSS reader
    • Solosub
    • MultiRSS
    • R|Mail
    • Rss fwd
    • Blogarithm
    • Eskobo
    • gritwire
    • BotABlog
    • Simpify!
    • Add to Technorati Favorites!
    • Add to netvibes
    • Add this site to your Protopage
    • Subscribe in NewsAlloy
    • Subscribe in myEarthlink
    • Add to your phone
    • Get RSS Buttons

, , , , ,



This post was written by:

admin - who has written 41 posts on Unreal Media.


Contact the author

6 Comments For This Post

  1. Php Header Forward Says:

    Good site I “Stumbledupon” it today and gave it a stumble for you.. looking forward to seeing what else you have..later

    Rating: 0.0/5 (0 votes cast)
  2. Admin Says:

    I’m a ripper

    Rating: 0.0/5 (0 votes cast)
  3. Admin Says:

    I’m a ripper

    Rating: 0.0/5 (0 votes cast)
  4. Admin Says:

    I’m a ripper yes I am

    Rating: 0.0/5 (0 votes cast)
  5. Admin Says:

    I rip tutorials from http://www.gimp-tutorials.net

    Rating: 0.0/5 (0 votes cast)
  6. Admin Says:

    This is where I ripped it from http://gimp-tutorials.net/node/153

    Rating: 0.0/5 (0 votes cast)

1 Trackbacks For This Post

  1. GHUJ - Gimp Tutorials » Blog Archive » Cool Sun Burst Effect Says:

    [...] View the Tutorial. [...]

Leave a Reply