Board index » Present Evidence » Sprites

Page 1 of 7[ 262 posts ]
Go to page 1, 2, 3, 4, 5 ... 7  Next
 


Need to know how to make sprites?Topic%20Title
User avatar

The foxy ladies can't resist my sandwich

Gender: Male

Location: The land of Leprechauns and alcoholism.

Rank: Ace Attorney

Joined: Sun Mar 18, 2007 5:15 pm

Posts: 4848

We've had a number of topics from members asking how to create sprites. So instead of making a new thread, read this awesomely comprehensive tutorial on spriting by Mikker.

---------------

Open paint.

Paste in a sprite you want to edit.

Pixel-edit your way to glory.

There are several techniques to master, namely:

Knowing your editor: Knowing all the little tricks needed to do everything else.

Best learned by: Playing! Try out all the functions in paint! Knock yourself out! Get used to all the basic tools, how the palette works, what button to hold down to drag the line on a perfect 45 degree angle, and that you should always, ALWAYS, save in .png for sprite use, as paint is VERY bad at .gifs. If you like some like to use more advanced tools, like Photoshop, than this step is the hardest of them all.

Recolouring: The action of applying a different set of colours to a sprite for it to look better.

Best learned by: Doing it. Take random sprite, zoom in slightly (you'll use this a lot, trust me), and start mixing the colours. You'll soon see that the normal paint-palette is useless for this, and you'll have to make your own colour blends double-clicking the palette OR use a different program that does this better (Photoshop is good at this, for instance). You will also see that one colour isn't enough. Most, if not all, sprites have shading, so you'll need darker variants of this colour. Making it look nice is actually quite a challenge. You'll also learn some techniques in changing colours, like abusing transparency (have the colour you wish to exchange be transparent, then drag it onto a large square made by the next colour) and pixel-by-pixel editing (explained later.)

Frankensteining: The action of combining sprites to make them blend seamlessly.

Best learned by: Trying it out. Take two random sprites, zoom in extensively, and try and change their heads onto each other. You'll learn (hopefully!) that marking the head with a single square isn't enough, as this leaves a lot of problems with the fact that the head isn't square. To solve this, you'll either need to carefully use the star-crop icon, and manually take the head or, what is the best action, square-move the head, and change some details by pixel-edit them (see next step) before applying them to their new position. Oh, and you will see that you'll need to be able to master transparency for this last part. Because it isn't square, there will be details outside the head that will also be copied. Have it be a single (unused elsewhere) colour, select that as your secondary colour (right-click), and select the appropriate tool when having the section marked. Congratulations! You have the head selected! XD Drop in on the new body, making sure it looks nice :) You may wonder what the purpose of this is, as it doesn't involve any of YOUR spriting. But fear not. A much used spriting trick is to actually make the sprite in different steps - and combining them afterwards. This is especially true for sprites where parts of it is hidden behind another, or details are added afterwards. If you know how to frankenstein, advanced spriting should be made easier.

Pixel Editing & Shaping: The action of shaping the basic shape of a sprite, using a single colour.

Best learned by: Doing. An idea here would be to try using official art as a base, but an easier way is to try and make... a smiley! A lot less to worry about. Try making a smiley of a character sprite. If you use that, you'll also get the needed base colours. A good idea is to make your outer pixel black. Try and form it to your ideals. Lots of ideas in the 'new smileys' thread, but I made a little walkthrough here:

Daian Laugh - from Start to Finish.

Notice how shading is made a lot easier when the shape is finalized, or roughly so. Anyway, using the line tool can be useful sometimes, but the single-pixel tool is used more here.

Anti-Aliasing: The trick of using partial sprite colour blends in the squarely gabs near edges to make it look non-choppy.

