Shooting Star Effect

Post questions on how to use or achieve an effect in Inkscape.
Mush Man
Posts: 4
Joined: Sun Mar 29, 2009 7:38 pm

Shooting Star Effect

Postby Mush Man » Sun Mar 29, 2009 11:19 pm

Hello Inkscape Forum!
I'm wishing to create an effect that is best described as alike to a shooting star. I want to have one end thick and bright, but narrow and darken towards the other end. I also want to be able to adjust the tail's path to make it curve however I want. A good example is the effect in the following image.

Image

I've attempted to isolate the effect from the image. Sorry about the image quality. It's hard to isolate the effect without cutting into it.

Image

Since I'm inexperienced with Inkscape, I haven't much of an idea on how to recreate the effect. If anyone could attempt to create this effect, or an equivelent, and give some detailed instructions on how to create it yourself, I'd be very appreciative.
Thanks in advance.

klyuchnikovart
Posts: 14
Joined: Wed Apr 01, 2009 6:04 am
Location: Russia

Re: Shooting Star Effect

Postby klyuchnikovart » Wed Apr 01, 2009 9:55 am

Well, this is quite easy
All fires I make by the blur, transparency and multi-copy..
like this fire:
Image
Image
http://www.dreamstime.com/match-and-fire-funny-image-surrealizm-painting-image8542164

try to make some tutorial 4u.. just a moment

klyuchnikovart
Posts: 14
Joined: Wed Apr 01, 2009 6:04 am
Location: Russia

Re: Shooting Star Effect

Postby klyuchnikovart » Wed Apr 01, 2009 10:12 am

here it is..

excuse, I using the Russian language program =) but i belive everything will be clear understand

Do a rough sketch
Image

incurve form
Image

make larger copy of flame
Image

3rd copy
Image

remove path
Image

make a copy of all 3 flames (add some blur to them and opacity) and past them over old
Image

hide blured-fires
Image

making 4th copy of fire (darker) and putting it under all other objects:
Image

blur effect
Image

hide 4th blured object and select all remaining
Image

CTRL+G (making group)
Image

CTRL+C & CTRL+ALT+V (copy and past to the original position)
Image

make a half-transparent and a little blur
Image

move on the back (END-button)
Image

disclose all hidden objects
Image

lets look how much objects we made:
ofcourse it's not necessarily to create so much a lot of copies, but I really belive that it makes fire more good looking =)
CTRL+KP_5 (carcase view)
Image

CTRL+KP_5 (carcase view)
Image

CTRL+KP_5 (reterning to normal view)
Image

ready picture:
http://www.petaimg.com/u411/329shootingStar.png

Mush Man
Posts: 4
Joined: Sun Mar 29, 2009 7:38 pm

Re: Shooting Star Effect

Postby Mush Man » Wed Apr 01, 2009 2:02 pm

Thanks a lot for such an in-depth tutorial! I'll show you my result once I'm done.
:D

llogg
Posts: 443
Joined: Tue Mar 11, 2008 7:30 am

Re: Shooting Star Effect

Postby llogg » Thu Apr 02, 2009 11:18 am

That's a great tutorial, but it seems that you really need to simulate a sort of blur-gradient to get the effect just right. Ideally the foreground or head of the shooting star should be more crisp, with the tail becoming ever more blurred toward the end. I tried getting that sort of effect by making some duplicates with different gradients and stretching them. The gradients are from transparent to full opacity, thus simulating the increasing blur as you move toward the tail. Not perfect, but I suspect if one did more steps with more precise stops in the gradient you could get a pretty good result. Here's mine:
Image
I did a couple of other trials because I wasn't happy with the color blending on the tail of the first one. So here's the next attempt. I did a few more steps with more attention to gradients. I think it worked a little better.
Image
And just showing the overlays:
Image

Had another idea. Instead of using gradients with transparency you could use a mask, which is what I used for this example:
ImageAll the shapes are stacked from least blurred to most, then a mask from black to white top to bottom was applied to the whole group to get the result on the far right.

The common thing to both of these techniques is that the head of the comet is crisp and the tail is progressively blurred.


Return to “Help with using Inkscape”