Re: Need to know how to make sprites?
I am Legen..wait for it...dary!
Gender: None specified
Location: Behind you....
Rank: Suspect
Joined: Mon Jul 29, 2013 3:23 pm
Posts: 1
Re: Need to know how to make sprites?
OC Attorney At Law!
Gender: None specified
Rank: Suspect
Joined: Fri Aug 23, 2013 5:03 am
Posts: 38
Marshmello wrote:
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.
If anyone's interested I'd be happy to make up a tutorial.
Or you could just do the animation sprites in several layers and click 'save for web' in photoshop like I do....
It automatically animates the sprites IN THE ORDER FROM BOTTOM TO TOP. So keep that in mind.
What I am doing for my videos right now (well, video) is a somewhat complex process.
1: Download the free program called 'format factory' and install it.
2: Open up your animated GIF in photoshop (or your photoshop equivalent that has a 'save for web' feature)
3: Using the bucket tool, fill in any and all backgrounds with a color not on the sprite, bright green is the color I personally use. do this for all layers of the animation.
4: Once you're done, click save for web on your program and export it as a gif, make sure that it's animated and that you set the delay to 0.0 seconds.
5: Open the gif in Format Factory and click the video formats option; select your export format(Make sure it's a format compatible with your video editing software. I personally use WMV) file destination, and name.
6: Click the click to start button and let the format factory do it's job :)
7: Congratulations, you can now use your animated gif in video editing programs! Just be sure that when you use them that your program has a 'chroma key' effect. Use multi track editing for everything else that you need to put in your video. Good luck and happy hunting
Re: Need to know how to make sprites?
?
Gender: Male
Location: MX
Rank: Desk Jockey
Joined: Thu Mar 14, 2013 1:54 am
Posts: 123
Narutard 1.5 wrote:
Marshmello wrote:
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.
Actually i use Imagesready to animate gifs, but i use a different method
There is an option called Import / Folder as layer.
That can be used when you save your layers at a .png format
*Example animating Apollo blinking
Inside a folder called @Apollo blink
are 3 .png files
1 Apollo / Eyes open
2 Apollo / Halo opened eyes
3 Apollo/ Closed eyes
then Using imagesready select that option and import the folder, i think its A-z 1-9 Order based.
then a screen should appear with your layers
and you are able to choose the duration of all of them so the animation use that time instead of in this case Blinking like there is no tomorrow.
Thats just my method that i would like to share if someone is interested:phoenix:
Re: Need to know how to make sprites?
OC Attorney At Law!
Gender: None specified
Rank: Suspect
Joined: Fri Aug 23, 2013 5:03 am
Posts: 38
Marshmello wrote:
How do you make animated *.gif's in Photoshop?
(I = Photoshop noob)
(I = Photoshop noob)
Dunno if this is answered yet....
You make each frame of the animation a layer (frame one = layer one, frame two = layer two and so on) and then click save for web...
So.... yeah....
You can save as a gif normally, but save for web lets you put a time delay inbetween frames..
Re: Need to know how to make sprites?
Before you believe me, please feel your
Gender: Male
Rank: Suspect
Joined: Sat Jul 27, 2013 11:24 am
Posts: 32
Re: Need to know how to make sprites?
Gender: Female
Location: Washington, DC
Rank: Desk Jockey
Joined: Wed Dec 31, 2014 1:17 am
Posts: 52
Re: Need to know how to make sprites?
Gender: None specified
Rank: Decisive Witness
Joined: Wed Oct 30, 2013 3:42 am
Posts: 214
Aquabreeze wrote:
Is there a tutorial on downscaling? I've seen other users take an HD sprite and "downscale" it to the standard size (What even is the standard size, by the way?) (I use Photoshop CS5)
It's similar to the tutorial here.
Basically it involves resizing the sprite to fit a DS screen (256x192px), and compare the sprite with DS ones to check if it's the right size. If you want to reduce the palette, that's a different step in "Save for Web and Devices" that hasn't got a tutorial for it yet.. but there should be like a thing that says "Colors" with a number. The drop-down which should be to the left of it with "Adaptive" "Restrictive" changes the way Photoshop chooses the colours. The last time I checked, there wasn't a guide on the internet for how to manually select a palette, rather than automating it, so if you want that then play around a bit with the thing. You can select a colour with the eyedropper, and then a box should appear over that colour in the swatch area, and the lock icon will lock that colour there and forces the algorithm to use it. Double-clicking on one of the colours can bring up a dialog for shifting that colour, so all of the bits with the original colour become the new colour, and there's another button somewhere that can unshift. There's a little menu that can 'unshift all' or save and load palettes. It's also possible to save a palette via the same menu that controls image colours, where the "Grayscale" "RGB" options are there should be something called "Indexed color". AJ sprites have 32 colours, PW have 16.
Sorry I'm going off memory here so someone correct me if I'm wrong.
Re: Need to know how to make sprites?
Gender: Female
Rank: Suspect
Joined: Sat May 23, 2015 7:31 pm
Posts: 3
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
I should mention the official AA sprites were full sized drawings scaled down and with a decreased colour palette, so you can always draw them larger and scale it down?
Re: Need to know how to make sprites?
Gender: Female
Rank: Suspect
Joined: Sat May 23, 2015 7:31 pm
Posts: 3
SuperAj3 wrote:
I think it looks really good as it is! With Anti-aliasing, I do it manually as a final step so pixel by pixel, putting in the slight shading around the inside of the outline. You could use the brush tool at 1 px and sharpen the outlines with the pencil afterwards. (And clean the ousides of the outline). Whatever works best for you.
I should mention the official AA sprites were full sized drawings scaled down and with a decreased colour palette, so you can always draw them larger and scale it down?
I should mention the official AA sprites were full sized drawings scaled down and with a decreased colour palette, so you can always draw them larger and scale it down?
I had done a bit of the manual anti-aliasing on the sprite I posted, but since I'm doing all these sprites on my own I wanted to see if there was a faster way I could do it that would keep to the style of the games.
Scaling-down might be viable. The first fake screen I made was with a scaled-down drawing, though I didn't impose the color limitations on it. Looks like somebody covered how to do that in an earlier post here, so I'll have to try playing around with it! Thanks again. :)
Re: Need to know how to make sprites?
Athena
Gender: None specified
Rank: Suspect
Joined: Mon Jul 13, 2015 9:30 pm
Posts: 3
Re: Need to know how to make sprites?
Winter Flag Trademark
Gender: None specified
Location: Igiyooki Manor, P/A.
Rank: Ace Attorney
Joined: Tue Feb 10, 2015 6:01 am
Posts: 2216
Re: Need to know how to make sprites?
um...hi your honour?
Gender: Male
Location: YouTube, Deviant art, FanFiction.net and Discord
Rank: Medium-in-training
Joined: Fri Jul 15, 2016 3:21 pm
Posts: 325
This isn't necessarily helpful.
What do I DO when I make my sprites.
Step-by-step guide pls?
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
HeroMan66475 wrote:
Can you tell me the PROCESS of making a sprite.
This isn't necessarily helpful.
What do I DO when I make my sprites.
Step-by-step guide pls?
This isn't necessarily helpful.
What do I DO when I make my sprites.
Step-by-step guide pls?
Spriting in the AA style can be done 2 ways. Either you draw an image digitally and then scale it down into a sprite, or if you don't have a graphics tablet or a good program, you can do it pixel by pixel.
Either method, start by drawing the outline. Either use an existing sprite or just a reference image and try to outline the pose you want. If you're pixel spriting, use the shift key so you can juat click point to point and the line will draw for you.
So I guess step by step:
If using a graphics tablet:
- base sketch
- outline
- base colours (put each colour on a serparate layer under the outline if you can)
- shading (use the base colour's layers or create new ones above them)
- resize to fit into a 256x192px box and index
The reason I mention layers is so it's easier to then change things up if you change your mind.
For pixel spriting:
- trace out an outline in black (within a 256x192px canvas as that's the size of a DS screen)
- base colouring
- shading
- change your outline from black to a darker version of the colours used around it. (ie. If your character has an orange jacket, use a darker red/orange for its outline)
- then you manually anti-alias.
Anti-aliasing is just putting a lighter shade of a colour inbetween the points of an outline to make it look more smooth.
For example: (Using the "Orange Jacket" I mentioned as an example)
On the left is before anti-aliasing. On the right is after.
It's just a smaller touch, but you use your existing palette and add a little smoothness between the lines to blend them in.
Re: Need to know how to make sprites?
Atuyhan Ihdamdhas
Gender: Male
Location: Tehm'pul Temple
Rank: Ace Attorney
Joined: Sat Jul 27, 2013 3:04 pm
Posts: 1496
So that's what the "anti-alias" function does! I'm such an idiot!
POHLKUNKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA!!!
Re: Need to know how to make sprites?
um...hi your honour?
Gender: Male
Location: YouTube, Deviant art, FanFiction.net and Discord
Rank: Medium-in-training
Joined: Fri Jul 15, 2016 3:21 pm
Posts: 325
SuperAj3 wrote:
HeroMan66475 wrote:
Can you tell me the PROCESS of making a sprite.
This isn't necessarily helpful.
What do I DO when I make my sprites.
Step-by-step guide pls?
This isn't necessarily helpful.
What do I DO when I make my sprites.
Step-by-step guide pls?
Spriting in the AA style can be done 2 ways. Either you draw an image digitally and then scale it down into a sprite, or if you don't have a graphics tablet or a good program, you can do it pixel by pixel.
Either method, start by drawing the outline. Either use an existing sprite or just a reference image and try to outline the pose you want. If you're pixel spriting, use the shift key so you can juat click point to point and the line will draw for you.
So I guess step by step:
If using a graphics tablet:
- base sketch
- outline
- base colours (put each colour on a serparate layer under the outline if you can)
- shading (use the base colour's layers or create new ones above them)
- resize to fit into a 256x192px box and index
The reason I mention layers is so it's easier to then change things up if you change your mind.
For pixel spriting:
- trace out an outline in black (within a 256x192px canvas as that's the size of a DS screen)
- base colouring
- shading
- change your outline from black to a darker version of the colours used around it. (ie. If your character has an orange jacket, use a darker red/orange for its outline)
- then you manually anti-alias.
Anti-aliasing is just putting a lighter shade of a colour inbetween the points of an outline to make it look more smooth.
For example: (Using the "Orange Jacket" I mentioned as an example)
On the left is before anti-aliasing. On the right is after.
It's just a smaller touch, but you use your existing palette and add a little smoothness between the lines to blend them in.
Actually your guide is not half bad.....for the pixel spriting thing, the obly thing I have available is paint.
So for base colouring....I just colour in my sprite normally before going to the next step which is shading?
I hope I'm saying it right. Well let me go and try to do shit.
Re: Need to know how to make sprites?
Dracarys!
Gender: Male
Location: In a courtroom, for some reason
Rank: Ace Attorney
Joined: Tue Nov 02, 2010 1:00 pm
Posts: 1224
HeroMan66475 wrote:
Actually your guide is not half bad.....for the pixel spriting thing, the obly thing I have available is paint.
I'd recommend not using Paint, since it doesn't have a transparency function (meaning your backgrounds will all show up white, rather than see through). There are lots of free art programs that you can download which let you do this. Lots of people recommend Gimp.
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
HeroMan66475 wrote:
Actually your guide is not half bad.....for the pixel spriting thing, the obly thing I have available is paint.
So for base colouring....I just colour in my sprite normally before going to the next step which is shading?
I hope I'm saying it right. Well let me go and try to do shit.
So for base colouring....I just colour in my sprite normally before going to the next step which is shading?
I hope I'm saying it right. Well let me go and try to do shit.
Thank you
And with the colouring, use the bucket tool to just fill in your outline (Paint doesn't have layers), and then draw the shading on top of it. Give it a try first and see how it comes out. I think Paint can work if you have the patience, but you might not be able to trace a sprite in it (because lack of layers).
I've heard GIMP is a good program? Haven't used it myself but it's free.
Re: Need to know how to make sprites?
um...hi your honour?
Gender: Male
Location: YouTube, Deviant art, FanFiction.net and Discord
Rank: Medium-in-training
Joined: Fri Jul 15, 2016 3:21 pm
Posts: 325
SuperAj3 wrote:
HeroMan66475 wrote:
Actually your guide is not half bad.....for the pixel spriting thing, the obly thing I have available is paint.
So for base colouring....I just colour in my sprite normally before going to the next step which is shading?
I hope I'm saying it right. Well let me go and try to do shit.
So for base colouring....I just colour in my sprite normally before going to the next step which is shading?
I hope I'm saying it right. Well let me go and try to do shit.
Thank you
And with the colouring, use the bucket tool to just fill in your outline (Paint doesn't have layers), and then draw the shading on top of it. Give it a try first and see how it comes out. I think Paint can work if you have the patience, but you might not be able to trace a sprite in it (because lack of layers).
I've heard GIMP is a good program? Haven't used it myself but it's free.
Paint is all I have, can't use anything else....buuuuuuuuuut...........I'll give your colouring advice while I can, when you say use the paint bucket tool for the outline....you do mean all the colouring within the lines, right?
Re: Need to know how to make sprites?
um...hi your honour?
Gender: Male
Location: YouTube, Deviant art, FanFiction.net and Discord
Rank: Medium-in-training
Joined: Fri Jul 15, 2016 3:21 pm
Posts: 325
SuperAj3 wrote:
Yes. To colour inside the lines. Use the pencil tool to draw the lines.
Got it! Just confirming and stuff.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
Ropfa wrote:
HeroMan66475 wrote:
Actually your guide is not half bad.....for the pixel spriting thing, the obly thing I have available is paint.
I'd recommend not using Paint, since it doesn't have a transparency function (meaning your backgrounds will all show up white, rather than see through). There are lots of free art programs that you can download which let you do this. Lots of people recommend Gimp.
Indeed, I'm having that exact problem with MS Paint. I want to create a trial where both Maya and Kay are forced to substitute for Phoenix and Edgeworth as defense attorney and prosecutor. Unfortunately, I cannot make Kay's sprites transparent in MS Paint. How did you make your sprites transparent, Ropfa?
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
If you want to make animations, I recommend a free program called "Beneton Movie GIF". It has a transparency feature that removes the colour from the bottom left pixel of all your frames of the animation, and so it does the transparency for you.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
Also, how do you get your sprites to line up perfectly spaced vertically?
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
For you I would say make the first frame, then when you edit the 2nd, line it up in your editing software over the 1st frame, then control Z to undo and see if there was any weird movement. If there was Ctrl z or Y to redo, move it a little then try again.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
I just discovered this site yesterday. The Ace Attorney world is even bigger than I could have imagined.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
If Ropfa is among the PhD elites of making fan cases, then I am a preschooler who finally learned how to put on his jacket by himself.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
I can't say for sure as I can't see the sprite, but try to refine it. Take the part that's off, cut it out and try to place it over a copy of a previous frame. That way all other parts stay the same, and only the part you want to see moving is moving.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
While I've been doing that, I had a crazy idea. Do you know if anyone has ever made a Phoenix Wright / Danganronpa crossover game?
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
NetNeutrality wrote:
I originally spaced all the frames vertically equal distance apart. I'll try moving them closer to each other. Maybe that will work.
While I've been doing that, I had a crazy idea. Do you know if anyone has ever made a Phoenix Wright / Danganronpa crossover game?
While I've been doing that, I had a crazy idea. Do you know if anyone has ever made a Phoenix Wright / Danganronpa crossover game?
Best of luck with your animations! (if you're still having problems, feel free to share what you've made so far and I'll try to help point out anything I see.)
Also I've seen 1 or 2 people mention a crossover fangame, but haven't seen any.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
I tried putting Kay's sprites in a row instead of a column, but now the problem is that her frames shift back and forth. I would love to share my sprite sheet with you. Do I need to upload it to mediafire, or is there a simpler way?
For someone as inexperienced as I am with art and animation, I am probably getting way ahead of myself, but I'm thinking about making a game where I take the plot of the first Danganronpa game and make the class trials into Ace Attorney trials. I think I could manage it because all the Super Duper High School talents have sprites, and in Ace Attorney, all I'd have to animate are their eyes and mouths.
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
it's easy to use, then just copy the link post it inside the [img ][/img] brackets (without the space) to make it appear on the forum
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
For Kay's sprite sheet, I put in the least amount of effort as possible. I just took her sprites from Ace Attorney Investigations and added the top of her hair that's always cropped out.
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
And ahh I think I see the issue. Your sprites are taller than the size a normal DS sprite exceeds. They should be a max of 192 pixels tall, and 256 wide. If you keep things within this box, it should make it easier for you to animate it.
Best way to do that is to make your opening image that size. Then paste your first sprite onto the canvas. Then you can just add the other frames on top to help you work out their position.
I edited a sheet for you to test animating. See if this may help you out. I spaced them all out and put them all into that DS-screen sized box.
Spoiler: large image
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
I should have taken the 256 x 192 rule more seriously. I remember reading about it in Ropfa's tutorial.
Thanks for the edited sheet! I'll let you know later today how it goes.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
I wonder if the problem is in my text files. Here's the script for the setting:
Spoiler:
Here's the text file for when Kay blinks:
Spoiler:
And here are my new frames for Kay, 256 x 962.
Spoiler:
I wonder if moving Kay's blinking frames a few pixels south in their 256 x 192 spaces would help.
Re: Need to know how to make sprites?
Art Person
Gender: None specified
Location: Making Sprites
Rank: Ace Attorney
Joined: Thu Sep 30, 2010 11:23 am
Posts: 3283
But if it's PYWright, just place each frame next to eachother with NO spaces.
Re: Need to know how to make sprites?
Gender: None specified
Rank: Suspect
Joined: Mon Aug 14, 2017 6:41 am
Posts: 11
Thank you SuperAj3. You are very good indeed, to be able to recognize that I'm using PyWright just from the text files, and to know how frames are meant to be positioned for it.
Who is online
Users browsing this forum: No registered users and 0 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
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
News
Site map
SitemapIndex
RSS Feed