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

創建Windows XP圖標教程(中)

2020/5/29  電子商務網  瀏覽選項:    本文已被瀏覽 1203 次
投影
使用投影后,Windows XP 圖標將更清晰且更具立體感?稍赑hotoshop 中實現這種效果。
若要為圖像添加投影,請在 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 大小的圖像?赡苄枰M行像素推移。如果不能清晰地顯示 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圖標教程(上)
→ 主題所屬分類:  計算機技術 → 軟件頻道 → 『關閉窗口』
把Flash動畫輕松轉成GIF圖片
網站的搜索引擎優化九大秘法
QQ密碼被盜另類原因 深度剖析QQ..
QQ聊天:真耶?幻耶
MSN越來越好玩
Skype出現嚴重安全漏洞
電子商務主要的安全要素
搜索連通計算機 “慧眼”識透局域網..
中國電子商務:生銹的守門人與群眾的..
在多個QQ號碼間共享自定義表情
中消協重要提示:網上購物盡量貨到付款
系統工具Ghost另類技巧放送
實現WinRAR解密“自動化”
網上交易并非可隨心所欲
輕松在Windows XP中發短信
網絡客戶許可營銷的嶄新天地
可隨身攜帶的迷你型系統工具-K1
巧用組合鍵快速切換用戶
讓Excel表頭自動填寫當前月份和..
使用命令行參數為系統打補丁
軟件卸載更徹底
個人網站如何挖金
網上開店:兼職管理團隊做大化妝品店
LinkTheater:開創AV播..
評測環境和一些基本介紹 Foxma..
電子商務主要的安全要素
微軟欲推出IPTV平臺搶占客廳市場
三星攝影網站相冊 免費相冊總動員
網上生意競爭刺刀見紅
Office12 Beta預覽版試..
電子商務:十三大缺憾
電子商務發展所面臨的問題
使用腳本恢復WinXP用戶密碼
用MyIE2鎖住窗口
開店經驗談:小賣家的銷售技巧
網絡電視插件 傲游系列插件介紹(二)
制作步驟1-4 Visio制作“高..
電子商務:小女子網上餐廳的成功案例
夏季高溫凸顯網購優勢 淘寶借機掀起..
方法一:用圖片制作圓角表格 美化網..
快速發展:睡康寧實施的網絡營銷戰略
開店經驗:東西便宜為何沒人買
重拳出擊 ACDSee Pro 8..
做一個MSN“隱形人”
巧妙破除網頁右鍵禁用的十大絕招
 熱門文章
 
 保存網頁圖片的八種方法 (53553)
 我的QQ 我的信息中心 (47777)
 2006年值得關注的十個web2.0網站 (39716)
 傳統商務與電子商務的區別 (11525)
 讓Windows序列號原形畢露 (10926)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (9298)
 如何讓搜索引擎收錄新網站 (8329)
 如何保持網站排名課程記錄 --  電子商務網原創 (7584)
 在Word中輸入乘號和除號的幾種方法 (7372)
 IE6用戶如何升級到IE7.0瀏覽器版本 (7218)
 更換開機畫面 Win XP開機畫面隨我定 (7119)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (6483)
 智能ABC輸入法中的使用技巧 (6167)
 抓就要抓最清晰的圖片 (6150)
 微軟推免費文件夾加密軟件 (5962)
 最近更新
 
 保存網頁圖片的八種方法 (8月1日)
 我的QQ 我的信息中心 (8月1日)
 2006年值得關注的十個web2.0網站 (8月1日)
 傳統商務與電子商務的區別 (8月1日)
 讓Windows序列號原形畢露 (8月1日)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (7月21日)
 如何讓搜索引擎收錄新網站 (8月14日)
 如何保持網站排名課程記錄 --  電子商務網原創 (8月15日)
 在Word中輸入乘號和除號的幾種方法 (8月1日)
 IE6用戶如何升級到IE7.0瀏覽器版本 (12月28日)
 更換開機畫面 Win XP開機畫面隨我定 (8月1日)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (8月1日)
 智能ABC輸入法中的使用技巧 (8月1日)
 抓就要抓最清晰的圖片 (8月1日)
 微軟推免費文件夾加密軟件 (8月1日)
 文章搜索
 
搜索選項:            
  → 評論內容 (點擊查看)
(沒有相關評論)
  → 發表我的評論
您的姓名:  您的E-mail:

評論內容:
發表評論:  
   電子商務網每日推薦文章: Google補充材料形成的原因 2020/5/29
    我們在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登陆 南粤风采26选5开 广西快3是国家开的吗 美人捕鱼教程 宝博棋牌官网下载娱乐 安徽波克麻将房卡转让 广西快乐10分助手 26选5投注时间 广东十一选五专家计 三码中特全免费公开 欢乐棋牌下载 麻将推倒胡规则 云南快乐十分近100期 疯狂飞艇小技巧 陕西11选5分布一 日本av女佣图 天天彩选4走势图500期