Super Slick Dusky Lighting Effects in Gimp

Average: 4.5 (148 votes)
Preview: 

Super Slick Dusky Lighting Effects in Photoshop now in Gimp
The original tutorial was made by Collis from PSDtuts. This is just that tutorial made with gimp.

Video tutorial

There is also two set of videos for this gimp tutorial that can be found here

Step1:

This is the original image we're going to use, bought at istockphoto. Additionally, we'll need some vectors from Go Media's freebie pack.

Step 2:

To start with, I'll say that most of the steps needed for the tutorial are quite easy, and just some few things will need a workaround to get it working with gimp. We'll start duplicating the original layer. Then desaturate it, and adjust brightness/contrast.

Step 3:

Next thing to do is apply gaussian blur to our layer. The author of the original tutorial used 2px for this blur, however, after trying some different settings, I've settled up to use 5px for it, as I've thought it looked more like the original one. This value can be quite different depending on the image you're using.

Step 4:

Now is time to change the layer mode to 'overlay' and opacity 50% . You can find the reason for this at the original text. I'll just add that knowing how layer modes work opened a new world of possibilities for me.

Step:5

Now we'll create a new layer and fill it with the paint bucket, using a shade of pink. Then erase some of the pink as you see fit. For this step, as the original author states, you can use the eraser or a layer mask.

Step:6

This is our picture so far, after changing the pink layer mode to 'color' and opacity 20% .

Step:7

