Welcome to Gaia! ::

Reply Tips,Tricks and Tutorails
Easy to do Anime-style Charging Blur

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Fukujinzuke
Vice Captain

PostPosted: Fri Jul 20, 2007 12:23 pm


Okay guys, here's an easy Blur Charge effect tutorial used for this gif:
User Image



This is for Adobe Photoshop users, but if you're patient enough, you can probably copy the concept with the pictures below as your guide.

1. User Image
This is the pre-charge/blur frame. You may have a set of different frames before this one for your animation, but I'm limiting this tutorial to the actual blur effect.

2.User Image
This frame is obviously the initiation of movement. For Photoshop (5.0 or newer) users, you'll be using a filter on a layer. Here are the steps:
---a. Copy the pre-charge/blur frame from step one onto a new layer.
---b. Highlight the copy layer you've just created in your Layers window.
---c. Now, on the top list of the Photoshop window (where File, Edit, etc. are), select "Filter" ---> "Stylize" ---> "Wind"
---d. The "Wind" window will pop up. From the "Method" list, select "Wind" and then select the appropriate direction that'll work for your animation.


3.User Image
This is the last blur frame where the avi is even less visible than before, stepping at a speed completely beyond the capacity of normal human vision. Here are the steps for this one (which are similar to the previous but with one significant difference):
---a. Copy the pre-charge/blur frame from step one onto a new layer.
---b. Highlight the copy layer you've just created in your Layers window.
---c. Now, on the top list of the Photoshop window (where File, Edit, etc. are), select "Filter" ---> "Stylize" ---> "Wind"
---d. The "Wind" window will pop up. From the "Method" list, select "Blast" and then select the appropriate direction that'll work for your animation.

4.
The FINAL frame of that sequence would then be blank (white/black depending on what the rest of your animation is) since the avi has stepped out of view. How long to hold that blank frame is up to you.


And presto! You've flash-stepped your avi!

Don't have Photoshop? No problem. As you can tell from the guide pics above, all the Wind filter really does is cut your avi up in lines then move them aside in a jagged manner (and if you want to get fancy, you can do fades at the end of those "lines"). So in actuality, any paint program can create these frames. The only difference is that Photoshop made a shortcut for doing it.

Happy flash-stepping!

NOTE: You can also try a reverse of the sequencing above to see a flash-step into the pic (rather than out of the pic)
PostPosted: Sun Jul 29, 2007 8:28 pm


User Image

This good?

The Undead Suitor
Crew

Questionable Bunny

11,750 Points
  • Heckler 50
  • Ultimate Player 200
  • Destroyer of Cuteness 150

Brighte

PostPosted: Sun Jul 29, 2007 9:30 pm


i would use motion blur rathar, to me it looks a lil better. Filter --> Blurs --> Motion Blur. And if the attack is gonna be really fast, use around 2-3 frames for it.
PostPosted: Mon Jul 30, 2007 11:35 am


Suitor: I'd also move the right ear G-clef a little on that head turn.


hisako: Motion Blur is good too, but I was going for DBZ style movement.

Fukujinzuke
Vice Captain


Venessa Maerie
Crew

7,250 Points
  • Peoplewatcher 100
  • Hygienic 200
  • Risky Lifestyle 100
PostPosted: Thu Jan 03, 2008 10:49 am


Can this be done using microsoft photo editor xp? I don't have adobe.
PostPosted: Fri Jun 20, 2008 2:24 pm


The Undead Suitor
http://i152.photobucket.com/albums/s177/zombiedude13/turn0.gif

This good?
the whole head has to move a little...
only the ear moves, and well the head stays in place...
so you need to edit the hair/head a little so it moves the way your face is moving

RPGfan2005
Crew

Gracious Businessman

6,925 Points
  • Autobiographer 200
  • Dressed Up 200
  • Treasure Hunter 100
Reply
Tips,Tricks and Tutorails

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum