第一步,點擊下載單機版8090系列播放器測試包(CMP程序)
點擊下載: 第二步:下載后解壓,你會得到這樣的一個文件夾。 第三步,解壓后,你會看到這樣的文件夾,和文件,下面是詳細的注解。(圖片縮小,可以雙擊查看)
第四步,我們開始制作8090系列播放器 這次我們以8090系列第一百款代號100.swf為例制作 效果:
第五步,首先我們做一個播放器皮膚的主框架,當然這得會PS, 框架大小自定。大體上分為列表區(qū),視屏區(qū),標題區(qū),歌詞區(qū),時間區(qū),狀態(tài)區(qū),以及一些各項按扭 這是100款的PNG圖
做好后,另存為PNG格式圖片,名稱為:console.png
第六步,我們開始動手了解制著流程。 打開skin文件夾,會看下面這樣
第七步,我們點擊這個文件夾進入,我們看到三個文件,它們是 一個默認皮膚,(不管它),一個是播放器皮膚調(diào)試工具,(很重要,我們常要用到,雙擊打開就可以調(diào)試了) 第三個,是我們的示例皮膚素材壓縮包。就是上面展示的這款,我們解壓之
第八步,解壓后,我們會得下面的這些圖片。
我們用右鍵,縮略圖查看。
我們把主框架背景換成自己剛做的。 第九步,我們雙擊調(diào)式工具,開始調(diào)試。
雙擊后,會是這樣的一個界面
我們點打開SKIN, 會打開這樣的對話框,我們找到SKIN文件 、
打開,我們就能看到播放器的預覽和代碼區(qū)了
|