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




  • 【 PS創意設計 】Photoshop設計藍色質感的方形APP圖標




    Photoshop設計藍色質感的方形APP圖標

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

    文章出處是來自未知的PS教程類文章,寫教學的作者是浪漫武嘉PS吧,感謝浪漫武嘉PS吧提供設計教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop設計藍色質感的PS吧APP圖標,整體的設計很簡單,但是效果很漂亮的說,喜歡的朋友一起來學習吧。


    設計教程教學開始

    先看看效果圖

    Photoshop設計藍色質感的方形APP圖標

    隨手製作了一個圖標,簡單易學

    Photoshop設計藍色質感的方形APP圖標

    一,先ctrl+N(新建文件),新建一個512×512的白色場景

    Photoshop設計藍色質感的方形APP圖標

    二,按快捷鍵“U”,選擇圓角矩形工具,主要左上方的類型

    Photoshop設計藍色質感的方形APP圖標

    在場景內點一下,彈出選項參數,如圖,創建一個圓角矩形

    Photoshop設計藍色質感的方形APP圖標

    三,找到圖層框,雙擊紅色圈圈部分,彈出圖層樣式

    Photoshop設計藍色質感的方形APP圖標

    顏色疊加,參數步驟如上

    Photoshop設計藍色質感的方形APP圖標

    再回到圖層框,選擇bg1圖層,按“ctrl+J”(複製圖層)命名為bg2,然後上移動10像素

    Photoshop設計藍色質感的方形APP圖標

    四,選擇bg1圖層,調出圖層樣式,參數如上

    Photoshop設計藍色質感的方形APP圖標

    繼續調投影,注意等高線

    Photoshop設計藍色質感的方形APP圖標

    最後調內陰影

    Photoshop設計藍色質感的方形APP圖標

    -大概這樣子,完成一半了

    Photoshop設計藍色質感的方形APP圖標

    五,新建一個圖層,按快捷鍵“T”選擇文字工具

    Photoshop設計藍色質感的方形APP圖標

    在紅色圈圈範圍內點擊一個,輸入“PS”兩個字母

    Photoshop設計藍色質感的方形APP圖標

    輸入“PS‘兩個字母

    Photoshop設計藍色質感的方形APP圖標

    我用的是漢儀粗園簡體,大家可以去86ps素材網下載這個字體

    Photoshop設計藍色質感的方形APP圖標

    Photoshop設計藍色質感的方形APP圖標

    六,調出字體的圖層樣式,內陰影

    Photoshop設計藍色質感的方形APP圖標

    投影

    Photoshop設計藍色質感的方形APP圖標

    描邊,注意:位置是內部

    Photoshop設計藍色質感的方形APP圖標

    90%,差不多了-

    Photoshop設計藍色質感的方形APP圖標

    七,再選擇文字工具,輸入文字,注意對齊

    Photoshop設計藍色質感的方形APP圖標

    文字參數

    Photoshop設計藍色質感的方形APP圖標

    — —

    文章永久連結為: Photoshop設計藍色質感的方形APP圖標