Lemma Soft Forums

Supporting creators of visual novels and story-based games since 2003.


Visit our new games list, blog aggregator, IRC, and wiki.
Activation problem? Email [email protected]
It is currently Sun May 19, 2013 4:19 pm

All times are UTC - 5 hours [ DST ]




Post new topic Reply to topic  [ 14 posts ] 
Author Message
 Post subject: .PNG + walking movements
PostPosted: Thu Apr 12, 2012 12:27 am 
Miko-Class Veteran
User avatar

Joined: Fri Aug 05, 2011 4:47 am
Posts: 624
Location: Malaysia
Thank you to clua and 15385bic for the help. ^__^

I don't even know what this things are called, but I'm sure some people also experience this when making sprites.. This is not a sprite for a VN though. I'm making a shimeji and the concept is almost the same I guess.
Attachment:
s1.PNG
s1.PNG [ 91.19 KiB | Viewed 1905 times ]

That unwanted thing around his face, right there.

What confuse me is 'that unwanted thing' is there, while when I opened Photoshop and placed a colored background to delete it, it's not there!
Attachment:
bg1.png
bg1.png [ 12.09 KiB | Viewed 1905 times ]

What is the actual problem I'm facing here? And how do I get rid of it? Because there's a lot more frames that I've made, and some of them are clear, while some has the same problem.


----

Also, I wanted to ask your opinion about walking movement. I wasn't able to add in the title because it reached the count limit.

I have a problem making it to move correctly, unfortunately I'm not good at animating or such, thus I can't calculate on how the movement should be. I tried making it move, however there's a slightly awkward pose in the animated movement.
Attachment:
w1.png
w1.png [ 27.46 KiB | Viewed 1905 times ]

EDIT: Here's a little animation of this little guy.
Image

I wonder if this is the correct way? If not, how?

----

Please and thank you!

_________________
Image


Last edited by TsukiShima on Thu Apr 12, 2012 2:24 am, edited 1 time in total.

Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 12:34 am 
Miko-Class Veteran
User avatar

Joined: Tue Jun 28, 2011 7:39 am
Posts: 501
Location: Australia
Did you happen to use the smudge tool in those areas? Might want to go round those areas with an eraser just in case.

and that chibi is so cute!

If you want him to be walking though, the first chibi who is standing neutral should prob have his feet both facing our left. Also I'm pretty sure you can adjust animation times in photoshop if you don't want that awkward pose/moment

good luck ~

_________________
http://www.theotaku.com/portfolio/15385bic
http://chocobikies.deviantart.com/

Image


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 12:37 am 
Veteran
User avatar

Joined: Sat Dec 12, 2009 1:38 pm
Posts: 426
Location: In a jar with pirañas
Completed: Stormy Night
Projects: The Hurtful Wall
HanaMori wrote:
I don't even know what this things are called, but I'm sure some people also experience this when making sprites.. This is not a sprite for a VN though. I'm making a shimeji and the concept is almost the same I guess.
Attachment:
s1.PNG

That unwanted thing around his face, right there.

What confuse me is 'that unwanted thing' is there, while when I opened Photoshop and placed a colored background to delete it, it's not there!
Attachment:
bg1.png

What is the actual problem I'm facing here? And how do I get rid of it? Because there's a lot more frames that I've made, and some of them are clear, while some has the same problem.

----

Also, I wanted to ask your opinion about walking movement. I wasn't able to add in the title because it reached the count limit.

I have a problem making it to move correctly, unfortunately I'm not good at animating or such, thus I can't calculate on how the movement should be. I tried making it move, however there's a slightly awkward pose in the animated movement.
Attachment:
w1.png

I wonder if this is the correct way? If not, how?

----

Please and thank you!



Hmm sometimes bits of color are there but in opacity and when you save it on less than 24 bits of color that happens I think...Try checking the sprites also with black background.

_________________
My WIP project:The hurtful wall
:Other VNs:
+The Knife of the Traitor(Nanoreno 2012)
+Eyes of Wilderness
++Currently colaborating with other folks as an artist.

sadfrog developer blog


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 12:55 am 
Miko-Class Veteran
User avatar

