|
 |
|
|
|
|
|
TITLE:Car Drawing Effect
SOFTWARES: Swishmax & Photoshop 7.0
AUTHOR: Fred Anthony Aujero (clubfredd)
DESCRIPTION: Car Drawing Effect using Masking
Greetings to Everyone! 
This is a tutorial as per request of Heaven  . You will find some sites that have intros wherein before showing the actual object the frame of the object is drawn first. I replicated the effect and now I'm sharing how I did this. There are certain flaws as how this was done but all that mattered to me was how to replicate the effect so here it is:
[1] Prepare your image. I made the background transparent so we only have the object (in .png), which in this case is an image of a MG Project-X SV.
[2] Also make a copy of the wheels.
Okay, now that we're done with the image... let's animate... 
[3] In swishmax, import the image of the car and the wheels.
[4] Align the wheels with the wheels of car so that there's no difference seen.
[5] Let's start drawing the frame of the car and the wheels. Using the Bezier Tool and a preferred color (I used light gray), trace the outline of the car. Also trace certain noticable objects on the car (i.e. grills, lights). Try to switch from hiding the main car image so that you'll see the outline only. Trace until satisfied. Do not trace the wheels of the car, only the body.
[6] Group all the lines made by the Bezier Tool into a shape.
[6] Hide both the car image and the created frame. Now what we will only see are the wheels. Before tracing these, we need to give it a 2D look. You can do this by morphing a rectangle using the Reshape Tool.
[7] We also need to do 2D wheels on the other side (The side that is unseen on the car image). This can be done by a circle and morphing the rectangle using the Reshape Tool. Do this for both the front and rear wheel.
[8] Trace the wheels the same way as doing the body of the car, and group these as a shape (as seen above). By the way, try to group the shape by the wheels seen and the wheels that are unseen (the other side of the car).
Now for the masking...
[9] Create objects that would cover the images. Here is a list of the objects that are to be grouped with masks.
- Wheels seen [inside sprite left_wheels]
- Wheels unseen [inside sprite right_wheels]
- Frame of the wheels seen [inside sprite wheels_frame]
- Frame of the wheels unseen [inside sprite wheels_frame]
- Frame of the car body [inside sprite Bodyframe]
- and lastly, the car [inside sprite MainBody]
[10] The objects to be used as masks should be grouped as sprites with their corresponding objects to be masked (see #9 for placements and below for image).
[11] Use the move effect to create movement from a location other than that of the images/frames... going to the location of the images/frames.
[12] Now for the order of the masks to show the objects, I used a gotoAndPlay (FRAME) command (in any order that you want, this is just how I did it on the file ).
1. Frame of the wheels
2. Image of the wheels
3. Frame of the car body
4. Image of the car
Ok.. that's basically it Hope this is helpful and easy to follow.
Here is how it looks:
::PREVIEW::
I've included the swi for download
BTW, on the file there's sprite [Cube].. it's supposed to be a base or something.. dunno really  Just saw that on one of the sites and put it in too. Same procedures though.
::Cheers!::
Fred
|
|
|
|