Best learned by: Testing, and looking at other sprites. Make a straight line 45 degree line on a blank sheet. It looks choppy. Ehm... so, try and apply a grey next to it on both sides. It doesn't look as choppy! You must trick the eye into thinking that colours blend together, and this is easily done by simply using colours close to each other. Remember to zoom out a lot to see how you're doing! The 'user' will only ever see it in 1x, and maybe sometimes 2x, so those are the ones you should focus on, viewingly! And try different degrees of straight lines, and test what is best. Another line: Make a straight line, and move half of it a single pixel to the left. Remember that it's the line that is needed to flow into another line on a different 'tile', so to speak. By using lesser colours, you can make it look slightly skewed so they kind of look like they fit together. Longer lines need longer lines of lesser colours to look skewed. Using the same black colour on white just makes the line look thicker, and so would it do if you overdo the lesser colours. This is especially important if you try more than one layer of colours (dark grey and light grey, for instance). If you do this wrong, all you will do is make the line blurry. Avoid that. Oh, and you may try this one out with the smiley you made earlier.

Shading: The action of actually shading the figure to make it 1) look cool, 2) Visibly 3D-shaped.

Best learned by: Not doing, but watching how others do. The shading basically defines the style (excluding the AA-ing, which is a requirement for basically everything to look nice), and if you want your sprite to follow a style, then you'll need to obey the shading used by this style. In Phoenix Wright, for instance, usually the bottom half of the sprites are darkened. And avoid pillow shading (unless lesser and lesser colours the more into the main part of the sprite you go), which will make your model look soft. So unless you're indeed making a pillow, avoid this one. Can be useful for some types of hair, though. It is also what shades the basic smiley yellow circle.

Detailing: Making details, in the end, is what shapes the figure. Especially hair.

Best learned by: I have no idea on this one. It really depends on how you can put your previously learned skills into the situation at hand. However, In most cases, for sprites, details that are so small single pixels are too big are actually quite common. To do this, you must take advantage of the same skills used for AA to manually make small details. This is HARD to do, and sometimes it may even be better to make large versions of the details, and shrinking them down, editing them to look nice as you go. Remember, it might look foolish zoomed in, but the viewer will see it in 1x! If the needed item is more than 5x5 pixels as this, (20x20 in a similar detail, for instance) then AAing details is really NEEDED.

---------------

Thanks to Mikker for writing this. Happy spriting.

---------------
-Edit by Ceres 'sorry Darz, hope ya don't mind):

If you're interested in animation (both in GIMP and PS), be sure to visit Percei's tutorial's topic: Click

---------------
fuck
Re: Need to know how to make sprites?Topic%20Title

Idiot

Gender: Male

Location: Behind Phoenix, Giving him the answers.

Rank: Decisive Witness

Joined: Fri Jul 06, 2007 3:55 pm

Posts: 249

Great Job Mikker! Although I didn't learn from this XD, it's pretty well made out. I can offer some tips too, if it's needed. Although I currently have nothing to add. I've been spriteing for about 2 years, so I know everything you should need to know from Ripping to Mutations. (Not customs tho...)

And nice Daian...:redd:
ImageImage <- ?Unknown?
http://debatesx3.bravehost.com - My Website, DEBATES,DEBATES,DEBATES, Also Includes my PW DebatesX3 Comics. Feel Free to add some Consturctive Crticism, VIA PM.
Re: Need to know how to make sprites?Topic%20Title
User avatar

The foxy ladies can't resist my sandwich

Gender: Male

Location: The land of Leprechauns and alcoholism.

Rank: Ace Attorney

Joined: Sun Mar 18, 2007 5:15 pm

Posts: 4848

*reserved for upcoming tutorial on the Basics of Animating, and Animating from sheets.*
fuck
Re: Need to know how to make sprites?Topic%20Title

Gender: Male

Location: Wherever you least expect me to be

Rank: Prosecutor

Joined: Mon Mar 26, 2007 4:45 am

Posts: 745

That tutorial was hilarious. "ejection part" lol its funny because its true
Re: Need to know how to make sprites?Topic%20Title
User avatar

A.K.A Very Melon

Gender: Male

Location: Finland, North Europe

Rank: Ace Attorney

Joined: Fri Jul 13, 2007 8:51 am

Posts: 1047

Well-documented tutoial. Good work!
Image
Spoiler: StepMania vids
Re: Need to know how to make sprites?Topic%20Title
User avatar

