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




  • 【 PS創意設計 】Photoshop繪製立體逼真的肥皂盒ICON圖標




    Photoshop繪製立體逼真的肥皂盒ICON圖標

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

    文章出處是來自百度貼吧的PS教程類文章,寫教學的作者是P大點S,感謝P大點S提供設計教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop繪製的立體特效ICON肥皂盒圖標,教程的重點還是圖層樣式的運用,教程的參數清晰,思路有序,能學到不少好技巧,下面就讓我們一起來學習吧。


    設計教程教學開始

    先看看效果圖

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    新建畫布相信大家都會了。

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    然後新建個漸變調整層。

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    這是參數。

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    選擇圓角矩形工具畫一個矩形出來。

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    ctrl+j複製一層,然後雙擊縮略圖右下角,彈出拾色器進行更改顏色

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    選擇移動工具,點擊命名為底的圖層,用方向鍵↓向下移動5像素

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    用直接選取工具移動點擊紅框中的錨點,然後會出現姑且稱之為調節手柄的東東

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    用調節手柄向里收

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    另一邊同樣

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    複製一層,自由變換縮小,更改深一些的顏色

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    同樣變換大小,更改顏色

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    11給這幾個圖層打包個組

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    12矩形工具畫個小圓

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    然後給小小的圓形加特效,加特技。第三張的等高線是內陰影裡面的等高線

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    3然後就複製,位置隨意排放,這是瀝水槽,流掉水的地方

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    14接下來就是做肥皂了,用橢圓工具等比例拉一個圓出來

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    用直接選擇工具選擇上下兩個錨點,然後ctrl+T變換

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    同上步驟,不過換成左右方向

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    以上是肥皂圖層的圖層樣式參數。

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    複製肥皂圖層,刪除原先的圖層樣式,重新加一個內陰影,記住,圖層填充是0!!!

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    新建空白圖層,用白色畫筆畫一筆,然後高斯模糊,再調整一下不透明度就可以了

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    19然後我們來給肥皂盒加圖層樣式,其實一開始也可以加,不過我不想,留到後面加。

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    內陰影

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    新建空白圖層,用畫筆點一下,自由變換拉伸,然後移動

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    給命名為內的圖層加個投影,主要作為高光

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    這是暗面,新建一個空白圖層,對下面圖層進行剪切,然後用畫筆輕輕塗些墨綠色上去,過後根據自己感官調整下不透明度

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    這是樣式參數,弄完就差不多已經完成了,歡呼吧

    Photoshop繪製立體逼真的肥皂盒ICON圖標

    — —

    文章永久連結為: Photoshop繪製立體逼真的肥皂盒ICON圖標