UI教程，ps設(shè)計(jì)應(yīng)用程序圖標(biāo)(6)

跟大家分享一篇國外大神的應(yīng)用程序設(shè)計(jì)教程，有興趣的跟著一起練習(xí)吧。素材鏈接：http://pan.baidu.com/s/1o6spF8A 密碼：lcyf

最終效果：


1.新建畫布512*515，背景先白色，做完后改成黑色（不要純黑） 2.選擇圓角矩形工具，繪制512px*512px、半徑80px的圓角矩形，命名圓角-底

3.在繪制一個(gè)圓角矩形，命名“圓角-頂”，512*470px、半徑80px，位置如下，并添加斜面浮雕和圖案疊加

4.選擇橢圓工具，繪制一個(gè)400px x 390px正圓，命名“橢圓-上”，居中對齊

5.復(fù)制“橢圓-上”，右鍵圖層清除樣式，命名“橢圓-下”顏色值大神沒給：66fffa，自個(gè)看圖調(diào)，再按Ctrl+T，按住shift+Alt，等比例放大，也是自個(gè)調(diào)的

6.在解壓文件找到“TWN”標(biāo)志圖，命名“TWN標(biāo)志-底”文字裁掉（不要告訴不會裁剪“C”），拖到圖層最上方，

7.給橢圓-上、下，分別添加樣式，具體看圖 橢圓-上

在解壓文件找到“tactile_noise.png”最小的，ps打開，按Ctrl+A，出現(xiàn)虛線框后，點(diǎn)編輯—定義圖案—在點(diǎn)確定，完成后圖案疊加

橢圓-下

8.復(fù)制“TWN標(biāo)志-底”，命名“TWN標(biāo)志-頂”，分別添加樣式 TWN標(biāo)志-底

TWN標(biāo)志-底效果

TWN標(biāo)志-頂，完成后，按住Ctrl+L，輸入值，如下圖

TWN標(biāo)志-頂效果

9.復(fù)制橢圓-上，命名“橢圓-上高光”右擊清除樣式，重新添加樣式，圖層透明度10%

要看效果，點(diǎn)擊圖層的眼睛，來回點(diǎn)，就行

 

10.復(fù)制圓角-頂，不用改名稱，在橢圓-上高光右擊拷貝圖層樣式，回來，粘貼就行，圖就不截哈！ 11.按住Ctrl左鍵點(diǎn)擊圓角-底，出現(xiàn)虛線框，新建圖層名為“圓角頂-高光”，選擇畫筆工具（B），大小自調(diào)，前景色白色，在兩邊畫垂直線，再Ctrl左鍵點(diǎn)擊圓角-頂圖層，效果如圖，再按delete鍵，上半部分就會被刪掉，Ctrl+D取消選框，填充15%，

12.鼠標(biāo)左鍵點(diǎn)擊橢圓-上圖層，選擇文字工具（T），在橢圓邊緣輸入“|” （回車鍵上面），按住shift+“|”，在左側(cè)點(diǎn)擊，看見左側(cè)的點(diǎn)沒，這樣做才會“|”間隔對稱，否則，有可能不對稱，自個(gè)試；將圖層移到橢圓-上圖層下，添加內(nèi)陰影、投影。

最終效果

大神效果圖