Otaku, #1 Machi fan, #2 Machi Fan

Gender: Male

Location: Engl- Ooh, over 3000 posts. (England)

Rank: Ace Attorney

Joined: Fri Sep 28, 2007 4:06 pm

Posts: 3781

Thanks! I thought I was unable to edit sprites until i read this :shoe:
Image
ALL GLORY TO THE HYPNOGANT
Re: Need to know how to make sprites?Topic%20Title
User avatar

「エメラルドスプラッシュ」

Gender: Female

Location: My feet may be in Iowa, but my heart's in Shikoku

Rank: Ace Attorney

Joined: Mon Jul 09, 2007 2:26 pm

Posts: 2668

Hurry your ass up on that animation tutorial, Darzie! :redd: Nah, get it done whenever. Just know that I'm looking forward to it. :edgy: I'm excited to make my own.
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

*rat-ta-ta-ta* Sorry Mr Nick...

Gender: Female

Location: The bedroom where Phoenix and Edgey sleep:D

Rank: Desk Jockey

Joined: Fri Jun 29, 2007 3:57 pm

Posts: 135

thanks for you tutorial :karma:
how could i overlap sprites likes MoronSonOfBoron's avatar?
http://www.forums.court-records.net/memberlist.php?mode=viewprofile&u=1176
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Otaku, #1 Machi fan, #2 Machi Fan

Gender: Male

Location: Engl- Ooh, over 3000 posts. (England)

Rank: Ace Attorney

Joined: Fri Sep 28, 2007 4:06 pm

Posts: 3781

zoe wrote:
thanks for you tutorial :karma:
how could i overlap sprites likes MoronSonOfBoron's avatar?
http://www.forums.court-records.net/memberlist.php?mode=viewprofile&u=1176


Yes, but it's quite complicated: If you want to do something like that, cut of the arms on the top layer (star cut if Paint), place a sprite in front of the back layer (box or star cut with the unfilled box type is your friend) and then place the arms back on. :adrian:
Image
ALL GLORY TO THE HYPNOGANT
Re: Need to know how to make sprites?Topic%20Title
User avatar

*rat-ta-ta-ta* Sorry Mr Nick...

Gender: Female

Location: The bedroom where Phoenix and Edgey sleep:D

Rank: Desk Jockey

Joined: Fri Jun 29, 2007 3:57 pm

Posts: 135

DeathsoulXIV2 wrote:
zoe wrote:
thanks for you tutorial :karma:
how could i overlap sprites likes MoronSonOfBoron's avatar?
http://www.forums.court-records.net/memberlist.php?mode=viewprofile&u=1176


Yes, but it's quite complicated: If you want to do something like that, cut of the arms on the top layer (star cut if Paint), place a sprite in front of the back layer (box or star cut with the unfilled box type is your friend) and then place the arms back on. :adrian:


thanks :redd: i thought there were other special ways to do this... i will try that:)
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Otaku, #1 Machi fan, #2 Machi Fan

Gender: Male

Location: Engl- Ooh, over 3000 posts. (England)

Rank: Ace Attorney

Joined: Fri Sep 28, 2007 4:06 pm

Posts: 3781

Tajiri Ami wrote:
Hurry your ass up on that animation tutorial, Darzie! :redd: Nah, get it done whenever. Just know that I'm looking forward to it. :edgy: I'm excited to make my own.


Jk, though i do honestly want it
Image
ALL GLORY TO THE HYPNOGANT
Re: Need to know how to make sprites?Topic%20Title
User avatar

Stickler can't find his porn!

Gender: Male

Location: Stealing Tigre's moped.

Rank: Desk Jockey

Joined: Wed Mar 14, 2007 3:09 am

Posts: 92

Thanks a lot for posting this. It's really helpful.
You can't spell slaughter without laughter!!
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

"What the hell, Trite?!"

Gender: Female

Rank: Suspect

Joined: Tue Dec 18, 2007 1:41 am

Posts: 22

