HomeHome  
  • HomeHome  
  • Forums  
  • MemberlistMemberlist  
  •  
  • FAQFAQ  
  • SearchSearch  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  

  • Reply to topic

    Page 1 of 2 1, 2  Next

    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    How to make sword slashing gradients

    Post by Leaf on 2/14/2013, 9: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, 4:42 pm; edited 1 time in total
    avatar
    Leaf
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 21
    Number of posts : 2647
    Registration date : 2011-02-27
    Location : skype lol

    View user profile https://www.facebook.com/https://www.facebook.com/TJTrollberry tj.mayberry
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 2/14/2013, 9: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
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by Saul on 2/15/2013, 7:46 am

    Nice, Thank you Leaf ;D Also, ^ Looks even cooler



    avatar
    Saul
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 20
    Number of posts : 2676
    Registration date : 2012-02-04

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 2/15/2013, 4: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
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by Leaf on 2/15/2013, 4:16 pm

    Patt i'm gonna put your way up in a little bit

    avatar
    Leaf
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 21
    Number of posts : 2647
    Registration date : 2011-02-27
    Location : skype lol

    View user profile https://www.facebook.com/https://www.facebook.com/TJTrollberry tj.mayberry
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 2/15/2013, 4:18 pm

    Make sure you do it right though, I messed up. :[





    [The Return]
    avatar
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by Leaf on 2/15/2013, 4:43 pm

    I think I did it right, that's my first time trying something like that

    avatar
    Leaf
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 21
    Number of posts : 2647
    Registration date : 2011-02-27
    Location : skype lol

    View user profile https://www.facebook.com/https://www.facebook.com/TJTrollberry tj.mayberry
    avatar
    Preschool Spritan Lv 2
    Preschool Spritan Lv 2

    Re: How to make sword slashing gradients

    Post by supersmashbro on 2/15/2013, 5:39 pm

    good tutorial

    sry edited post, couldnt read...
    avatar
    supersmashbro
    Preschool Spritan Lv 2
    Preschool Spritan Lv 2

    Age : 18
    Number of posts : 409
    Registration date : 2012-11-21
    Location : East London

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 2/15/2013, 6: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
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Elementary Spritan Lv 1
    Elementary Spritan Lv 1

    Re: How to make sword slashing gradients

    Post by Crash on 2/19/2013, 10: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
    Crash
    Elementary Spritan Lv 1
    Elementary Spritan Lv 1

    Age : 21
    Number of posts : 1228
    Registration date : 2010-04-08
    Location : Brooklyn, New York

    View user profile xxlecrashxx
    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by Leaf on 2/19/2013, 1:47 pm

    That was in the first spoiler.

    avatar
    Leaf
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 21
    Number of posts : 2647
    Registration date : 2011-02-27
    Location : skype lol

    View user profile https://www.facebook.com/https://www.facebook.com/TJTrollberry tj.mayberry
    avatar
    No Rank
    No Rank

    Re: How to make sword slashing gradients

    Post by STHBallZ on 2/23/2013, 1:56 am

    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
    STHBallZ
    No Rank
    No Rank

    Age : 20
    Number of posts : 39
    Registration date : 2013-01-25
    Location : Planet Mobius

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 2/23/2013, 4:04 pm

    Lolwut, high quality?





    [The Return]
    avatar
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by Leaf on 2/23/2013, 8: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
    Leaf
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 21
    Number of posts : 2647
    Registration date : 2011-02-27
    Location : skype lol

    View user profile https://www.facebook.com/https://www.facebook.com/TJTrollberry tj.mayberry
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 2/23/2013, 10:33 pm

    Not actually even lazy. I think this is more productive towards the result compared to other methods.





    [The Return]
    avatar
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Eternal Spritan
    Eternal Spritan

    Re: How to make sword slashing gradients

    Post by Ping on 2/23/2013, 10: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
    Ping
    Eternal Spritan
    Eternal Spritan

    Age : 21
    Number of posts : 20163
    Registration date : 2010-09-15
    Location : Madison Wisconsin

    View user profile Pingboi
    avatar
    No Rank
    No Rank

    Re: How to make sword slashing gradients

    Post by STHBallZ on 2/23/2013, 11:49 pm

    wups i meant the slash effect :s not the vid Serious (How embarrassing)



    [img][/img]
    かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
    avatar
    STHBallZ
    No Rank
    No Rank

    Age : 20
    Number of posts : 39
    Registration date : 2013-01-25
    Location : Planet Mobius

    View user profile
    avatar
    No Rank
    No Rank

    Re: How to make sword slashing gradients

    Post by STHBallZ on 3/1/2013, 4:27 am

    W8 wheres the color mixer Sad



    [img][/img]
    かいぞく 二 おれわ まろう (I'm gonna be Pirate king!)
    avatar
    STHBallZ
    No Rank
    No Rank

    Age : 20
    Number of posts : 39
    Registration date : 2013-01-25
    Location : Planet Mobius

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by v2 on 3/1/2013, 7: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
    v2
    Administrator
    Administrator

    Age : 20
    Number of posts : 5600
    Registration date : 2012-05-17
    Location : your girls DMs

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by Patt on 3/1/2013, 10:56 am

    You have a Cross vs. Zeke?





    [The Return]
    avatar
    Patt
    Administrator
    Administrator

    Age : 21
    Number of posts : 13107
    Registration date : 2009-03-28

    View user profile Pattiasina24
    avatar
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by Leaf on 3/1/2013, 11: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
    Leaf
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 21
    Number of posts : 2647
    Registration date : 2011-02-27
    Location : skype lol

    View user profile https://www.facebook.com/https://www.facebook.com/TJTrollberry tj.mayberry
    avatar
    Elementary Spritan Lv 3
    Elementary Spritan Lv 3

    Re: How to make sword slashing gradients

    Post by xKAreloadedx on 3/1/2013, 12:06 pm

    @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
    xKAreloadedx
    Elementary Spritan Lv 3
    Elementary Spritan Lv 3

    Age : 24
    Number of posts : 1522
    Registration date : 2010-07-20
    Location : I forgot...

    View user profile xKAreloadedx
    avatar
    Administrator
    Administrator

    Re: How to make sword slashing gradients

    Post by v2 on 3/1/2013, 6: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
    v2
    Administrator
    Administrator

    Age : 20
    Number of posts : 5600
    Registration date : 2012-05-17
    Location : your girls DMs

    View user profile

    Re: How to make sword slashing gradients

    Post by MaskedGamer on 3/29/2013, 9:54 pm

    This is very helpful! Thanks Leaf! Very Happy
    avatar
    MaskedGamer
    No Rank
    No Rank

    Age : 22
    Number of posts : 38
    Registration date : 2013-03-26
    Location : Australia

    View user profile
    avatar
    Super Spritan
    Super Spritan

    Re: How to make sword slashing gradients

    Post by Face on 4/26/2013, 12:24 pm

    ......I can't get it..... Sad



    avatar
    Face
    Super Spritan
    Super Spritan

    Age : 27
    Number of posts : 13005
    Registration date : 2010-04-29
    Location : Returned-ed

    View user profile madskyperz1
    Sponsored content

    Re: How to make sword slashing gradients

    Post by Sponsored content


    Sponsored content


    Reply to topic

    Page 1 of 2 1, 2  Next

    - Similar topics

     
    Permissions in this forum:
    You cannot reply to topics in this forum
    Log In

    Remember me: I forgot my password

    Who is online?
    None

    In total there are 10 users online :: 0 Registered, 0 Hidden and 10 Guests :: 1 Bot

    [ View the whole list ]

    Staff Online
    Latest topics
    The Spritas Discord Channel