加入收藏
 地圖
 用戶登陸
 幫助中心
電子商務 SEO動態 SEO技術 SEO軟件 SEO推薦 網站留言 SEO用戶 SEO專欄 電子商務   SEO培訓
今天是:2019年9月20日 星期五   您現在位于: 首頁 →  SEO技術 → 計算機技術(軟件頻道)

創建Windows XP圖標教程(中)

2019/9/20  電子商務網  瀏覽選項:    本文已被瀏覽 1383 次
投影
使用投影后,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:創建 8 位和 4 位圖像
創建 8 位圖像
既然已經制作完成了 24 位圖像(用于合成 32 位圖標),下一步則是創建 8 位圖像。8 位圖標將以低于 32 位的任意顏色模式顯示。
8 位圖標不具有 8 位 alpha 通道。因此,要對 8位圖標進行邊緣清理,否則邊緣會有鋸齒。
在 Photoshop 中, 復制 24 位圖像圖層并將圖層重命名為 8 位圖像。
新建空層并用深色(如藍色)填充圖層。
將 8 位圖像圖層與新層合并。
用純色清理邊緣,去除已消除鋸齒的像素。固定使用某種方法對邊緣進行處理,淡化邊緣的鋸齒效果。
在淺色(如白色)背景上檢查圖像的外觀效果。

                                       
圖 17:清理 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 文件。
創建 4 位圖像
若要使圖標在較低的顯示環境中具有較好的顯示效果,請使用 16 色圖標。 
將 8 位圖像的索引顏色改為 Windows 16 色調色板。
僅用 16 色調色板中的顏色清理圖像。 
在圖像的底部和右側邊緣處使用黑色輪廓。
在圖像的左側和頂部邊緣處使用深灰或其它深顏色。
使用同樣的背景色保存三種尺寸。確保圖像中未使用背景色,因為背景色將作為透明色。

                                       
圖 18:4 位圖標示例
步驟 5:創建 .ico 文件
所有圖像都準備好后,即可將它們編譯成 .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 中時,將會出現一個對話框:


                                       
圖 19:在 Gif Movie Gear 中設置 24 位圖像
請確認設置如下所示:
圖層為多幀動畫
未混合:每層為一個幀
保持背景透明
每個 24位圖像的背景層都將顯示為一個幀。選擇幀,并按 Delete 鍵可刪除這些空白幀。
現在,總共應有 9 個幀。圖標應按顏色分辨率的遞增順序排序:前三個為 4 位(16 色),接下來的三個為 8 位(256 色),最后三個為 24 位顏色加上 8 位 alpha 通道(共 32 位)。 

                                       
圖 20:Gif Movie Gear 中幀的順序 
注意:若要檢查圖像的屬性,請將鼠標移到圖像上。將顯示一個工具提示框,其中包含每個圖像的分辨率信息。默認設置包括維度、透明度和位計數。可以通過 Edit->Preferences->Frame Tips 添加或刪除所顯示的項目。
對于 8 位和 4 位圖像,背景應是透明的。GMG 使用暗黃綠色表示“透明”色。可以使用 View->Transparency As 菜單項設置自己的顏色(或仍然使用默認背景色)。所選顏色只用于查看圖像效果,不會影響圖像本身。 

若要使 8 位和 4 位圖像透明: 
選擇一個幀,并單擊 Pick Transparency Color 工具欄圖標(吸管)。 

                                       
圖 21:使用透明工具
將打開一個對話框,其中顯示您的圖標。使用吸管工具單擊圖標的背景色。此顏色將更改為暗黃綠色(或在 GMG 中選作透明背景色的顏色)。 
重復所有 4 位和 8 位幀。
若要保存圖標,請選擇 File->Save Icon As...。
(作者:Windows 用戶體驗組)
 發布人:杰米  [ → 我要發表文章 ] 上篇文章:堵住網絡Bug,垃圾短信走開!
