| 導購 | 订阅 | 在线投稿
分享
 
 
 

創建 Windows XP 圖標

來源:互聯網網民  2006-12-17 09:48:48  評論

創建 Windows XP 圖標

創建 Windows XP 圖標

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

本指南是專爲設計者編寫的。在創建圖像時,建議您與高水平的圖形設計者一起工作,尤其是具有豐富的矢量和 3D 程序經驗的圖形設計者。

色彩豐富,是對 Windows XP 外觀的補充。 不同的角度和透視特性爲圖像增添了動態活力。 元素的邊角十分柔和,並略微有些圓滑。 光源位于圖標的左上角,同時有環繞光照亮圖標的其它部分。 漸變效果使圖標具有立體感,進而使圖標的外觀更加豐滿。 投影使圖標更具對比度和立體感。 添加輪廓可使圖像更清晰。 日常對象(如計算機和設備)具有更現代化的個人外觀。

建議使用以下三種尺寸: 48 × 48 像素 32 × 32 像素 16 × 16 像素

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

× 24 像素大小

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

每個 Windows XP 圖標應包含以下三種色彩深度,以支持不同的顯示器顯示設置: 24 位圖像加上 8 位 alpha 通道(32 位) 8 位圖像(256 色),加上 1 位透明色 4 位圖像(16 色),加上 1 位透明色

並非所有對象使用 16 × 16 的複雜圖像都能獲得較好效果。以下對象通常以直觀圖像顯示: 文檔圖標 符號圖標(如警告或信息圖標) 單一對象圖標(如放大鏡)

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

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

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

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

設計圖標時,請考慮以下因素: 使用已有概念以確保真實表達了用戶的想法。 考慮圖標在用戶界面環境中以何種形式出現,以及如何作爲圖標集的一部分使用。 考慮圖形的文化背景。避免在圖標中使用字母、單詞、手或臉。必須用圖標表示人或用戶時,請盡可能使其大衆化。 如果圖標中的圖像由多個對象組成,應考慮如何使圖像尺寸更小。建議在圖標中使用的對象不超過三個。對于 16 × 16 的尺寸大小,還可考慮刪除某些對象或簡化圖像使之更容易辨認。 爲遵守商標及 Windows 品牌規則,除 Windows 的 Update 圖標外,不要在圖標中使用 Windows 標志。 Windows 標志只能在 Microsoft® Windows® 操作系統所提供的圖標中使用。 Microsoft 品牌組應審查圖標中 Windows 標志的使用情況。

若要繪制 Microsoft Windows XP 的樣式圖標,建議您使用矢量工具,如 Macromedia FreeHand 或 Adobe Illustrator。按圖標設計概述中指定的操作使用調色板和樣式特征。 使用 FreeHand 或 Illustrator 繪制圖像。 分別創建三個尺寸的圖像。因爲稍後將爲圖像添加投影,所以創建的三個尺寸應爲 46 × 46、30 × 30 及 14 × 14 像素。 複制矢量圖,並將其粘貼到 Photoshop 中。 Paste(粘貼)對話框 將矢量文件粘貼到 Photoshop 中後,下一步就是完成 24 位圖像。 將三個尺寸的圖像粘貼到 Photoshop 中後,請檢查圖像的可讀性和分辨率,特別是 16 × 16 大小的圖像。可能需要進行像素推移。如果不能清晰地顯示 16 × 16 的圖像,應在 FreeHand 中簡化該尺寸的圖像。 若要爲圖像添加投影,請雙擊圖像的圖層,並選擇 Drop Shadow。然後將 Angle 更改爲 135,Distance 更改爲 2,Size 更改爲 2。此時,投影爲 75% 不透明黑色。

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

新建三個 Photoshop 文件,每個文件的尺寸分別爲 48 × 48、32 × 32 和 16 × 16 像素。複制並粘貼相應圖像。如果圖像投影被截斷,應在 FreeHand 中縮小圖像尺寸,然後重新執行這些步驟。 將每個文件保存爲 .psd 文件。不要將圖像圖層與背景圖層合並在一起。最好在文件名中包含尺寸和色彩深度。 既然已經制作完成了 24 位圖像(用于合成 32 位圖標),下一步則是創建 8 位圖像。8 位圖標將以低于 32 位的任意顔色模式顯示。