Now for the sun rays. We'll duplicate the original layer and move it to the top. Then go to filters--edge detect-- edge. I used default values for this. As I thought the image needed a bit more black, I've changed its brightness/contrast (notice this is the first extra step we've had to take) a bit.

Step:8

This step may be somehow confusing to do; as the 'radial' blur we can find inside the movement blur filter in gimp, doesn't behave like the photoshop one. We'll use 'zoom' blur instead.

Tip about 'zoom' blur copied from gimp's documentation.

"You have to set the blur center coordinates. Unfortunately, you can't do that by clicking on the image. But, by moving mouse pointer on the image, you can see its coordinates in the lower left corner of the image window. Only copy them out into the input boxes. "

Step:9

Next set layer mode to 'screen'.

Step:10

As said in the photoshop tutorial, we want the rays to look more like sunlight. To do so you're told to adjust hue/saturation using 'colourize' option on. However gimp's hue/saturation tool does not have this option, so we'll need an extra previous step that can be done in a couple of ways. I used 'colorify', choosing a shade of red, then adjusted 'hue/saturation'; on the other hand, you can use 'colourize' and then 'hue/saturation', which would be quite the same procedure as used in photoshop.

Step:11

Now just repeat the previous 3 steps a couple of times to get more light. Remember to change the 'zoom' blur center and color of light a bit from layer to layer.

This will add some undesired colors and rays that you'll have to get rid of, using the eraser tool, or layer masks.

(both the author of the photoshop tutorial and me have used more than three layers for getting the light right, so feel free to add layers until you're happy with it.)

Step:12

Next use a large, soft brush to paint a blob of white over the silhouette.

Step:13

For this step, photoshop users have layer styles; which is a fast way to get some good effects applied to whatever layer you're using. we've got no layer styles in gimp, which is a pity, but not a problem, at least not a big one.

If you look at the way i described layer styles you'll notice the word 'fast', and the reason for this is that the effects you can create with layer styles can be replicated quite easily if you look close at what they do. I can't go on each one of the styles now, but we'll use the 'outer glow' one used here as an example.

We want the same shape our blob has but with a different color and bigger size. To get this, just duplicate the white blob layer. Select the one that's below and 'colorify' it chosing yellow. Then just apply gaussian blur to it, so it will 'sort of' grow a bit bigger, getting the effect right. To finish with this you can set the layer mode to overlay and merge it with the white light layer.

Step:14

Now select the 'smudge' tool and smudge the light outwards. You may want to duplicate the layer before smudging and do the process twice for a better result.

Step:15

n this step we're creating a lens flare. I tried the way this is explained at the original tutorial, but ended up trying something a bit different.

We're going to use a big, round, hard brush with 100% opacity. First, create a new layer and paint a big circle in there, then set the layer opacity to 10%. Create a couple more layers and paint two smaller dots. You can use a bit more opacity with the smaller ones.

Once you're done with this, merge the three layers of our lens flare. Set its layer mode to overlay and opacity to 30%.

Step:16

Now we've got to import the vectors we're using in the picture. There are some ways to do this. for this tutorial I've just opened the sample .psd file and dragged the layers to my file.

If you're using the original vectors, you'll have to duplicate the swirly wing layer, then go to layer--transform--flip horizontally and SHIFT-T to scale it down.

Step:17

Now fit the vectors together as shown.

Step:18

If you're not using the vectors provided with the sample file, you'll have to go to colors--value invert, so they become white. Now we want to add some outer glow again; make sure the layers with the shapes are expanded to fit the image size, then just duplicate them and apply guassian blur set to 30 px. (this value may not be correct, I used a different value each time i tried the tutorial, just try and decide yourself)

Step:19

Let's just add the text, dragging the layers from the sample file, or just typing them.This is what we've done up 'til now.

Step 20:

The only thing left are final touches. I've added some extra layers set to color and overlay.

I've tried to follow the photoshop tutorial as close as I've been able to, however, I haven't been able to get the image to look exactly as intended, but that's my fault, not gimp's.

Final Image:

Video tutorial

There is also two set of videos for this gimp tutorial that can be found here

Download XCF file

Here is the download link to the GIMP source file Click here

Get fast success in 640-822 dumps and LX0-102 exam by using our latest testking 000-106 exam.We also offer up-to-date 642-611 exam questions and answers for your prep of testking 70-649.

Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Awesome work Sick! i really appreciate the time and effort you put into this tutorial. thanks!

fan's picture

Re: Super Slick Dusky Lighting Effects in Gimp

thank you so much! i always wanted to do this with GIMP

sick's picture

Re: Super Slick Dusky Lighting Effects in Gimp

thanks guys! you're too nice^^

Chine's picture

Re: Super Slick Dusky Lighting Effects in Gimp

THIS HOT!!!!!!!!!!!!! THANK A LOT

lolzlolz's picture

nice tut, ill try when i get

nice tut, ill try when i get home from amsterdam :P

amy's picture

Re: Super Slick Dusky Lighting Effects in Gimp

whenever i put the vectors in it has a border around it so it's just like a block shape on top and i don't know how to blend it in

Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

before you place the vector inside create a new layer then use the anchor

amy's picture

Re: Super Slick Dusky Lighting Effects in Gimp

thanks, and also all this converts my original image to greyscale so that it's all in black and white when i'm done
sorry but i'm new to all this!

Bunny (user=Clover)'s picture

Re: Super Slick Dusky Lighting Effects in Gimp

Wow! The end result is stunning. Who could of thought to put all those different steps together to create an awesome result?

And great tutorial. It really helped me to understand different concepts of Gimp more.

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

At the first step when I want to desaturate, I can't because it's grayed out.If I skip that step and then try change the brightness/contrast it says : Brightness-Contrast does not operate on indexed layers. Any idea how to solve this.I'm a noobie by the way. Thanks in advanced!

Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

when you create a new document make sure you have it set to RGB and not indexed.

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

thanks for your help! Gimper.

lukast's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Great tutorial. I've been looking for something like this. Thank you ;)

leoboy90's picture

Re: Super Slick Dusky Lighting Effects in Gimp

awesome tutorial!

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

How do you add the Vector into gimp?
I noe for fonts u just unzip the file into "fonts" folder. how do u do it for the vectors?

Please help! newbie!

Dude's picture

Re: Super Slick Dusky Lighting Effects in Gimp

This is like totally awesome. Make one of the night sky

Amanda's picture

this was so helpful, i just

this was so helpful, i just downloaded gimp yesterday cause photoshop isnt working for me, this is the first tutorial i tried out. here's how it turned out for me: http://s239.photobucket.com/albums/ff110/eidnama/?action=view&current=su...

Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

well done, like the different tone of colour you used.

Kırıkkale Üniversitesi's picture

well done thnks for lesson i

well done
thnks for lesson i will try it

funlw65's picture

Re: Super Slick Dusky Lighting Effects in Gimp

I tried to follow the tutorial but I liked the silhouette...
Thank you Gimper!
My work is here: [url=http://www.morisca.net/art/highlander/]http://www.morisca.net/art/highlander/[/url]

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

D: i didnt get the tutorial as well tho i think i messed up bad o.0 [im a noob] BUT I LOVE UR WORK such a creative mind can create another beutiful world <= its a saying :o

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

i cant open the vectors. what program do i need to open it? good tutorial thou. i was doing swell till the vector thing came in...

Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

i can't remember if the vector file came in png. regardless you download the psd from psdtuts which contains the vector and it will open in GIMP

http://psdtuts.com/photo-effects-tutorials/super-slick-dusky-lighting-ef...

Visitor's picture

Re: Re: Super Slick Dusky Lighting Effects in Gimp

cool thanks for the help. you can see what ive done here www.bananamilkshakesarefun.wordpress.com/2008/07/13/my-things/ if you want. good instructions and clear pictures =D nice one

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

please tell me where you got the swirly wing

kaleesh's picture

Re: Re: Super Slick Dusky Lighting Effects in Gimp

Very nice work mate!!

Visitor's picture

Re: Re: Re: Super Slick Dusky Lighting Effects in Gimp

Could you help me by telling where you get the vector?

Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

http://s3.amazonaws.com/psdtuts/14_Light/Sample.zip download the psd and open it up gimp and copy the vector layer over.

Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

thanks . . . i love you now . . .

Craig Snedeker's picture

Re: Super Slick Dusky Lighting Effects in Gimp

This is totally amazing!

Eren's picture

Re: Super Slick Dusky Lighting Effects in Gimp

waoov this is an amazing tutorial.

Danielrj's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Hey :).. i just started playing with gimp, and this tutorial was a great way for me to learn a lot, so thank you for this great tutorial! :D

I used a different image, a picture of a landscape in Norway when i was skiing, but this is my result:

http://img359.imageshack.us/img359/5469/idrefjllwallpaperdw7.jpg

Visitor's picture

AWESOME!!! Thanks a lot for

AWESOME!!!

Thanks a lot for this great tutorial.....

FRED

Christos Floros's picture

Its a really good tutorial, I

4

Its a really good tutorial, I was searching through the web and found it.
And a very nice site as well I have to say.
Well you know what? I would really like to see how this would work in a signature :)

samanthaing's picture

Yeah, learn new thing.

5

Yeah, learn new thing. Thanks.

restaurant equipment's picture

Very cool tutorial, very

5

Very cool tutorial, very useful

Plastic's picture

very nice tutorial. even if i

4

very nice tutorial. even if i got problems reading the numbers, for example the 92 when adding blur... but anyways its nice ;) thank you

Visitor's picture

awesome! I just tried it out

awesome! I just tried it out on my own picture and it looks great. If you don't want to import those vectors, you can use filter>render>nature>flame and mess around with the flame settings until you get the pattern that you want.

Speaking of layer modes...I need to learn more about those. Any suggestions?

On those notes, I think this is an excellent tutorial, good job :)

vijaydude's picture

I like this, but some of the

3

I like this, but some of the parts of this tutorials are kind of hard to follow through. But over all its great.

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags