Animating a Moving Car On a Road |
| Start by creating sky area by applying a light gradient on the background. |
 |
| Create the ground using a rectangle and fill it with green color. |
 |
| Create another rectangle above the green rectangle. This’ll serve as a road shape. |
 |
| Apply following layer styles. |
 |
 |
| Create a small horizontal rectangle in the center of road. |
 |
| Duplicate the rectangle . |
 |
| Merge all the small rectangle layers. Duplicate the merged layer, and press Shift+Right Arrow 2imes. Hide the original layer. |
 |
| Similarly create another duplicate of the previous layer and move it 2 times. |
 |
| Create one more duplicate similarly. |
 |
| Using custom shape tool create a tree. |
 |
| Populate the area with more trees. |
 |
 |
| Merge the tree layers. Create similar number of duplicates and move as you did for the road paint layer. |
 |
 |
| Create a car shape using custom shape tool. |
 |
| Draw circles for wheels. |
 |
 |
| Merge car and wheel layers. Knock out areas for car windows. Duplicate the car layer. Move a few pixels up. Hide this layer. |
 |
| Add a couple of glints using a small white brush on the car wheels. |
 |
| Open animation window. For the first frame hide the all the duplicate layers of road paint, tress and glint on wheel except the initial ones. |
 |
| Duplicate the frame. HIde the initial positions of different elements and unhide the second position/layers of the elements. |
 |
| So on and so forth repeat the procedure till four frames. |
 |
 |
 |
Animating a Moving Car On a Road
19 Comments »
RSS feed for comments on this post. | TrackBack URI
Hahahahaha
Nice1!
I like it!
Comment by Inno^ — March 9, 2006 @ 12:40 pm
Wow I love all of your tuts this was great and I’m learning alot just from this site. All Hail Photoshop and Imageready.
Comment by Brandon Lunday — March 10, 2006 @ 8:25 am
Incredible tutorial.. I remember at school we have to do that in flash, this is so much easier… Photoshop Rules
Comment by Shadow — March 14, 2006 @ 4:17 am
haha, thanks for this tut, i allways wanted to make something like this but i didn’t know how
Comment by LoL — March 14, 2006 @ 9:52 am
well i tested it… or i have always know how to do it but..
Comment by Donatello — March 14, 2006 @ 10:17 am
waoo its really nicee…..
Comment by monster — March 14, 2006 @ 2:05 pm
lol well done i love it .
Comment by Paul Caine — March 15, 2006 @ 4:30 pm
very cool
Comment by kory — March 17, 2006 @ 3:27 pm
Great tutorial but needs to give more detail. it seems to be a tutorial for people who has a little of expierence using photoshop.it would be much better if it would have more details. thanks
Comment by netmata — March 21, 2006 @ 1:14 am
WOW!!! It’s really a GOOD-TUTORIAL!!
Comment by Kelly — March 23, 2006 @ 5:23 pm
very good
Comment by good — April 1, 2006 @ 7:18 am
wheres the animation window at?
Comment by EriC — April 17, 2006 @ 4:38 pm
What kind of photoshop will i buy??? w/ the image ready??? Pls tell what version
Comment by katrina — April 20, 2006 @ 4:08 am
Version 7, CS or CS2 will have image ready.
I suggest the newest version, CS2, as it has some really amazing features and it is what we use.
Comment by Fiery Darts — April 20, 2006 @ 7:39 am
yummy yummy in my tummy
Comment by Joe Schmo — April 28, 2006 @ 7:38 am
Correct me if I’m wrong but if you install the Photoshop trial, you get to work with ImageReady foreever it doesn’t expires.
Comment by Paddo Swam — May 4, 2006 @ 8:03 am
Thanks for the time you let me be ith you all thanks alot.
Comment by Cassie downey — May 10, 2006 @ 7:27 am
dat was reali nice …
Comment by shahi .. — May 23, 2006 @ 6:16 am
awesome!!
Comment by Wouter Nuyts — July 3, 2006 @ 9:08 am