PS鼠繪寫實圖標皮卡丘

分類欄目:經驗 - Photoshop教程

發布于 暫無評論

 

鼠繪皮卡丘

第一章 鼠繪寫實圖標皮卡丘

【概要】:

本堂課的內容主要是帶領大家學習如何用ps鼠繪一個簡單寫實技法的皮卡丘。從一開始的繪制草圖,到勾形、填色,還有最后的細節刻畫,都會一一在課程里進行講解。希望大家看完本節課程,都能有所收獲。

【內容框架】:

1.創意思路

2.鼠繪基礎造型

3.填充固有色

4.填充黑白灰顏色

5.刻畫細節

【使用軟件】PS

【設計難度】:★★☆☆☆

【講師】:承輝學院謝志瑤

【最終效果圖】:

來源自愛設計http://www.ktyijx.tw/

1小節:創意思路

皮卡丘是我們熟知的日本卡通角色,它因為可愛的形象和皮卡皮卡的聲音萌翻了好多人。

我們要繪制一個寫實皮卡丘圖標,首先我們需要了解這個角色的設定,收集皮卡丘的相關素
材圖片,盡量保存多個角度和動態的圖片,便于我們選擇和全方位的了解角色。

來源自愛設計http://www.ktyijx.tw/

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

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

來源自愛設計http://www.ktyijx.tw/

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

來源自愛設計http://www.ktyijx.tw/

2小節:鼠繪基礎造型

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

選取一個顏色調低透明度,便于我們可以清晰的看到各個圖層的疊加效果

這里我選用的是醒目的正紅色,透明度30%。

來源自愛設計http://www.ktyijx.tw/

3小節:鼠繪基礎造型

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

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

來源自愛設計http://www.ktyijx.tw/

4小節:填充黑白灰顏色

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

來源自愛設計http://www.ktyijx.tw/

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

來源自愛設計http://www.ktyijx.tw/

5小節:刻畫細節

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

來源自愛設計http://www.ktyijx.tw/


最后再給皮卡丘畫上反光、環境光和投影,讓整個畫面通透起來。

注意反光和環境光的只是起到襯托作用,千萬不要搶了亮部和暗部原有的色彩光影關系。

來源自愛設計http://www.ktyijx.tw/

這樣,我們的簡單寫實皮卡丘就完成啦(′?ω?`)ノ

敬請期待系列課程:

第二章 讓皮卡丘動起來

第三章 創意皮卡丘 讓他適用于UI的各個部分

為了方便大家保存,所以再放松下專題頁長圖:

來源自愛設計http://www.ktyijx.tw/