DIV CSS 佈局教程網

4、直接在點陣圖上右鍵調出彈出菜單，選擇Transform/變形-->Skew/斜切，選中底邊的控點向外拉伸到近屏幕邊緣。現在你有個很大的梯形已經遠遠超出畫布范圍，橫跨屏幕。不必擔心，直接到屬性面板把圖形寬度改成60像素，再把它拖到畫布中間來，這就是我們要的第一束光的原型。

圖4

5、點擊Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份，右鍵選擇Transform/變形-->Rotate 180°/旋轉180度。把兩束光沿相反方向擺成一線，對齊。點擊Modify/修改-->Symbol/元件-->Convert to Symbol.../轉化成元件，或快捷鍵F8直接將這兩個組合圖建立成圖形元件。

圖5

6、Ctrl+Shift+D原位克隆這份元件，並在克隆出來的元件上點擊右鍵，選擇Transform/變形-->Rotate 180°/旋轉180度。目前雖然看不出有什麼明顯變化，這是為下一步的旋轉補間作准備。選中這兩個元件，點擊Modify/修改-->Symbol/元件-->Tween Instances.../補間實例，在彈出的窗口設置步數值21，並取消勾選Distribute to frames/分散到幀。實現的效果就如同這個蒲公英的樣子。如果你的電腦配置低些，完成這一步會多需要幾秒鐘時間。

圖6