anything

It appears you have not registered with our community. To register please click here ...

Share this topic on AskShare this topic on Del.icio.usShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on MagnoliaShare this topic on MySpaceShare this topic on RedditShare this topic on SlashdotShare this topic on SquidooShare this topic on StumbleUponShare this topic on TechnoratiShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: Crazy Animated Sphere Tutorial  (Read 14632 times)

Description:

0 Members and 1 Guest are viewing this topic.

Offline fencepost

  • Cheif Editor
  • ********
  • Posts: 2518
  • Karma: 0
    • fence-post.deviantart.com
Crazy Animated Sphere Tutorial
« on: October 08, 2007, 07:42:21 AM »
In this tutorial, I will show you how to easily create this animation:



I'm using GIMP version 2.2.17.  You won't need anything special to complete the tutorial - not even GAP!  I created my original one using GAP, but then the light went on and I realized there's a built-in script that will do what we want very nicely.  Plus, this way makes it Mac friendly, as GAP is not available to Mac users.  I've also prepared this so that even newb's to GIMP can do this successfully.  All you seasoned GIMPers will be able to bypass many of the initial steps.

I do, however, I suggest that you download this script for those using the current stable versions of GIMP : You are not allowed to view links. Register or Login
Animation Settings by saulgoode
, as it will prove useful to you for this and other animation effects.  For those of you using the new beta versions of GIMP (v. 2.4xx), please check out this updated script: You are not allowed to view links. Register or Login
Updated Animation Settings for GIMP 2.4
(thanks Kreuger for letting me know about this problem and tracking down the updated version!)  Since I'm using the current stable version of GIMP, I don't know if the updated script will work in the stable version.  So, you can try the updated version if you're using the most current version, but if you run into any trouble, I suggest you delete it and download the script from the first link.

The script is nothing more than a text file.  If you're using firefox, go to File Menu > Save Page As and then add a '.scm' extension to the end of the file name and save it to your GIMP/Scripts folder.  If you're using Internet Explorer, go to File Menu > Save As and make sure under the "Save As Type" box, you choose Text File.  Then add a '.scm' extension to the end of the file and save it to your GIMP/Scripts folder.

Next, start GIMP or, if GIMP was already open, go to the main GIMP window Xtns Menu > Script-FU> Refresh Scripts and, if you followed the instructions above, the script will be found here:

Filters Menu > Animation > Settings...

Let's begin:

Step 1

Create a new document (Ctrl+N) 500X500 pixels in size with a transparent background:



Step 2

Now, we need some Grids to help us line up our colors.  To do this, go to the View Menu and turn on the Show Grid & Snap to Grid options as shown below:



Next, let's modify the Grid settings to space them apart.  Go to Image Menu > Config Grid...



in the dialog window that opens, change your settings like so:



Your results will look like this:



Step 3

