An early Halloween treat :D

October 24, 2010 at 10:43 am | Posted in Photoshop stuff, Sprites/Animated Sprites | Leave a comment

HALLOWEEN IS ONLY A WEEK AWAY~ Candycandycandycandy! xD

Since I’ve had no recent updates, here’s a little early Halloween treat.

a Jack Skellington GIF ! (Sprites ripped by A.J. Nitro)

Have a Happy Halloween everyone! :D

Bleach Event Gallery Trainer Card Templates

March 21, 2009 at 10:07 am | Posted in Photoshop stuff, Pokemon, Sprites/Animated Sprites | 1 Comment
Tags: , , , , , ,

To celebrate my coming-back-to-blogging-on-this-site I have three new trainer card templates! Ta-naaan!

bleach-event-trainer-card-1bleach-event-trainer-card-2

bleach-event-trainer-card-3bleach-event-trainer-card-4

Sprites ripped by Nightmare.

Hope you like these!

Thanks!

(Oh right, I plan on making a Trainer Card Templates page :D)

Kisame GIF Animations

November 28, 2008 at 12:00 am | Posted in Naruto, Photoshop stuff, Sprites/Animated Sprites | 1 Comment
Tags: , , , , , , , , , , , , , , , , , , ,

UPDATE 4/23/11: You can download the three GIFs all in one nifty zip file here. [Though in the 60 seconds megaupload makes you wait you could've probably already saved all three manually]

This is the second Akatsuki Member GIF Animation. If you would like to see the Sasori GIF Animations click here. Hope you like them! (Oh yeah if you have any sprite animation requests feel free to ask :D )

Sprites ripped by Neimad

kisame-stancekisame-runkisame-special-attack

To download one of these GIFs click on it and then right click and then save it to your computer :D

Sasori GIF Animations

November 15, 2008 at 1:09 am | Posted in Naruto, Photoshop stuff, Sprites/Animated Sprites | 7 Comments
Tags: , , , , , , , , , ,

Ever since I found out an easier way to erase the background I can animate more sprites easily :D Hope you like these sasori GIF animations! (Sprites ripped by Neimad also please give credit to me :D)


sasori-stancesasori-run-attacksasori-combo1

To download a GIF click on the GIF and then right click and save it to your computer.

Naruto and Sasuke Trainer Card Templates (Shippuden)

November 12, 2008 at 10:57 am | Posted in Naruto, Photoshop stuff, Pokemon, Sprites/Animated Sprites | 8 Comments
Tags: , , , , , , , , , , , ,

Sorry for not blogging for 10 days! To make up for it, i made a shippuden version of my naruto and sasuke trainer card templates. Hope you like them :D

naruto-shippuden-card sasuke-shippuden-card

How to animate sprites

October 14, 2008 at 7:48 am | Posted in Naruto, Photoshop stuff, Sprites/Animated Sprites | 11 Comments
Tags: , , , , , , , , , ,

UPDATE (10.24.10): Hi guys. Just added some updates for Cs3 (yes, alas, i got a new mac, and Cs3) …and I also changed some grammar. xD

Welcome to my tutorial on how to animate sprites, so you can end up with awesome things like this:

For this tutorial we will be using a portion of a sprite sheet of Sasuke (from “Naruto Saikyo Ninja Daikesshu 2) ripped by Bonzai.

Programs needed:

Adobe Photoshop (CS or higher preferably)

Adobe Imageready (not needed for CS2 and above)

If you would like to download these applications click here

Let’s get started then, first open the file in photoshop

Next zoom into the part you want to animate (i’m going to use “Stand” for this tutorial)

Next, let’s open a new file (100×100 px) and then go back to the sprite sheet, double click the “background” layer and select the magic eraser tool (be sure that the Anti-Aliased box is unchecked)

for Cs3 and above, the Quick Selection Tool  is a better choice. After selecting the background with the Quick Selection Tool, simply press “Delete” to erase the background.

if there are any left over little dots, just select the eraser tool, set the size to 1, set the Mode to “Pencil” and then erase those little bits to your heart’s content. At the same time, also make sure not to accidentally erase some parts of the sprite.

after that’s done use the rectangular marquee tool and select the first sprite (from the left)

Next, drag the selected sprite (using the move tool) to the file we made earlier

Now repeat the process on the other sprites (make sure to put the sprites on top of each other in order, and be sure to align them, or else they’ll end up all weird)

okay, now to animate them. On the tool bar, at the very bottom there is an icon that has the adobe image ready logo When you click on it, it will bring your file to adobe image ready (but, if you have Photoshop CS2 and above, you don’t need to bring the image to imageready for the animation window just click window>animation in photoshop).

Once at Image ready, click Window>animation

When the animation window is open you will see this:

Okay, it looks kind of iffy because all the layers are visible all at once. Go to the layers window and hide everything except the first layer.

Now go to the animation window and duplicate the frame by clicking the “duplicate” icon

On this duplicate hide every layer except the second layer, and then for the next frame, hide everything except the third layer (repeat this process for all the layers)

Now, for Cs2 and above, if you keep the frame speed at “0 sec” the GIF will be extremely fast, so it’s best to change the speed of each frame to “0.1″ or “0.2″

FOR CS OR LOWER:

To save, click File>Save Optimized

FOR CS2 AND ABOVE:

to save, click File> Save for Web & Devices>Save

Tada! We’ve animated a sprite!

always remember to credit the sprite rippers when you use their sprite sheets, (unless of course, it’s your own xD)

Have fun animating those sprites ;D

Sasuke Chidori Attack GIF animation

October 14, 2008 at 6:01 am | Posted in Naruto, Sprites/Animated Sprites | 2 Comments
Tags: , , , , , , , ,

A second one! I’ve decided to animate the entire sprite sheet of Sasuke (ripped by Bonzai)

Oh yeah, this also took a long time to make so PLEASE credit if used :D.

If you would like to download this, click here (link will open in a new window)

Uchiha Sasuke from “Naruto Saikyo Ninja Daikesshu 2″

Sasuke Charging Chidori GIF Animation

October 13, 2008 at 8:26 am | Posted in Naruto, Sprites/Animated Sprites | 2 Comments
Tags: , , , , , , , , , ,

This took 2 hours to make because I had to manually erase the background. Well it was worth it. :D

Please give credit if used

(Sprites Ripped by Bonzai)

Click here if you want to download it (link will open in a new window)

Uchiha Sasuke from “Naruto Saikyo Ninja Daikesshu 2″

Naruto and Sasuke Trainer Card Templates

September 20, 2008 at 6:20 am | Posted in Naruto, Sprites/Animated Sprites | 1 Comment
Tags: , , , , , , ,

Hey all, I made Naruto and Sasuke Pokemon trainer card templates :d. Please give credit if used. By the way, the sprites are from www.narutohq.com

How to make a Pokemon Trainer Card

September 17, 2008 at 5:57 am | Posted in Photoshop stuff, Pokemon, Sprites/Animated Sprites | 21 Comments
Tags: , , , , , , ,

*UPDATE* I found out how to color and erase easier :D

Everyone who knows Pokemon knows what a Pokemon trainer card is, its that card that tells you you’re an official trainer. Here is an example of a trainer card:

This card was made at http://www.pokecharms.com (click the picture to visit the site). These cards are usually used in the video games of Pokemon but there’s nothing wrong with making your own and pretending you’re a real pokemon trainer right? Oh yeah, there are many trainer card makers across the web but there’s also nothing wrong with making your own by hand. Ok here’s the “and how to make your own part”:

Okay let’s start with the basic tools you need for this tutorial:

  1. Photoshop (sorry, for those without Photoshop don’t worry there are a lot of trainer card tutorials that use MS paint)
  2. Patience

That’s pretty much it.

Just like building a house, we need a base first. There are lots of bases across the web so there are no worries. To make this tutorial longer (but funner :D) let’s edit one base I found on the web:

Now what’s fun about editing bases is that you can put any type of design that you wish! You can move the boxes, change the colors and patterns..etc. So, lets get started!

First, open the base in Photoshop

And here is where the fun starts, zoom in and double-click the background layer (it’s name will then change to “Layer 0″ and it will unlock) and then erase the background of the base with the Magic Eraser tool (make sure that the Anti-Aliased box is unchecked)

When you are done erasing the background this is what it will look like:

Now next let’s add a background to replace the one we just erased. Create a new layer and place it under the original layer and then in that new layer put any picture,pattern..etc you want. In this case i used a gradient.

Now this looks a little weird because the background doesn’t fit with the rest of the design so let’s change the colors a bit by selecting the pencil tool and changing some colors so it fits with the background. Remember that when you’re changing the colors you can also put patterns to make it look cooler. But don’t put TOO MUCH patterns or it’ll look freaky. So, if you want to use a solid color you could use the paint bucket tool (also make sure that the Anti-Aliased box is unchecked).

Ta-da! We have a base for our trainer card! But of course its obvious that we’re still missing the pokemon and the trainer so let’s get started on that :D.

When putting the trainers and pokemon you can either make your own trainer and pokemon or just use the usual pokemons and default trainers. In this tutorial i’m going to edit a default trainer only.

Okay here’s the default trainer:

I got this trainer from Pokemon Elite 2000.

Okay then, now that we have a trainer let’s open it in photoshop.

as you can see once you open up the file the background is already erased and the name of the main layer is “index”. This saves our time by quite a lot but this certain type of file does not allow us to make a new layer. So go to Image>Mode>RGB

Next select the trainer with the rectangular marquee tool and drag it to the Trainer card base.

Ta-da! Okay here’s another part where you have two choices:

a) settle with this default trainer