8 位圖標不具有 8 位 alpha 通道。因此,要對 8 位圖標進行邊緣清理,否則邊緣會有鋸齒。 在 Photoshop 中, 複制 24 位圖像圖層並將圖層重命名爲 8 位圖像。 新建空層並用深色(如藍色)填充圖層。 將 8 位圖像圖層與新層合並。 用純色清理邊緣,去除已消除鋸齒的像素。固定使用某種方法對邊緣進行處理,淡化邊緣的鋸齒效果。 在淺色(如白色)背景上檢查圖像的外觀效果。

新建三個 Photoshop 文件,每個文件的尺寸分別爲:48 × 48、32 × 32 和 16 × 16 像素。複制並粘貼相應圖像。 接下來需將圖像的索引顔色更改爲 256 色。8 位圖標可以具有自定義的調色板。 在 48 × 48 圖像中,使用獨特的顔色 — 圖像中未曾使用的顔色填充背景。通常使用品紅色 (R255 G0 B255)。 轉至 Image->Mode->Indexed Color,然後選擇 Flatten Layers。 在 Palette 下拉菜單中,選擇 Custom。在 Custom 對話框中,單擊 OK。在 Indexed Color 對話框中單擊 OK。 將文件保存爲 .psd 文件。 使用同樣的背景色和自定義調色板保存另外兩種尺寸的文件。 將每個文件保存爲 .psd 文件。 若要使圖標在較低的顯示環境中具有較好的顯示效果,請使用 16 色圖標。 將 8 位圖像的索引顔色改爲 Windows 16 色調色板。 僅用 16 色調色板中的顔色清理圖像。 在圖像的底部和右側邊緣處使用黑色輪廓。 在圖像的左側和頂部邊緣處使用深灰或其它深顔色。 使用同樣的背景色保存三種尺寸。確保圖像中未使用背景色,因爲背景色將作爲透明色。

所有圖像都准備好後,即可將它們編譯成 .ico 文件。若要創建 32 位圖標,需使用 Gif Movie Gear (GMG) 工具。 在 Gamani(英文)網站可獲得此工具。

在下面的步驟中,我們將討論創建典型 .ico 文件(具有三種尺寸和三種色彩深度)的過程。 總共應有 9 個文件 — 每種色彩深度有三種尺寸: 48 × 48,24 位 32 × 32,24 位 16 × 16,24 位

48 × 48,8 位 32 × 32,8 位 16 × 16,8 位

48 × 48,4 位 32 × 32,4 位 16 × 16,4 位

打開 Gif Movie Gear (GMG),將每個圖像文件拖動到窗口中(或使用 File->Insert Frames)。 每個圖像都將成爲一個幀。 將 24 位圖像(或帶有圖層的 .psd 文件)拖動到 GMG 中時,將會出現一個對話框: 請確認設置如下所示: 圖層爲多幀動畫 未混合:每層爲一個幀 保持背景透明 每個 24 位圖像的背景層都將顯示爲一個幀。選擇幀,並按 Delete 鍵可刪除這些空白幀。 現在,總共應有 9 個幀。圖標應按顔色分辨率的遞增順序排序:前三個爲 4 位(16 色),接下來的三個爲 8 位(256 色),最後三個爲 24 位顔色加上 8 位 alpha 通道(共 32 位)。 ->Preferences->Frame Tips 添加或刪除所顯示的項目。對于 8 位和 4 位圖像,背景應是透明的。GMG 使用暗黃綠色表示「透明」色。可以使用 View->Transparency As 菜單項設置自己的顔色(或仍然使用默認背景色)。所選顔色只用于查看圖像效果,不會影響圖像本身。 若要使 8 位和 4 位圖像透明: 選擇一個幀,並單擊 Pick Transparency Color 工具欄圖標(吸管)。

將打開一個對話框,其中顯示您的圖標。使用吸管工具單擊圖標的背景色。此顔色將更改爲暗黃綠色(或在 GMG 中選作透明背景色的顔色)。 重複所有 4 位和 8 位幀。 若要保存圖標,請選擇 File->Save Icon As...。

Windows 工具欄顯示兩種圖標尺寸:24 × 24 和 16 × 16 像素。圖標具有兩種狀態 — 默認和激活(鼠標在圖標上)。對于激活態,我們需稍微增加圖像的飽和度。

工具欄圖標的創建過程除了圖像是 .bmp 格式之外,與創建非工具欄圖標非常相似 — 基本上是按順序排列的一行圖標。 在 FreeHand 中繪制了各種尺寸的圖標之後,請將它們複制並粘貼到 Photoshop 中。將 24 × 24 的圖像放在一個圖層上,將 16 × 16 的圖像放在另一個圖層上。 在每個圖層上,針對每種尺寸畫一行方框。一行爲 16 × 16 的方框,另一行爲 24 × 24 的方框。

