How do I create a nice Sprite character

Discussion of tools and resources for game developers

Post » Sat Sep 03, 2016 12:20 pm

Hello.

For my project i need a good sprite for animation of my Lion.

The problem is i don't know how do i, because my level in graphis is not very good..

Can you help me?

For the moment, i have this animation, and i want to upgrade this.

Image
Image
Image

Thanks
B
5
Posts: 8
Reputation: 241

Post » Sat Sep 03, 2016 12:49 pm

See http://www.gamasutra.com/view/news/1766 ... _games.php

If you want to learn more about making great game animations, Robertson says the best way is to play classic games from developers like Taito and Irem, watch entire animated movies frame-by-frame, take relevant educational courses, and read Ollie Johnston and Frank Thomas' The Illusion of Life: Disney Animation (http://www.amazon.com/The-ILLUSION-OF-L ... 0786860707)
I got a game that you multiply, breath fire with two heads and brawl foes to oblivion with your clones: http://www.newgrounds.com/portal/view/660664 (use Chrome on Windows for best performance)

My sites:
http://twinblazar.deviantart.com
http://twinblazar.newgrounds.com
https://twitter.com/twinblazar
http://www.pixiv.net/member.php?id=15072448
B
30
S
11
G
11
Posts: 411
Reputation: 8,469

Post » Sat Sep 03, 2016 1:01 pm

Also, this is more of an art question, so @Kyatric, what do you think of moving this post to perhaps Open Topic?
I got a game that you multiply, breath fire with two heads and brawl foes to oblivion with your clones: http://www.newgrounds.com/portal/view/660664 (use Chrome on Windows for best performance)

My sites:
http://twinblazar.deviantart.com
http://twinblazar.newgrounds.com
https://twitter.com/twinblazar
http://www.pixiv.net/member.php?id=15072448
B
30
S
11
G
11
Posts: 411
Reputation: 8,469

Post » Sat Sep 03, 2016 6:02 pm

Digital art.. is not something that can be mastered easily. :cry:

It takes a huge amount of time and effort to develop a skill in that field, and that cannot be done fast.

There are a lot of good tutorials available on the Internet, but you need to find the one that's suitable for absolute beginners.

Pixel editing is not something I would recommend for any novice learners in art to venture into, as its workload can quickly turn in to a nightmare.

I would recommend the learners to learn how to draw with a pencil first, before considering to draw anything with computer applications.

Even after learning how to draw with graphical applications, it takes a large amount of work to learn more applications to master the game development mastery.

Construct 2 saves time and effort in that matter, because we don't need to learn programming languages.

So my advice for you is to research and find the best graphical application for your need, learn to draw, learn to use the application and voila! :mrgreen:

That's that.. and.. for this example, I'll briefly explain what I would do in order to modify the animation.

First of all, you need an application to modify the image files.

I use a Photoshop but other applications are ok as well.

You need to divide the image file into multiple parts so that they can be modified separately.

Here's an example.

Image

Here's a PSD file for that.

https://www.dropbox.com/s/jgorssy35rjnhn8/Lion.psd?dl=0

Then you need to save each part of the image as separate PNG files and bring it into an animation application.

I use an application called Spriter for my games development.

You then need to use the animation application to modify the animation of your image.

Here's an example.

Image

The lion now has two animations -- Idle and Walking.

Here's the Spriter save file that contains the lion.

https://www.dropbox.com/s/x1gf4rxoo3z1t ... .scml?dl=0

Then you need to export them as PNG and import them into Construct 2.

Here's an example.

Image

Here's a final Construct 2 capx file.

https://www.dropbox.com/s/hmi5sp9y1moz0 ... .capx?dl=0

Use your arrow keys to move the lion.
B
11
S
6
G
15
Posts: 256
Reputation: 9,207

Post » Mon Sep 05, 2016 9:59 am

Thanks you for your helping. Your awesome.
B
5
Posts: 8
Reputation: 241

Post » Tue Sep 06, 2016 2:26 pm

i would tho advise against rotating pixels! proper (purist if you want) pixelart should not rotate, as that would break the visual grid, which is, well, UNACCEPTABLE.

your original lion is beautifully drawn, but its movement its a bit... horsish, or harish... see the way the arse bumps up on the third frame, or the forepaws on the second... lions don't really move like that.

i think you designed the frames to go like this (i'm going zero-based now): 0-1-2, as it loops smoothly like that, but think also you can do "ping-pong", which would be "0-1-0-2". I find pingpong better for looping animations like walk or run cycles.

Spriter is indeed the last big thing on sprite animation, but for oldschool pixelart i stick to oldschool technologies. CharacterMakerPro is a cool freeware pixelart editor, very easy to use too. 256 colours max. comme il faut.
B
23
S
11
G
6
Posts: 181
Reputation: 5,003

Post » Wed Sep 07, 2016 6:59 pm

Gmoney, i have the problem with your files your have give to me on Sprite...

Image


I have try to slide the picture on the bones, if i click on play, its horrible lol. The head turn in 360, the foot its perfect, its great working.
B
5
Posts: 8
Reputation: 241


Return to Tools and Resources

Who is online

Users browsing this forum: htmlgames and 0 guests