Odd question here, sorry.
I'm having a hell of a time with adding a text box that partially shows the background, like in the game. How would I go about doing that?
Hey,Ni--ck. Your [Penix Wright].
My art thread
Re: Need to know how to make sprites?Topic%20Title
User avatar

「エメラルドスプラッシュ」

Gender: Female

Location: My feet may be in Iowa, but my heart's in Shikoku

Rank: Ace Attorney

Joined: Mon Jul 09, 2007 2:26 pm

Posts: 2668

Image

Norsk Skogkatt wrote:
I'm having a hell of a time with adding a text box that partially shows the background, like in the game. How would I go about doing that?

Hmmm... I suppose you would need a picture editing program that allowed you varying levels of transparency. That's all I could tell you. ^_^;
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

ROCK AND ROLL! HIGH SPEED!

Gender: Female

Location: Inside Edgey's closet. Shhhh! Don't tell him I'm here!

Rank: Ace Attorney

Joined: Fri Mar 16, 2007 11:48 pm

Posts: 1061

Dang, Ami! You beat me to it!
My art thread!
My sprite thread! Calando in progress
Phoenix Wright and co.:Ace Mythbusters! Myth 2 finished
First AA fanfic: Childhood Turnabout (finished)
And my devart site
My billboard signature! *gets pelted with tomatoes*
Re: Need to know how to make sprites?Topic%20Title
User avatar

「エメラルドスプラッシュ」

Gender: Female

Location: My feet may be in Iowa, but my heart's in Shikoku

Rank: Ace Attorney

Joined: Mon Jul 09, 2007 2:26 pm

Posts: 2668

Sorry 'bout that. ^_^;

I love your work, by the way. Perhaps you could make up an animation tutorial? =D
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

ROCK AND ROLL! HIGH SPEED!

Gender: Female

Location: Inside Edgey's closet. Shhhh! Don't tell him I'm here!

Rank: Ace Attorney

Joined: Fri Mar 16, 2007 11:48 pm

Posts: 1061

:lana: I use adobe photoshop elements v2.0 for that. I don't see why I need to make a tutorial.
My art thread!
My sprite thread! Calando in progress
Phoenix Wright and co.:Ace Mythbusters! Myth 2 finished
First AA fanfic: Childhood Turnabout (finished)
And my devart site
My billboard signature! *gets pelted with tomatoes*
Re: Need to know how to make sprites?Topic%20Title
User avatar

「エメラルドスプラッシュ」

Gender: Female

Location: My feet may be in Iowa, but my heart's in Shikoku

Rank: Ace Attorney

Joined: Mon Jul 09, 2007 2:26 pm

Posts: 2668

Ah well... I don't have Photoshop and I don't know the first thing about animating, so I was hoping someone could help me out. That's all.
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Insanity at its classiest.

Gender: Male

Location: The Den of Transexual Beavers

Rank: Medium-in-training

Joined: Sun Oct 14, 2007 10:45 pm

Posts: 480

Nevermind.
Image
My CR family is my beautiful wife Arkillian, and my three daughters Lida_Rose, Franzika Von ehmpke5, angel_of_nature and my son, Meenyman.
Re: Need to know how to make sprites?Topic%20Title
User avatar

Prosecutor

Gender: Male

Rank: Decisive Witness

Joined: Mon Jan 07, 2008 12:47 pm

Posts: 264

I don't see the GIMP mentioned here; it's a free alternative to Photoshop. The interface is choppier, and the capabilities aren't as great, but it's open-source!
CR Mafia: SERIOUS BUSINESS.
Re: Need to know how to make sprites?Topic%20Title
User avatar

I know, Wright?

Gender: Female

Location: Helluva-fax, New Scottishland

Rank: Prosecutor

Joined: Sun Nov 18, 2007 2:50 pm

Posts: 806

How do you make animated *.gif's in Photoshop?

(I = Photoshop noob)
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Four is Death

Gender: Male

Location: Wales. That little place next to England.

Rank: Ace Attorney

Joined: Thu Jul 05, 2007 9:14 pm

Posts: 2284

FerdieLance wrote:
I don't see the GIMP mentioned here; it's a free alternative to Photoshop. The interface is choppier, and the capabilities aren't as great, but it's open-source!
It's wonderful.

