Windows XP Windows 7 Windows 2003 Windows Vista Windows教程綜合 Linux 系統教程
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟件教程
 Windows教程網 >> Windows XP系統教程 >> XP系統基礎知識 >> 打造個性化XP圖標

打造個性化XP圖標

日期:2017/1/24 11:59:59      編輯:XP系統基礎知識
 Microsoft Windows XP 引入了一種新的圖標設計樣式。在下面的文章中,我們將討論設計和創建Windows XP 樣式圖標的具體步驟。

  Windows XP 圖標樣式有趣、色彩豐富且充滿活力,這是因為這些圖標是32 位色的圖標,邊緣非常平滑。一般我們可以在矢量程序中繪制完每個圖標後,再用 Adobe Photoshop 進行處理,使圖像更加完美。

  基本流程:

  1.使用 FreeHand 或 Illustrator 繪制圖標的矢量圖像。

  2 .復制矢量圖,並將其導入 Photoshop 中進行進一步處理。

  3 .用 Gif MovIE Gear 創建 .ico 文件。
  

圖 1:圖標示例

  一、圖標設計概述

  本節的目的是讓您熟悉 Windows XP 的新樣式,為創建圖標做好准備。

  圖標樣式特性

  色彩豐富,是對 Windows XP 外觀的補充。

  不同的角度和透視特性為圖像增添了動態活力。

  元素的邊角十分柔和,並略微有些圓滑。

  光源位於圖標的左上角,同時有環繞光照亮圖標的其它部分。

  漸變效果使圖標具有立體感,進而使圖標的外觀更加豐滿。

  投影使圖標更具對比度和立體感。

  添加輪廓可使圖像更清晰。

  日常對象(如計算機和設備)具有更現代化的個人外觀。

  圖標尺寸

  Windows 圖標有四種尺寸:48 × 48、32 × 32、24 × 24 和 16 × 16 像素,建議使用這些標准尺寸。
  
  
圖 2:常規圖標尺寸

  “開始”菜單右側的圖標顯示為 24 × 24 像素大小。該尺寸不需要由用戶提供。
  

圖 3:“開始”菜單中的 24 × 24 像素大小

  對於正在創建的工具欄圖標,Windows 標准尺寸為 24 × 24 和 16 × 16 像素。
  

圖 4:標准工具欄圖標尺寸


  圖標色彩深度支持

  Windows XP 支持 32 位圖標。32 位圖標為 24 位圖像加上 8 位 alpha 通道。使圖標邊緣非常平滑,且與背景相融合。

  每個 Windows XP圖標應包含以下三種色彩深度,以支持不同的顯示器顯示設置:

  24 位圖像加上 8 位 alpha 通道(32 位)

  8 位圖像(256 色),加上 1 位透明色

  4 位圖像(16 色),加上 1 位透明色
  

圖 5:32 位、8 位和 4 位的“圖片收藏”圖標

  調色板

  以下顏色是圖標中使用的主要顏色:
  

圖 6:Windows XP 圖標調色板

  對象的角度和分組

  以下是 Windows XP 樣式圖標使用的透視網格:
  

圖 7:Windows XP 圖標透視

  並不是所有對象使用 16 × 16 的圖像都能獲得較好效果。下面的對象通常以正面直觀圖像顯示:

文檔圖標

  符號圖標(如警告或信息圖標)

  單一對象圖標(如放大鏡)  

圖 8:直觀圖標示例(.Jpg 文檔、搜索和收藏夾圖標)

  除非創建重疊輔助對象可以更清楚地表達圖標的含義,否則就可讀性和完整性而言,還是應使用直觀圖像。還應考慮如何按組查看圖標,以便確定如何將對象分組。  

圖 9:重疊示例(添加或刪除程序、打印圖片及最近的文檔)

  投影

  使用投影後,Windows XP 圖標將更清晰且更具立體感。可在Photoshop 中實現這種效果。

  若要為圖像添加投影,請在 Photoshop 中雙擊圖像的圖層,並選擇 Drop Shadow。然後將 Angle 更改為 135,Distance 更改為 2,Size 更改為 2。此時投影為 75% 不透明黑色。   


  
