2d game art for programmers - part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2d game art...

10
2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial playing around with circles and squares, learning a little bit about the fills and combining objects [part 1 ] and the playing around with gradients to set a scene [part 2 ] it's time to get to the fun stuff. Creating a game character Let's get started on a simple 2D character. There are a lot of resources and tutorial out there on character creation and animation - most of which written by and for artists and animators. I will try and break in down to simple elements and easy to follow steps. Note: Some of the techniques used in this tutorial have been covered in earlier post. They should help you working your way through this a little bit more complex tutorial.

Upload: others

Post on 21-May-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial

2D Game Art For Programmers - Part 3

By Chris Hildenbrand on 10/27/11 05:16:00 pm

After the initial playing around with circles and squares, learning a little bit about the fills and combining objects [part1] and the playing around with gradients to set a scene [part 2] it's time to get to the fun stuff.

Creating a game character

Let's get started on a simple 2D character. There are a lot of resources and tutorial out there on character creationand animation - most of which written by and for artists and animators. I will try and break in down to simple elementsand easy to follow steps.

Note:Some of the techniques used in this tutorial have been covered in earlier post. They should help you working your waythrough this a little bit more complex tutorial.

Page 2: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial
Page 3: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial
Page 4: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial

It's time to start getting creative. Building a character from scratch we start with the head and create the body andlimbs before assembling the elements into the final figure.

Note:

When working from a sketch, scribb le or concept drawing it's helpful to import the b itmap image into a new layer at the bottom of your

stack and work on top (Layer/ Add Layer or SHIFT+CTRL+N). Bring up the Layers (SHIFT+CTRL+N), select the sketch layer and import

the b itmap. Lock the layer and select the work layer (e.g. Layer 1).

Page 6: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial

In order to make it easier to animate the character later grouping elements and assigning better pivot points is really helpful. Rather than

turn an object like an arm at it's centre it makes more sense to turn it at the shoulder. In order to do that, select objects that 'belong'

together and move the pivot points.

Page 7: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial

This concludes the creation process. Now it's time to go in and play with the shapes, create some variations and makethe most of the objects we have created so far.

Page 8: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial
Page 9: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial

I hope you enjoyed the tutorial so far. Have fun with vectors and stay tuned for the next post 'Taking on animation ininkscape'.

Page 10: 2D Game Art For Programmers - Part 3salvor/myndvinnsla/inkscape... · 2013-09-25 · 2D Game Art For Programmers - Part 3 By Chris Hildenbrand on 10/27/11 05:16:00 pm After the initial

Return to the full version of this blogCopyright © 2013 UBM Tech, All rights reserved