１、画像の切り抜き
画像の輪郭をパスで描く前段階で、画像の余分な部分を切り抜いておきます。PhotoshopやPaintShopProなどの切り抜きができるグラフィックスソフトで切り抜いてください。
下図では、ピンクの部分が不要。
これを一旦表画像として保存します。
２、裏画像の作成
これを 左右反転してから 裏の画像を作成します。shapeが回転で裏返しになった時の画像にしますので、pathを描く輪郭をできるだけはみ出さないように、裏画像を作成してください。
今回の場合は、部分的修正で済ませました（作成中画面）。
出来上がりは裏画像として保存します。gifでもjpegでもいいのですが、今回は透過gifにしました。
表画像 sakuranboo.gif 裏画像 sakuranboo2.gif
３、表画像を元に、VML作成ツールやVML2作成ツールで輪郭をshapeのpathになるように作成します。
下図はわかりやすくするために、filled="f" strokecolor="red" strokeweight="2pt"にしています。
原点を回転の中心に移動させておいてください。
パスが取得できたら、ひな形にしましょう。HTML+TIMEとVML使用できるひな形にしておいてください。
４、shapeエレメントのサブエレメントにfillサブエレメントとextructionサブエレメントを入れます。この時fshapeエレメント・fillサブエレメント・extructionサブエレメントすべてにIDを入れておきます。
また、fillサブエレメントには、画像をshape図形全体にぴったりと貼り付けるために、type="frame"を入れます。
<v:shape
id="boo"
style="LEFT: 300px; WIDTH:
1px; POSITION: absolute; TOP: 300px; HEIGHT: 1px; rotation: 0" coordsize="1,1"
stroked="f" path="m 3 -228 c 43 -224 69 -251 103 -215 139 -200 113 -189 83
-204 58 -205 59 -207 82 -190 100 -183 94 -155 115 -140 126 -110 98 -93 79 -78 70
-71 59 -63 44 -58 76 -40 89 -68 105 -81 181 -137 211 -110 93 -32 88 -20 80 -6 80
11 132 26 193 49 105 81 166 153 162 195 51 98 33 93 17 121 -14 103 -27 111 -37
113 -53 106 -90 152 -149 179 -99 98 -108 94 -115 87 -119 81 -141 96 -161 72 -167
52 -191 39 -142 33 -125 28 -90 12 -79 5 -90 -19 -211 -146 -183 -167 -104 -82
-101 -80 -100 -82 -96 -85 -140 -115 -131 -156 -105 -155 -108 -164 -100 -172 -90
-184 -145 -184 -136 -195 -103 -201 -126 -224 -120 -235 -83 -222 -77 -230 -62
-232 -46 -231 -71 -252 -41 -251 3 -228 x e">
<v:fill
id="bumof"
type="frame"
/>
<v:extrusion
id="muki"
on="t"
type="parallel"
skewangle="0" foredepth="10mm"
backdepth="10mm"
autorotationcenter="t"
color="#fcc"
viewpointorigin="0,0" viewpoint="0,0" rotationangle="0,-330" facet="0.01"
lightposition="-200,300,500" metal=t" />
</v:shape>
extructionのtype属性がparallelの場合は、他の属性値がデフォルトの時に、rotationangle="0,0"では、正面を向きません。parallelの場合に正面を向いた状態からスタートさせるには、rotationangle="0,-330"としてください。一回転させるには、-330から30までの回転をさせます。
extructionのtype属性がperspectiveの場合は、rotationangle="0,0"で正面を向きます。回転は-360〜0または、0〜360で一回転します。
但しperspectiveの場合は画像の貼り付けが回転によってずれます。---これについては後述のサンプルを見てください。