Ben's VAIO Style

My VAIO,my style,just like no others.

星期一, 12月 18, 2006

我的 SONY VAIO 風格論(二)
系統開機畫面-自製教學篇

繼上一篇的想法說明與展示後,接著,來看看如何自己動手完成這具風格的開機畫面。

準備工具 :
  1. 任何一個圖像製作軟體(PhotoImpact、PhotoShop....)
  2. 開機畫面更換軟體 BootSkin
    (免費的,軟體說明與下載 >>請按此<<)
第一階段:製作開機畫面

開機畫面分成兩個部份,一為背景圖,一為滾動圖(其實就是一張小圖,他會被由左至右移動),格式如下 :
圖\格式像素大小色盤
背景圖寬640 x 高48016色
滾動圖寬22 x 高916色

上面的兩張圖色盤必須一致,為什麼後面會解釋,先讓我們來做做看。

!!重要技巧!!
由於VAIO S18是寬螢幕,開機時開機畫面會由640 x 480被拉寬成800 x 480大小顯示,若照原來640 x 480去畫圖,則在開機時圖像會變形,比例就不好看了,就好像哈哈鏡把人拉胖一樣。
所以為了使寬螢幕之下不失比例,我們用800 x 480大小來畫圖(正常比例),最後再將他改大小成
640 x 480(寬度被縮窄),這樣實際顯示時,就會由窄被拉寬成正常了。(其他型號NB也可以此類推)

  1. 先建立一張空圖片,大小為800 x 480,色盤為全彩(24-bit color or more...)
  2. 畫背景圖!(請自行畫或是剪貼你想要的圖)假設畫完如下圖。
  3. 畫滾動圖!(如下圖)
  4. 改變圖片大小!(縮寬度)
  5. 將色盤轉為16色!
    利用繪圖軟體提供的功能將色盤由全彩轉成16色
    (圖與上面4.的一樣,就不貼了)

  6. 將圖片存成兩個不同檔名的檔,例如:BG.bmp(背景圖)、BAR.bmp(滾動小圖)

  7. 開啟BG.bmp,將滾動小圖處塗成背景色(或剪掉)後存檔,背景圖完成,結果如下:
  8. 開啟BAR.bmp,利用選取工具選取滾動小圖處(選取大小為22 x 9),然後利用剪裁功能去掉其他地方,只剩下選取的滾動小圖處,然後存檔,滾動圖即完成!
Tips : 兩張圖在同一張圖上製作,並轉為16色色盤後,再分開另存新檔,這樣的色盤才會一致,因為螢幕顯示圖片一次只能用一組色盤,若兩張圖色盤不一,會發現當滾動圖出現開始做移動時,背景圖的顏色會變的不正常,也就是說背景圖的色盤被滾動圖的替換了,造成背景圖變得醜醜的。


第二階段:套用自製的開機畫面
  1. 先安裝開機畫面更換軟體 BootSkin
    (免費的,軟體說明與下載 >>請按此<<)
  2. 在BootSkin目錄下,有一個叫「skins」的子目錄,請進入「skins」目錄,並在裡面建立一個目錄,假設建立的目錄名稱為「SonyVaio」。
  3. 進入「SonyVaio」目錄,把上面所畫的圖檔放入,例如:BG.bmp與BAR.bmp。
  4. 在「SonyVaio」目錄下建立一個空文字檔,檔名請固定取為:bootskin.ini。
  5. 用記事本開啟bootskin.ini,內容填入如下:
    [BootSkin]
    Type=0
    Name = "SonyVaio_Classic Wide"
    Author = "TEST"
    Description = "SonyVaio_Classic for Wide Screen"
    ProgressBar=BAR.bmp
    ProgressBarX = 120
    ProgressBarY = 339

    ProgressBarWidth = 410
    Screen=BG.bmp

    填入完成後存檔。
    紅色字部份為圖檔名稱,若你圖檔名稱不同,請修改成跟你
    圖檔名稱一致。
    綠色部份為滾動條的左距離、上距離與
    滾動寬度,都可以自訂,你可以試改看看,看有什麼不同。
    特別注意:
    滾動寬度不要超出螢幕範圍,意即不可讓滾動小圖移動超出640 x 480範圍,不然開機時會出現討厭的藍白畫面喔,但是還是可以正常進入系統,這裡要小心一點。

  6. 接著請開啟BootSkin軟體,畫面如下,可以看到你設計的開機畫面已出現於列表中:
  7. 選取後,點下方的「Preview」按鈕可以預覽。
  8. 若OK的話,就按下方的「Apply」套用吧!然後重開機試試看是否可以正確顯示就可以了。
以上教學,歡迎非商業行為之轉貼與分享,但請註明出處與原文的連結,謝謝收看!
若有公司企業大廠,想委託在下設計開機畫面,用以搭配產品風格,請聯絡:Ben.Pann@gmail.com。

嗯嗯,製作有問題的人,歡迎在下方回覆並提問,下一主題,將展示「登入畫面」的風格化修改,請待續..........