I find Paint eaiser for sprite-editing, though.
Re: Need to know how to make sprites?Topic%20Title
User avatar

Ace Kiddo-In-Training

Gender: Male

Location: Brazil - Taking some Coffe from the Kitchen

Rank: Suspect

Joined: Sat Mar 22, 2008 12:49 am

Posts: 10

another way is using photoshop like me^^
:shoe:
Re: Need to know how to make sprites?Topic%20Title
User avatar

ROBIN WRONG

Gender: None specified

Rank: Suspect

Joined: Sat Apr 19, 2008 6:42 am

Posts: 8

i know how to make sprites on paint thats how i made my icon i will post a tutorial soon so just wait and one should be made soon ^^ :godot:
Many poeple will love to be Robin Wrong the un luckiest girl in the world Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Justice with a G!

Gender: Male

Location: Somewhere.....

Rank: Medium-in-training

Joined: Tue Jan 08, 2008 11:36 pm

Posts: 563

Robin_Wrong wrote:
i know how to make sprites on paint thats how i made my icon i will post a tutorial soon so just wait and one should be made soon ^^ :godot:


Cool^^
Married to Tooth_Paste_Kisses ^^
Father of Jade Edgeworth,skyfairie,and SuzuneAyasato

(Trying to make sig awesome)
Re: Need to know how to make sprites?Topic%20Title
User avatar

Gender: None specified

Rank: Decisive Witness

Joined: Fri May 02, 2008 1:06 am

Posts: 191

http://www.youtube.com/watch?v=2ZEAMDTjOgU
I think this video is good for anyone who wants to edit via MsPaint.
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

The cake is a lie!

Gender: Male

Location: everywhere at once

Rank: Suspect

Joined: Tue May 13, 2008 3:28 am

Posts: 12

Shadoninja wrote:
http://www.youtube.com/watch?v=2ZEAMDTjOgU
I think this video is good for anyone who wants to edit via MsPaint.


That video does help, it reveals more about paint that i didn't know! :cheese:
Re: Need to know how to make sprites?Topic%20Title
User avatar

ROBIN WRONG

Gender: None specified

Rank: Suspect

Joined: Sat Apr 19, 2008 6:42 am

Posts: 8

8D finally i got the video (yes this is my video) http://www.youtube.com/watch?v=1mJGWPF2yFU
Many poeple will love to be Robin Wrong the un luckiest girl in the world Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

I know, Wright?

Gender: Female

Location: Helluva-fax, New Scottishland

Rank: Prosecutor

Joined: Sun Nov 18, 2007 2:50 pm

Posts: 806

Whenever it was that I last looked at this thread, I asked how to make animated *.gif's in Photoshop, and I have finally found my answer. One cannot make animations in Photoshop itself, but packaged with Photoshop 5.5, 6, 7, CS, and CS2 is a program called Adobe ImageReady, which is slightly tedious but can be used to make animated *.gif's.

If anyone's interested I'd be happy to make up a tutorial.
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Justice with a G!

Gender: Male

Location: Somewhere.....

Rank: Medium-in-training

Joined: Tue Jan 08, 2008 11:36 pm

Posts: 563

That'd be pretty cool,Marsh^^
Married to Tooth_Paste_Kisses ^^
Father of Jade Edgeworth,skyfairie,and SuzuneAyasato

(Trying to make sig awesome)
Re: Need to know how to make sprites?Topic%20Title
User avatar

I know, Wright?

Gender: Female

Location: Helluva-fax, New Scottishland

Rank: Prosecutor

Joined: Sun Nov 18, 2007 2:50 pm

Posts: 806

Okay I'll work on making up a tutorial tomorrow :phoenix:
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

I know, Wright?

Gender: Female

Location: Helluva-fax, New Scottishland

Rank: Prosecutor

Joined: Sun Nov 18, 2007 2:50 pm

Posts: 806

Okay, here is goes:

