滑桿      


【Flash Catalyst CS5 好簡單工具─Scroll Panel網頁造型滑桿設計】

(2)內容 Scrolling Content製作

利用繪圖軟體,自製造型滑桿。完整範例如下:

 









完整的滑軌組件,是由兩個元件所組成的 : 

 

Scroll panel =  Scrolling Content 內容 +  Scrollbar  滑軌

 

 

 ----------------------------------------------------------------------------------------------------------------------------------

 

Step4.【完成 Scrolling Content設定】


(4-1)  04內容-3.jpg 在左上角的狀態列中,退回最外層。

(4-2) 利用圖層面板,同時選取 " Scrollbar物件 & Scrolling Content 內容"

04內容-1.jpg 04內容-2.jpg  


(4-3)  在HUD面板中,選取" Scroll Panel "。

04內容-4.jpg 




(4-4)  

(A)  點選快速鍵 Ctrl + E ,編輯 Scroll Panel 的內容,

      這個時候左上角狀態列,會顯示已經進入 Scroll Panel 。 

      04內容-5.jpg


(B)  透過圖層面板,選取屬於內容的物件,並在HUD面板中,勾選" Scrolling Panel "

04內容-6.jpg 

04內容-7.jpg 



(4-5)  最後,內容的部分會形成如同遮色片般的效果,可以調整自己所需的遮色片的邊界。

04內容-8.jpg 



 

----------------------------------------------------------------------------------------------------------------------------------

 

 

 

Step5.【預覽 & 輸出】


(5-1)  打開先前建立裝飾用的底框架圖層,就可以得到下圖完整的內容。

            點選快速鍵 Ctrl + Enter,預覽輸出的效果。

04內容-9.jpg 

 

 

(5-2)  確定所需的效果後,可以從 " File >> Publish to SWF/AIR ... "

           轉存封包的 SWF檔案,或者AIR執行應用程式。

04內容-10.jpg  

 

 

創作者介紹
創作者 一二珊躲支喵 的頭像
一二珊躲支喵

一二珊躲支喵

一二珊躲支喵 發表在 痞客邦 留言(0) 人氣()