b) edit this default and make your own trainer

If you chose A then you can skip the next few steps and scroll down to the steps where we add the pokemon.

Okay let’s get started on editing the trainer, shall we?

Let’s start with the hair, since I suck at drawing hair i’m going to use the hair of another default trainer, but if you are good at drawing hair you can draw your own (and maybe make a tutorial about drawing pixel hair :D). If you did make a tutorial about drawing pixel hair for Pokemon trainers. I will surely read it. By the way i’m going to use the hair of this trainer:

first let’s paste it onto the base.

Remember the only thing we really need from the red-head trainer is her hair so let’s just erase her entire body (except the hair of course).

Okay next let’s turn our attention to the green-haired trainer. Now you have to do the exact opposite of the last step. We have to erase ONLY her hair. So after erasing her hair, drag the red hair to her “bald” head.

now we have a problem. The hair is pointing in the opposite direction of her head! Okay, on the red hair’s layer go to Edit>Transform>Flip Horizontal. Now that the hair is in the right place we just have to move it around until we’ve got a perfect fit.

uh-oh another problem! But all you have to do when this happens is use the eyedropper tool (to get the color of the shaded part of the skin) and then use the pencil tool to fill in the holes.

To save time i’m going to settle with this trainer. Now for the easiest part of them all.

PUTTING IN THE POKEMON AND BADGES!! WOOHOO!

Now here is the simple part. Go to http://www.pokemonelite2000.com and click “sprite resource” and then click on “Pokemon sprites” under the Diamond/Pearl category. while at that page pick out 6 pokemon and save them to your computer. Now one by one copy paste them onto the base and fit them into the white boxes. Since they’re bigger than the boxes just erase all the excess.

ta-da! Just a few more steps away to finishing the tutorial! WOOOHOO!

Okay, save this picture to your computer:

and then, all you have to do is open it in photoshop and drag it to the white boxes at the bottom of the base.

All we need now is the Font for the name of the trainer :d. (we’re nearly done! WOOHOO!)

After saving the picture above to your computer, use the magic eraser tool to erase the background and then use the rectangular marquee tool and move tool to drag it onto the base.

ta-da! We have finished our trainer card! I hope you had fun! Oh yeah here are some nice sites to check out:

YANSKEEDOODLE

Tina Zamora Photography

 

Create a free website or blog at WordPress.com. | The Pool Theme.
Entries and comments feeds.

Follow

Get every new post delivered to your Inbox.