Gimptalk - Premier Gimp Community: Creating Lightning Plus a Couple of Added Twists - Gimptalk - Premier Gimp Community

Jump to content

  • 4 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic

Creating Lightning Plus a Couple of Added Twists

#1 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 08 May 2005 - 09:37 PM

Well, here's my second tutorial. I began doing some experimenting with some of the different settings to see what would happen when creating lightning. I thought I'd share them with others before I forgot how to do it :w:

Hope it helps someone out. Please post your creations or any questions/comments you might have.

Art

Keywords: Gimp, Lightning, Clouds, Difference, Blend Mode, Overlay

1. Open a new layer. For these examples, I'm using a layer size of 150 x 150 pixels.
2. Reset your colors to: foreground: black ; background: white.
3. Using the linear gradient tool, drag a gradient from the to left corner to the bottom right corner.

Posted Image

4. Duplicate background layer and set its mode to "Difference"
Your picture will now turn black, but that's normal.
5. Select Filters | Render | Clouds | Solid Noise...
For this lesson, I've selected the following parameters: Detail: 1; X: 2; Y:2 (no other options checked)
Feel free to play around with these settings.

Posted Image

6. Merge the two layers together by selecting Layer | Merge Down.
7. Now choose Layer | Colors | Invert.
8. Let's eliminate most of the white by going to Layer | Colors | Levels and adjusting the settings as shown below.

Posted Image

9. Let's give it a beuatiful blue color.
Go to Layer | Colors | Colorize and make Hue: 200; Saturation: 75. I left Lightness as the default.

Posted Image

Very nice and looking good!

Now that we've created "typical" lightning, we need to approach things from a different angle. As you go through the next few exercises, you may ask yourself, "How can I ever use this?" I can't answer that for you. I'm addressing the how, it's up to you to decide the where, when, and why!

Remember, I won't re-explain the steps used previously, just refer to the corresponding numbers above.

1. Open a new layer.
2. Reset your colors.
3. This time use the spiral (ccw or cw) gradient tool to drag
a conical gradient. The smaller the line you drag, the more
spirals you'll get.
4. Duplicate background layer and set its mode to "Difference"
5. Repeat Steps 5-8 above.

Posted Image

Posted Image

9. To color this one, set the Gradient Blend Mode to Soft Light. I chose the pastel rainbow gradient and kept the shape used above. Try playing around with the Shape and Mode settings to see what you can come up with. Here's another tip: after you color it once, change the Mode and Shape to different settings. This will keep the color you previously made, plus overlay a new one!

Posted Image

Pretty neat!

Here's my last example. Again:

1. Open a new layer.
2. Reset your colors.
3. Use the conical (asym) gradient tool to drag a conical
gradient.
4. Repeat steps 4-8 above.
9. Try colorizing it using whatever technique you'd like.

This gives us a lightning bolt from a specific location point. Try using the conical (sym), it will give 2 bolts from a specific location.

Posted Image

How about a Mother's Day Heart made using an undescribed, but similar technique?

Posted Image

Happy Mother's Day, Mom! I Love You!

Can you guess how I did it?

I know this was long, but I certainly hope it was as helpful for you as it was for me. Questions and comments always welcome!

Have Fun and Keep on GIMPing!

Art
0

#2 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 08 May 2005 - 09:40 PM

Here's a photo of my 3 month old granddaughter and me. She was "misbehaving" so I felt she needed a little "shock" therapy! That'll teach her to cry when she's hungry. :w:

Art

Posted Image
0

#3 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,308
  • Joined: 06-December 04
  • LocationDubai, UAE

Posted 09 May 2005 - 12:16 AM

Tutorial seems to be very interesting, but I could follow from step # 8.
Can you please give fewmore details on it? btw in step #6 if we delete the lower layer instead of merging it with upper one, sin't it same ?


btw, too much effort and time you spent in tutorial, thank yo uso much for this, many gimp usres will be benifitted from it.

regards
0

#4 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,308
  • Joined: 06-December 04
  • LocationDubai, UAE

Posted 09 May 2005 - 12:17 AM

Quote

Here�s a photo of my 3 month old granddaughter and me. She was �misbehaving� so I felt she needed a little �shock� therapy! That�ll teach her to cry when she�s hungry. :w:

Art

Posted Image


Your little daughter is so cute, expecting some more prictures of her.

thanks for sharing.

regards
0

#5 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 09 May 2005 - 01:22 AM

Quote

Tutorial seems to be very interesting, but I could follow from step # 8.
Can you please give fewmore details on it? btw in step #6 if we delete the lower layer instead of merging it with upper one, sin't it same ?


btw, too much effort and time you spent in tutorial, thank yo uso much for this, many gimp usres will be benifitted from it.

regards


I'm not sure if this will address your questions, but I'll give it a shot....

I'll start with step 6. You actually have to merge the layers because the upper layer's Mode is set to difference, which relies on the layer below it to create the lightning bolt(s). If you delete the lower layer, you're only left with the clouds. Also if you try to proceed to Step 7 without merging, the only thing you'll be doing is inverting the color of the clouds. Not inverting the color of the lightning. Does that make sense?

