當前位置:首頁 >教程首頁 > U I 設計 > 商業插畫高級設計師班 >插畫臨摹教程:sketch繪製矢量插畫

插畫臨摹教程:sketch繪製矢量插畫

發布時間:2019-06-14 10:10:26

今天給大家分享來自插畫師Ghani Pradita 的插畫作品臨摹教程,教你如何使用sketch繪製矢量插畫!

風格分析

顏色鮮明、視覺豐富,強烈的色彩碰撞、人物形體變化與常規不同,更靈動活潑,具有衝擊力

0.png

dribbble:https://dribbble.com/ghanipradita

插畫特點

1、富有層次感,提升設計感

人物與背景為不同層次,同時為了豐富畫麵內容,增加數據圖表,以大小不定的方式展示,視覺上形成遠近的關係,增加畫麵視覺變化。

2、配色大膽,強烈的色彩碰撞,更具有衝擊力

●  對比色(紫色與藍綠色)、鄰近色(紫色與紅色)的搭配,選用飽和度較低,明度較高的顏色,給人以溫暖卻帶有衝擊力的感覺

●  在色彩選取的過程中,要注意明度的變化。畫麵中由近到遠,明度的變化由深到淺。

0-1.png

明度的變化要符合大自然的規律,即近深遠淺。若不能理解,看下圖,是一張帶有景深效果的圖片,調成的黑白效果後,可看到近的地方較深,遠的地方較淺。

0-2.png

●  高光與陰影

高光及受光麵采用亮麗的顏色,陰影部分選用飽和度與明度低一些的顏色,同時繪製出衣服的褶皺效果。高光與陰影的運用使得畫麵更加活潑,變化更加強烈。

繪製步驟

難度:★★★

工具:sketch

重點講解:1、sketch鋼筆的靈活運用;2、高光和陰影的繪製方法;3、剪切蒙版及裁剪工具的使用

(一)  繪製人物

1、使用鋼筆工具(快捷鍵v)繪製,在繪製的同時將顏色填充(吸取顏色快捷鍵control+c),繪製時注意圖層順序變化,圖層順序可在圖層列表中鼠標拖動上下調整,也可以使用快捷鍵(command+option+上、下箭頭)調整

1-1.png

2、添加高光,光源是從右上角來的,因此高光的位置如下圖所示

1-2.png

鋼筆繪製高光,同時選中對應圖層及高光的圖層,點擊Mask按鈕,即可完成剪切蒙版

3、添加陰影部分

1-3.png

附加一個填充描邊的小技巧:快捷鍵F指填充,快捷鍵B指描邊,若當前圖層為有描邊無填充的狀態,F按一下代表圖層被填充顏色,再按一下圖層不被填充顏色;B按一下代表關閉描邊,再按一下即打開描邊。

(二)  添加背景

主要是鋼筆工具及漸變填充的使用,另外還涉及到布爾運算

2-1.png

布爾運算的具體操作步驟及效果示意圖可見下圖

2-2.png

(三)  添加數據圖表等裝飾元素

01 添加圖表

3-1.png

大多是鋼筆工具及漸變填充的使用,但左上角的圖表中還涉及到裁剪工具,具體操作步驟及效果示意圖可見下圖

3-2.png

02 添加其他裝飾元素

3-3.png

大多是填充圓及描邊圓做裝飾,另外還有正方框中的斜線,也就是這個,那就來說一下這個是怎麼做的,可見下圖

3-4.png

03添加光

3-5.png

紅框的位置是需要打光的,那光具體怎麼來實現呢,來簡單說一下

光是靠高斯模糊+不透明度來實現的,以籃球的光來舉例子:

3-6.png

大功告成啦!!!

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答
×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定