Programmer needs squash and stretch

Started by
11 comments, last by Scouting Ninja 8 years, 6 months ago

Hey all you art people. I come from the other side. Programming. I'm working on a game-a-month challenge and find myself struggling with some art.

I have a platformer, and I want to make my hero, a pumpkin, squash and stretch when it jumps. I have looked at many tutorials, but have not actually found a tool that works for me (or I didn't understand how to use it).

So far I've played with:

Inkscape

Sprited Pro

Pyxel Edit

Synfig

I'm sure I'll need more art in the coming months, so a good tool recommendation would be wonderful.

Would one of these work, or is there some other workflow for this that I don't know about?

I think, therefore I am. I think? - "George Carlin"
My Website: Indie Game Programming

My Twitter: https://twitter.com/indieprogram

My Book: http://amzn.com/1305076532

Advertisement

Not sure what the pros here will suggest but my "programmer art" advice would be to start with animating a plain circle such that it squashes and stretches the way you want (various sized ovals with flat bottoms). Then I'd see if I could use some assorted tools to stretch or resize portions of the original pumpkin image that you have (I'm assuming you have an initial sprite you're starting with) into each frame and make manual corrections where there might be obvious seams or distortions. If it doesn't work out too well, maybe you can add some basic shading and colour to the shapes you have in each frame and have a really basic orange looking ball that animates the way you want. If there's time then manually add in details to make it more of a pumpkin or jack-o-lantern look.

The way I would do it is use Blender to squash and stretch a sphere, render it as a animation, draw over it and stick it all on one sprite page.

This way you would have a accurate base, while keeping the charm of hand drawn images.

The way I would do it is use Blender to squash and stretch a sphere, render it as a animation, draw over it and stick it all on one sprite page.

This way you would have a accurate base, while keeping the charm of hand drawn images.

I hadn't thought about doing a 3D render. That may be one way to go. But isn't Blender a steep learning curve?

I think, therefore I am. I think? - "George Carlin"
My Website: Indie Game Programming

My Twitter: https://twitter.com/indieprogram

My Book: http://amzn.com/1305076532

In Paint Shop Pro you can select a region and manipulate the selection.

c70e40b8e5.png 2920f1424b.png

Paint Shop Pro costs, but maybe Paint.NET has enough functionality for you.

Blender is indeed a somewhat steep learning curve, but it is worth it. I use it a lot, even for 2d sprites, as you can get many styles out of renders. I saw the previous poster mention you redrawing over rendered spheres to get the hand drawn look. But I don't remember you mentioning anywhere that you wanted that certain look. If that is the case, you can also make the colors/textures in Blender, even via simple vertex colors, and then render that, and you wouldn't have to re-draw much of anything.

Yes, it takes time to learn, but it is worht it in the long run. Remember it is useful for this whole 2d pre-rendering sprites, but also for cinematics, and even 3d modelling if you want to make an actual 3d rendered game too...indeed, very much worth the knowledge. I'm not artist myself either. But I can get what I call "acceptable" doing things in 3d, as it is easier to wrap my head around getting the actual shapes with lighting added then trying to shade and dither in traditional or vector 2d software. See, 3d is less "open to interpretation" in a way, in that you are working in real space. A sphere is a sphere, and then you add lighting, texture, etc... but as drawn in 2d, the sphere is likely now a circle(simple right) but then you have to manually shade the lighting, so you have to choose colors, go for bounce lighting if the object is on a surface, pixel out textures(not necesarily pixel by pixel depending on your style), while in 3d most of this is more automatic. Also, with the 3d path, things take longer to get started, but are easy to modify later. With sprites, it can often involve total redoing of the work. Want to change lighting? In 3d it is easy to change and re-render. The same applies to animations, camera angle, even materials of the objects, and you can just change the one thing and leave the rest of the work done. In 2d, it can generally(with exceptions) only be done as a whole.




Blender is indeed a somewhat steep learning curve, but it is worth it.

I recently got this book but haven't worked through it:

Learning Blender: A Hands-On Guide to Creating 3D Animated Characters 1st Edition

by Oliver Villar (Author)

Maybe I'll spend some time making some 2D renderings.

I think, therefore I am. I think? - "George Carlin"
My Website: Indie Game Programming

My Twitter: https://twitter.com/indieprogram

My Book: http://amzn.com/1305076532

In Paint Shop Pro you can select a region and manipulate the selection.

c70e40b8e5.png 2920f1424b.png

Paint Shop Pro costs, but maybe Paint.NET has enough functionality for you.

I just can't justify the cost for Paint.net Photoshop since I won't use if very much, or very well.

I think, therefore I am. I think? - "George Carlin"
My Website: Indie Game Programming

My Twitter: https://twitter.com/indieprogram

My Book: http://amzn.com/1305076532

I just can't justify the cost since I won't use if very much, or very well.

Paint.NET is free; I don't use it myself, but it's a pretty solid program from what I've seen.

The general impression I get is:


PhotoShop    = Feature full, really expensive
PaintShopPro = 90% of PhotoShop's features, for 10% the cost
Paint.NET    = 90% of PaintShopPro's features, for free.

Paint.NET doesn't have grid-warping out of the box, but free plugins are available that add that functionality.

I just can't justify the cost since I won't use if very much, or very well.

Paint.NET is free; I don't use it myself, but it's a pretty solid program from what I've seen.

The general impression I get is:


PhotoShop    = Feature full, really expensive
PaintShopPro = 90% of PhotoShop's features, for 10% the cost
Paint.NET    = 90% of PaintShopPro's features, for free.

Paint.NET doesn't have grid-warping out of the box, but free plugins are available that add that functionality.

Sorry, I meant Photoshop, not Paint.net. I'll look at Paint Shop Pro.

I think, therefore I am. I think? - "George Carlin"
My Website: Indie Game Programming

My Twitter: https://twitter.com/indieprogram

My Book: http://amzn.com/1305076532

This topic is closed to new replies.

Advertisement