Share
Go down
Leaf
Spritan
Age : 23
Number of posts : 2647
Registration date : 2011-02-27
Location : skype lol
View user profilehttps://www.facebook.com/TJTrollberry
Welp, this is my first tutorial, so if it doesn't seem clear say so and i'll try to fix it c:

So alot of people wanted to know how to make sword slashes like this
How to make sword slashing gradients 110 > How to make sword slashing gradients 210

There's probably a loooooooooooooooooot of ways to make stuff like that, where it starts off as a plain slash then it fades away. The two ways that i know of involve you leaving it as a gradient, and another where you convert it into a symbol. The gradient way i'm gonna use to show how to make a basic slash, the symbol way i'll use to do the thing that Patt did.

Gradient way:
Spoiler:
First thing's first, pick two sprites that you want to use. For the tut i'm gonna use these two: How to make sword slashing gradients 310

After you've got the sprites you want to use, put them in two frames, the beginning slash you want in the first frame, and the ending pose in the second, which is kinda obvious so i won't screenshot that. Ok, so after you've got the frames the way you want them, make a layer above the one where you have the sprites which will be for the sword slash. In the frame above the first sprite, put a blank keyframe, then go to the second frame. Draw a flat line along the the blade, which will be the bottom of the slash, like so How to make sword slashing gradients 311

Next, you go back to the first frame, which contains the beginning pose of the slash, and draw lines from each end of the base line to the tip of the sword, as seen here: How to make sword slashing gradients 410

Press "V" or click on the selection tool on the top left panel in the tools section. Then make sure that the lines aren't selected, go over the line, then drag it so that it's curved to however you want it to be so that it looks like this: How to make sword slashing gradients 510

Now that you have the basic outline, just select the paint bucket, pick the color you want, and paint the area in between the lines. Select the whole slash after that, go to the color selection for pencils, and select the square with a red line through the middle, as seen here: How to make sword slashing gradients 610

That way, you have the slash you need c: go about five frames over and insert a keyframe, select the gradient that you have left and change the alpha setting under the paint bucket color picking thing to zero. it's right next to the square and red line, see: How to make sword slashing gradients 710

Now it's time to shape tween it c: yeah, this is the purpose of shape tweening, it's like motion tweens for gradients and other things that aren't symbols. after you tween those frames, put a blank keyframe on the 6th frame and voila, you're done Very Happy

Pretty Way with Symbols:
Spoiler:
follow the above tutorial until you get to the point with the paint bucket. After you've selected your color, go over to the library and above that it says "color mixer"
How to make sword slashing gradients 810

change the type to "linear" and you'll get what showed up on that last screenshot, cept with the colors black and white. if your character's facing right, then change the left block to whatever color you want the slash to be and set the alpha to 0%. then go to the right block and change it to the color you want, and then click inside your outline to get a cool looking slash. you can change how far the boxes are from the edge, i don't know how to put what it does into words, but you'll figure it out pretty easily.

right click on the gradient and click on "convert to symbol." after you do that, go down to the blend tool and set it to screen, add, whatever you want, then go a few frames over, make a keyframe, and change that it to alpha there and you'll get something like this:
First Frame of attack
How to make sword slashing gradients 912
Last Frame of attack
How to make sword slashing gradients 1010
the circled part is where you change it to alpha
after that you just tween, and you're done Derp?

Hope this helped c: if you're not clear on something tell me and i'll try to clarify


Last edited by Leaf on 2/15/2013, 2:42 pm; edited 1 time in total

___________________________________________________________________________________________

Sword Gradients with Leaf c:
How to make sword slashing gradients Awkwar10
How to make sword slashing gradients Pikach11
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
One more tip, actually looks a lot better when it's a gradient. Also, with a bit of alpha and set blend mode.

How to make sword slashing gradients Gradie10

(Side note: before anyone thinks that is an animation currently in the making, forget it. That is one of my older projects from like 2010.)

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Saul
Spritan
Age : 22
Number of posts : 2676
Registration date : 2012-02-04
View user profile
Nice, Thank you Leaf ;D Also, ^ Looks even cooler

___________________________________________________________________________________________

How to make sword slashing gradients Tumblr_n3ks24gVXv1rydwbvo1_500How to make sword slashing gradients CmHNDLR
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
It is a little bit wrong though, it's too bright at the bottom, more brightness should be at the top of the arc.

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Leaf
Spritan
Age : 23
Number of posts : 2647
Registration date : 2011-02-27
Location : skype lol
View user profilehttps://www.facebook.com/TJTrollberry
Patt i'm gonna put your way up in a little bit

___________________________________________________________________________________________