將每個圖像按所需順序置于方框中。確認圖像間沒有重疊。

保存 Photoshop 文件。 接下來將在 Photoshop 中創建激活態圖像。 複制 24 × 24 和 16 × 16 圖層。重命名圖層,將其標記爲激活態版本。 對于每個激活態版本,選擇圖層並轉至 Image->Adjust->Levels,然後將中間的箭頭移到 0.75 處。單擊 OK。

創建激活態圖像後,每個草圖應有一個圖層:分別是默認 24 × 24、激活 24 × 24、默認 16 × 16 以及激活 16 × 16。 接下來爲每個草圖單獨創建文件。 一種方式是使用「裁切」工具將文件裁切到適合草圖的尺寸,然後,保存該文件。對草圖的度量必須從第一個方框的開始處直到最後一個方框的結尾處。 分別將每個草圖保存爲 24 位 .psd 文件。

如果要將草圖另存爲 32 位圖像,請將其拖動到 GMG 中。刪除所有空白幀。轉至 File->Export as->Filmstrip。在 Film Export 對話框中,確認已選中 BMP/DIB and 24-bit with Alpha。 Microsoft Windows XP 使用 8 位 AVI。創建 .avi 文件的過程與創建圖標的過程相同 — 在 Photoshop 中准備圖像,然後將其拖動到 GMG 中。請按以下指導創建 8 位圖標。

若要使用 GMG 保存 AVI,請轉至 File->Export As->AVI file?。

創建 .avi 文件時,請考慮以下因素: 使用品紅 (R255 G0 B255) 作爲背景透明色。 在 Photoshop 中,重要的一點是不要出現雜散像素。請將填充能力設置爲 0,並確認未選中取消鋸齒。

 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
