• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS創意設計 】Photoshop設計超酷的應用程序軟件圖標




    Photoshop設計超酷的應用程序軟件圖標

    這一次的教學是屬於PS教程領域中的設計教程的相關教學。

    文章出處是來自站酷的PS教程類文章,寫教學的作者是2015heibai,感謝2015heibai提供設計教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop設計超酷的應用程序軟件圖標,喜歡的朋友讓我們一起來學習吧。


    設計教程教學開始

    關於5月份向國外大神學習專輯,是針對0基礎的同學,因為我也是這麼過來的,一個純技巧,卡在那裡如果得不到及時解決,就會放棄,特打擊人,浪費時間,感覺一天又被我浪費了,所以我是想着每天上傳一篇(現實很殘酷)因為這個學期,課多了,怕應付來啊。

    教程源文件:科技感十足的軟件APP圖標PSD源文件

    入門的同學,可以打開我給網址在這裡學,英文不好,沒關係啊,谷歌翻譯,即使生硬,對於我們入門的同學來說,能猜得出來的啦。

    開始切入正題:

    1.新建畫布512*515,背景先白色,做完后改成黑色(不要純黑)

    2.選擇圓角矩形工具,繪製512px*512px、半徑80px的圓角矩形,命名圓角-底

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

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

    橢圓-上

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    橢圓-下

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    8.複製“TWN標誌-底”,命名“TWN標誌-頂”,分別添加樣式

    TWN標誌-底

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    TWN標誌-底效果

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    TWN標誌-頂效果

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

    10.複製圓角-頂,不用改名稱,在橢圓-上高光右擊拷貝圖層樣式,回來,粘貼就行,圖就不截哈!

    11.按住Ctrl左鍵點擊圓角-底,出現虛線框,新建圖層名為“圓角頂-高光”,選擇畫筆工具(B),大小自調,前景色白色,在兩邊畫垂直線,再Ctrl左鍵點擊圓角-頂圖層,效果如圖,再按delete鍵,上半部分就會被刪掉,Ctrl+D取消選框,填充15%,

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

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

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    最終效果

    Photoshop設計超酷的應用程序軟件圖標

    大神效果圖

    Photoshop設計超酷的應用程序軟件圖標

    Photoshop設計超酷的應用程序軟件圖標

    — —

    文章永久連結為: Photoshop設計超酷的應用程序軟件圖標