Part II: Create an Animated 3D Poker Chip
Animate the Poker Chip
The animation portion of this tutorial can get a little tricky. It's very important for the symbols to line up; So, when the animation completes a revolution there aren't any jumps or skips. You may have to tweak the steps in Part I to make sure everything works properly. I know I had to.
Let's Get Started
Duplicate the entire poker chip by selecting it, and pasting to front (CNTRL+C, CNTRL+F). Then select the chip copy that we just made, and double click the 3D Revolve Effect. Use the settings as shown.
Click the Map Art button and adjust the surfaces as shown. Some symbols will need to be rotated in order to create a smooth transition.
Now select both 3D objects. Go to Object > Blend > Blend Options. Select Specified Steps and enter 25. Then go to Object > Blend > Make.
In the layer palette, select the blend layer > in the fly out menu select Release to Layers (Sequence). This will place all the blend steps into separate layers.
Export the File
Now we are ready to export our swf file. Go to file > Save for Web and Devices. Use the settings as shown below. Make sure you export it as a swf file and convert the layers to swf frames. You may also loop the animation.
Conclusion
This was a fun tutorial to design. This is the first tutorial I've ever written - feedback is welcome. You may also adjust the chip's color and rotation. Or create stacks of chips if you like. The final flash file is below.
Bookmark/Search this post with:
Animate?
Illustrator animation? Freaky awesome! :D
Markus
May 12th, 2008
3D poker
wow 3D poker! great! i like it! I wish I had an illustrator.... lol
Simon Skinner Sportsbook-watch
May 26th, 2008
You're one cool dude!
Your tips are fabulous. I've used it to create animation finally! Thanks.
SEO Singapore
June 2nd, 2008
Very Complex for Me
I am somewhat of an animation fanatic, but this looks tough. Thanks for the plan!
used buses
July 16th, 2008
I love it. Thanks for your
I love it. Thanks for your tutorial, I am going to put it to good use.
London Tours
July 31st, 2008
blackjack
very nice!
i could use this on my site!
blackjack
August 20th, 2008
You are very talented in
You are very talented in adobe illustrator. Keep them coming please!
makeover games
August 25th, 2008
Now that is one very cool
Now that is one very cool trick. Me like very much!
Sharon
Sharon
September 26th, 2008
You know, I have
You know, I have illustrator, although I don't put it to much good use...but I never even realized you could do animation with it!
Shaw
September 26th, 2008
yeah, time to put this on
yeah, time to put this on your poker site! LOL!
Donna
Donna
September 26th, 2008
wow
that really looks awesome!! Guess was a lot of work for you!
Heinz
November 25th, 2008
Alright...
Thats enough. It is time that you take your tutorial work and your ability to make amazing things, and put that into a millionaire business. Because you deserve it.
Discount Emerald Jewelry
December 4th, 2008
Very Nice
It's hard to believe this is your first tutorial. You did an excellent job of explaining and showing what needs to be done. I hope you continue to do more as you have a very good talent.
BlackJack
December 18th, 2008
NIce but...
so nice but, I've gote a trouble! when I click on Map Art button It gives me 36 surface instad of 11, why? I've made mistake?
thanks
Daniele Casino
January 3rd, 2009
poker chip
Wow that explains it in simple terms i will now impliment this with a customer that we have that wants just this web design in his website.
Thanks
Web Design London
February 2nd, 2009
Very Nice
Nice post, very clear. Always wanted my own rotating chip!
Blackjack
February 4th, 2009
Thanks for the tutorial!
Thanks for the tutorial! Quick and easy!
Unhas Decoradas
March 5th, 2009
Thanks for the great
Thanks for the great tutorial!
Voos Baratos para Paris
March 6th, 2009
This tutorial is even better
This tutorial is even better than the previous one, and that one was already quite awesome.
pregnancy nutrition guide
March 7th, 2009
Very good
It would make a great avatar animation too!
mobile phones shops
March 10th, 2009
Nice tutorial.
this is what i'm searching for..
cheap bass guitars
March 20th, 2009
appreciate the tutorial
thanks iam going to try to build a chip aswell
Pokerschule
March 20th, 2009
Thanks so much!
I'm just starting to get to grips with animations and this was a really fun tutorial, thanks for posting it!
Spoonfed
March 26th, 2009
thanks for the great
thanks for the great tutorial.
Spoonfed
April 16th, 2009
Can you post a link to the final product?
I really like this... I would just like to change the color to red and add my logo in the middle! Can you send the link or file to my email or post here?
thanks!
webmaster; ttmyt.com
Thoughts That Make You Think
May 25th, 2009
Alavert
Give please. Human beings, who are almost unique in having the ability to learn from the experience of others, are also remarkable for their apparent disinclination to do so. Help me! Help to find sites on the: Alavert. I found only this - Allegra vs alavert. Cytomel cytomel synthroid save on quality prescriptions, brand name drugs. Buy synthroid online, purchase cheap synthroid! Engine and internal. Waiting for a reply :mad:, Freddy from Azerbaijan.
Freddy
May 28th, 2009
Illustrator for 3D shapes
It is not well known how to use Adobe Illustrator to create 3D shapes. Although Illustrator is not intended for 3D, the feature detailed above is very usefull for, simple 3D compositions. Maya or 3D studio may help users looking for more sophisticated comps.
Mark, Ars Logo Design
June 25th, 2009
Post new comment