圖 10:為圖標添加投影前後

  輪廓

  繪制 XP 樣式圖標時,為圖像添加輪廓可使之更清晰,並可保證圖像在不同背景色上都具有較好效果。

  二、創建圖標的具體步驟

  步驟 1:概念

  設計新圖標時,建議先用紙筆將基本思路繪制出來。

  以下是 Windows XP “圖片收藏”圖標的初稿示例:   

 
圖 11:“圖片收藏”圖標初稿

  設計圖標時,請考慮以下因素:

  使用已有概念以確保真實表達了用戶的想法。

  考慮圖標在用戶界面環境中以何種形式出現,以及如何作為圖標集的一部分使用。

  考慮圖形的文化背景。避免在圖標中使用字母、單詞、手或臉。必須用圖標表示人或用戶時,請盡可能使其大眾化。

  如果圖標中的圖像由多個對象組成,應考慮如何使圖像尺寸更小。建議在圖標中使用的對象不超過三個。對於 16 × 16 的尺寸大小,還可考慮刪除某些對象或簡化圖像使之更容易辨認。

  注意:在圖標中使用 Windows 標志時,請遵守以下規定:

  為遵守商標及 Windows 品牌規則,除 Windows 的 Update 圖標外,不要在圖標中使用 Windows 標志。

  Windows 標志只能在 Microsoft? Windows? 操作系統所提供的圖標中使用。

  Microsoft 品牌組應審查圖標中 Windows 標志的使用情況。

  公用圖標  


  
圖 12:Windows XP 的公用圖標

  公用工具欄圖標   


  
圖 13:Windows XP 的公用工具欄圖標

步驟 2:繪制圖像

  若要繪制 Microsoft Windows XP 的樣式圖標,建議您使用矢量工具,如 Macromedia FreeHand 或 Adobe Illustrator。按圖標設計概述中指定的操作使用調色板和樣式特征。

  使用 FreeHand 或 Illustrator 繪制圖像。

  分別創建三個尺寸的圖像。因為稍後將為圖像添加投影,所以創建的三個尺寸應為 46 × 46、30 × 30 及 14 × 14 像素。

  復制矢量圖,並將其粘貼到 Photoshop 中。   


  
圖 14:Paste(粘貼)對話框

  注意:建議使用 Photoshop 作為圖像創建工具,因為創建 .ico 文件所用的 Gif MovIE Gear 可以直接導入 Photoshop 文件。在 Photoshop 中通過“RGB”模式創建的圖像都具有 alpha通道。如果圖像或圖層具有透明度,對圖標而言,使用通道將非常有意義。


  步驟 3:創建 24 位圖像

  將矢量文件粘貼到 Photoshop 中後,下一步就是完成 24 位圖像。

  將三個尺寸的圖像粘貼到 Photoshop 中後,請檢查圖像的可讀性和分辨率,特別是 16 × 16 大小的圖像。可能需要進行像素推移。如果不能清晰地顯示 16 × 16 的圖像,應在 FreeHand 中簡化該尺寸的圖像。

  若要為圖像添加投影,請雙擊圖像的圖層,並選擇 Drop Shadow。然後將 Angle 更改為 135,Distance 更改為 2,Size 更改為 2。此時,投影為 75% 不透明黑色。   


  
圖 15:設置投影

  若要合並投影和 24 位圖像,請新建一個空層。在 Layers 菜單中,選擇 Merge Visible 將三層合並在一起。   


  
圖 16:合並圖層保留投影

  新建三個 Photoshop 文件,每個文件的尺寸分別為 48 × 48、32 × 32 和 16 × 16 像素。復制並粘貼相應圖像。如果圖像投影被截斷,應在FreeHand 中縮小圖像尺寸,然後重新執行這些步驟。

  將每個文件保存為 .psd 文件。不要將圖像圖層與背景圖層合並在一起。最好在文件名中包含尺寸和色彩深度。

  步驟 4:

Copyright © Windows教程網 All Rights Reserved