"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). 



Note:
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. 




Note: 
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. 

Note:
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.


Note:
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).  

Note:
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.