Joined: Fri Aug 05, 2011 4:47 am
Posts: 624
Location: Malaysia
15385bic wrote:
Did you happen to use the smudge tool in those areas? Might want to go round those areas with an eraser just in case.

and that chibi is so cute!

If you want him to be walking though, the first chibi who is standing neutral should prob have his feet both facing our left. Also I'm pretty sure you can adjust animation times in photoshop if you don't want that awkward pose/moment

good luck ~

Smudge tool? I never knew of that! What does it do actually? I'm going to try erasing them, but yeah, it will take such time.

The provided frame for the walking animation is just 3 frame, including the neutral stand. Maybe if I have time I'll show you what happened. And thank you!

clua wrote:
Hmm sometimes bits of color are there but in opacity and when you save it on less than 24 bits of color that happens I think...Try checking the sprites also with black background.

I tried replacing the background in PS with black, and the result are quite clean. However when I tried testing it on actual PC screen, there are mess around it.
Attachment:
File comment: Left-Viewed in PS , Right-Viewed from PC
b1.PNG
b1.PNG [ 16.17 KiB | Viewed 1874 times ]

If the problem is that it was saved in 24 bits lesser, then I should increase the quality more?

_________________
Image


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 1:10 am 
Veteran
User avatar

Joined: Sat Dec 12, 2009 1:38 pm
Posts: 426
Location: In a jar with pirañas
Completed: Stormy Night
Projects: The Hurtful Wall
HanaMori wrote:
15385bic wrote:
Did you happen to use the smudge tool in those areas? Might want to go round those areas with an eraser just in case.

and that chibi is so cute!

If you want him to be walking though, the first chibi who is standing neutral should prob have his feet both facing our left. Also I'm pretty sure you can adjust animation times in photoshop if you don't want that awkward pose/moment

good luck ~

Smudge tool? I never knew of that! What does it do actually? I'm going to try erasing them, but yeah, it will take such time.

The provided frame for the walking animation is just 3 frame, including the neutral stand. Maybe if I have time I'll show you what happened. And thank you!

clua wrote:
Hmm sometimes bits of color are there but in opacity and when you save it on less than 24 bits of color that happens I think...Try checking the sprites also with black background.

I tried replacing the background in PS with black, and the result are quite clean. However when I tried testing it on actual PC screen, there are mess around it.
Attachment:
b1.PNG

If the problem is that it was saved in 24 bits lesser, then I should increase the quality more?

Aha! I see...Its really because there are bits of color outside your lineart
what you can do, if you want to clean it better, is:

1>select the blank space on the lineart layer, go to select/modify/expand. and where it says "expand by"..input 2 or one(depending of the thickness of your lines..if they are very thick with 2 I think it would be fine...if they are thin try with 1)....then go to every color layer you have
and delete the extra bits of color that might be there
2>do it manually with pen tool sillouete the drawing with the tool...then when you have it traced, press cntrl+enter and then go to the menu select inverse...and repeat the same process from above(delete de excess of color on each color layer)

I hope Im understandable

Im guessing that you are saving the files on 8bit png...I think if you save it on 24 bit png would be fine if you dont want to errase those nasty bits of color...If the problem persist...I think that defenitely you should clean up the sprites
BTW its very cute haha I used to have shimeshi s on my pc but I hated when they kicked my windows lol

_________________
My WIP project:The hurtful wall
:Other VNs:
+The Knife of the Traitor(Nanoreno 2012)
+Eyes of Wilderness
++Currently colaborating with other folks as an artist.

sadfrog developer blog


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 1:44 am 
Miko-Class Veteran
User avatar

Joined: Tue Jun 28, 2011 7:39 am
Posts: 501
Location: Australia
I say always go high quality initially ~ coz its harder to go the other way around.
and don't worry if you don't know what the smudge tool is. What matters is that there's low opacity colour outside your lineart. If you bucket base colours you can always clip the over lying colours so that it wont go outside the lines?



and yeah I would love to see your moving chibi

_________________
http://www.theotaku.com/portfolio/15385bic
http://chocobikies.deviantart.com/

Image


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 2:16 am 
Miko-Class Veteran
User avatar

