Guide: How Sprites are actually made [Photoshop CS3]

Showcase your artistic creations, whether that be sprites, music, drawings or literature, and whether they be related to the Ace Attorney universe or not.

Modérateurs : EN - Assistant Moderators, EN - Forum Moderators

Règles du forum

Guide: How Sprites are actually made [Photoshop CS3] 

Message par VirtAnderson » Mer Mars 28, 2012 9:43 pm

I've seen plenty of guides about how to make sprites in MS Paint and the like, and that's all dandy and swell, but there's an easier way (well, to some people). For this guide, you'll need Photoshop CS3, some sort of drawing tablet that has pen pressure capabilities, a decent amount of drawing skill, and a general idea of shading. Not too hard, right?
First, start with your canvas. It should be 512x384. That's right... double the size of a standard DS screen.
This is how I do my sprites: I draw the basic guidelines first, to get an idea of the pose. For these, I use a size 9 brush (size depending on pen pressure) and I try to use a lighter color (grey-ish, so it doesn't get mangled with the clean outlines.) Then, I draw the clean outlines on a different layer so that I can color later. Use a size 2 or 3 brush where the size is fixed - not altered by pen pressure. After you're done with the clean outlines, you'll be able to start coloring on a separate layer. For Phoenix Wright sprites, 16 colors are used. Apollo Justice sprites use 32. Try to keep your colors within that limit. After the coloring and shading are done, resize the canvas so that it's 256x192 (bicubic is the best setting.) Make sure to also delete the layer with the rough sketch. This is the tough part: on the bar at the top of the screen, you'll see a button labeled "image." Click that, and a drop down menu will appear. Hover over "Mode" then select "indexed color." You'll be asked if you want to merge layers. Say yes. After that, a window will appear. There will be a selection reel entitled "palette." From that, select "Local (selective)", set the amount of colors to 17, and then make sure that the "transparency" box is checked.
The end result: Image
It's not the best sprite I've made (and it's not the most original...) but it works! :pearlhappy:
Image
Avatar de l’utilisateur
VirtAnderson
 
Message(s) : 270
Inscription : Sam Fév 25, 2012 9:30 pm
Genre: Masculin
Langues parlées: English

Re: Guide: How Sprites are actually made [Photoshop CS3] 

Message par Tap » Mer Mars 28, 2012 10:49 pm

Thanks for creating a guide, Virt! It looks pretty cool, but unfortunately, there's a couple of issues I have to point out. The first is administrative wise that you posted in the Art Guide forum without your guide being run through myself first. Please read the Submissions thread next time, but this is a no biggie. :wink:

The second issue is more major. I'm sorry to say that I'm going to have to ask you to rewrite this guide. At the moment, the core of making sprites is barely ten lines long and as a result, it's not quite clear about what you have to do. Have a look at some other spriting guides -- Singidava's, for example -- and look at how it presents itself. Images are a must for something along these lines, :wink:

"For this guide, you'll need Photoshop CS3, some sort of drawing tablet that has pen pressure capabilities, a decent amount of drawing skill, and a general idea of shading."

This seems a tiny bit of a turn off to most users... you could rephrase it to be more friendly. Not everyone on AAO uses a drawing tablet -- most users are content with a trusty mouse, or even a touchpad. "General idea of shading" could be expanded upon, to give potential artists who don't know their light sources a couple of links to tutorials and such.

When writing a guide, place yourself in the feet of your intended target audience. Imagine that you haven't had your experiences, and think of how they'll read and interpret the guide. Good luck! :)
ImageImage
Tap
 
Message(s) : 4799
Inscription : Mar Déc 15, 2009 9:01 am
Genre: Masculin
Langues parlées: English

Re: Guide: How Sprites are actually made [Photoshop CS3] 

Message par AABattery » Mer Mars 28, 2012 11:05 pm

I saw the big block of text and was immediately turned off... Separate your ideas or steps into different paragraphs.

Also, I think that making the canvas 4x the DS size, using a size 5 brush, and using colored outlines is better... :P
Avatar de l’utilisateur
AABattery
 
Message(s) : 567
Inscription : Lun Sep 05, 2011 8:07 pm
Localisation : Inside your remote
Genre: Féminin
Langues parlées: English, Spanish, Learning Korean

Re: Guide: How Sprites are actually made [Photoshop CS3] 

Message par Singidava » Jeu Mars 29, 2012 11:17 am

I must agree with Tap about this guide. Instead of being a full-tutorial it feels more like tips. Well, most of the tips are good but there is some things I must disagree with you:

First off is naming of the guide. I realize that you didn't do this intentionally but "actually" has a bit condescending tone to it or at least that's how it seems to me. In order to make the guide more user-friendly I'd advise you to use different wording. Another thing is that the naming is a bit misleading since that is not the way Capcom actually creates their sprites. Instead of going straight to DS size they first create their emotes much larger, the kind you can see in Ace Attorney HD. After drawing the picture the characters are shrunk to the DS size and finally they limit the palette. I used the style you describe in I created some of Andrew Webster -sprites. However, later on I found that the way I currently make them (check out my tutorial) got me much beter results.
Avatar de l’utilisateur
Singidava
 
Message(s) : 1621
Inscription : Ven Juil 23, 2010 6:56 pm
Localisation : Finland
Genre: Féminin
Langues parlées: Suomi, English & 日本語

Re: Guide: How Sprites are actually made [Photoshop CS3] 

Message par VirtAnderson » Jeu Mars 29, 2012 4:02 pm

Thanks for the feedback. Sorry, this is my first guide and I really don't know the run of the forums yet. :oops: I don't think I really need to rewrite it though, since I just found another guide that's almost exactly what I had to say, but better. :ron: I guess I'll just lock this thread. :hobo:
Image
Avatar de l’utilisateur
VirtAnderson
 
Message(s) : 270
Inscription : Sam Fév 25, 2012 9:30 pm
Genre: Masculin
Langues parlées: English


Retour vers Your art

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 2 invité(s)