2D game art creation tutorials

Share your Inkscape tricks and tutorials here.
SpriteAttack
Posts: 6
Joined: Sat Oct 29, 2011 12:28 pm

2D game art creation tutorials

Postby SpriteAttack » Sat Oct 29, 2011 12:35 pm

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.

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

Image
(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!
Last edited by SpriteAttack on Wed Nov 23, 2011 11:00 am, edited 1 time in total.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: 2D game art creation tutorials

Postby brynn » Sat Oct 29, 2011 6:26 pm

Image
Welcome to InkscapeForum!

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

User avatar
RM.
Posts: 249
Joined: Mon Jan 05, 2009 10:33 am
Location: Italy, Sardegna

Re: 2D game art creation tutorials

Postby RM. » Sun Oct 30, 2011 6:29 am

I saw them all, really really nice way to make tutorials!
Just one thing.. you should make text a little bigger! :D
I'm just someone who likes to create.

Logopond - CGsociety

redbeltboxer
Posts: 23
Joined: Thu May 12, 2011 5:58 am

Re: 2D game art creation tutorials

Postby redbeltboxer » Sat Nov 05, 2011 3:50 am

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

SpriteAttack
Posts: 6
Joined: Sat Oct 29, 2011 12:28 pm

Re: 2D game art creation tutorials

Postby SpriteAttack » Sat Nov 05, 2011 10:00 am

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

Simarilius
Posts: 626
Joined: Wed Jun 06, 2007 2:37 am

Re: 2D game art creation tutorials

Postby Simarilius » Tue Nov 08, 2011 8:26 am

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

SpriteAttack
Posts: 6
Joined: Sat Oct 29, 2011 12:28 pm

Re: 2D game art creation tutorials

Postby SpriteAttack » Tue Nov 15, 2011 6:35 am

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

http://2dgameartforprogrammers.blogspot.com/
or
http://gamasutra.com/blogs/ChrisHildenbrand/20111114/8882/2D_Game_Art_For_Programmers__Part_5.php
Inkscape tutorials for programmers: 2dgameartguru.com

procastino
Posts: 34
Joined: Tue Jan 08, 2008 10:20 pm

Re: 2D game art creation tutorials

Postby procastino » Sat Dec 03, 2011 4:31 am

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!

SpriteAttack
Posts: 6
Joined: Sat Oct 29, 2011 12:28 pm

Re: 2D game art creation tutorials

Postby SpriteAttack » Tue Dec 13, 2011 8:44 pm

Inkscape tutorials for programmers: 2dgameartguru.com

marydonata
Posts: 18
Joined: Tue May 18, 2010 11:57 pm

Re: 2D game art creation tutorials

Postby marydonata » Wed Dec 14, 2011 3:01 am

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!

SpriteAttack
Posts: 6
Joined: Sat Oct 29, 2011 12:28 pm

Re: 2D game art creation tutorials

Postby SpriteAttack » Sun Feb 17, 2013 8:19 pm

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

Image

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

Enjoy!
Inkscape tutorials for programmers: 2dgameartguru.com

BetaTestingPro
Posts: 38
Joined: Mon Aug 15, 2011 3:27 am

Re: 2D game art creation tutorials

Postby BetaTestingPro » Mon Jul 01, 2013 5:08 am

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

artgeek
Posts: 3
Joined: Fri Aug 23, 2013 8:20 pm

Re: 2D game art creation tutorials

Postby artgeek » Mon Oct 28, 2013 3:12 pm

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?

Lazur
Posts: 4716
Joined: Tue Jun 14, 2016 10:38 am

Re: 2D game art creation tutorials

Postby Lazur » Thu Oct 31, 2013 8:49 pm

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.

vali001
Posts: 1
Joined: Sun Apr 27, 2014 2:05 am

Re: 2D game art creation tutorials

Postby vali001 » Sun Apr 27, 2014 2:09 am

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

Thanks

Valentin


Return to “Tricks & Tutorials”

Who is online

Users browsing this forum: No registered users and 5 guests