Art Questions and Answers:

Read and write tutorials about becoming a great artist.

Moderators: EN - Assistant Moderators, EN - Forum Moderators

Post Reply
User avatar
Singidava
Posts: 1621
Joined: Fri Jul 23, 2010 6:56 pm
Gender: Female
Spoken languages: Suomi, English & 日本語
Location: Finland
Contact:

Art Questions and Answers:

Post by Singidava »

This thread is for all questions related to art, spriting and digital painting. The questions and answers will be added to this post to make information easy to find for everyone.

GENERAL:

Q: What's the best program for spriting?
A: People here use very different programs, so I'm afraid there is no single answer. However, the most common ones are Paint.Net, GIMP and MS Paint.
MS Paint is the default Paint that comes with Windows. It lacks layers but is very easy to use. Paint.Net and GIMP are free image editing softwares. GIMP is the most versatile and well suited to scratch spriting, but it's also the most complicated one. If you plan frankenspriting I'd recommend using Paint.Net.

Q: What do the terms frankenspriting and scratch spriting mean?
A: Frankespriting means making a new sprite by combining parts of already existing sprites into a new one. Scratch spriting is drawing the whole sprite completely by yourself.

Q: How big should my sprite/background be?
A: Small enough to fit into DS screen size which is 256 x 192. You might find it easier to first draw the picture in bigger scale and then resize it to fit the screen.

Q: How do I make profile pictures?
A: Get a profile image of any character, cover the entire block with the same gray colour, and place your headshot of your sprite on it.

Q: Which font should I use for my boxart?
A: Either Georgia Bold or Times New Roman Bold.

SPRITE TRANSPARENCY:

Q: How do I make the background transparent?
A: First copy your picture to a new transparent mode layer (this means if this layer is empty it is transparent. Usually programs create transparent layers by default). Then delete the original layer. Now you can erase the unwanted background from the transparent layer and save. When saving it's important to save in a format that can handle transparency. The most common ones are .png and .gif. If you save in .png you also have to remember to save it in correct mode.
In Adobe Photoshop(s) you must choose "interlaced" when saving the picture.
In GIMP uncheck the "save background colour" option when you're saving the picture.
In Paint.Net Simply save your picture as .png. Save configuration should be set to 32 -bit.
In Paint Tool Sai copy your sprite to a transparent layer and delete its background. Set the layer under the picture invisible. Then save your picture by clicking File > Export As > .png (PNG). The program asks you pixel format and you should choose the lower option "32 bpp ARGB (Each pixel have opacity)". Now you have a transparent .png file.
MS Paint can't save transparent pictures.

COLOURS:

Q: When I try to edit a picture the colours go wrong! Help me!
A: The cause of the problem is either .gif format that can only handle a predetermined palette or indexed colours mode if the picture is in .png. There are several ways to avoid this problem. Here's a few:
  • Change the mode from indexed to RGB. In the most programs the route for this is Image > Mode > RGB.
  • Save the picture first in some other format and then reopen it.
  • Open it in a program that can't read indexed colours such as MS Paint and save it there. When you reopen it the indexed colours have disappeared.
  • etc.
Q: There is noise in my sprite! What do I do?
A: Unfortunately, you've saved your sprite in .jpg and that noise is extremely difficult to get rid of. In some programs such as Photoshop there are filters to reduce the noise, however, all they do is reduce. Usually the best solution is to remake the sprite all over again.
Never save your sprites in .jpg!

ANIMATION:

Q: How do I animate a sprite?
A: Sprite animations are usually GIFs with multiple frames. There are a few guides here and here that cover animating talking and blinking on sprites.

Q: What's the most efficient/effective way to make sure all your sprites are positioned exactly the same in GIMP?
A: There is something called a "guide." To access this, use the move tool (hotkey "M"). Click and hold from the rulers. Then drag down to the desired position. When you copy-paste sprites and move them around, it should snap to the guides.

