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




  • 【 PS電腦繪圖 】Photoshop繪製立體風格的日曆APP圖標教程




    Photoshop繪製立體風格的日曆APP圖標教程

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

    文章出處是來自年華葬死在的PS教程類文章,寫教學的作者是P大點S,感謝P大點S提供鼠繪教程的實作教學。

    教學大綱:

    給新手的日曆圖標簡化版教程,前兩天發了個超精緻的日曆寫實圖標,對新手可能有點難度,今天@P大點S微博來個簡化版的,重點就是圖層樣式咯,過程細緻,步驟具體,新手也可以快速的製作上手,喜歡的朋友讓我們一起來學習吧。


    鼠繪教程教學開始

    最終效果圖:

    Photoshop繪製立體風格的日曆APP圖標教程

    首先,新建一個文檔,我的是1024*1024。

    Photoshop繪製立體風格的日曆APP圖標教程

    在背景層上拉一個徑向漸變,顏色如圖所示~~

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一層,D鍵把前景背景改為默認,填充白色,選擇濾鏡-雜色-添加雜色,平均分佈,數量50%,勾選淡色,如圖所示

    Photoshop繪製立體風格的日曆APP圖標教程

    確定后把混合模式改為柔光,透明度30%

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一個圓角矩形,如圖所示,調整好圓角,填充顏色隨便。Ctrl+a 選擇水平居中,垂直居z中,Ctrl+d取消選擇

    Photoshop繪製立體風格的日曆APP圖標教程

    雙擊圓角矩形添加圖層樣式~,數值如下

    Photoshop繪製立體風格的日曆APP圖標教程

    還有內陰影,顏色疊加、

    顏色數值如圖所示:

    Photoshop繪製立體風格的日曆APP圖標教程

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一層,D鍵把前景背景改為默認,填充白色,執行濾鏡-雜色-添加雜色。

    Photoshop繪製立體風格的日曆APP圖標教程

    濾鏡-模糊-動感模糊,數值如下,接着在兩個圖層之間按Alt+左鍵創建剪貼蒙版。

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一個小一點的圓角矩形,圓角調整好,居中對齊!顏色無所謂。

    Photoshop繪製立體風格的日曆APP圖標教程

    雙擊圖層添加圖層樣式~斜面與浮雕。

    Photoshop繪製立體風格的日曆APP圖標教程

    內陰影。

    Photoshop繪製立體風格的日曆APP圖標教程

    內發光

    Photoshop繪製立體風格的日曆APP圖標教程

    漸變疊加

    Photoshop繪製立體風格的日曆APP圖標教程

    外發光

    Photoshop繪製立體風格的日曆APP圖標教程

    現在的效果如圖所示:

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一個圓角矩形,填充白色,調整好參數和位置:

    Photoshop繪製立體風格的日曆APP圖標教程

    雙擊圖層樣式添加投影

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一層文字層,打上數字,顏色為黑色,調整好位置和大小。

    Photoshop繪製立體風格的日曆APP圖標教程

    Alt+v+e彈出水平線對話框,拉出一條水平為50%,一條垂直為50%的水平線,以便我們調整位置。

    Photoshop繪製立體風格的日曆APP圖標教程

    複製下方的圓角矩形到最頂層,Ctrl+t調整大小,填充白色,我加了個灰色是便於大家觀看。

    Photoshop繪製立體風格的日曆APP圖標教程

    並把透明度調整為12%,然後選中三個圖層Ctrl+g組合起來。

    Photoshop繪製立體風格的日曆APP圖標教程

    複製整個組到右邊,調整好位置,如圖:

    Photoshop繪製立體風格的日曆APP圖標教程

    Ctrl+J複製右邊日曆下方的白色層,把圖層移動到頂部,Ctrl+t調整好大小及位置,然後再Ctrl+t右鍵選擇透視,選中左上角的點按住shift鍵向左拖動,效果如圖

    Photoshop繪製立體風格的日曆APP圖標教程

    雙擊圖層添加圖層樣式

    Photoshop繪製立體風格的日曆APP圖標教程

    Photoshop繪製立體風格的日曆APP圖標教程

    Photoshop繪製立體風格的日曆APP圖標教程

    複製一層,右鍵圖層選擇清除圖層樣式,Ctrl+t右鍵選擇垂直翻轉,調整好位置:

    Photoshop繪製立體風格的日曆APP圖標教程

    Ctrl鍵加左鍵單機圖層縮略圖,執行選擇-修改-羽化,數值為10

    Photoshop繪製立體風格的日曆APP圖標教程

    新建一層空白層,填充黑色,Ctrl+d取消選區,並且把剛才的的圖層隱藏掉。

    Photoshop繪製立體風格的日曆APP圖標教程

    選擇濾鏡-模糊-高斯模糊。

    Photoshop繪製立體風格的日曆APP圖標教程

    往上移動一段距離,然後把填充透明度和圖層透明度調整下。

    Photoshop繪製立體風格的日曆APP圖標教程

    複製文字圖層,Ctrl+shift+] 把圖層移動到頂層。

    Photoshop繪製立體風格的日曆APP圖標教程

    右鍵圖層,選擇柵格化選區,然後用矩形選框工具刪除下面部分。

    Photoshop繪製立體風格的日曆APP圖標教程

    Ctrl+d取消選擇。Ctrl+t調整好大小,然後右鍵選擇透視,調整一下透視。

    Photoshop繪製立體風格的日曆APP圖標教程

    最終效果:

    Photoshop繪製立體風格的日曆APP圖標教程

    — —

    文章永久連結為: Photoshop繪製立體風格的日曆APP圖標教程