第一篇：PhotoShop設計一個圣誕iphone icon圖標教程

核心提示：借著圣誕節到來，這次用photoshop制一個簡單的圣誕iphone icon，整個過程利用photoshop的矢量功能結合位圖功能完成。

相關下載： Photoshop CS5官方正式版 Adobe Photoshop CS4 Adobe Photoshop CS3 Adobe Photoshop CS2

借著圣誕節到來，這次用photoshop制一個簡單的圣誕iphone icon，整個過程利用photoshop的矢量功能結合位圖功能完成，這篇文章很簡單，主要是介紹photoshop中矢量在icon的應用和一些小細節。

最終效果

用圓角矩形工具畫出長寬為512px，R值為92px的標準iphone框架

加上1px內陰影效果，使其有立體感

再用圖案疊加添加木紋圖案，你可以google好看的木紋圖案，這里我就用自帶的木紋了

效果：

添加一個圓角矩形圖層

設置投影、內陰影、內發光效果進一步加強立體感

效果：

添加niigoo主體漸變色和描邊，你也可以自已發揮，描邊是使外部木邊更有立體感，這就是細節的體現了

接著到圍脖的部份，新建圖層，用鋼筆畫出圍脖，主體選用紅色，添加圖層陰影效果

圍脖圖層1

圍脖圖層2

圍脖圖層3

注意圖層的順序

再用鋼筆畫出圍脖陰影，畫好了用濾鏡進行高斯模糊

用毛筆添加亮面和暗面，方法：這里可以在圍脖圖層1上面新建一圖層，右鍵－創建剪貼蒙板，然后這圖層就嵌入圍脖圖層1里了，再用毛筆畫亮面和暗面，不怕出邊了

其它圍脖塊用上述同樣方法畫出亮面和暗面

添加圍脖波點

這里也是使用創建剪貼蒙板的方法，先用橢圓工具畫出波點，再把波點圖層嵌入圍脖圖層里

整理好圖層，三層圍脖完成了

回過頭來檢查圖層，噢~~~一切就是這么整體

再來就是加上“尼果”倆字（出處表明，哈哈）

好了，在底部再添加一個反光圖層就完成了

第二篇：設計一個播放進度條圖標教程

設計一個播放進度條圖標教程

今天帶同學們來繪制一個金屬質感的進度條，重點依然是圖層樣式的練習，喜歡的跟著教程一起練習一下。做完記得交作業。PSD參考文件：http://vdisk.weibo.com/lc/2uZbBupjANLPR5E6Ql 密碼：UPJW最終效果：新建文檔，這里我們用的依舊是800*800像素，我們為背景圖層添加一個圖層樣式。設置完圖層樣式，我們得到如下效果：下面，我們為背景圖層添加一個雜色。執行“濾鏡—雜色—添加雜色”，設置數量為“1%”，高斯分布，勾選單色。執行“濾鏡—濾鏡庫—畫筆描邊—噴濺”，設置噴色半徑為6，平滑度為5現在，我們完成了背景的創建，效果如下。www.tmdps.cn下面，我們開始進度條的繪制。用圓角矩形工具，畫一個620*45像素的圓角矩形。將其命名為“外形”，為其添加一個圖層樣式。設置完圖層樣式，我們將得到如下效果。www.tmdps.cn現在輪廓外形已基本呈現，但是質感略嫌不足，我們來改進一下。復制一層“外形”圖層，將其更改名為“輪廓投影”，并將其置于“外形”圖層下層，清除其圖層樣式，將填充更改為0，重新設置一個圖層樣式，設置如下：現在我們得到如下效果。用圓角矩形工具畫一個500*30像素的圓角矩形。為這個白色的圓角矩形設置一個圖層樣式。現在我們得到如下效果：www.tmdps.cn下面，我們添加一個按紐，用橢圓工具畫一個60*60像素的圓。為其添加一個圖層樣式。到這里，進度條就算搞定了。最后，我又添加了兩個按紐，沒什么好說的，只是加了點字，加了點外發光，有興趣的可以下載我們的PSD看看：http://vdisk.weibo.com/lc/2uZbBupjANLPR5E6Ql 密碼：UPJW。（貼吧 / P大點S)

第三篇：應用中心圖標設計小教程

應用中心圖標設計小教程

|閱讀原文

應用的時代到來？毋庸置疑的回答是“Yes！”。無論是PC、Web還是移動終端，都迎來自己“應用化”的春天。當然，隨著UC8.0各線瀏覽器產品的發布，UC瀏覽器的粉絲們不難發現，“應用化”的道路上出現了大家摯愛的UC嘞，可喜可賀呀！

找好自己的風格！這是我們開始圖標設計之前需要想好的。平面的？立體的？寫實的？卡通的？等等。這個過程也許很長，也許會很短。靈感這東西很難琢磨。當我們想好大體的形狀，我們就可以先動手畫幾個“模擬”圖標，這時候的圖標畫的不必太過復雜，能有個感覺就好。最后咱們UC選擇了較為立體的圖標風格來進行設計嘞。

