Share
View previous topicGo downView next topic
avatar
Spritan
Spritan
Age : 21
Number of posts : 2647
Registration date : 2011-02-27
Reputation : 1
Location : skype lol
View user profilehttps://www.facebook.com/https://www.facebook.com/TJTrollberry

How to make sword slashing gradients

on 2/14/2013, 7:06 pm
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
>

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:

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

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:

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:

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:

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:

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"


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

Last Frame of attack

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
avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 2/14/2013, 7:31 pm
One more tip, actually looks a lot better when it's a gradient. Also, with a bit of alpha and set blend mode.



(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.)




[The Return]
avatar
Spritan
Spritan
Age : 20
Number of posts : 2676
Registration date : 2012-02-04
Reputation : 0
View user profile

Re: How to make sword slashing gradients

on 2/15/2013, 5:46 am
Nice, Thank you Leaf ;D Also, ^ Looks even cooler


avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 2/15/2013, 2:06 pm
It is a little bit wrong though, it's too bright at the bottom, more brightness should be at the top of the arc.




[The Return]
avatar
Spritan
Spritan
Age : 21
Number of posts : 2647
Registration date : 2011-02-27
Reputation : 1
Location : skype lol
View user profilehttps://www.facebook.com/https://www.facebook.com/TJTrollberry

Re: How to make sword slashing gradients

on 2/15/2013, 2:16 pm
Patt i'm gonna put your way up in a little bit
avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 2/15/2013, 2:18 pm
Make sure you do it right though, I messed up. :[




[The Return]
avatar
Spritan
Spritan
Age : 21
Number of posts : 2647
Registration date : 2011-02-27
Reputation : 1
Location : skype lol
View user profilehttps://www.facebook.com/https://www.facebook.com/TJTrollberry

Re: How to make sword slashing gradients

on 2/15/2013, 2:43 pm
I think I did it right, that's my first time trying something like that
avatar
Spritan
Spritan
Age : 18
Number of posts : 409
Registration date : 2012-11-21
Reputation : 0
Location : East London
View user profile

Re: How to make sword slashing gradients

on 2/15/2013, 3:39 pm
good tutorial

sry edited post, couldnt read...
avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 2/15/2013, 4:26 pm
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.




[The Return]
avatar
Spritan
Spritan
Age : 22
Number of posts : 1228
Registration date : 2010-04-07
Reputation : 0
Location : Brooklyn, New York
View user profile

Re: How to make sword slashing gradients

on 2/19/2013, 8:08 am
Yu know you can alpha the gradient slash without making it a symbol by using a shape tween
Just throwin that out there



W A V E D A S H B O Y Z

Respect your elders.
avatar
Spritan
Spritan
Age : 21
Number of posts : 2647
Registration date : 2011-02-27
Reputation : 1
Location : skype lol
View user profilehttps://www.facebook.com/https://www.facebook.com/TJTrollberry

Re: How to make sword slashing gradients

on 2/19/2013, 11:47 am
That was in the first spoiler.
avatar
Spritan
Spritan
Age : 20
Number of posts : 39
Registration date : 2013-01-25
Reputation : 0
Location : Planet Mobius
View user profile

Re: How to make sword slashing gradients

on 2/22/2013, 11:56 pm
WOW that's like one of the BEST tuts i've ever seen NOW MY ANIMATIONS WILL BE IN HIGH QUALITY Derp?


[img][/img]
かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 2/23/2013, 2:04 pm
Lolwut, high quality?




[The Return]
avatar
Spritan
Spritan
Age : 21
Number of posts : 2647
Registration date : 2011-02-27
Reputation : 1
Location : skype lol
View user profilehttps://www.facebook.com/https://www.facebook.com/TJTrollberry

Re: How to make sword slashing gradients

on 2/23/2013, 6:12 pm
@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.
avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 2/23/2013, 8:33 pm
Not actually even lazy. I think this is more productive towards the result compared to other methods.




[The Return]
avatar
Spritan
Spritan
Age : 21
Number of posts : 20163
Registration date : 2010-09-15
Reputation : 8
Location : Madison Wisconsin
View user profile

Re: How to make sword slashing gradients

on 2/23/2013, 8:47 pm
Nice tutorial Leaf! I appreciate it!



@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
avatar
Spritan
Spritan
Age : 20
Number of posts : 39
Registration date : 2013-01-25
Reputation : 0
Location : Planet Mobius
View user profile

Re: How to make sword slashing gradients

on 2/23/2013, 9:49 pm
wups i meant the slash effect :s not the vid Serious (How embarrassing)


[img][/img]
かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
avatar
Spritan
Spritan
Age : 20
Number of posts : 39
Registration date : 2013-01-25
Reputation : 0
Location : Planet Mobius
View user profile

Re: How to make sword slashing gradients

on 3/1/2013, 2:27 am
W8 wheres the color mixer Sad


[img][/img]
かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
avatar
Administrator
Administrator
Age : 20
Number of posts : 5600
Registration date : 2012-05-17
Reputation : 0
Location : your girls DMs
View user profile

Re: How to make sword slashing gradients

on 3/1/2013, 5:49 am
@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.



(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.


avatar
Administrator
Administrator
Age : 22
Number of posts : 13137
Registration date : 2009-03-28
Reputation : 12
View user profile

Re: How to make sword slashing gradients

on 3/1/2013, 8:56 am
You have a Cross vs. Zeke?




[The Return]
avatar
Spritan
Spritan
Age : 21
Number of posts : 2647
Registration date : 2011-02-27
Reputation : 1
Location : skype lol
View user profilehttps://www.facebook.com/https://www.facebook.com/TJTrollberry

Re: How to make sword slashing gradients

on 3/1/2013, 9:42 am
@STHBallZ wrote:W8 wheres the color mixer Sad
Up in the top next to the color swatches tab. First picture of the second spoiler.
avatar
Spritan
Spritan
Age : 24
Number of posts : 1522
Registration date : 2010-07-20
Reputation : 1
Location : I forgot...
View user profile

Re: How to make sword slashing gradients

on 3/1/2013, 10:06 am
@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%
avatar
Administrator
Administrator
Age : 20
Number of posts : 5600
Registration date : 2012-05-17
Reputation : 0
Location : your girls DMs
View user profile

Re: How to make sword slashing gradients

on 3/1/2013, 4:09 pm
@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


avatar
Spritan
Spritan
Age : 22
Number of posts : 38
Registration date : 2013-03-26
Reputation : 0
Location : Australia
View user profile

Re: How to make sword slashing gradients

on 3/29/2013, 8:54 pm
This is very helpful! Thanks Leaf! Very Happy
avatar
Spritan
Spritan
Age : 28
Number of posts : 13012
Registration date : 2010-04-29
Reputation : 20
Location : Returned-ed
View user profile

Re: How to make sword slashing gradients

on 4/26/2013, 11:24 am
......I can't get it..... Sad


View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum