Reader Tutorial: Easy Way to Create Light Effects in GIMP in 9 StepsListThumbs

Reader Tutorial: Easy Way to Create Light Effects in GIMP in 9 Steps

December 14, 2008

Following our Reader Tutorial series we have a GIMP tutorial from Maximilian Dirkmamn, a 14 years old boy from Munich Germany, that design on his free time. The idea of this series is give opportunity to the readers to show their work and, of course help the design community sharing tips and opinions. If you want to contribute, just let us know.

My name is Maximilian Dirkmann and I'm 14 years old. I come from Munich, Germany. In my free time I do designing. Check out my German website (GIMP tuts ) http://milian-web.byto.de/ and my DA http://milian-web.byto.de/ . Also I want to thank the whole http://gimper.net members for always giving me criticism and comments.

Step 1

Start the GIMP application and create a new image with 1024 x 768 pixel. Make sure, that the background is black.

Step 2

Now we will add a light. Use the paintbrush (shortcut [P]) and open up the "brushes" box (shortcut [Shift] + [Ctrl] + [B]) create a new brush, edit it and apply those settings:

Step 3

Create a new layer (Layer ->New Layer). Call it "Light" and click one times into the middle (make sure that your foreground color is white). Adjust the opacity to 60.

Step 4

Now we're going to add some color. Create a new layer (call it Color) and apply Filters ->Render ->Clouds ->Plasma with the value 0.1 at Turbulence. Set the layer mode in the layer dialog ([Ctrl] + [L]) to Divide. Adjust the opacity to 65.

Step 5

In this step we will add light rays. Create a new layer with the name Light Rays. Go on Filters ->Render ->Clouds ->Solid Noise. Set the X and Y size to 16.0. Go on Filters ->Blur ->Pixelize with the width 5px and the full hight of the picture (768px). Apply Filters ->Distorts -> Polar Coordinates with the values 0 | 0. Now set the Layer mode to Grain extract.

Step 6

Pick up the text tool and type a letter for example A standing for Abduzeedo. I chose Sans as the font and a size of 490px. Now go on Filters ->Light and Shadow ->Drop Shadow with the values 0 | 4 | 30 | white | 80 | and uncheck Allow resizing.

Step 7

Now we are adding a gloss to the A. Go on Layer ->Transparency ->Alpha to Selection. Use the Eclipse Select Tool and hold down [Shift] + [Ctrl]. Create a new layer (call it Gloss). Pick up the Blend Tool. Set the gradient to FG to Transparent (make sure your foreground color is white) an drag a Gradient from the right bottom to the left top. Now select all [Strg] +[ A].

Step 8

The reflection of the A. Go twice on Layer ->Merge Down. Duplicate the Layer, Layer ->Duplicate Layer. Tarnsform it: Layer ->Transform ->Flip Vertically. Move the transformed Layer to the top of the A. Now add a layer mask (Layer ->Mask ->Add Layer Mask; with white full opacity). Pick up the Blend tool again but now with black as the foreground color. Drag it just like this and you will get a nice fade out effect.

Conclusion

Finally we are going to add a lens reflection. Create a new Layer, call it Lens Reflection and fill it with black. I want to place it on the top of my letter so I need the position. Just move your mouse to the top of the image an on the left bottom of the gimp window you can see the position. Mine is 540;190 so go on Filters ->Light and Shadow ->Lens Flare with the values 540px and 190px. Set the Layer mode to Screen an you are done!

Download the GIMP file

Click here to download the GIMP file used on this tutorial.

About the author

User picture

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

Help us to share this!

26 Comments

DeadPixel12/14/2008

Erm. Not very creative imho, but that's not very bad for a 14 years-old :)

pienose12/14/2008

Nice, I can relate to this guy. Would like to see more gimp tutorials! thumbs up

toby12/14/2008

great tut.

more tutorials on Abduzeedo please!!!!

there arent as many any more!!

thanks

starlight8612/14/2008

nice one schrottplatz!

The Albino112/14/2008

Thats nice, I use photoshop and gimp. its nice to see some photoshop help, im a member at gimper.net!

E-maniacs Blog12/14/2008

14 ...amazing

NIce work kid...

Akoi Meexx12/14/2008

Glad to see a tutorial on something other than an Adobe product. Good work Maximilian!

Gimper12/14/2008

Hey schrottplatz! nice work mate :)

Jostein12/14/2008

Nooo..not the lens flare :)

Fabio, you are a legend for doing all this. Abduzeedo is my favorite blog.

Pete12/14/2008

Not Abduzeedo s Niveau!

Yopladas12/15/2008

Jeez, good job man!

Ajit12/15/2008

Nice man, yes, I agree more Gimp tuts here :)

whoo hoo way to go http://gimper.net :D

designlive12/17/2008

hello My name is Huzhang, I'm a graphic designer from China.
wecom to my homepage www.designlive.cn.

designlive12/17/2008

hello My name is Huzhang, I'm a graphic designer from China.
wecom to my homepage www.designlive.cn.

red air jordan12/24/2008

Very helpful, thanks!!

victor12/31/2008

not abduzeedo standard..looking for more gimp tutorials here please..

hyballs01/03/2009

Hi folks, I am new to the forum and new to using the Gimp. Found this tut good till I got to Step 7. Then I got confused with the following. Use the Eclipse Select Tool and hold down [Shift] + [Ctrl]. I can find an Ellipse tool but not an Eclipse tool. Is it part of a Plug-in I don't have installed? And In the next section at the end, [Strg] ... is it a key on the keyboard? Create a new layer (call it Gloss). Pick up the Blend Tool. Set the gradient to FG to Transparent (make sure your foreground color is white) an drag a Gradient from the right bottom to the left top. Now select all [Strg] +[ A]. Any assistance will be appreciated. Thanks.

Anonymous01/08/2009

yes its Ellipse, sry

Anonymous01/16/2009

how can i do this in photoshop???

euantor02/02/2009

Nice work schrottplatz. It's ETorano from gimper.net here. Nice job. More GIMP tuts in need (for things other than sigs ;))

joomla 04/05/2009

wow! GIMP use Light Effects many thanks

air jordans08/23/2009

It is a wonderful article,i like it,thank you very much!

air jordans08/24/2009

Yeah, I just said it backwards. Slip of the tongue.

air jordans08/25/2009

Oh fond memories. History is what determines us. With knowledge of our history or others

labec media08/27/2009

Nice tutorial. I can relate to you, being only two years older. I love design, photography, etc. Keep up the good work.

New to GIMP10/18/2009

Great tutorial for a 14 year old who's main language isn't English!!

I really learnt a lot from this, thank you so much.

Keep up the great work, also GIMP > Photoshop

Free as in Freedom ;)

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?