https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
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, 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
      Leaf
      Freshman Spritan Lv 3
      Freshman Spritan Lv 3

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

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

      Re: How to make sword slashing gradients

      Post by Patt 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
        Patt
        Administrator
        Administrator

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

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

        Re: How to make sword slashing gradients

        Post by Saul on 2/15/2013, 5: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
          Rep : 0

          View user profile
          avatar
          Administrator
          Administrator

          Re: How to make sword slashing gradients

          Post by Patt 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
            Patt
            Administrator
            Administrator

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

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

            Re: How to make sword slashing gradients

            Post by Leaf on 2/15/2013, 2: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
              Rep : 1
              Location : skype lol

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

              Re: How to make sword slashing gradients

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

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

                Re: How to make sword slashing gradients

                Post by Leaf on 2/15/2013, 2: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
                  Rep : 1
                  Location : skype lol

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

                  Re: How to make sword slashing gradients

                  Post by supersmashbro on 2/15/2013, 3: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
                    Rep : 0
                    Location : East London

                    View user profile
                    avatar
                    Administrator
                    Administrator

                    Re: How to make sword slashing gradients

                    Post by Patt 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
                      Patt
                      Administrator
                      Administrator

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

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

                      Re: How to make sword slashing gradients

                      Post by Crash 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
                        Crash
                        Elementary Spritan Lv 1
                        Elementary Spritan Lv 1

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

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

                        Re: How to make sword slashing gradients

                        Post by Leaf on 2/19/2013, 11:47 am

                          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
                          Rep : 1
                          Location : skype lol

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

                          Re: How to make sword slashing gradients

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

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

                            View user profile
                            avatar
                            Administrator
                            Administrator

                            Re: How to make sword slashing gradients

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

                              Lolwut, high quality?





                              [The Return]
                              avatar
                              Patt
                              Administrator
                              Administrator

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

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

                              Re: How to make sword slashing gradients

                              Post by Leaf 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
                                Leaf
                                Freshman Spritan Lv 3
                                Freshman Spritan Lv 3

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

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

                                Re: How to make sword slashing gradients

                                Post by Patt 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
                                  Patt
                                  Administrator
                                  Administrator

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

                                  View user profile
                                  avatar
                                  Eternal Spritan
                                  Eternal Spritan

                                  Re: How to make sword slashing gradients

                                  Post by Ping 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
                                    Ping
                                    Eternal Spritan
                                    Eternal Spritan

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

                                    View user profile
                                    avatar
                                    No Rank
                                    No Rank

                                    Re: How to make sword slashing gradients

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

                                      Age : 20
                                      Number of posts : 39
                                      Registration date : 2013-01-25
                                      Rep : 0
                                      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, 2: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
                                        Rep : 0
                                        Location : Planet Mobius

                                        View user profile
                                        avatar
                                        Administrator
                                        Administrator

                                        Re: How to make sword slashing gradients

                                        Post by v2 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
                                          v2
                                          Administrator
                                          Administrator

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

                                          View user profile
                                          avatar
                                          Administrator
                                          Administrator

                                          Re: How to make sword slashing gradients

                                          Post by Patt on 3/1/2013, 8: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
                                            Rep : 9

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

                                            Re: How to make sword slashing gradients

                                            Post by Leaf 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
                                              Leaf
                                              Freshman Spritan Lv 3
                                              Freshman Spritan Lv 3

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

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

                                              Re: How to make sword slashing gradients

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

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

                                                View user profile
                                                avatar
                                                Administrator
                                                Administrator

                                                Re: How to make sword slashing gradients

                                                Post by v2 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
                                                  v2
                                                  Administrator
                                                  Administrator

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

                                                  View user profile

                                                  Re: How to make sword slashing gradients

                                                  Post by MaskedGamer on 3/29/2013, 8: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
                                                    Rep : 0
                                                    Location : Australia

                                                    View user profile
                                                    avatar
                                                    Super Spritan
                                                    Super Spritan

                                                    Re: How to make sword slashing gradients

                                                    Post by Face on 4/26/2013, 11:24 am

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



                                                      avatar
                                                      Face
                                                      Super Spritan
                                                      Super Spritan

                                                      Age : 27
                                                      Number of posts : 13006
                                                      Registration date : 2010-04-29
                                                      Rep : 6
                                                      Location : Returned-ed

                                                      View user profile
                                                      Reply to topic

                                                      Page 1 of 2 1, 2  Next

                                                      - Similar topics

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

                                                      Your last visit was on

                                                      Current date/time is 4/26/2017, 12:55 am

                                                      Log In

                                                      Remember me: I forgot my password

                                                      Who is online?
                                                      None

                                                      In total there are 18 users online :: 0 Registered, 0 Hidden and 18 Guests :: 2 Bots

                                                      [ View the whole list ]

                                                      Staff Online
                                                      Latest topics
                                                      Killer Instinct
                                                      by Rapidfir3Pho3nix Yesterday at 5:33 pm

                                                      The Spritas Update #2
                                                      by Rapidfir3Pho3nix Yesterday at 5:23 pm

                                                      FSSJ vs. LCSSJ Gohan
                                                      by SonicTFS 4/22/2017, 8:51 am

                                                      Mario's Goal Calamity Collab
                                                      by Wiki 4/19/2017, 1:09 pm

                                                      The Spritas Discord Channel
                                                      Donate

                                                      Want to help out the site? Donating helps ensure the site is running as smoothly as possible! You may donate through PayPal using the button below.