• home
  • forum
  • downloads
  • brushes
  • contact
Home

Your Ad here contact

Tutorial Categories

  • Effects
  • Icons & Buttons
  • Photo Manipulation
  • Textures
  • Website Layouts
  • Misc
  • Painting
  • Text Effects
  • Video Tutorials

Recent comments

  • Re: Contaminated Effect
    9 hours 22 min ago
  • Re: Textured Design
    9 hours 23 min ago
  • Re: Textured Design
    9 hours 26 min ago
  • Hey Gimper, Thx so much for
    13 hours 31 min ago
  • Re: 30 Ultimate Web 2.0 Layer Styles for Gimp
    1 day 9 hours ago
  • Re: Wordpress theme designed with Gimp
    1 day 9 hours ago
  • Re: Blog Theme Design tutorial
    1 day 16 hours ago
  • Re: How To Create Your Own Website Design Using Gimp
    1 day 22 hours ago
  • Re: Super Slick Dusky Lighting Effects in Gimp
    3 days 11 hours ago
  • Re: Split-toning in GIMP
    3 days 23 hours ago

User login

  • Create new account
  • Request new password
Enter your Email





Preview | Powered by FeedBlitz

Most Viewed Tutorials

  • Mac style Wallpaper (224765)
  • Vista Button (126656)
  • How To Create Your Own Website Design Using Gimp (96764)
  • Glow Effect (94962)
  • 30 Ultimate Web 2.0 Layer Styles for Gimp (83352)
more

Other Gimp Sites

  • Gimp.org
  • Gimpology.com
  • Gimper.net
  • Gimpusers.com
  • Wilber-loves-apple
  • Gimphoto.com

Super Slick Dusky Lighting Effects in Gimp

Submitted by sick on Mon, 04/14/2008 - 06:53.

Average: 4.5 (76 votes)
Preview:
Dusky_thumb.jpg

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

In 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

Coffe

If you liked this post, you can buy me a coffee, thanks

  • Photo Manipulation

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Gimper on Tue, 04/15/2008 - 18:33.

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

  • reply
fan's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by fan (not verified) on Tue, 04/15/2008 - 22:01.

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

  • reply
sick's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by sick on Tue, 04/15/2008 - 22:16.

thanks guys! you're too nice^^

  • reply
Chine's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Chine (not verified) on Tue, 04/15/2008 - 23:22.

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

  • reply
lolzlolz's picture

nice tut, ill try when i get

Submitted by lolzlolz on Wed, 04/23/2008 - 15:37.

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

  • reply
amy's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by amy (not verified) on Thu, 04/24/2008 - 09:24.

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

  • reply
Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Gimper on Thu, 04/24/2008 - 09:30.

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

  • reply
amy's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by amy (not verified) on Fri, 04/25/2008 - 11:18.

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!

  • reply
Bunny (user=Clover)'s picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Bunny (user=Clover) (not verified) on Sun, 05/11/2008 - 02:26.

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.

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Sun, 05/11/2008 - 05:11.

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!

  • reply
Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Gimper on Sun, 05/11/2008 - 05:32.

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

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Sun, 05/11/2008 - 05:52.

thanks for your help! Gimper.

  • reply
lukast's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by lukast (not verified) on Sun, 05/11/2008 - 22:28.

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

  • reply
leoboy90's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by leoboy90 on Wed, 05/14/2008 - 17:57.

awesome tutorial!

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Tue, 05/20/2008 - 16:53.

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!

  • reply
Dude's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Dude (not verified) on Wed, 06/04/2008 - 06:36.

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

  • reply
Amanda's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Amanda (not verified) on Fri, 06/13/2008 - 07:53.

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: sunset

  • reply
Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Gimper on Fri, 06/13/2008 - 07:59.

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

  • reply
Kırıkkale Üniversitesi's picture

well done thnks for lesson i

Submitted by Kırıkkale Üniversitesi (not verified) on Sat, 06/28/2008 - 16:57.

well done
thnks for lesson i will try it

  • reply
funlw65's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by funlw65 (not verified) on Sun, 06/29/2008 - 22:09.

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

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Thu, 07/03/2008 - 03:05.

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

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Sat, 07/12/2008 - 15:33.

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...

  • reply
Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Gimper on Sun, 07/13/2008 - 03:07.

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...

  • reply
Visitor's picture

Re: Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Sun, 07/13/2008 - 09:20.

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

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Thu, 07/17/2008 - 18:07.

please tell me where you got the swirly wing

  • reply
kaleesh's picture

Re: Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by kaleesh (not verified) on Fri, 07/18/2008 - 15:39.

Very nice work mate!!

  • reply
Visitor's picture

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

Submitted by Visitor (not verified) on Sat, 07/19/2008 - 10:48.

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

  • reply
Gimper's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Gimper on Sat, 07/19/2008 - 14:49.

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

  • reply
Visitor's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Visitor (not verified) on Sat, 07/19/2008 - 19:29.

thanks . . . i love you now . . .

  • reply
Craig Snedeker's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Craig Snedeker (not verified) on Sat, 08/09/2008 - 12:08.

This is totally amazing!

  • reply
Eren's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Eren (not verified) on Tue, 08/19/2008 - 18:59.

waoov this is an amazing tutorial.

  • reply
Danielrj's picture

Re: Super Slick Dusky Lighting Effects in Gimp

Submitted by Danielrj (not verified) on Fri, 10/03/2008 - 15:48.

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

  • reply

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You can use BBCode tags in the text, URLs will automatically be converted to links.

More information about formatting options

Captcha
This question is used to make sure you are a human visitor and to prevent spam submissions.
Copy the characters (respecting upper/lower case) from the image.

  • home
  • forum
  • downloads
  • brushes
  • contact