Q: How many frames do I need for animating my sprite and what's their correct order?
A: For a blinking animation you need three frames: eyes open, eyes half-open and eyes closed. For a talking animation you need open, half and closed frames for the mouth. Remember that when people talk they usually don't stop blinking. Therefore you also need open, half and closed animation for the eyes. Different spriters usually use diferent orders for frames with so there is no common consensus about the "correct order". Just use the order that you think looks the best.
Last edited by Singidava on Sat Dec 22, 2012 4:33 pm, edited 3 times in total.
User avatar
Dypo deLina
Posts: 5528
Joined: Fri Apr 02, 2010 7:24 am
Gender: Male
Spoken languages: English, Dutch, German, French, Spanish, Al Bhed
Location: Exactly where you least expect me to be.
Contact:

Re: Art Questions thread

Post by Dypo deLina »

I don't mind answering questions about that (because they totally make me look smart *shot*), but I do agree that it'd be a good idea to compile a list. :)
チラセ・マギタ
~Married to Evolina deLuna~ <3
~Loving father to ZetaAzuel~


Proud creator of Cynder Janice, Rex Gladiorum, and Raimpius in Endless Time.

Image Image
User avatar
Singidava
Posts: 1621
Joined: Fri Jul 23, 2010 6:56 pm
Gender: Female
Spoken languages: Suomi, English & 日本語
Location: Finland
Contact:

Re: Art Questions and Answers:

Post by Singidava »

Since there seems to be no opposition and the mods have apparently approved this (the title was changed without me touching it) I've proceeded adding the first questions and answers. When we get more of them I may have to make a proper index but currently there are so few I didn't bother making one.
User avatar
DLA
Posts: 2073
Joined: Wed Oct 12, 2011 12:14 am
Spoken languages: English, Spanish, a bit of French
Location: At the Grifter's Bone concert.

Re: Art Questions and Answers:

Post by DLA »

To make a transparent background in GIMP, do you use the same method?
Image
The Final but not so ending chapter.
User avatar
Wolf Speaker
Posts: 2398
Joined: Sat Jan 28, 2012 9:32 pm
Gender: Female
Spoken languages: English, French, Chinese
Location: Canada

Re: Art Questions and Answers:

Post by Wolf Speaker »

I was wondering...does anybody else here use Paint Tool Sai? I always use it for drawing and I was wondering if it'd be fine for spriting too.
Image
Shuìlián - Lv.9
Adaptability

- Helping Hand
- Growl
- Tackle
- Tail Whip
- Sand-Attack
- Baby-Doll Eyes

Image
Mr. Darcy - Lv.8
Pick Up

- Odor Sleuth
- Tackle
- Growl
- Defense Curl
- Flail

Allistair - Lv.9
- Tackle
- Dragon Rage
- Focus Energy
- Bite
User avatar
Dypo deLina
Posts: 5528
Joined: Fri Apr 02, 2010 7:24 am
Gender: Male
Spoken languages: English, Dutch, German, French, Spanish, Al Bhed
Location: Exactly where you least expect me to be.
Contact:

Re: Art Questions and Answers:

Post by Dypo deLina »

Mii-sama uses Sai for paintings, but I don't think she uses it for sprites...
チラセ・マギタ
~Married to Evolina deLuna~ <3
~Loving father to ZetaAzuel~


Proud creator of Cynder Janice, Rex Gladiorum, and Raimpius in Endless Time.

Image Image
User avatar
Singidava
Posts: 1621
Joined: Fri Jul 23, 2010 6:56 pm
Gender: Female
Spoken languages: Suomi, English & 日本語
Location: Finland
Contact:

Re: Art Questions and Answers:

Post by Singidava »

Detective Luke Atmey wrote:To make a transparent background in GIMP, do you use the same method?
That method works with GIMP yes. If your background has only one colour you can also try removing it using "select by colour" and delete. This works as long as you don't have your picture on the default white background layer.
Wolf Speaker wrote:I was wondering...does anybody else here use Paint Tool Sai? I always use it for drawing and I was wondering if it'd be fine for spriting too.
If you can do it with MS Paint you can do with Sai also. Just make sure that it can save transparency or otherwise you have to remove the backgrounds with a different program. I don't personally use Sai but some of my IRL friends do. They're digital painters not spriters though.
User avatar
Wolf Speaker
Posts: 2398
Joined: Sat Jan 28, 2012 9:32 pm
Gender: Female
Spoken languages: English, French, Chinese
Location: Canada

Re: Art Questions and Answers:

Post by Wolf Speaker »

How do I make my background transparent on Sai or Paint? I've tried a couple of things, but it didn't work.
Image
Shuìlián - Lv.9
Adaptability

- Helping Hand
- Growl
- Tackle
- Tail Whip
- Sand-Attack
- Baby-Doll Eyes

Image
Mr. Darcy - Lv.8
Pick Up

- Odor Sleuth
- Tackle
- Growl
- Defense Curl
- Flail

Allistair - Lv.9
- Tackle
- Dragon Rage
- Focus Energy
- Bite
User avatar
Zombie
Posts: 281
Joined: Mon Feb 06, 2012 2:54 am
Gender: Male
Spoken languages: English, My written french is horrible.
Location: Your deathbed

Re: Art Questions and Answers:

Post by Zombie »

Wolf Speaker wrote:How do I make my background transparent on Sai or Paint? I've tried a couple of things, but it didn't work.
You can't make transparent backgrounds on paint. Sai... I'm not sure since I don't have it.
Image
User avatar
Koda
Posts: 1880
Joined: Fri Dec 03, 2010 3:54 am
Spoken languages: English

Re: Art Questions and Answers:

Post by Koda »

Wolf Speaker wrote:How do I make my background transparent on Sai or Paint? I've tried a couple of things, but it didn't work.
Use the magic wand to select the background colour and then ctrl+x.
User avatar
Wolf Speaker
Posts: 2398
Joined: Sat Jan 28, 2012 9:32 pm
Gender: Female
Spoken languages: English, French, Chinese
Location: Canada

Re: Art Questions and Answers:

Post by Wolf Speaker »

But when I do that, there's a small part of the characters' outlines that gets erased with it.

EDIT: Nevermind. I got it. Except there's still a tiny bit of the outlines that are erased.
Image
Shuìlián - Lv.9
Adaptability

- Helping Hand
- Growl
- Tackle
- Tail Whip
- Sand-Attack
- Baby-Doll Eyes

Image
Mr. Darcy - Lv.8
Pick Up

- Odor Sleuth
- Tackle
- Growl
- Defense Curl
- Flail

Allistair - Lv.9
- Tackle
- Dragon Rage
- Focus Energy
- Bite
User avatar
Koda
Posts: 1880
Joined: Fri Dec 03, 2010 3:54 am
Spoken languages: English

Re: Art Questions and Answers:

Post by Koda »

You're going to have to play around with the tolerance of the magic wand and try to find the magic number that will select only the outlines. ;)
User avatar
Wolf Speaker
Posts: 2398
Joined: Sat Jan 28, 2012 9:32 pm
Gender: Female
Spoken languages: English, French, Chinese
Location: Canada

Re: Art Questions and Answers:

Post by Wolf Speaker »

I managed it! :D Except it doesn't make the background transparent. I tried re-uploading it and there's no difference. :C
Image
Shuìlián - Lv.9
Adaptability

- Helping Hand
- Growl
- Tackle
- Tail Whip
- Sand-Attack
- Baby-Doll Eyes

Image
Mr. Darcy - Lv.8
Pick Up

- Odor Sleuth
- Tackle
- Growl
- Defense Curl
- Flail

Allistair - Lv.9
- Tackle
- Dragon Rage
- Focus Energy
- Bite
User avatar
Koda
Posts: 1880
Joined: Fri Dec 03, 2010 3:54 am
Spoken languages: English

Re: Art Questions and Answers:

Post by Koda »

Err it always works for me. D: Can you PM me the file?
User avatar
Dypo deLina
Posts: 5528
Joined: Fri Apr 02, 2010 7:24 am
Gender: Male
Spoken languages: English, Dutch, German, French, Spanish, Al Bhed
Location: Exactly where you least expect me to be.
Contact:

Re: Art Questions and Answers:

Post by Dypo deLina »

Did you set up an alpha channel? Otherwise it'll just turn white. (Of course, I'm not sure if there even are alpha channels in Sai... but it's worth a shot.)
チラセ・マギタ
~Married to Evolina deLuna~ <3
~Loving father to ZetaAzuel~


Proud creator of Cynder Janice, Rex Gladiorum, and Raimpius in Endless Time.

Image Image
Post Reply