Page 1 of 2 12 Last»
Results 1 to 25 of 29
  1. #1
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    |Tutorial| Shiny Animation

    How to make the shine effect on GIMP

    Need:
    The GIMP
    GAP (GIMP animation Package. I'll put up a link soon)
    The image you wanna shine
    Basic Knowledge of Layers and other GIMP stuff (I'll try and be as detailed as possible)

    Important steps are coloured in red for advance users who know what they are doing


    Start out by opening up a new GIMP image and paste in your image. I chose an old sig of mine







    Make a New Folder and call it GAP (or whatever you wanna call it)

    Save your image as background pic_000001.xcf in the new folder that you just created



    Now open up a new GIMP image make it the same size as your previous image. Mine is 420 X 140 as my sig was that size.

    Delete the default background layer and make a new layer. Okay, now we make our shine effect.


    MAKING SHINE EFFECT:

    Select the freeform select tool.

    Our shine effect is pretty much just a giant bar running from one side to another. So the image we're aiming to make is this







    Start from the bottom Left. When you click a dot forms which and you can continue from there.







    go up and a bit to the right to make the wire slant. Make it slant as much as you think is right, but not too much







    now click to the right







    now downwards. try slanting it so it's parallel to the left








    and then join the line to the first dot






    *Note*
    If you make a mistake when making the shine bar selecting undo or pressing CTRL + Z won't work, so you'll have to click on another tool to reset your selection and start again

    This makes your selection. Now choose white as your colour, click on the fill tool and fill your selection. It should look like this









    now save it as Shine.xcf in your GAP folder


    MAKING OUR FRAMES

    Open up background pic_000001.xcf. On the menu bar click on Video -> Duplicate frames

    Set the "N Times" option to 100. Depending on how wide your image is you might want to add more frames or less, as more frames equals a smoother animation. An avatar would probably be at 50 frames. Click OK. It will take some time to create the frames.

    *Note* Now they'll be a bunch of .xcf files in your GAP folder so don't be alarmed O.O



    ANIMATING

    With Shine.xcf open, go to background pic_000001.xcf and click on Video -> Move Path

    A dialog box will pop up. Here is were we will animate.









    1. First set your source image to Shine.xcf


    2. change you step mode to none


    3. change opacity to 45%


    4. At the bottom click instant apply.
    Your shine bar appears


    5. Now the X Slider. At the right of it there will buttons to increase or decrease the number, so decrease the number till your bar is just out of sight.


    6. Now to the right click add point. Back at the X slider, slide it all the way to the right or till your bar disappears and click add point again


    7. At the bottom right there is a button called Anim Preview. Click it.



    A dialog box appears.





    Check "exact object on frames" and set "Scale Preview" to 100%

    The bottom slider is how fast your object (Shine bar) will move. 24fps is a decent speed so keep it at that if you want and click ok

    Two new windows will open up. One will be a new GIMP image with all the frames and another will be the animation preview.




    *Note* The bar is not supposed to be a solid white. this is just a rushed example


    Click the play button to see your animation action. If you're happy with the speed of the animation continue to the next step, if not close both of the new windows and start again from step 7 and change the speed to what you prefer



    ALMOST THERE

    Close the Preview window and the move path dialog box. Now in your new Untitled image go to Filters -> Animation -> Optimize for GIF

    A new window pops up.

    In the new window go to Image -> Mode -> Indexed. Set Max colours to 256 and "Colour Dithering" to Floyd Steinberg (reduced colour bleeding)

    Now Save it as "Whatever you want".GIF in a different folder. Make sure you click save as animation in the dialog box that appears and you're done

    My first tut so I hope you like it. There will definitely be some problems so kindly point 'em out. I'd like to see your results so post 'em if below and if you have any questions post 'em below or PM me
     
         

  2. #2
    DEVIL KING devil naruto's Avatar
    Status
    devil naruto is offline
    Gender
    Join Date
    Sep 2010
    Posts
    1,484
    Location
    Between" Heaven and Hell"
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    already know this
     
         

  3. #3
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Forgot to post the result, lolz here it is

     
         

  4. #4
    I am jack's wasted life. Mercy's Avatar
    Status
    Mercy is offline
    Gender
    Join Date
    Jul 2011
    Posts
    6,146
    Location
    Germany
    This user has no status.
     



    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by devil naruto View Post
    already know this
    So what? He made that for people who don't.
     
         

  5. #5
    Yanto's Avatar
    Status
    Yanto is offline
    Join Date
    Dec 2010
    Posts
    4,640
    Location
    Bellow your chin
    how are you today? :D
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by devil naruto View Post
    already know this
    there are some like me who don't even no that much...but i also know those things..
     
         

  6. #6
    Erzo's Avatar
    Status
    Erzo is offline
    Gender
    Join Date
    Jul 2011
    Posts
    15,313
    Location
    On Dawan's goat.
    Don’t trust people that
    don’t like Rock Lee.
    Too many FTs
     



    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by devil naruto View Post
    already know this
    I didn't.

    Thanks for the help!
     
         

  7. #7
    Senior Member marvinkid's Avatar
    Status
    marvinkid is offline
    Gender
    Join Date
    Jul 2011
    Posts
    5,119
    Location
    United Arab Emirates :3
    Dragon Ape
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by Mercy View Post
    So what? He made that for people who don't.
    like me ^^ ...so thank you very much Nerei :D
     
         

  8. #8
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Thanks everybody and umm...this is for 'The GIMP' not photoshop. I did this 'coz most of the people who do the shiny effect do it on Photoshop
     
         

  9. #9
    Senior Member Gildarts Clive's Avatar
    Status
    Gildarts Clive is offline
    Gender
    Join Date
    Aug 2010
    Posts
    8,189
    Location
    Hell's Heaven
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by devil naruto View Post
    already know this
    then GTFO
    Quote Originally Posted by Mercy View Post
    So what? He made that for people who don't.
    exactly. :noc:


    OT: thank you so much nerei, your the best bro
     
         

  10. #10
    isn't ma real name:p Billi Tomoose's Avatar
    Status
    Billi Tomoose is offline
    Gender
    Join Date
    Apr 2011
    Posts
    1,439
    Location
    In the 4th Dimension
    DOTA 2 now a days :D
     

    Re: |Tutorial| Shiny Animation

    The troll got what he deserved...:overjoy:
    btw cool but hectic work it would have been...
     
         

  11. #11
    Senior Member
    Status
    Hansom is offline
    Join Date
    Jun 2009
    Posts
    2,121
    give it a rest, all ready!!
     



    Re: |Tutorial| Shiny Animation

    cool thanks for this..
    i love when people do gimp tut's..
     
         

  12. #12
    The White Demon Totsuka No Tsurugi's Avatar
    Status
    Totsuka No Tsurugi is online now
    Gender
    Join Date
    Sep 2011
    Posts
    9,943
    Location
    INDONESIA
    I cannot take pride in such a
    meager endeavour
     

    Re: |Tutorial| Shiny Animation

    samhatake once teach me to do this but i didn't get it LOL, but maybe with tut i maybe can do it thank you and also i'll wait for the link
     
         

  13. #13
    A C I D Aízen's Avatar
    Status
    Aízen is offline
    Gender
    Join Date
    Oct 2011
    Posts
    12,242
    TrollKing
     



    Re: |Tutorial| Shiny Animation

    thanks^^
     
         

  14. #14
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Thanks for checking it out everyone. I'll have the GAP link up hopefully by tomorrow
     
         

  15. #15
    The White Demon Totsuka No Tsurugi's Avatar
    Status
    Totsuka No Tsurugi is online now
    Gender
    Join Date
    Sep 2011
    Posts
    9,943
    Location
    INDONESIA
    I cannot take pride in such a
    meager endeavour
     

     
         

  16. #16
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by Totsuka No Tsurugi View Post
    Coolz, you got a link. If that doesn't work than you can try this one.

    Click Me
     
         

  17. #17
    OP rulz Naruto UzRinneganMaki's Avatar
    Status
    Naruto UzRinneganMaki is offline
    Gender
    Join Date
    Aug 2011
    Posts
    1,441
    Location
    Thousand Sunny Kitchen
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    thaknks
     
         

  18. #18
    Senior Member Ebi..'s Avatar
    Status
    Ebi.. is offline
    Gender
    Join Date
    Jan 2012
    Posts
    8,738
    I hope senpai notices me today
     



    Re: |Tutorial| Shiny Animation

    Thanks for the tut ^-^ and this is my outcome .__.
     
         

  19. #19
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by Dakrazyebi View Post
    Thanks for the tut ^-^ and this is my outcome .__.
    Your'e welcome. Looks Awesome :D
     
         

  20. #20
    Sand Shinobi Gaarafan12's Avatar
    Status
    Gaarafan12 is offline
    Gender
    Join Date
    Aug 2011
    Posts
    1,697
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by Nerei View Post
    In the new window go to Image -> Mode -> Indexed. Set Max colours to 256 and "Colour Dithering" to Floyd Steinberg (reduced colour bleeding)
    Hey! Thanks for the awsome tutorial! I have a question though, everything went great until this last step, when I convert the image using the steps you provided, my sig comes out in lower quality. Do you know why this might be happening or is this just normal?

    Please let me know, thanks so much for the tutorial!
     
         

  21. #21
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by Gaarafan12 View Post
    Hey! Thanks for the awsome tutorial! I have a question though, everything went great until this last step, when I convert the image using the steps you provided, my sig comes out in lower quality. Do you know why this might be happening or is this just normal?

    Please let me know, thanks so much for the tutorial!
    Yup, that is supposed to happen. gif images are never high quality.

    Colour Dithering helps keep some of the images quality, but it'll still be low quality.

    If you want, you can skip that step and see if you like the result
     
         

  22. #22
    Sand Shinobi Gaarafan12's Avatar
    Status
    Gaarafan12 is offline
    Gender
    Join Date
    Aug 2011
    Posts
    1,697
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by Nerei View Post
    Yup, that is supposed to happen. gif images are never high quality.

    Colour Dithering helps keep some of the images quality, but it'll still be low quality.

    If you want, you can skip that step and see if you like the result
    Thanks for answering my question so quickly! I just didn't know if I was doing something wrong!

    Again thanks for the tutorial, great job!
     
         

  23. #23
    Senior Member
    Status
    Nerei is offline
    Join Date
    Nov 2011
    Posts
    1,918
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    Quote Originally Posted by sk8er View Post
    it didn't work for me
    thats odd. It works fine for me. try again or try this

    click
     
         

  24. #24
    Senior Member Uchiha seeker's Avatar
    Status
    Uchiha seeker is offline
    Gender
    Join Date
    Jan 2011
    Posts
    13,282
    Location
    New Zealand
    Next time
     

    Re: |Tutorial| Shiny Animation

    omg i understood it!D
     
         

  25. #25
    S E X P L E A S E ? Raiin's Avatar
    Status
    Raiin is offline
    Gender
    Join Date
    Dec 2012
    Posts
    489
    Location
    In Every Drop
    This user has no status.
     

    Re: |Tutorial| Shiny Animation

    I have Video on the menu but when I click it I don't see Duplicate Frames?
     
         

Page 1 of 2 12 Last»

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •