I started writing some tutorials after endless questions on how to create things. I tried to go a 'non-artist' approach with the tutorials and explain vector art as 'building images rather than hand-drawing them'. Most of the tutorials will be based on inkscape and gimp.


(This is the first tutorial screen - starting with the basics.)


(This is a more recent and slightly more advanced one.)

Read more here:
http://2dgameartforprogrammers.blogspot.com/

and

http://www.gamasutra.com/blogs/ChrisHildenbrand/20111015/8669/2D_Game_Art_For_Programmers__Part_1_updated.php
http://gamasutra.com/blogs/ChrisHildenbrand/20111019/8692/2D_Game_Art_For_Programmers__Part_2.php
http://gamasutra.com/blogs/ChrisHildenbrand/20111027/8713/2D_Game_Art_For_Programmers__Part_3.php

I would love to get some feedback on the approach, style and topics of the tutorials - as well as suggestions what to cover (character creation, simple animations and effects will be covered). Thanks!

Welcome to InkscapeForum!

Wow, very nice work!
I've only looked at the first tutorial, but it's quite well done

I saw them all, really really nice way to make tutorials!
Just one thing.. you should make text a little bigger!

These are really awesome tuts. well done, keep them coming!

Thanks, guys...
The blog gets regular updates but I also posted a new section (part 4) on gamasutra:

http://gamasutra.com/blogs/ChrisHildenbrand/20111103/8813/2D_Game_Art_For_Programmers__Part_4.php

Some really nice tuts you've got there. Easy to read, and oozing with style, love it!

The latest update to the blog is online covering basic animation in Inkscape...
Here's a sample page:


http://2dgameartforprogrammers.blogspot.com/
or
http://gamasutra.com/blogs/ChrisHildenbrand/20111114/8882/2D_Game_Art_For_Programmers__Part_5.php

I'm following your tuts, they're great!
I am using them in my classes, I teach computering to 16 year old boys and I want them to do a very simple animation... your work helps me (and them) a lot!
Keep on!

I had some fun with explosions and wrote some step by step tutorials...



http://2dgameartforprogrammers.blogspot.com/
or
http://gamasutra.com/blogs/ChrisHildenbrand/20111212/9092/2D_Game_Art_For_Programmers__back_with_a_BANG.php

Very interesting tutorials! I have added the links of your tuts in the italian forum, they are an useful tool for those who likes Inkscape. Thank you for sharing with us!

Here's the lasted post - a quick tutorial how to create a rings of Saturn effect:



http://2dgameartforprogrammers.blogspot.com/2013/02/rings-of-saturn.html

Enjoy!

Holy Awesome Chris! Very nice tutorials. Thanks for sharing such great tutorials for us all to learn from!

Hello Chris. This reply is for you. I went to your blog and checked out the baby chick tutorial. I had a little problem. The radial gradient I applied faded from orange in the center to white on the edges, instead of like yours which is the other way around. Can you help me with this?

Hi.
Well I'm not Chris but may I answer:
Open the fill and stoke panel (Ctrl+Shift+F), go to the fill and then edit the gradient.
Set white where you have orange, and orange where you had white.
You can do that even outside this panel, by selecting the gradient steps handles and setting colours from the bottom palette.

Wow, your design looks so good. I would like to play a game with your design.

Thanks

Valentin