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




  • 【 PS電腦繪圖 】Photoshop繪製3D立體風格的皮卡丘圖標




    Photoshop繪製3D立體風格的皮卡丘圖標

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

    文章出處是來自站酷的PS教程類文章,寫教學的作者是承輝學院,感謝承輝學院提供鼠繪教程的實作教學。

    教學大綱:

    要把簡單的二維圖轉為立體效果的難度是非常大的。首先要根據素材圖畫出自己想要的線稿,再鋪色,刻畫光影和細節等,喜歡的朋友讓我們一起來學習吧。


    鼠繪教程教學開始

    最終效果

    Photoshop繪製3D立體風格的皮卡丘圖標

    一、創意思路

    皮卡丘是我們熟知的日本卡通角色,它因為可愛的形象和皮卡皮卡的聲音萌翻了好多人。我們要繪製一個寫實皮卡丘圖標,首先我們需要了解這個角色的設定,收集皮卡丘的相關素材圖片,盡量保存多個角度和動態的圖片,便於我們選擇和全方位的了解角色。

    Photoshop繪製3D立體風格的皮卡丘圖標

    在經過素材的收集和分析后,接下來我們就開始畫草圖。草圖階段盡量表達大的想法和構圖,摒棄細節,在經過多個草圖的嘗試后,因為我希望這個作品更加穩定像一個圖標,所以選定了一個坐着的面朝右邊的角度。

    又在原有設定的基礎上進行了自我風格比較強烈的變形。為了放大皮卡丘的萌感和Q彈感,在原有設定的基礎上將頭放大,身體縮短,身體比例縮小,使皮卡丘更加圓潤。

    Photoshop繪製3D立體風格的皮卡丘圖標

    開始的造型會決定作品的質量,並且減少後續的修改時間成本。所以草圖完成後將線稿提煉的更精細,盡量在線稿上多費些心思。

    Photoshop繪製3D立體風格的皮卡丘圖標

    二、鼠繪基礎造型

    用鋼筆工具和形狀工具相結合,在線稿的基礎上分區塊勾勒出每個骨骼結構的形狀注意區分好骨骼分組,命名好各個組名,以便於我們後面的繪製和動效製作。

    選取一個顏色調低透明度,便於我們可以清晰的看到各個圖層的疊加效果。這裡我選用的是醒目的正紅色,透明度30%。

    Photoshop繪製3D立體風格的皮卡丘圖標

    三、鼠繪基礎造型

    形狀勾好后,我們就需要填充它的固有色確定每個區塊大概的基本顏色。這裡我們依據皮卡丘的原有設定色選取的顏色,以黃色為主。

    將所有圖層都調回100%透明度,分別填充顏色,每個模塊都最好有不同顏色的區分便於我們分辨結構%。

    Photoshop繪製3D立體風格的皮卡丘圖標

    四、填充黑白灰顏色

    接下來我們開始將皮卡丘立體化,需要確認光源方向,為右側斜上方的光源,所以右側為受光面,左側為背光面。而臉部離光源更近,受光會比身體更強烈。

    Photoshop繪製3D立體風格的皮卡丘圖標

    之後用鋼筆工具勾出暗部和亮部的結構,添加蒙版,用模糊筆刷在蒙版上擦出自然的過渡,模糊筆刷越大擦出的過渡越自然。

    Photoshop繪製3D立體風格的皮卡丘圖標

    五、刻畫細節

    在有了明暗結構后,我們就要開始刻畫細節了方法還是利用形狀圖層添加蒙版,和畫筆相結合的方式,最暗的地方暗下去,亮的地方亮起來,整個物體的立體感才更加真實,不斷的疊加圖層營造自然的光影變化。

    Photoshop繪製3D立體風格的皮卡丘圖標

    最後再給皮卡丘畫上反光、環境光和投影,讓整個畫面通透起來。注意反光和環境光的只是起到襯托作用,千萬不要搶了亮部和暗部原有的色彩光影關係。這樣,我們的簡單寫實皮卡丘就完成啦。

    Photoshop繪製3D立體風格的皮卡丘圖標

    — —

    文章永久連結為: Photoshop繪製3D立體風格的皮卡丘圖標