Making Sprite Animations In Adobe ImageReady
Spoiler:
Step 1)
Image
Step 2)
Image
Step 3)
Image
Step 4)
Image
Step 5)
Image
Step 6)
Image
Step 7)
Image
Step 8)
Image

This is the final product:
Image

Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

I HAS A GUN

Gender: Male

Location: PH

Rank: Medium-in-training

Joined: Sat Apr 12, 2008 3:59 pm

Posts: 531

can you use Adobe Fireworks instead? i used that in coloring my avvie,
Image
Re: Need to know how to make sprites?Topic%20Title
User avatar

Otaku, #1 Machi fan, #2 Machi Fan

Gender: Male

Location: Engl- Ooh, over 3000 posts. (England)

Rank: Ace Attorney

Joined: Fri Sep 28, 2007 4:06 pm

Posts: 3781

Allan's Aokage wrote:
FerdieLance wrote:
I don't see the GIMP mentioned here; it's a free alternative to Photoshop. The interface is choppier, and the capabilities aren't as great, but it's open-source!
It's wonderful.

I find Paint eaiser for sprite-editing, though.


I always make my sprites in Paint, then transfer them to GIMP for Animating/Making Transparent.
Image
ALL GLORY TO THE HYPNOGANT
Re: Need to know how to make sprites?Topic%20Title

That one guy from that one place

Gender: Male

Location: Narnia

Rank: Decisive Witness

Joined: Wed Jul 30, 2008 1:54 am

Posts: 179

I'm making my first sprite but when I try to save it, it makes my sprite have a wierd comic book effect like dots all over the thing. how can I fix that?

Sorry if there's someone who mentioned it already.

EDIT:never mind I just found an aneswer
Image

Signature made byThe Great Delsy
Re: Need to know how to make sprites?Topic%20Title
User avatar

wilddrawfour.tumblr.com

Gender: Male

Location: Yes

Rank: Medium-in-training

Joined: Thu Aug 14, 2008 12:19 pm

Posts: 457

Know i know how to make sprites!
Image

HERE COME DAT SPIRIT MEDIUM!
Re: Need to know how to make sprites?Topic%20Title

:)

Gender: Male

Location: Finland

Rank: Desk Jockey

Joined: Tue Sep 04, 2007 1:49 pm

Posts: 75

Edit: I will use google before asking dumb questions...

I was wondering, how to change the gif's color palette in GIMP. In case someone else is in trouble you can change it here: Dialogs -> Colormap
Re: Need to know how to make sprites?Topic%20Title
User avatar

lol boobs.

Gender: Female

Rank: Ace Attorney

Joined: Sat Nov 08, 2008 7:59 pm

Posts: 2792

I'll try right now :D
Image

"also you meant: Are you from Germany, sorry on the one hand I am not sure about English grammar on the other hand I am a grammar nazi" - Coffee Prosecutor
Re: Need to know how to make sprites?Topic%20Title
User avatar

No DSis in the courtroom please.

Gender: Female

Rank: Ace Attorney

Joined: Mon Jul 21, 2008 10:35 pm

Posts: 2626

Good luck with it =D
Just remember, save in .png
Saves you trouble XD
ImageImageImage
Re: Need to know how to make sprites?Topic%20Title
User avatar

lol boobs.

Gender: Female

Rank: Ace Attorney

Joined: Sat Nov 08, 2008 7:59 pm

Posts: 2792

SupwithyouSammie wrote:
Good luck with it =D
Just remember, save in .png
Saves you trouble XD


I tried to add something but I don't find the right colours , It looks pretty weird :yuusaku: damn
Image

"also you meant: Are you from Germany, sorry on the one hand I am not sure about English grammar on the other hand I am a grammar nazi" - Coffee Prosecutor
Page 1 of 7 [ 262 posts ] 
Go to page 1, 2, 3, 4, 5 ... 7  Next
 
Display posts from previous:  Sort by  

 Board index » Present Evidence » Sprites

Who is online
Users browsing this forum: Bing [Bot] and 4 guests

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
Jump to:  
News News Site map Site map SitemapIndex SitemapIndex RSS Feed RSS Feed Channel list Channel list
Powered by phpBB

phpBB SEO