Sprite Process Work
-
- Newbie
- Posts: 12
- Joined: Sun Jan 23, 2011 5:57 pm
- Projects: MetaGame, Turnip in Love (colour artist)
- Contact:
Sprite Process Work
I didn't really see a thread for this, but ummm...
I was just wondering how everyone else went about making sprites for their visual novels. This is my first time working on a visual novel on my own, and when it comes to sprites, I think working on so many layers is making me nervous, hahaha!
So I'm just interested in hearing your techniques, and I'll share mine. And uhh... Hopefully we'll all learn something?
Okay, so this is what I'm working on right now. I'm making folders for different characters, just so I can keep them apart. I should probably be working on different characters on different canvases, but my sketch had all of them in one spot, so I just left them as is.
First thing I do, I do do lineart for the body, which doesn't have any facial characteristics other than the nose, just because... I want to be able to change those things later on, and I don't know if noses move around much. Then on several other layers, I make various different facial expressions (These ones are the ones titled things like Face 1 and Face 2). This part I'm kind of worried about. Should I make layers for individual facial characteristics, or should I make layers for individual expressions? Anyone have any input?
Also, hair goes over that because hair covers faces...
Umm... right now they're kind of lacking clothes, because I want to be able to make sprites that can be versatile in terms of appearance.
My sprites are kind of short. Umm... Would this be a problem?
Sorry if that was really rambly or if it didn't make sense. But I'm really interested in how you guys make your sprites as well! I'm not sure if the way I'm doing it is really efficient so...
I was just wondering how everyone else went about making sprites for their visual novels. This is my first time working on a visual novel on my own, and when it comes to sprites, I think working on so many layers is making me nervous, hahaha!
So I'm just interested in hearing your techniques, and I'll share mine. And uhh... Hopefully we'll all learn something?
Okay, so this is what I'm working on right now. I'm making folders for different characters, just so I can keep them apart. I should probably be working on different characters on different canvases, but my sketch had all of them in one spot, so I just left them as is.
First thing I do, I do do lineart for the body, which doesn't have any facial characteristics other than the nose, just because... I want to be able to change those things later on, and I don't know if noses move around much. Then on several other layers, I make various different facial expressions (These ones are the ones titled things like Face 1 and Face 2). This part I'm kind of worried about. Should I make layers for individual facial characteristics, or should I make layers for individual expressions? Anyone have any input?
Also, hair goes over that because hair covers faces...
Umm... right now they're kind of lacking clothes, because I want to be able to make sprites that can be versatile in terms of appearance.
My sprites are kind of short. Umm... Would this be a problem?
Sorry if that was really rambly or if it didn't make sense. But I'm really interested in how you guys make your sprites as well! I'm not sure if the way I'm doing it is really efficient so...
- Samu-kun
- King of Moé
- Posts: 2262
- Joined: Mon Sep 03, 2007 3:49 pm
- Organization: Love in Space Inc
- Location: United States
- Contact:
Re: Sprite Process Work
Be careful...... eventually you'll hit Sai's 256 layer limit if you keep using that method. I'm ramming my head into the wall constantly because I want more layers but I can't add them... >_>
-
- Newbie
- Posts: 12
- Joined: Sun Jan 23, 2011 5:57 pm
- Projects: MetaGame, Turnip in Love (colour artist)
- Contact:
Re: Sprite Process Work
Woah. What do you do to get around this then? Do you have any techniques? What is Sai's layer limit anyway?
- Samu-kun
- King of Moé
- Posts: 2262
- Joined: Mon Sep 03, 2007 3:49 pm
- Organization: Love in Space Inc
- Location: United States
- Contact:
Re: Sprite Process Work
256. There is no way around it, aside from merging layers or just starting a new drawing.
-
- Newbie
- Posts: 12
- Joined: Sun Jan 23, 2011 5:57 pm
- Projects: MetaGame, Turnip in Love (colour artist)
- Contact:
Re: Sprite Process Work
Ahhh. I see, thanks very much for your help!
Generally I end up merging lineart and colour layers once I think I've finished with them though... hopefully that will be enough!
Generally I end up merging lineart and colour layers once I think I've finished with them though... hopefully that will be enough!
Re: Sprite Process Work
I can only provide input for Photoshop:
Separate layer folders for body, face, hair, and eyes (since eyes have so many shinies and gradients that require many layers on their own).
Each alternate facial expression has their own layer.
Each layer folder contains the base lineart, the flat colors, and the gradients / shading, and any highlights.
A separate body posture (aside from mere arm movements) can be considered as a separate body (and thus need their own face, hair, and eyes to match).
I did one big PSD file for all characters two years ago since liked you mentioned its easier to get a size comparison going, but since then the writer asked for alternate clothes so I had to re-save each character on her own psd and add an additional layer (tracing the basic posture and adjusting for the new clothes). For budget works that only need basic shading and one set of clothes, I will still make all characters on one psd file.
Oh yeah... and if you're not just sticking characters in dialogue boxes you probably will need to draw at least up until the thighs.
Separate layer folders for body, face, hair, and eyes (since eyes have so many shinies and gradients that require many layers on their own).
Each alternate facial expression has their own layer.
Each layer folder contains the base lineart, the flat colors, and the gradients / shading, and any highlights.
A separate body posture (aside from mere arm movements) can be considered as a separate body (and thus need their own face, hair, and eyes to match).
I did one big PSD file for all characters two years ago since liked you mentioned its easier to get a size comparison going, but since then the writer asked for alternate clothes so I had to re-save each character on her own psd and add an additional layer (tracing the basic posture and adjusting for the new clothes). For budget works that only need basic shading and one set of clothes, I will still make all characters on one psd file.
Oh yeah... and if you're not just sticking characters in dialogue boxes you probably will need to draw at least up until the thighs.
- rioka
- Royal Manga Tutor
- Posts: 1255
- Joined: Fri Jul 16, 2004 12:21 pm
- Completed: Amgine Park, Garden Society: Kykuit, Metropolitan Blues (art)
- Location: somewhere in NY
- Contact:
Re: Sprite Process Work
Be careful about having too many layers in one PSD file because it can slow down your computer considerably. At least in my case but I tend to color my characters at 300 DPI with pixel sizes up in the 1000-2000 range or more. To work around this, I will usually save different files say one file for the nude character with different facial expressions and another file with a flat layer of the nude character and work on clothes on that.
Re: Sprite Process Work
Whoa,I haven't know that sai has layer limitation.Samu-kun wrote:Be careful...... eventually you'll hit Sai's 256 layer limit if you keep using that method. I'm ramming my head into the wall constantly because I want more layers but I can't add them... >_>
Anyways, 256 sure enough for me. XD
I didn't have a lot of experience,only share my method.
My sprites creations isn't much different from your.
Based on sai
1. Have a rough sketch layer for the pose and a layer for the color planning
2. Reduce the opacity,hide the color,and start to make the clear line ,and same as your method I drew eyes,eyebrows,and mouth in the separate layer ,each layer for each expression.
3. Color the outline , I colored all the parts but skip the eyes and mouth ,also must have to skip some highlight since some of them varies according to eyes and mouth (like grinning or eyes closed sprites)
4. Color the rest for each expression (some can share same element)
5. For another pose, I'll drag the picture of the former pose after finish rough lineart to see if they are in the same proportion ,and if not just transform or correct it until it's OK. then continue 2-4 again XD
Call me "Zia"
English isn't my first language ,so I'm sorry if I said some non-understandable stuff ''| OTZ
My Deviant ID http://crezia.deviantart.com
English isn't my first language ,so I'm sorry if I said some non-understandable stuff ''| OTZ
My Deviant ID http://crezia.deviantart.com
- Lumen_Astrum
- Dystopian Princess
- Posts: 1662
- Joined: Mon Nov 08, 2010 8:01 am
- Completed: Soul and Heart, Twin Faces
- Projects: Soul and Heart Replay; The Court of the Two Sides (tentative title)
- Organization: Lion Box Studios
- Tumblr: lumenizampel
- Location: Philippines
- Contact:
Re: Sprite Process Work
This is how I do mine :
I use Adobe Photoshop CS2 (Which is kinda old, I know)
First. I sketch first a guideline layer. Maybe isn't the final thing. Then I make a new layer on top of it, then turn the guideline layer to 65% or any opacity that I wish, as long as it isn't as opaque as the lineart one. Then I trace the desired lineart, add hair and details and all, but I exclude the face first. I separate the face in a different layer so that it's easy to change later. Then I delete the guideline layer.
Second. I make a new layer on top of the white layer(underneath the lineart), then I fill it with a color I won't use (I often use pink). After that I make several layers for the color, then I start coloring.
Third. After the base colors, shadows first. Clipping masks make shadowing easier. Then highlights if necessary. If possible, you can use the multiply and screen blending modes in layers, then when it gets too dark or too bright, tone down the opacity of the layer. For the hair, use feathery strokes, but for the other parts, you can just scrible then blur. That's my style XD
Then after I finish details, I remove the white and pink layer underneath, clean out some mistakes then make the emotions by editing out the face layer above or below the lineart layer. Then save.
Well, that's how I do mine XD
You all have SAI... Me is jealous...
I use Adobe Photoshop CS2 (Which is kinda old, I know)
First. I sketch first a guideline layer. Maybe isn't the final thing. Then I make a new layer on top of it, then turn the guideline layer to 65% or any opacity that I wish, as long as it isn't as opaque as the lineart one. Then I trace the desired lineart, add hair and details and all, but I exclude the face first. I separate the face in a different layer so that it's easy to change later. Then I delete the guideline layer.
Second. I make a new layer on top of the white layer(underneath the lineart), then I fill it with a color I won't use (I often use pink). After that I make several layers for the color, then I start coloring.
Third. After the base colors, shadows first. Clipping masks make shadowing easier. Then highlights if necessary. If possible, you can use the multiply and screen blending modes in layers, then when it gets too dark or too bright, tone down the opacity of the layer. For the hair, use feathery strokes, but for the other parts, you can just scrible then blur. That's my style XD
Then after I finish details, I remove the white and pink layer underneath, clean out some mistakes then make the emotions by editing out the face layer above or below the lineart layer. Then save.
Well, that's how I do mine XD
You all have SAI... Me is jealous...
- sake-bento
- Eileen-Class Veteran
- Posts: 1909
- Joined: Sat Jan 26, 2008 5:58 pm
- Completed: http://sakevisual.com/games.html
- Projects: Every Sunrise, Shinsei
- Organization: sakevisual
- Tumblr: sakevisual
- Deviantart: sakevisual
- itch: sakevisual
- Contact:
Re: Sprite Process Work
Yes, but you have talent, so I'm jealous. Can't buy talent for $50. XDLumen_Astrum wrote:You all have SAI... Me is jealous...
sakevisual visual novels (and stuff) | sakevisual dev blog
-
- Veteran
- Posts: 285
- Joined: Tue Dec 28, 2010 9:40 am
- Projects: (WIP) Caesar's Fate
- Location: Canada
- Contact:
Re: Sprite Process Work
Definitely!! Especially when artists cost a lot :O! xD So a person who can both write and draw well... :O That's awesome right there. xDsake-bento wrote:Yes, but you have talent, so I'm jealous. Can't buy talent for $50. XDLumen_Astrum wrote:You all have SAI... Me is jealous...
Working on a visual novel : Caesar's Fate (GxB) : Follow me on Twitter or visit my Website for updates!
-
- Regular
- Posts: 145
- Joined: Fri Feb 11, 2011 5:31 am
- Projects: Waiting on Love
- Organization: Kinki Skiddles Productions
- Location: Canada
- Contact:
Re: Sprite Process Work
This has been a very informative thread! Guess that's why most people do the main drawings on the computer.
Question, what size do you usually use to draw your sprites in? As in, canvas size. I don't have a huge monitor, so large pictures I find very difficult. :/
Question, what size do you usually use to draw your sprites in? As in, canvas size. I don't have a huge monitor, so large pictures I find very difficult. :/
Come visit me, if you like, at: http://www.miss-mae.deviantart.com / http://www.kinki-skiddles-games.deviantart.com <3 or on my NEW game making blog, which you can find here: http://kinki-skiddles.tumblr.com/ <3
- MaiMai
- Yandere
- Posts: 1757
- Joined: Sat Mar 21, 2009 6:04 pm
- Completed: [Phase Shift]
- Projects: [ None ]
- Organization: Paper Stars
- Tumblr: maiscribbles
- Deviantart: maiscribble
- Location: USA, Southern California
- Contact:
Re: Sprite Process Work
I can't help but feel as if some of you guys use more layers than me lol. Here's two screenies of two different sprites I've worked on! The first one being an earlier work, the second for the project I'm currently working on :B
My usual process is as listed:
- Rough outline, refined sketch, and then make a lineart layer over said sketch
- Fill in base colors, separate layers depending on which part (like one for skin, one for hair etc)--
- Draw the eyes on a separate layer and set that aside
- COMMENCE THE CGING. There is basically a lot of use of a blending brush and blur along with clipping layers.
- After properly coloring the main parts, I combine the clip layers since I am not concerned with changing the shading on the body or hair
- Back to the eyes layer to color them
- Then basically I have separate folders for mouth, eyebrows, and maybe another folder for different eyes. Within each of these folders are layers with different expressions in them so I can mix and match eyebrows with mouths
Wow this is a lot of work
My usual process is as listed:
- Rough outline, refined sketch, and then make a lineart layer over said sketch
- Fill in base colors, separate layers depending on which part (like one for skin, one for hair etc)--
- Draw the eyes on a separate layer and set that aside
- COMMENCE THE CGING. There is basically a lot of use of a blending brush and blur along with clipping layers.
- After properly coloring the main parts, I combine the clip layers since I am not concerned with changing the shading on the body or hair
- Back to the eyes layer to color them
- Then basically I have separate folders for mouth, eyebrows, and maybe another folder for different eyes. Within each of these folders are layers with different expressions in them so I can mix and match eyebrows with mouths
Wow this is a lot of work
- Lumen_Astrum
- Dystopian Princess
- Posts: 1662
- Joined: Mon Nov 08, 2010 8:01 am
- Completed: Soul and Heart, Twin Faces
- Projects: Soul and Heart Replay; The Court of the Two Sides (tentative title)
- Organization: Lion Box Studios
- Tumblr: lumenizampel
- Location: Philippines
- Contact:
Re: Sprite Process Work
Hahahahaha~ XD True dat.sake-bento wrote:Yes, but you have talent, so I'm jealous. Can't buy talent for $50. XDLumen_Astrum wrote:You all have SAI... Me is jealous...
I usually draw on the final resolution. When I do side images, I use around 200 - 350 pixels, but on sprites... maybe 350 - 400? Yah. ^_^ Well, if you draw on the computer (like I usually do) you can use this method of not resizing, but if you scan your linearts, you should first work on a bigger resolution before shrinking to the final size (since usually scanners make gigantic images from your drawings).Miss-Mae wrote:This has been a very informative thread! Guess that's why most people do the main drawings on the computer.
Question, what size do you usually use to draw your sprites in? As in, canvas size. I don't have a huge monitor, so large pictures I find very difficult. :/
-
- Regular
- Posts: 145
- Joined: Fri Feb 11, 2011 5:31 am
- Projects: Waiting on Love
- Organization: Kinki Skiddles Productions
- Location: Canada
- Contact:
Re: Sprite Process Work
So 200 dpi would be okay? I usually use that, so I guess I might be okay after all. xD I hate having such a slow/small computer, it really does suck. xD Thank you very much for the response, btw. I should really check out your DA, too. *spotted your DA account name* >D <3
Come visit me, if you like, at: http://www.miss-mae.deviantart.com / http://www.kinki-skiddles-games.deviantart.com <3 or on my NEW game making blog, which you can find here: http://kinki-skiddles.tumblr.com/ <3
Who is online
Users browsing this forum: No registered users