Sword Gradients with Leaf c:
How to make sword slashing gradients Awkwar10
How to make sword slashing gradients Pikach11
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
Make sure you do it right though, I messed up. :[

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Leaf
Spritan
Age : 23
Number of posts : 2647
Registration date : 2011-02-27
Location : skype lol
View user profilehttps://www.facebook.com/TJTrollberry
I think I did it right, that's my first time trying something like that

___________________________________________________________________________________________

Sword Gradients with Leaf c:
How to make sword slashing gradients Awkwar10
How to make sword slashing gradients Pikach11
supersmashbro
Spritan
Age : 20
Number of posts : 409
Registration date : 2012-11-21
Location : East London
View user profile
good tutorial

sry edited post, couldnt read...
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
Yes, good job.

Actually, if you use a darker shade of red, to the constant color of red that you need, then to a fully transparent red that you had, it looks really nice.

You also want to put the gradient in the layer behind the sprite, that way it appears behind it in depth.

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Crash
Spritan
Age : 24
Number of posts : 1229
Registration date : 2010-04-07
Location : Brooklyn, New York
View user profile
Yu know you can alpha the gradient slash without making it a symbol by using a shape tween
Just throwin that out there

___________________________________________________________________________________________

How to make sword slashing gradients 50fe6f8bcc
W A V E D A S H B O Y Z

Respect your elders.
Leaf
Spritan
Age : 23
Number of posts : 2647
Registration date : 2011-02-27
Location : skype lol
View user profilehttps://www.facebook.com/TJTrollberry
That was in the first spoiler.

___________________________________________________________________________________________

Sword Gradients with Leaf c:
How to make sword slashing gradients Awkwar10
How to make sword slashing gradients Pikach11
STHBallZ
Spritan
Age : 22
Number of posts : 39
Registration date : 2013-01-25
Location : Planet Mobius
View user profile
WOW that's like one of the BEST tuts i've ever seen NOW MY ANIMATIONS WILL BE IN HIGH QUALITY Derp?

___________________________________________________________________________________________

[img]How to make sword slashing gradients Luffy_13[/img]
かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
Lolwut, high quality?

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Leaf
Spritan
Age : 23
Number of posts : 2647
Registration date : 2011-02-27
Location : skype lol
View user profilehttps://www.facebook.com/TJTrollberry
@Patt wrote:Lolwut, high quality?
^that. the slashes don't make the video high quality, they're just a lazy way to make something look nice.

___________________________________________________________________________________________

Sword Gradients with Leaf c:
How to make sword slashing gradients Awkwar10
How to make sword slashing gradients Pikach11
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
Not actually even lazy. I think this is more productive towards the result compared to other methods.

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Ping
Spritan
Age : 23
Number of posts : 20163
Registration date : 2010-09-15
Location : Madison Wisconsin
View user profile
Nice tutorial Leaf! I appreciate it!

___________________________________________________________________________________________

How to make sword slashing gradients Ping10
@darkdragon581 wrote:ping, i don't see you getting 'boodie' anytime soon, i don't care if your black, its most likely not going to happen
STHBallZ
Spritan
Age : 22
Number of posts : 39
Registration date : 2013-01-25
Location : Planet Mobius
View user profile
wups i meant the slash effect :s not the vid Serious (How embarrassing)

___________________________________________________________________________________________

[img]How to make sword slashing gradients Luffy_13[/img]
かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
STHBallZ
Spritan
Age : 22
Number of posts : 39
Registration date : 2013-01-25
Location : Planet Mobius
View user profile
W8 wheres the color mixer Sad

___________________________________________________________________________________________

[img]How to make sword slashing gradients Luffy_13[/img]
かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
v2
Administrator
Age : 22
Number of posts : 5600
Registration date : 2012-05-17
Location : your girls DMs
View user profile
@Patt wrote:One more tip, actually looks a lot better when it's a gradient. Also, with a bit of alpha and set blend mode.

How to make sword slashing gradients Gradie10

(Side note: before anyone thinks that is an animation currently in the making, forget it. That is one of my older projects from like 2010.)
Dude, that looks nearly exactly alike from my Cross V.S. Zeke sword slashes O:
Except, the sword slash seems more thinned out closer to the sword, whereas mine was the opposite, and it thinned out the farther away from the sword it got.

___________________________________________________________________________________________

How to make sword slashing gradients Lorde
Patt
Administrator
Age : 24
Number of posts : 13138
Registration date : 2009-03-28
View user profile
You have a Cross vs. Zeke?

___________________________________________________________________________________________

How to make sword slashing gradients Purple11

[The Return]
Leaf
Spritan
Age : 23
Number of posts : 2647
Registration date : 2011-02-27
Location : skype lol
View user profilehttps://www.facebook.com/TJTrollberry
@STHBallZ wrote:W8 wheres the color mixer Sad
Up in the top next to the color swatches tab. First picture of the second spoiler.

___________________________________________________________________________________________

Sword Gradients with Leaf c:
How to make sword slashing gradients Awkwar10
How to make sword slashing gradients Pikach11
xKAreloadedx
Spritan
Age : 26
Number of posts : 1522
Registration date : 2010-07-20
Location : I forgot...
View user profile
@Patt wrote:You have a Cross vs. Zeke?
Yes but bitch don't finsh shit Sad Sad

___________________________________________________________________________________________

Current projects:
Kirbacus vs Hiryo 30% Kirbacus vs Link 50%
Guardian's revenge 40% Rio vs Zeke 10%
Hiryo's Quest 2 10% Special vid 70%
v2
Administrator
Age : 22
Number of posts : 5600
Registration date : 2012-05-17
Location : your girls DMs
View user profile
@xKAreloadedx wrote:
@Patt wrote:You have a Cross vs. Zeke?
Yes but bitch don't finsh shit Sad Sad
What are you talking about?
That was literally my first completed animation ever.

@Patt
yeah it's here somewhere

___________________________________________________________________________________________

How to make sword slashing gradients Lorde
MaskedGamer
Spritan
Age : 24
Number of posts : 38
Registration date : 2013-03-26
Location : Australia
View user profile
This is very helpful! Thanks Leaf! Very Happy
Face
Spritan
Age : 30
Number of posts : 13013
Registration date : 2010-04-29
Location : Returned-ed
View user profile
......I can't get it..... Sad

___________________________________________________________________________________________

How to make sword slashing gradients Untitl15
Back to top
Permissions in this forum:
You cannot reply to topics in this forum