UI教程,ps設(shè)計應(yīng)用程序圖標
時間:2024-03-07 15:00作者:下載吧人氣:24
跟大家分享一篇國外大神的應(yīng)用程序設(shè)計教程,有興趣的跟著一起練習吧。素材鏈接:http://pan.baidu.com/s/1o6spF8A 密碼:lcyf
最終效果:

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

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



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

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

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

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

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


橢圓-下




8.復制“TWN標志-底”,命名“TWN標志-頂”,分別添加樣式 TWN標志-底


TWN標志-底效果

TWN標志-頂,完成后,按住Ctrl+L,輸入值,如下圖


TWN標志-頂效果

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

要看效果,點擊圖層的眼睛,來回點,就行

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




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




最終效果

大神效果圖


標簽2015heibai,UI教程,ps網(wǎng)頁設(shè)計,翻譯教程,應(yīng)用
網(wǎng)友評論