|Tutorial| Shiny Animation

[Nerei]

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

[devil naruto]

already know this

[Nerei]

Forgot to post the result, lolz here it is

[Mercy]

already know this

So what? He made that for people who don't.

[Yanto]

already know this

there are some like me who don't even no that much...but i also know those things..

[Erzo]

already know this

I didn't.

Thanks for the help!

[marvinkid]

So what? He made that for people who don't.

like me ^^ ...so thank you very much Nerei :D

[Nerei]

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

[Gildarts Clive]

already know this

then GTFO

So what? He made that for people who don't.

exactly. :noc:


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

[Billi Tomoose]

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

[Hansom]

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

[Totsuka No Tsurugi]

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

[Aízen]

thanks^^

[Nerei]

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

[Totsuka No Tsurugi]

Gap download linkhttp://photocomix-resources.deviantart.com/art/GAP-2-6-for-Gimp-2-6-Windows-135464357

[Nerei]

Gap download linkhttp://photocomix-resources.deviantart.com/art/GAP-2-6-for-Gimp-2-6-Windows-135464357

Coolz, you got a link. If that doesn't work than you can try this one.

Click Me

[Naruto UzRinneganMaki]

thaknks

[Ebi..]

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

[Nerei]

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

Your'e welcome. Looks Awesome :D

[Gaarafan12]

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!

[Nerei]

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

[Gaarafan12]

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!

[Nerei]

it didn't work for me

thats odd. It works fine for me. try again or try this

click

[Uchiha seeker]

omg i understood it!D

[Raiin]

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