"Life is too short to make bad art."

Saturday, July 18, 2015

Create tileable patterns for seamless backgrounds in Inkscape

I got sidetracked again by a readers request. It's a nice and easy to follow trick to create seamless patterns in Inkscape. I had to split the video up and will cover the basic idea in this tutorial and the more game art related creation in the next one(s). 

The tutorial works with plain coloured backgrounds and shapes that are smaller than the tiling square. Bigger objects will cause problems when tiling.

I hope you enjoyed this quick tip. The next video will use the basics covered here and I will make ground and grass tiles for use in top down game background.

Tuesday, July 14, 2015

Seamless 2d ground tiles created using inkscape and gimp

It's been a request I received a few times by now and this morning I set down to try a quick and easy way to create seamless ground tiles for top down tile sets.


This is what I came up with in a quick test. The tiles are create in Inkscape and then exported as pngs, trimmed in gimp and put together to test. 

I am planning on making a video tutorial on this as soon as possible. The idea is to show the basic creation of e.g. a grass tile, a ground and a water tile and the creation of a mixed tile for the border between e.g. grass and ground. 

Please let me know if there are additional points I should cover in this tutorial. 

Keep in mind that it might result in splitting this tutorial into two or three parts in order to stay within the 10 - 15 minute mark. 

Thursday, July 9, 2015

Reusable 2d art objects for background buildings using Inkscape

Another quick tutorial on the advantages of using vector art for your game assets. I played around with some simple shapes that would allow me to build a multitude of houses for the background of a game. Rather than create each house from scratch, I created a small library of elements that I could quickly drag onto the scene and build the houses by placing, scaling, rotating and colouring those assets. 

It resulted in a lot faster and easier creation - and this video tutorial. 

The video turned out to be a little bit longer than I would have liked - but I hope you like it nevertheless and won't get bored halfway through. I recorded this after a short night and no morning coffee yet - hence a few problems with the controls, my graphic tablet, the recording software and finding my way through inkscape.  

The main tools I used while building those houses were the 'select and transform', the align tools, groups and for the creation of the elements I used a lot clips.  

Should you feel like creating more assets for this pack, some of the earlier tutorials might be helpful:

The clip tool:

Building wooden beams:

Creating a brick building:

If you you like the assets, let me know and I will build some more. I already have a modern set and a medieval castle on my todo list. 

Here's the download link for the current set:

Sunday, July 5, 2015

Animation of an insect's wing motion

This is a quick video I put together after doing an animation of a butterfly and a ladybug for the kid's educational application. The reference image of the flying insect had an odd way to animated the wings. 
Rather than flap the wings they were just rotated. A way to animate wings that seems rather common. The deform instead of the rotation is not much hard but the results are a lot nicer in my opinion. 

Here are the animations as gif images to get a better look at them:

I hope you enjoyed this quick video that is off topic but I will finish the complete game art series next and make the assets available 

Saturday, June 27, 2015

ZEEF - bringing some order into the posts

I have put off the changes to the blog for a little bit [again] as I would like to focus on the video tutorials for a while. 

To help with the 'chaos' of the blog I came across ZEEF a great online list of resources. It was a piece of cake to create a list for my posts and block them into something that might resemble some order. 
I hope this is helpful - for the time being - and I will try and keep it updated. 

Now it's back to the videos and having some more fun with animations in inkscape.

Monday, June 22, 2015

Complete game - playable alpha

Thanks to Claus Pedersen there is a way to play the game as it is now (missing some animations of the enemies and maybe different level designs).

[Controls: cursor keys left/ right/ up to move and space to shoot]

Monday, June 15, 2015

Complete game - Animations 'Running in 8 frames'

Now it's starting to get interesting. It's time to make the robot run. The process is similar to the previous post. Starting out with the key pose and copy&pasting it to a new layer. After altering the position of some body part, it's copy&paste again and onto the next step.

Using additional tools like texture packers can help a lot when bringing the art into your game. 

Here are the animations as gif images to get a better look at them:

I hope you enjoyed watching the latest part of the series (which is slowly nearing completion).  

The next part of the run animation with the gun is already recorded and will be online soon. I just didn't fit it into the 10 minute target size.