Pages

Creating a game title with envelope deformation in inkscape


This is a follow up on the tutorial on the last step-by-step tutorial on creating an engaging title screen. I just dropped the logo/title into the last scene with a brief comment - which was picked up in the comments with a request to explain it a little more. 

This is the logo I created for the last tutorial - and I had to recreate the effects for this one as I didn't save the steps. So rather than do the identical version I altered it a little bit. 



Tutorial logo creation
If we break the image down, it consists of 3 elements the text (with an altered shape, highlights and shadows), the white background with an outline and finally some decoration on top. Let's get started with the text.

Note:
The pointed shape makes the use of the more versatile path effect 'lattice deformation' not viable. For more rounded deformations - e.g. wavy shapes - it is an easier to use tool well worth checking out. 


Creating a game title with envelope deformation in inkscape


Creating a game title with envelope deformation in inkscape


Creating a game title with envelope deformation in inkscape
Play around with the line thickness - or even easier, set the stroke opacity to 50% to see exactly how far the inner shape cuts into your base text.

Creating a game title with envelope deformation in inkscape
I hope this answers the question about the creation of the last title/ logo and might give you some idea how to use this helpful tool for your next design. Use it on different elements - not just type - it works great on adjusting a design element to a rounded base (e.g. a batch on a character's shoulder or a label on a barrel) or as deformer for a tree or scrub.

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.

3 comments:

  1. Amazing work Chris - it's always a pleasure to check your website and find new tutorial gems! Keep up the great work, TW

    ReplyDelete
    Replies
    1. Thanks. I am glad you like my ramblings. I do enjoy writing them but need to force myself to make time for this sort of fun... :)

      Delete
  2. As usual... great work!

    ReplyDelete