創建 Windows XP 圖標 創建 Windows XP 圖標 Windows XP 圖標樣式有趣、色彩豐富且充滿活力 — 這是因爲這些圖標是 32 位圖標,並且邊緣非常平滑。在矢量程序中繪制完每個圖標後,再用 Adobe Photoshop 進行處理可使圖像更加完美。 本指南是專爲設計者編寫的。在創建圖像時,建議您與高水平的圖形設計者一起工作,尤其是具有豐富的矢量和 3D 程序經驗的圖形設計者。 色彩豐富,是對 Windows XP 外觀的補充。 不同的角度和透視特性爲圖像增添了動態活力。 元素的邊角十分柔和,並略微有些圓滑。 光源位于圖標的左上角,同時有環繞光照亮圖標的其它部分。 漸變效果使圖標具有立體感,進而使圖標的外觀更加豐滿。 投影使圖標更具對比度和立體感。 添加輪廓可使圖像更清晰。 日常對象(如計算機和設備)具有更現代化的個人外觀。 建議使用以下三種尺寸: 48 × 48 像素 32 × 32 像素 16 × 16 像素 「開始」菜單右側的圖標顯示爲 24 × 24 像素大小。該尺寸不需要由用戶提供。 × 24 像素大小 對于正在創建的工具欄圖標,Windows 標准尺寸爲 24 × 24 和 16 × 16 像素。 每個 Windows XP 圖標應包含以下三種色彩深度,以支持不同的顯示器顯示設置: 24 位圖像加上 8 位 alpha 通道(32 位) 8 位圖像(256 色),加上 1 位透明色 4 位圖像(16 色),加上 1 位透明色 並非所有對象使用 16 × 16 的複雜圖像都能獲得較好效果。以下對象通常以直觀圖像顯示: 文檔圖標 符號圖標(如警告或信息圖標) 單一對象圖標(如放大鏡) 除非創建重疊輔助對象可以更清楚地表達圖標的含義,否則就可讀性和完整性而言,還是應使用直觀圖像。還應考慮如何按組查看圖標,以便確定如何將對象分組。 若要爲圖像添加投影,請在 Photoshop 中雙擊圖像的圖層,並選擇 Drop Shadow。然後將 Angle 更改爲 135,Distance 更改爲 2,Size 更改爲 2。此時投影爲 75% 不透明黑色。 設計新圖標時,建議先用紙筆將基本思路繪制出來。 以下是 Windows XP 「圖片收藏」圖標的初稿示例: 設計圖標時,請考慮以下因素: 使用已有概念以確保真實表達了用戶的想法。 考慮圖標在用戶界面環境中以何種形式出現,以及如何作爲圖標集的一部分使用。 考慮圖形的文化背景。避免在圖標中使用字母、單詞、手或臉。必須用圖標表示人或用戶時,請盡可能使其大衆化。 如果圖標中的圖像由多個對象組成,應考慮如何使圖像尺寸更小。建議在圖標中使用的對象不超過三個。對于 16 × 16 的尺寸大小,還可考慮刪除某些對象或簡化圖像使之更容易辨認。 爲遵守商標及 Windows 品牌規則,除 Windows 的 Update 圖標外,不要在圖標中使用 Windows 標志。 Windows 標志只能在 Microsoft® Windows® 操作系統所提供的圖標中使用。 Microsoft 品牌組應審查圖標中 Windows 標志的使用情況。 若要繪制 Microsoft Windows XP 的樣式圖標,建議您使用矢量工具,如 Macromedia FreeHand 或 Adobe Illustrator。按圖標設計概述中指定的操作使用調色板和樣式特征。 使用 FreeHand 或 Illustrator 繪制圖像。 分別創建三個尺寸的圖像。因爲稍後將爲圖像添加投影,所以創建的三個尺寸應爲 46 × 46、30 × 30 及 14 × 14 像素。 複制矢量圖,並將其粘貼到 Photoshop 中。 Paste(粘貼)對話框 將矢量文件粘貼到 Photoshop 中後,下一步就是完成 24 位圖像。 將三個尺寸的圖像粘貼到 Photoshop 中後,請檢查圖像的可讀性和分辨率,特別是 16 × 16 大小的圖像。可能需要進行像素推移。如果不能清晰地顯示 16 × 16 的圖像,應在 FreeHand 中簡化該尺寸的圖像。 若要爲圖像添加投影,請雙擊圖像的圖層,並選擇 Drop Shadow。然後將 Angle 更改爲 135,Distance 更改爲 2,Size 更改爲 2。此時,投影爲 75% 不透明黑色。 若要合並投影和 24 位圖像,請新建一個空層。在 Layers 菜單中,選擇 Merge Visible 將三層合並在一起。 新建三個 Photoshop 文件,每個文件的尺寸分別爲 48 × 48、32 × 32 和 16 × 16 像素。複制並粘貼相應圖像。如果圖像投影被截斷,應在 FreeHand 中縮小圖像尺寸,然後重新執行這些步驟。 將每個文件保存爲 .psd 文件。不要將圖像圖層與背景圖層合並在一起。最好在文件名中包含尺寸和色彩深度。 既然已經制作完成了 24 位圖像(用于合成 32 位圖標),下一步則是創建 8 位圖像。8 位圖標將以低于 32 位的任意顔色模式顯示。 8 位圖標不具有 8 位 alpha 通道。因此,要對 8 位圖標進行邊緣清理,否則邊緣會有鋸齒。 在 Photoshop 中, 複制 24 位圖像圖層並將圖層重命名爲 8 位圖像。 新建空層並用深色(如藍色)填充圖層。 將 8 位圖像圖層與新層合並。 用純色清理邊緣,去除已消除鋸齒的像素。固定使用某種方法對邊緣進行處理,淡化邊緣的鋸齒效果。 在淺色(如白色)背景上檢查圖像的外觀效果。 新建三個 Photoshop 文件,每個文件的尺寸分別爲:48 × 48、32 × 32 和 16 × 16 像素。複制並粘貼相應圖像。 接下來需將圖像的索引顔色更改爲 256 色。8 位圖標可以具有自定義的調色板。 在 48 × 48 圖像中,使用獨特的顔色 — 圖像中未曾使用的顔色填充背景。通常使用品紅色 (R255 G0 B255)。 轉至 Image->Mode->Indexed Color,然後選擇 Flatten Layers。 在 Palette 下拉菜單中,選擇 Custom。在 Custom 對話框中,單擊 OK。在 Indexed Color 對話框中單擊 OK。 將文件保存爲 .psd 文件。 使用同樣的背景色和自定義調色板保存另外兩種尺寸的文件。 將每個文件保存爲 .psd 文件。 若要使圖標在較低的顯示環境中具有較好的顯示效果,請使用 16 色圖標。 將 8 位圖像的索引顔色改爲 Windows 16 色調色板。 僅用 16 色調色板中的顔色清理圖像。 在圖像的底部和右側邊緣處使用黑色輪廓。 在圖像的左側和頂部邊緣處使用深灰或其它深顔色。 使用同樣的背景色保存三種尺寸。確保圖像中未使用背景色,因爲背景色將作爲透明色。 所有圖像都准備好後,即可將它們編譯成 .ico 文件。若要創建 32 位圖標,需使用 Gif Movie Gear (GMG) 工具。 在 Gamani(英文)網站可獲得此工具。 在下面的步驟中,我們將討論創建典型 .ico 文件(具有三種尺寸和三種色彩深度)的過程。 總共應有 9 個文件 — 每種色彩深度有三種尺寸: 48 × 48,24 位 32 × 32,24 位 16 × 16,24 位 48 × 48,8 位 32 × 32,8 位 16 × 16,8 位 48 × 48,4 位 32 × 32,4 位 16 × 16,4 位 打開 Gif Movie Gear (GMG),將每個圖像文件拖動到窗口中(或使用 File->Insert Frames)。 每個圖像都將成爲一個幀。 將 24 位圖像(或帶有圖層的 .psd 文件)拖動到 GMG 中時,將會出現一個對話框: 請確認設置如下所示: 圖層爲多幀動畫 未混合:每層爲一個幀 保持背景透明 每個 24 位圖像的背景層都將顯示爲一個幀。選擇幀,並按 Delete 鍵可刪除這些空白幀。 現在,總共應有 9 個幀。圖標應按顔色分辨率的遞增順序排序:前三個爲 4 位(16 色),接下來的三個爲 8 位(256 色),最後三個爲 24 位顔色加上 8 位 alpha 通道(共 32 位)。 ->Preferences->Frame Tips 添加或刪除所顯示的項目。對于 8 位和 4 位圖像,背景應是透明的。GMG 使用暗黃綠色表示「透明」色。可以使用 View->Transparency As 菜單項設置自己的顔色(或仍然使用默認背景色)。所選顔色只用于查看圖像效果,不會影響圖像本身。 若要使 8 位和 4 位圖像透明: 選擇一個幀,並單擊 Pick Transparency Color 工具欄圖標(吸管)。 將打開一個對話框,其中顯示您的圖標。使用吸管工具單擊圖標的背景色。此顔色將更改爲暗黃綠色(或在 GMG 中選作透明背景色的顔色)。 重複所有 4 位和 8 位幀。 若要保存圖標,請選擇 File->Save Icon As...。 Windows 工具欄顯示兩種圖標尺寸:24 × 24 和 16 × 16 像素。圖標具有兩種狀態 — 默認和激活(鼠標在圖標上)。對于激活態,我們需稍微增加圖像的飽和度。 工具欄圖標的創建過程除了圖像是 .bmp 格式之外,與創建非工具欄圖標非常相似 — 基本上是按順序排列的一行圖標。 在 FreeHand 中繪制了各種尺寸的圖標之後,請將它們複制並粘貼到 Photoshop 中。將 24 × 24 的圖像放在一個圖層上,將 16 × 16 的圖像放在另一個圖層上。 在每個圖層上,針對每種尺寸畫一行方框。一行爲 16 × 16 的方框,另一行爲 24 × 24 的方框。 將每個圖像按所需順序置于方框中。確認圖像間沒有重疊。 保存 Photoshop 文件。 接下來將在 Photoshop 中創建激活態圖像。 複制 24 × 24 和 16 × 16 圖層。重命名圖層,將其標記爲激活態版本。 對于每個激活態版本,選擇圖層並轉至 Image->Adjust->Levels,然後將中間的箭頭移到 0.75 處。單擊 OK。 創建激活態圖像後,每個草圖應有一個圖層:分別是默認 24 × 24、激活 24 × 24、默認 16 × 16 以及激活 16 × 16。 接下來爲每個草圖單獨創建文件。 一種方式是使用「裁切」工具將文件裁切到適合草圖的尺寸,然後,保存該文件。對草圖的度量必須從第一個方框的開始處直到最後一個方框的結尾處。 分別將每個草圖保存爲 24 位 .psd 文件。 如果要將草圖另存爲 32 位圖像,請將其拖動到 GMG 中。刪除所有空白幀。轉至 File->Export as->Filmstrip。在 Film Export 對話框中,確認已選中 BMP/DIB and 24-bit with Alpha。 Microsoft Windows XP 使用 8 位 AVI。創建 .avi 文件的過程與創建圖標的過程相同 — 在 Photoshop 中准備圖像,然後將其拖動到 GMG 中。請按以下指導創建 8 位圖標。 若要使用 GMG 保存 AVI,請轉至 File->Export As->AVI file?。 創建 .avi 文件時,請考慮以下因素: 使用品紅 (R255 G0 B255) 作爲背景透明色。 在 Photoshop 中,重要的一點是不要出現雜散像素。請將填充能力設置爲 0,並確認未選中取消鋸齒。
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 
 熱帖排行
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有