Now, grab a brush (you can use any size - hard or soft....I believe I used a Default GIMP 15X15 Fuzzy brush), select the desired color, and place your cursor in one of the coordinate locations shown below in red (Because we've turned on snap to grid, the middle of the brush will snap to that location), click once with the brush, and while holding down the shift key to create a straight line, click at the coordinate location opposite from the first click.  For example, if you start at (0,0) your next brush click should be at (500, 500).  Now, pick another color and do the same.  IMO, a hard-edged brush works better, but you try it out for yourself.  Notice the arrangement of my colors....for your colors to line up correctly on the sphere, you must have them in this order.



Step 4

Now, we need to shrink our image size down to the final size. 

Go to Image Menu > Canvas Size...



and change the settings like so:



Then, in the Layer Dialog Window, right-click on the layer and choose Layer to Image Size or go to Layer Menu > Layer to Image Size



and here's the result:



The reason I had you create a larger size canvas is that if you started with a 400X400 image, the ends of the colored lines (ie at coordinates (0,0) and (500, 500) wouldn't be perfectly "square".  When we go to the next step to convert it to a sphere, the ends wouldn't seamlessly matchup and would appear jagged....we don't want that!

Step 5

Next, go to Script-Fu Menu > Animators > Spinning Globe



and change the following settings:



  • You'll note that I used 60 for the frames.  This will give us a final result that has 60 frames in it, which is certainly much smoother, but will also take much longer to create and will result in a much larger file size.  You choose whatever you feel comfortable with.
  • Also, I deselected the transparent background option.  If you want, you can check this option and your background will be transparent, but it might have jagged edges depending on the background you place it on.  If you leave this unchecked, the animation will have a background color that matches the current background color in GIMP.  My background color was white when I ran the script; therefore, the animation came out with a white background.
  • Lastly, I suggest you set the "Index to n colors" to 0.  This means the script will create the layers in RGB mode.  Later, when you save it to a gif, your layers will be converted to index mode, but I've found the results to be much better by leaving this value set to 0.

Hit OK and let the script work its magic!

Step 6

Now, let's use the script I had you download to make some changes to all the layers that we created.  Go to Filters Menu > Animation > Settings...



and change the settings as shown:



I used a Delay of 50, but you set the number as you see fit.  The higher the number, the longer delay time between each frame.  Also, make sure you choose "Replace" for the Mode setting.  This will replace the current frame with the next one in the stack.

Click OK and let the script run (should only be a few seconds).

Step 7

Now, go to File Menu and choose Save or Save As....and give it a name with a .gif extension.

The following dialog windows will appear.  Make the selections as shown:





If you've done everything correctly, your animation should resemble this:



Simple, yet mesmerizing!

Enjoy!

Art


« Last Edit: May 16, 2010, 08:09:04 AM by Hi-T3k~HillBilly »
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline a2j3

  • Member
  • ***
  • Posts: 488
  • Karma: 0
Re: Crazy Spinning Globe Tutorial
« Reply #1 on: October 08, 2007, 07:48:49 AM »
@Fence looks like another one of your awesome tutorials. Guess I better try it out. I love the animation  +karma  wish me luck. hehehehe ;D


EDITED: Ok here is my 1st try. I love this tutorial Fence. You did a wonderful job on it.  ;D  I decided I wanted to keep my round globe at the beginning of the animation. I haven't decided if I want to put The Gimp logo on the globe yet or not. lol. ;D

You are not allowed to view links. Register or Login
« Last Edit: October 08, 2007, 09:29:12 AM by a2j3 »

Offline fencepost

  • Cheif Editor
  • ********
  • Posts: 2518
  • Karma: 0
    • fence-post.deviantart.com
Re: Crazy Animated Sphere Tutorial
« Reply #2 on: October 08, 2007, 09:41:19 AM »
Good work, Jo!  I like the whole globe thing too!
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline a2j3

  • Member
  • ***
  • Posts: 488
  • Karma: 0
Re: Crazy Animated Sphere Tutorial
« Reply #3 on: October 08, 2007, 10:02:57 AM »
Thank u fence. I couldn't have done it without your help.  +karma

Offline HippieKender

  • Moderator
  • ********
  • Posts: 996
  • Karma: 0
  • I seem to lick circular things...
    • hippiekender.deviantart.com
    • hippiekender: PhotoBucket
    • @HippieKender:twitter
    • HippieKender.com
Re: Crazy Animated Sphere Tutorial
« Reply #4 on: October 08, 2007, 11:07:15 AM »
Thanks for this Fence.  I couldn't believe how easy this was - it looks so complicated :D

Here is my noxious gas cloud .... thing

You are not allowed to view links. Register or Login
GimpDome dA Group
||  You are not allowed to view links. Register or Login
GimpDome's CafePress
|| You are not allowed to view links. Register or Login
@GimpDome
on Twitter
The most precious thing one can make is a friend.

Offline fencepost

  • Cheif Editor
  • ********
  • Posts: 2518
  • Karma: 0
    • fence-post.deviantart.com
Re: Crazy Animated Sphere Tutorial
« Reply #5 on: October 08, 2007, 11:11:46 AM »
WOW! That's very nice!  If you could get rid of that seem, it would ROCK!  Thanks for trying it out!

Art
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline HippieKender

  • Moderator
  • ********
  • Posts: 996
  • Karma: 0
  • I seem to lick circular things...
    • hippiekender.deviantart.com
    • hippiekender: PhotoBucket
    • @HippieKender:twitter
    • HippieKender.com
Re: Crazy Animated Sphere Tutorial
« Reply #6 on: October 08, 2007, 11:17:22 AM »
WOW! That's very nice!  If you could get rid of that seem, it would ROCK!  Thanks for trying it out!

Art

Yeah, I thought about messing with the seam, but didn't feel like editing 60 frames  XD
when I have a bit more time I will probably mess with it more.

You are not allowed to view links. Register or Login
GimpDome dA Group
||  You are not allowed to view links. Register or Login
GimpDome's CafePress
|| You are not allowed to view links. Register or Login
@GimpDome
on Twitter
The most precious thing one can make is a friend.

ToeJam

  • Guest
Re: Crazy Animated Sphere Tutorial
« Reply #7 on: October 08, 2007, 01:29:59 PM »
Hi FP,  I knew I had signed up here some time back. Already posted this on Flickr.



Oops...  I need to refresh my html skills I see. Sorry for the mess.

I fixed it!  Art
« Last Edit: October 08, 2007, 01:43:46 PM by fencepost »

Offline fencepost

  • Cheif Editor
  • ********
  • Posts: 2518
  • Karma: 0
    • fence-post.deviantart.com
Re: Crazy Animated Sphere Tutorial
« Reply #8 on: October 08, 2007, 01:31:52 PM »
Hey, TJ!  Glad to see you made the trek back!  I already posted a reply to you on flickr, but am glad you posted your results here as well.  Thanks!  You sure have some "unique" screen names!

Art
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline a2j3

  • Member
  • ***
  • Posts: 488
  • Karma: 0
Re: Crazy Animated Sphere Tutorial
« Reply #9 on: October 08, 2007, 04:18:47 PM »
@Fence, ok help. lol. I want to make this one awesome, but it's lacking in something  ^o). Can you give me some tips on what you would do to make it better?
You are not allowed to view links. Register or Login