Joined: Fri Aug 05, 2011 4:47 am
Posts: 624
Location: Malaysia
clua wrote:
Aha! I see...Its really because there are bits of color outside your lineart
what you can do, if you want to clean it better, is:

1>select the blank space on the lineart layer, go to select/modify/expand. and where it says "expand by"..input 2 or one(depending of the thickness of your lines..if they are very thick with 2 I think it would be fine...if they are thin try with 1)....then go to every color layer you have
and delete the extra bits of color that might be there
2>do it manually with pen tool sillouete the drawing with the tool...then when you have it traced, press cntrl+enter and then go to the menu select inverse...and repeat the same process from above(delete de excess of color on each color layer)

I hope Im understandable

Im guessing that you are saving the files on 8bit png...I think if you save it on 24 bit png would be fine if you dont want to errase those nasty bits of color...If the problem persist...I think that defenitely you should clean up the sprites
BTW its very cute haha I used to have shimeshi s on my pc but I hated when they kicked my windows lol


So those things are actually bits of color.. Only now I understand.. thank you! I'm going to try that. You're really amazing clua, because I didn't know these things!

I really like shimeji! But when they keep on duplicate non-stop, I had to close. I couldn't get mine to kick or move my windows though, I want to see it for once...

15385bic wrote:
I say always go high quality initially ~ coz its harder to go the other way around.
and don't worry if you don't know what the smudge tool is. What matters is that there's low opacity colour outside your lineart. If you bucket base colours you can always clip the over lying colours so that it wont go outside the lines?



and yeah I would love to see your moving chibi

I guess I'll keep that in mind! This is my personal problem, I'm not that used to coloring linearts (usually I go from sketch direct to color) and so when I needed to do this, I behaved and colored it the correct way.

I feel a little ashamed to show it.. but for improvement's sake.

Image
He looks a little silly right here. xD

_________________
Image


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 2:36 am 
Miko-Class Veteran
User avatar

Joined: Tue Jun 28, 2011 7:39 am
Posts: 501
Location: Australia
HanaMori wrote:

I feel a little ashamed to show it.. but for improvement's sake.

Image
He looks a little silly right here. xD


He's really cute so you shouldn't be ashamed!

I still think his feet facing forward would be better - but I dont really know much about making gifs ^^'
although he has that awkward pause in my version too >3>!
sorry I'm no help
Attachment:
File comment: he looks like he's skipping ^^'
gif-skipping.gif
gif-skipping.gif [ 15.56 KiB | Viewed 1825 times ]


Attachment:
gif-walking.gif
gif-walking.gif [ 15.56 KiB | Viewed 1827 times ]
<--speed walker ^^'

_________________
http://www.theotaku.com/portfolio/15385bic
http://chocobikies.deviantart.com/

Image


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 8:29 am 
Regular
User avatar

Joined: Fri Jan 27, 2012 11:45 pm
Posts: 31
Projects: Luster Rose-ラスタロズー, Mind Cross
Quote:
Image
He looks a little silly right here. xD

It looks a bit strange to me seeing as how his upper body isn't moving at all. People bob up and down when they walk. Also, it looks to me like he's taking one step then returning to the original stance. Perhaps add some more frames to make it more fluid?

_________________
Image
Demo released! Click the banner to try it! :D

Image
A webcomic updated weekly by yours truly.


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 8:41 am 
Miko-Class Veteran
User avatar

Joined: Fri Aug 05, 2011 4:47 am
Posts: 624
Location: Malaysia
@15385bic : Woah, I really like how it turned out in yours! I'm going to try that out, and in your way he seems to be walking correctly, and moving forward atleast! I'll try to fix a few things and see if the result will be better.

Shoko wrote:
It looks a bit strange to me seeing as how his upper body isn't moving at all. People bob up and down when they walk. Also, it looks to me like he's taking one step then returning to the original stance. Perhaps add some more frames to make it more fluid?

Thank you for pointing that out! xD I just realized it as well, and now I'm back to fixing those frames while making new ones. When I looked again, I thought he was tap dancing, that's why he looks silly~

_________________
Image


Top
 Profile Send private message  
 
PostPosted: Thu Apr 12, 2012 9:01 am 
Veteran
User avatar

Joined: Sat Dec 12, 2009 1:38 pm
Posts: 426
Location: In a jar with pirañas
Completed: Stormy Night
Projects: The Hurtful Wall
Shoko wrote:
Quote:
Image
He looks a little silly right here. xD

It looks a bit strange to me seeing as how his upper body isn't moving at all. People bob up and down when they walk. Also, it looks to me like he's taking one step then returning to the original stance. Perhaps add some more frames to make it more fluid?



Ohh I know a little of animation...Yes when we walk, we make this upside down movement that resembles a curve
let me search for a reference....
Image
You see here in the first strip of frames you first start with the legs spread with the feet ready to step on the floor, the next frame should be the character already stepping on the floor(and I think this should be the lowest frame, you see how the body of the character goes down?), then the next frame should be the one that its impulsing its body, then it comes the highest frame on all the walking cycle, the 4th frame(take a look always of the legs) and finally it comes the end of the first part of the walking cycle, when the other feet step(frame 6) I think frame 5 could be
cut..since your animation is very simple. then repeat the cycle with the other feet

I dont quite remember but I think the shimeji worked with code and png sequence...there was a tutorial for adding more frames
Ah this one!
In my work where I used to be lol...we had a very very lazy aproach to this animation for small games with very little hours to spent
we had to make animations of 4 frames one of them was the walk animation orz....we made it with the 1, 2, 4, 6 frames of the chart above
It didnt look like the pretiest thing but It was understandable lol

Image
This is a more clear example of a great book called the animator survival kit

_________________
My WIP project:The hurtful wall
:Other VNs:
+The Knife of the Traitor(Nanoreno 2012)
+Eyes of Wilderness
++Currently colaborating with other folks as an artist.

sadfrog developer blog


Top
 Profile Send private message  
 
PostPosted: Sat Apr 14, 2012 10:18 pm 
Regular

Joined: Fri Mar 23, 2012 12:26 pm
Posts: 26
Clua posted what I wanted to, some really great reference for walks.

I did want to show you where you're having troubles with your walk specifically though, so I made this for you:

Image


(hopefully this cycles right...) Huzzah!

So here's what I did:

Image


I took your two frames that you already did, which have his legs extended to their widest. This is called the 'stride' position. I lassoed his torso, and copied it onto a new frame. You can see in the examples that Clua gave how the body rises and falls during a simple walk animation, with the highest point usually at the 'passing position'. This is when the leg that is taking the weight is fully extended, and the other leg is bent at the knee and passing in front.

In the Preston Blair example, the 'movements of the two legged figure', it's the fourth one in the walk.

Haha, shows what I know! Richard Williams (the second example) says the highest point is *after* the passing position. But since I've only used four frames, I figure we're good with this.

I don't know if there was a technical limitation that meant that you needed to reuse the standing frame, but it really won't work in your animation at all. You can jigger those three original frames around to your hearts content, and the one foot will always 'pop' the wrong way.

Really cute character! Hopefully this helps!

EDITED TO ADD:
He's just moving along really fast! Each drawing is only on screen for two frames at 24fps, so I'd probably try holding each drawing for three or four frames, and see how that looks.


Top
 Profile Send private message  
 
PostPosted: Sun Apr 15, 2012 2:51 am 
Miko-Class Veteran
User avatar

Joined: Fri Aug 05, 2011 4:47 am
Posts: 624
Location: Malaysia
Thank you all three of you ^^ Especially the guides you gave me will make it easier for me. It seems that I do can add layers and minus the standing stance, but coding is required, but that won't be a problem for me. I'll do my best with what I have learnt, and hopeful it the animation will be more smooth.

I'm not sure if anyone will be interested with I'm doing now, but don't mind a little promotion poster xP
Attachment:
2.PNG
2.PNG [ 673.47 KiB | Viewed 1679 times ]

_________________
Image


Top
 Profile Send private message  
 
PostPosted: Sun Apr 15, 2012 9:25 am 
Regular

Joined: Fri Mar 23, 2012 12:26 pm
Posts: 26
I have to admit, you've got me curious about these Shimejis now. XD


Top
 Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 14 posts ] 

All times are UTC - 5 hours [ DST ]


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Protected by Anti-Spam ACP
Powered by phpBB® Forum Software © phpBB Group