下篇文章:創建Windows XP圖標教程(上)
→ 主題所屬分類:  計算機技術 → 軟件頻道 → 『關閉窗口』
Win XP登錄口令丟失的解決辦法
Internet上存在的主要安全隱..
2014 Latest Desig..
[辣手一招]FTP搖身變本地硬盤
OE的附件真被刪除了嗎?
Topp kvalitet swi..
讓HyperSnap-DX與攝像頭..
WPS Office格式文件讀取技巧
XP系統恢復注意的十三項
這年頭誰的錢最好賺?
常用軟件加密方法一覽
開始→運行→輸入的命令集錦
電子商務網站共性:訪客粘性和概念回歸
在Win 2003中安全釋放內存
百度圖片搜索引擎使用技巧
QQ2005 beta3新功能圖片..
女性網上開店月增四成
電子政務與電子商務的話語分析
R茅plicas de reloj..
讓金山詞霸也能通過“運行”打開
千萬別亂動Program Files
Breitling Montres..
Mozilla Firefox技巧..
Hublot Replica Wa..
2014 Hot Moncler ..
Mode Horloges : r..
“營銷”變“贏銷”的六大技巧
微軟:用盜版可以 我便宜賣你個證吧
班級宣言播放音樂 驚喜!校友錄管理..
De melhor qualida..
Word設置頁碼小技巧
如何驗證隱身QQ是否在線
讓Word中項目符號和編號走開
拒絕亂七八糟的圖標—我的桌面你別動
界面美觀度 騰訊QQ與UC非對抗性..
Replica Rolex Dat..
實戰Dreamweaver MX技..
用Server 2003建匿名訪問..
遠程桌面(上) 自動管理Win20..
網店經營成功之路
迅雷聽聽:簡單、方便的一站式音樂百..
快速打開Word文檔 “三板斧”(..
小技巧:Coreldraw濾鏡轉彩..
寬帶用戶是內網還是外網之完全解析(..
eBay財報夸大中國表現 淘寶稱其..
 熱門文章
 
 保存網頁圖片的八種方法 (53701)
 我的QQ 我的信息中心 (47846)
 用OE郵件發短信不再是夢想! (44123)
 2006年值得關注的十個web2.0網站 (39892)
 傳統商務與電子商務的區別 (11504)
 讓Windows序列號原形畢露 (11081)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (9747)
 如何讓搜索引擎收錄新網站 (8492)
 IE6用戶如何升級到IE7.0瀏覽器版本 (7555)
 在Word中輸入乘號和除號的幾種方法 (7548)
 更換開機畫面 Win XP開機畫面隨我定 (7378)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (6642)
 如何保持網站排名課程記錄 --  電子商務網原創 (6578)
 智能ABC輸入法中的使用技巧 (6399)
 抓就要抓最清晰的圖片 (6263)
 最近更新
 
 保存網頁圖片的八種方法 (8月1日)
 我的QQ 我的信息中心 (8月1日)
 用OE郵件發短信不再是夢想! (8月1日)
 2006年值得關注的十個web2.0網站 (8月1日)
 傳統商務與電子商務的區別 (8月1日)
 讓Windows序列號原形畢露 (8月1日)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (7月21日)
 如何讓搜索引擎收錄新網站 (8月14日)
 IE6用戶如何升級到IE7.0瀏覽器版本 (12月28日)
 在Word中輸入乘號和除號的幾種方法 (8月1日)
 更換開機畫面 Win XP開機畫面隨我定 (8月1日)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (8月1日)
 如何保持網站排名課程記錄 --  電子商務網原創 (8月15日)
 智能ABC輸入法中的使用技巧 (8月1日)
 抓就要抓最清晰的圖片 (8月1日)
 文章搜索
 
搜索選項:            
  → 評論內容 (點擊查看)
(沒有相關評論)
  → 發表我的評論
您的姓名:  您的E-mail:

評論內容:
發表評論:  
   電子商務網每日推薦文章: Google補充材料形成的原因 2019/9/20
    我們在Google中進行搜索時,如果搜索結果比較少,有時候會發現有的網頁后面被標記為“補充材料”(Supplemental Result)。補充材料是什么東西呢?Google在Google向網站管理員提供的信息高級問題里是如此定義補充材料的:
    補充網站是Google輔助索引的一部分。對輔助索引進行抓取的限制少于主要索引。例如,一個網址的參量可能使該網站無法被抓取到主要索引中,但仍可能被抓取到我們的補充索引里。
    將網站包括其中的索引是完全自動的,沒有任何方式可以選擇或更改您網站的索引。請放心,包含網站的索引不會影響該網站的PageRank。
    根據Google的說法,作為補充材料的網頁,只是一種輔助、補充的索引,并不作為主要索引。也就是說,這些網頁并非在Google的主數據庫中,而是在輔助數據庫中。一般情況下,當我們在Google進行搜索時,他展現給我們的結果,是主數據庫中的網頁,并非輔助數據庫中的網頁。由此可以得出結論,作為補充材料的網頁,在Google的表現會非常非常的差。
    根據yoo的觀察,作為補充材料的網頁,被Google爬蟲爬行的間隔時間非常長,很多時候幾個月、甚至半年都不會被Google爬蟲造訪,嚴重影響網頁在Google數據庫中的更新。同時這些網頁的排名非常差,只有在搜索結果很少的時候,才會被Google列出來。一般情況下,根本無法在搜索結果里看見這些網頁。......查看詳細內容
關于我們 ┋ 網站留言 ┋ 電子商務網成員網站 ┋ SEO培訓基地 ┋ 地圖 ┋ SEO培訓 ┋ 管理 ┋ TOP
合作站點: 杰晶網絡 | 建材互聯 | Herbal | 淘寶優惠券 | 中國保健品網 | OilPainting | NHE | 杰米世界 | 南強新網
電子商務網 網絡營銷顧問:杰晶網絡 版權所有
Copyright © 2006 ECSoon.com All Rights Reserved
拳皇98登陆