School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 306,973 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,848 people online right now. Registration is fast and FREE... Join Now!




Ulead GIF Animator 5: How to make a car's tires rotate

 
Reply to this topicStart new topic

> Ulead GIF Animator 5: How to make a car's tires rotate

OliveOyl3471
Group Icon



post 13 May, 2009 - 09:09 PM
Post #1


This tutorial explains how to make a tire on a car rotate. This technique works best when the car is facing sideways so that the tire is perfectly round, not slanted.

Find your picture wherever you have it saved on your computer. Right click and open with Ulead GIF Animator.
I’m using this:

IPB Image

Add new frames until you have 20 frames total.

IPB Image

Go to frame 1. Highlight your picture, at the right. It should be object 1.

IPB Image

Go to edit and click copy. Go to each frame and paste until you have a copy of the same picture in all 20 frames. Alternatively you can go to each frame separately and highlight your object so that it shows up in each frame. You won’t have as many objects that way. It works just as well, as long as you don’t plan to make the car itself move.

Go to the first frame. Choose selection tool, circle.

IPB Image

Highlight the area inside of the tire.

IPB Image

As you can see from this picture, you do not need to highlight the black part of the tire. Just the rim will do. Click to zoom if it makes it easier to get the circle in the right spot.

IPB Image

Click edit, then copy. Go to the second frame. Click edit, then paste. Click the transform tool.

IPB Image

Click to rotate clockwise 18 degrees. The reason we use 18 is because we have 20 frames total, and 18 * 20 = 360, or one full revolution. You can use different numbers if you want more or fewer frames. Just make sure the amount of degrees rotated per frame * the total frames = 360 or you’ll get a jumpy motion at the end.

IPB Image

If the image does not move when you click to rotate it, make sure that the correct object is highlighted.

IPB Image

If it still doesn’t rotate, make sure that the image to be rotated is in front. If it isn’t, you can go to Order and click the third arrow as shown, to bring it to the front. It won't hurt anything to do this even if your object is already in the front. In that case, nothing will change.

IPB Image

After you rotate the tire in the second frame, go to the third frame and paste again. Click twice to rotate clockwise. Repeat the process for each frame, until you have all 20 frames completed. Each time, remember to click one more time to rotate clockwise than you did in the previous frame.

Click preview just to make sure it looks right, and make any necessary changes.

IPB Image

Repeat the process for the other tire.

Ctrl+ click on each frame (at the bottom) to highlight all frames.

IPB Image

Right click on any frame and then click frame properties. Choose removal method, smart. You can also change the delay if you want. A higher number means the tires rotate slower and a lower number means they rotate faster.

IPB Image

Preview and make changes until it is the speed you like.

Go to file and save as GIF.

And that’s all there is to making a car’s tires rotate. Maybe next I’ll write a tutorial to make the scenery move so it looks like the car is actually going somewhere instead of just spinning its wheels. biggrin.gif

IPB Image
Go to the top of the page
+Quote Post


Register to Make This Ad Go Away!

firebolt
Group Icon



post 14 May, 2009 - 11:17 PM
Post #2
If you could, you could try and get the background moving as well smile.gif . Apart from that, nice tutorial! icon_up.gif
Go to the top of the page
+Quote Post


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 


Lo-Fi Version Time is now: 11/21/09 04:57AM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month