Pages

Creating 2D Special FX in Inkscape - part1

It took a little longer to get back into the right mindset and find some peace and quiet to start with the requested special effect tutorials.
I quickly discovered that there is not too much on the topic out on the internet and the area that can be covered is huge. 
I will try and break it down into small and easy to follow sections and make a several tutorials on different aspects of visual effects that can easily be created using Inkscape.

Let's start with motion trails/ light trails. They display the path the object is moving and help create the illusion of movement and direction in still images. In animations it's often used to exaggerate or define the character of a fast movement.

In this tutorial I will use two shapes to show the motion: a triangle shape for straight movements and a curved, modified version of it for spins and swings. 

Fighting scenes often use the motion trail to bring out the movement of the character or his weapon. A swinging sword is a perfect example.

The effects on the weapons will look even nicer in animations and I will show the use of them in the next part of the series.

I hope you enjoyed this tutorial as much as I did writing again - even if the topic turned out a lot tougher to break down than I expected when foolishly agreeing to cover it. :)

Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

19 comments:

  1. I like it very much , keep it up

    ReplyDelete
  2. Another article of one of my favourites blogs. Yo can't see me, but I am dancing right now.

    ReplyDelete
    Replies
    1. Thanks... I would love to see that dance. Next time put the webcam on. :)

      Delete
  3. Replies
    1. Thanks... I am glad I haven't lost the touch...

      Delete
    2. Thanks... I am glad I haven't lost the touch...

      Delete
  4. Another great one, Chris ! Posted a link to this tutorial on Inkscapeforum.

    ReplyDelete
  5. Nice, I never thought about creating motion effects with Inkscape! Great explanation as always. :)

    ReplyDelete
    Replies
    1. Thanks! I am trying to keep it simple and vectors (in Inkscape) are a great way to do just that while keeping it extremly editable.

      Delete
  6. Mor one fantastic tuts by Chris..tks a lot dude!

    ReplyDelete
  7. Im fo llow you for long time tnks for all great effects.. Should make toturial of magic effects. Like fireball or anything like that and the animation

    ReplyDelete
    Replies
    1. Magic effects are on the list along with explosions, fireball, magical runes and animations.

      Delete
  8. Another very appealing tutorial. Thank you for the great work.
    I am looking forward to seeing this being implemented into animations.

    ReplyDelete
  9. This is a great post. Thank you.

    ReplyDelete
  10. excellent as always, wb chris :D

    ReplyDelete
  11. Hey Chris, love your stuff and all the hard work you put in to bring these tutorials to the community! Thank you for all you do!

    I also would like to see you continue doing tutorials and not see them being abused as it discourages awesome people like you from doing such amazing things as your site does!

    So, thought I would share this discovery with you:
    https://www.assetstore.unity3d.com/en/#!/content/62866

    ReplyDelete
  12. Amazing article! I'll use this opportunity to thank you for this blog and everything you did for us!! You're awesome :D

    ReplyDelete