今天咱們一起繪制一個簡單的“游戲中心”的圖標，跟大家分享一下圖標繪制過程的一些方法和心得吧。那我們開始!首先我們先用鉛筆啦圓珠筆啥的畫個草圖，找個自己滿意的形，哈哈，就定第二個圖的了。（畫的很丑——||大家將就瞅瞅！）

Stept1：這就是我們今天要一起繪制的“游戲中心”的圖標啦。第一步咱們先把圖標“寬衣解帶”一下。這個圖標主要可以分解為兩個部分，一個“外框”和一個“游戲手柄”。

Stept2：先用圓角矩形工具畫出兩個交疊的圓角立體矩形，這個就是我們外框的基本形了。接下來我們對其進行漸變著色。在圓角處添加高光，使得整個立體圖形更加自然圓滑，同時在明暗區分較強顏色區隔處增加1px的高光邊線，使得圖標更顯質感。

Stept3：我們開始繪制暗底區域的高光，這邊值得注意的是，我們繪制的高光區域要在暗底選中區域的基礎上內收縮1px，使得高光區與暗底間存在明顯的間隔，同時為了使繪制的高光區更有色感，我們要進行“二次混合模式疊加”，第一次使用“疊加”的混合模式，第二次則使用“濾色”的混合模式。為了使繪制的高光區更富有質感，我們在原有的高光區基礎上，添加1px的高光亮邊，這么一來，圖標就更晶瑩剔透咯。

Stept4：接下來我們開始繪制右下角的藍色游戲標簽。簡單的藍色側45度漸變便可完成基本型配色，但是為了錦上添花，我們需要在藍色漸變的基礎上加上與高光區同向的高光亮邊，繪制方法與之前提到的繪制高光區域的方法一致，同樣需要“二次混合模式疊加”。接下來添加“GAME”的文字，效果使用漸變+投影即可，值得注意的是，漸變色區隔不要太大，淡淡的即可，投影選擇黑色“正片疊底”，距離1px，大小2px即可。同時在暗底上層加上藍色的高光，便可給圖標帶來不一樣的剔透質感。

Stept5：繪制完外框，我們開始繪制游戲手柄嘞。先用鼠標繪制一個游戲手柄的外形。添加一個簡單的線性漸變。然后在手柄的邊界處打上陰影，讓手柄立體起來。

Stept6：現在我們開始游戲手柄的左側操作欄的繪制。為了讓其更有“凹凸”感，我們選擇在暗色漸變的外側添加與手柄主體漸變色相反的漸變描邊。在暗色方向操作盤上繪制上下左右的方向鍵，注意，漸變色使用時，與背景色不能過于反差，淡淡的區隔即可。

Stept7：至于右側的操作按鈕與左側操作盤的繪制方法也有異曲同工之處。先繪制四個“凹槽”，然后在里邊放置四個按鈕，在按鈕的圖層屬性配置上，可以只用純色加上”斜面浮雕”效果，簡單顯示高光即可。然后為你的按鈕配上不同的色彩即可完工。值得注意的是，每個按鈕的外層可以添加一個顏色屬性更深的色值，使得產生更為細致的區隔立體效果。

Stept8：接下來繪制的是手柄的底部操作桿了。這部分的處理我們可以簡單想像成一個立體按鈕的繪制。概括起來就是“兩個圖形平移”。即先繪制一個圓形，然后復制一個副本，并將其向上平移，簡單吧~操作桿的高光部分，我們同樣使用簡單的“斜面浮雕”效果即可。手柄的主體基本完成，然后我們添加上一些“附屬”小物件，游戲手柄搞定嘞！

Stept9：最后一步就是“打包”啦。我們將游戲手柄裝進我們之前繪制好的外框中。這里需要注意的是，需要在外框暗色區域的選區內，在手柄四周打上陰影，拉出手柄與外框的距離，使得整體更有層次感。之后我們只需要再增加一些小光點作為點綴，接著拉個倒影，便大功告成了！

結束語：不知道看了這篇文章是否會對大家的圖標設計有所幫助嘞，繪制圖標是個細致活，大家平時也多多練習，多多繪制圖標，孰能生巧嘛~大家都Fighting！

第四篇：Photoshop教程 教你設計恐怖電影海報

Photoshop教程 教你設計恐怖電影海報

發布日期: 2006-10-25 11:09:44 作者: 王偉光 字體:【大 中 小】【打印本頁】

先看一下效果：

制作過程：

1、打開一張風景圖片，效果如圖01所示。

圖01

2、選擇工具箱中的“多邊形套索工具”，將圖片中除建筑物以外的部分選中并刪除，如圖02所示。

圖02

3、打開一張天空的圖片，如圖03所示。

圖03

4、將天空放到建筑物的后面，并為天空添加透視變形效果來增加背景深度，效果

如圖04所示。

圖04

5、如圖05所示建筑物的邊緣還留有原圖片的顏色，下面將其刪除。選擇工具箱中的“魔棒工具”，將天空層隱藏，然后選擇建筑物層的空白部分，然后執行菜單欄中的“選擇”“修改”“擴展”命令，如圖06所示，在彈出的對話框中設置合適的數值，使選擇范圍能夠包含到需要校色的建筑物邊緣。執行菜單欄中的“圖像”“調整”“色相/飽和度”命令，調整邊緣的顏色，效果如圖07所示。

圖05

圖06

圖07

6、新建圖層，選擇工具箱中的“畫筆工具”，在建筑物上涂抹一些顏色，然后將該圖層的混合模式變為“疊加”，效果如圖08所示。

圖08

7、打開一幅恐怖的圖片并將其拖拽到最上層，然后將不透明度調整到45%，效

果如圖09所示。

圖09

8、選擇工具箱中的“矩形選框工具”，在畫面中框選上下兩部分并填充黑色，效果如圖10所示。

圖10

9、新建圖層并填充黑色，然后選擇文字工具輸入文字并將文字柵格化，再按Ctrl+E鍵合并。選擇菜單欄中的“圖像”“旋轉畫布”“順時針90度”，效果如

圖11所示。

圖11

10、選擇菜單欄中的“濾鏡”“風格化”“風”命令，彈出的對話框設置如圖12所示，然后按Ctrl+F兩次，效果如圖13所示。

圖12

圖13

11、選擇菜單欄中的“圖像”“旋轉畫布”“逆時針90度”，選擇菜單欄中的“濾鏡”“藝術效果”“塑料包裝”命令，在彈出的對話框中設置高光強度為10，細節8，平滑度2，如圖14所示，畫面效果如圖15。

圖14

圖15

12、選擇菜單欄中的“濾鏡”“模糊”“高斯模糊”命令，設置半徑為1.2像

素，然后復制該圖層。

13、選擇菜單欄中的“圖像”“調整”“色階”，輸入色階188、1.00、255，效果如圖16所示。

圖16

14、隱藏副本圖層，選擇菜單欄中的“圖像”“調整”“色階”，輸入色階62、0.73、205，效果如圖17所示。

圖17

15、設置前景色為紅色，用魔棒工具選擇文字，填充文字，然后選擇副本圖層將混合模式改為“正片疊底”，然后選擇文字并反選，將黑色背景刪除，最終效果

如圖18所示。

圖18

第五篇：圖標設計心得

東莞生活網： www.hidg.net

圖標設計

在這里分享下我對于圖標設計的一些心得體會。說的不好，還請各位看客包涵指正。圖標在我們日常生活中被 廣泛應用，軟硬件、網頁、社交公共場合無所不在。廣義來說，圖標就是具有指代意義的圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性。狹義來說，就 是我們所熟悉的在計算機程序方面的應用。包括：程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。如今圖標被廣泛的應用，其價值也是顯而易 見的。一套好的圖標能夠為用戶直觀傳達所描述的物體，減輕用戶的認知負擔，特別是一些抽象的功能和意義。同時增添圖標的精美度不僅能提升整個界面的吸引力 和觀賞性，還能使產品與用戶產生共鳴。

下面以制作電話本和短消息這兩個圖標為例。

設定風格。通觀整個圖標設計，設定風格是基礎，亦是非常重要的一步。需要對整套圖標進行周全的構想，因為這一步為圖標設定了一個方向，之后圖標設計的造型，上色的深入展開都要以此為基礎。在這里我設定的是復古做舊的風格。

繪制草圖。這一步驟主要是設計圖標的造型。造型在圖標設計中有著決定性的影響，他直觀的給用戶展現其所代表的含義。而草圖是最直觀，最快速展現設計 構思的一種方法。此時我們可以通過頭腦風暴列舉出一些能讓用戶一目了然，又貼合電話本和短消息含義的元素，同時列舉的元素又要符合復古做舊的風格。因此，我選取做舊的通訊錄來表示電話本，選取羽毛筆和信紙來表示短消息。在繪制草圖時，要注意圖標造型的統一，方向的一致性，使圖標有充分的辨識度。其次要控制 單個圖標元素的數量與其他圖標相協調，用最少的元素來表達圖標的含義。不然過多的元素不僅會使圖標臃腫不堪，更會使圖標的含義模糊不清，難以琢磨。

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net 上色刻畫。在確定造型之后，就需要對圖標上色以及深入刻畫。

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net

總結

一，設計一套完整的圖標要確保其風格的一致性。在造型，透視，大小，色彩，效果處理等各個方面做到統一，以保證每個圖標都與其風格相契合。其次，控制圖標元素的數量，對一些不必要的元素要果斷去除。圖標應該是一種能使用戶輕

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net 松識別的圖形語言，而不是成為用戶閱讀的負擔。更要充分展現各個 圖標間的差異程度，提升圖標自身的辨識度，從而幫助用戶理解閱讀。再則還要考慮這套圖標所應用的環境。不同國度，不同社會環境，不同文化傳統對圖形也有不 同的認識理解。同時也要考慮到人們的情感因素，避免使用敏感圖形。所以在設計開始就應考慮周詳，謹慎使用。最后，畫圖標要有足夠的耐心，對于細節要不怕繁瑣,細心揣摩。（詳細咨詢：東莞論壇——汽車頻道）

東莞汽車頻道：auto.hidg.net