In step 8 I may have mistyped, but you're not really getting rid of the white, but trying to isolate the bolt by eliminating much of the grays or most of the color around the bolt itself. By increasing the left and middle settings to the values I've shown (Left setting from 0 to 190, middle from 1 to .3) we've introduced more black into the layer; therefore isolating the bolt.

Does this help? If you have anything additional you need clarification on, let me know. Also, the tutorial is a bit confusing, I can reword the areas of confusion to make it easier to understand.

Art
0

#6 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,308
  • Joined: 06-December 04
  • LocationDubai, UAE

Posted 09 May 2005 - 01:37 AM

Ah, thanks I forgot the laye mode is not normal :w:, in that case upper one is dependant on lowe one. I think you clean tutorials once I have installed the new LBCode for tables, that way you would be able to get rid of putting entire tutorial in one image.

regards
0

#7 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 09 May 2005 - 01:42 AM

No problem. Just let me know what I can do to help. :h:

A
0

#8 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,308
  • Joined: 06-December 04
  • LocationDubai, UAE

Posted 09 May 2005 - 01:43 AM

I am just into the code, and adding new feature to LBCode, I let post in general forum when done :w:.

Thanks for quick response.

regards
0

#9 User is offline   codebox 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 72
  • Joined: 22-March 05

Posted 14 May 2005 - 11:49 AM

will read it a bit later... looks really interesting...

and that pic of urz and ur grand daughter.. is so cute! :)
0

#10 User is offline   gatormac2112 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 19-May 05

Posted 22 May 2005 - 04:56 PM

Nice for electric current or static animation:

Posted Image

Nice tutorial!
0

#11 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 23 May 2005 - 11:37 PM

Here's another twist.

[*]Create a new document and add a text layer. This works best with a fat font.
[*]Select the text (Alpha to Selection)
[*]Render Clouds within the text layer

Posted Image

[*]Duplicate the text layer and set the upper layer's mode to Difference
[*]Grab the gradient tool and add one of the "Shaped" gradients (ie..angular, spherical, etc.)
[*]Merge the layers.

Posted Image

[*]Invert the colors
[*]Adjust the Levels
[*]Colorize

Final Results!

Posted Image

Enjoy!

Edit: When I prepared the main Lightning tutorial, I was unaware how the "shaped" gradients work. I stumbled across a website somewhere that briefly described them and thought it would be useful to add an example here. In a nutshell, the shaped gradients adjust their fills to the selection. If you try another "non-shaped" gradients in the BOLTS example above, the results will not be the same.
0

#12 User is offline   llitefoot 

  • Member
  • PipPip
  • Group: Members
  • Posts: 65
  • Joined: 25-August 05

Posted 18 September 2005 - 01:51 PM

idk if i should ask this here but how can i make a smaller and more detailed shock? what do i change in the process?

look

i made this using the tutorial - very nice tut btw -

Posted Image

and i need to make one that i can animate for this :

Posted Image
0

#13 Guest__*

  • Group: Guests

Posted 07 October 2005 - 03:27 AM

ok im confused how do i set it difference there is no such setting in mode?

and im confused on how to put a sig and avvy on here i cant find were to do it
0

#14 User is offline   saulgoode 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 5,324
  • Joined: 22-August 05

Posted 07 October 2005 - 08:54 AM

The layer mode is set by using the drop-down box at the top of the layer window (directly above the opacity slider).

Posted Image

I am not sure about the avatars and signatures, but I am guessing you have to click on the "My Settings" link at the top of this page.
Everybody makes their own fun. If you don't make it yourself it's not fun, it's entertainment.
0

#15 User is offline   caladyon 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 16-November 05

Posted 16 November 2005 - 08:44 PM

sorry... where is the tutorial? where are photos?
(i know: i'm noob in this forum :) )
0

#16 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 16 November 2005 - 08:49 PM

Look up and see lightning! The tutorial is at the very top of the page.

Welcome to the board.

Art
0

#17 User is offline   Herumtreiber 

  • Member
  • PipPip
  • Group: Members
  • Posts: 124
  • Joined: 13-November 05

Posted 17 November 2005 - 01:14 AM

dam, nice tut, hella complicated tho, i like my lightning better tho lmao. (white grunge brushing) its fatter, easier, brighter, but urs looks hella cool.
0

#18 User is offline   caladyon 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 16-November 05

Posted 17 November 2005 - 08:48 AM

Quote

Look up and see lightning! The tutorial is at the very top of the page.

Welcome to the board.

Art


Problem solved: Mozilla Firefox doesn't show pictures inside messages (but does show other images...)
With IE :( i've seen everything

very strange
0

#19 User is offline   Fiver 

  • Member
  • PipPip
  • Group: Members
  • Posts: 37
  • Joined: 18-September 05

Posted 20 November 2005 - 01:40 AM

I used the tut to make this base image, haven't added text yet:

Posted Image
Blessed are those who can laugh at themselves, for they will never cease to be entertained.
0

#20 User is offline   -George- 

  • Member
  • PipPip
  • Group: Members
  • Posts: 87
  • Joined: 06-November 05

Posted 23 November 2005 - 10:14 PM

THanks for the tutorial i have got it to work, and i am trying to create a force lightning affect i shall post m result later :h:
0

Share this topic:


  • 4 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic