如何繪製彩鉛噪點人物插畫?(附筆刷下載)
今天給大家帶來的技能是「彩鉛噪點人物插畫」的繪製技巧。這次的教程是我們首次登場的青燈同學完成的,先看看效果如何:
怎麼樣,是不是很耐思~有沒有想動筆的衝動!那接下來把話筒交給青燈,讓他開始他的表演吧!
YoYo,大家好!我是最近畫到手痛的青燈,這次是我第一次做插畫教程,做的不夠好的地方就請大家多多指教啦!
知識重點: 構圖分析和構思、人物轉化、肌理筆刷疊加、不同材質表現
操作工具:數位板 | Photoshop
操作難度:★★★☆☆
這期的彩鉛顆粒風格主要是用扁平人物和元素+方型構圖+彩鉛肌理刻畫的結合。
構圖靈感來源自法國藝術家 Gasp art 的插畫作品,這個系列作品以扁平人物為主,用演奏樂器的方式結合了植物的生長,可以很直觀的感受到每個人物的動作和元素都是框在一個正方形裏,給人一種規整又舒適的感覺。
藝術家 Gasp art 的插畫作品,僅供賞析總結一下 Gasp art 的插畫構圖,其實主要就是人物加元素組成方型構圖,可以用植物和道具元素或者是人物動作彎折的形式構成方形邊框。
這次的刻畫方式我們選擇了兩種風格:一種是偏粗糙的鉛筆肌理風格,第二種是偏柔和的細膩噪點風格,讓我們來欣賞一下圖片:
藝術家 Wnjing Yang 的插畫作品,僅供賞析我們截取第一種風格的局部,放大觀察並總結一下:1. 噪點顆粒明顯,並且噪點的間隙會把底部的顏色透出來。2. 疊加肌理時會透出上一層肌理,但是疊加的越重就會越實。3. 在結構轉折處和邊緣有描邊。
再總結一下第二種風格的插畫特點:1. 顏色和噪點的過渡柔和2. 邊緣用亮色或重色拉開對比,輪廓清晰3. 在最亮處有高光點
把這 6 點結合起來就是我們這次的刻畫風格啦~
1. 確定主題收集圖片素材: 在開始之前,要先想想畫啥。咱們列個思維導圖,把場景分成室內室外都在幹啥,可以多想一些好玩的事。這裏我選了做瑜伽,躺着玩手機,路上踩到了口香糖和快樂逛街這 4 個。
現在關鍵的來了,根據這 4 個小場景來找合適的人物動作參考和一些道具參考, 一定要多找參考!!!多找參考!!!找參考!!!重要的事情説三遍!
- 瑜伽篇:
瑜伽這張我找了個動作接近框型的一個動作,然後根據瑜伽休閒愜意的感覺,我找了個室內植物還有小鳥和紙飛機,想代表她隨着身體的放鬆,精神也慢慢飛向了遠方。
① 人物頭身比特點:人物比例在 11 頭身左右,因為人物動作有摺疊,頭佔畫面七分之一左右。
人物上半身在 4 頭左右,腿長 7 個頭左右,手長 6 頭左右。
② 人物四肢特點:四肢偏粗方,可以想象是多個矩形和梯形相接,銜接的時候注意關節弧度。
2. 畫草圖 ① 先提取動作框架,根據我們分析好的頭身比例調整放在框裏使得四肢貼邊呈方形。
② 給框架加肉,根據之前的四肢分析,多用方形和圓矩形概括,這裏我把女生的頭髮換成了大波浪,增加了飄逸的感覺。同時曲線也會方便後期刻畫。
③ 同理,植物直接用一個彎的水滴型概括葉片和葉莖,鳥用半圓形概括身子加上小半圓的頭和四邊形的尾巴就概括出來了啦~
④ 最後整合一下元素開了個“天窗腦洞”,紙飛機飛進這個天窗。然後在植物邊上用黃色的線條加了一些靈動的水滴,這張瑜伽就做好了。
- 快樂逛街篇:
第二張購物的也是同理先找參考,大部分逛街的動作都是比較平緩的走路類的姿勢,這裏我特意找了一個幅度較大的舞蹈動作,再找了一些服裝參考。另外我打算用水加上金幣流入黑洞的方式表現“花錢如流水”的概念。
步驟和之前的都是一樣的,這裏加入一個水流小 tip:
- 踩到口香糖篇:
第三張我想的是男生在趕去上班的路上踩口香糖,草圖同樣是從動態提取入手,我想讓手和腳上的口香糖有個互動,就把原動作的腳抬起來了一點,讓手靠近鞋子去抓口香糖。另外我把左邊的手大臂伸平小臂轉過來做一個看手錶的動作,表示他要遲到的焦急。
- 躺着玩手機篇:
第四張我這邊提取的是一個躺着翹腿的人物動態,為了讓整個人物能符合方形構圖,我把人物左手抵着地把人物上半身撐起來了點,頭髮用大小不一的泡泡在邊緣處排列,接着我誇張了翹起來的腿使得整個動作幅度更大,同時也讓整個構圖更充實。最後我在手機前面加入了一個大泡泡的元素,暗示我們時常沉浸在手機信息帶來的巨大泡影裏。
鋪色可以用鋼筆勾閉合形狀,也可以用 ps 自帶的硬邊緣筆刷畫。配色以補色為主,在色輪上呈 180 度的變化,以這張瑜伽舉例,能看到比較明顯的橙色和藍色,在這對顏色基礎上再加入了它們的相鄰色作為點綴色,在色輪上呈 30 度左右變化。
- 筆刷介紹
終於到了激動人心的刻畫環節了,這次給大家準備了村口高質量彩鉛噪點筆刷~~我這邊已經按照繪畫順序和效果類別整理好了~~(到 【文末下載】 )這裏重點介紹一下這幾個筆刷!
- 皮膚刻畫
給皮膚增加色素,首先我們要增加的區域分為:1. 五官例如:鼻子,眼睛,腮紅,耳朵2. 陰影例如:脖子,腋下,衣服的陰影,以及身體轉折處來加重
以人物面部舉例,選一個比皮膚更深一點的顏色用【軟底紋筆刷】由重到輕地上色素,顏色就會自然的過渡過去。
接着用【點狀排線筆】再加重一遍。
TIPS:在身體轉折的地方可以用套索工具圈出區域上色。
用一樣的方法把身體部分畫完,最後可以在邊緣處(比如手腳接觸的地方,手指縫)加重線用於區分色塊
- 服裝道具刻畫:
畫衣服和道具這類面積比較大元素時,第一步先把顏色提亮,第二步再鋪排線紋理(選一個你喜歡的方向)並在關節處加重。
TIPS:畫重色色塊上色時先把顏色提亮以便後續加肌理效果明顯,同時把底色透出來會更有通透感。
第三步用【軟底紋筆刷】根據光源加重褲子陰影,腿彎折處用套索工具勾出來鋪色加重,第四步用【點狀排線筆刷】加重陰影處,顏色越重面積越小。
最後在轉折處勾勒更深的邊線就 ok 了~
- 背景元素刻畫:
用【軟底紋筆刷】加肌理,【速寫鉛筆】加裝飾線的方式把其他的植物和小鳥元素刻畫完。
暗色背景的星星第一步在星星裏鋪上背景色,然後用亮色把中間提亮,第二步給星星中間用白色畫個細十字線,星星底部順着四個角畫延長線條再複製一層縮小旋轉 45 度,最後用【高光筆】點底部點一個亮光,亮色背景的星星不用刻畫直接做延長線和提亮高光就可以。
TIPS:飛機後面的拖尾可以通過【後悔藥筆刷】擦除呈現半透明狀態,然後再用【軟底紋筆刷】加入其他顏色。
- 頭髮刻畫:
首先第一步也是把頭髮底色提亮,第二步用波浪線把頭髮分成中間粗兩邊細的葉片形式,然後第三步在葉片里加線條,線條遵循兩側密中間疏的原則向焦點聚攏。
TIPS:在把頭髮區分成葉片的時候同時區分一下葉片的大小會讓頭髮更自然哦~第四步在線條密集的地方用使用【軟底紋筆刷】加重,中間輕輕帶過,頭髮體積感就出來了。
最後再在頭髮亮的地方用線性減淡的圖層模式用【高光筆刷】提亮一下,邊緣用【速寫鉛筆】輕輕勾勒一條淺色邊緣就ok了~
- 背景肌理:
第一步先把背景提亮至白色,第二步用【軟底紋筆刷】用力的塗色,這樣鋪完色後就會有些白色的點點透出來了。
第三步用【點狀排線筆刷】加重物體下方讓他們看起來有點投影的狀態就 ok 了!
- 材質和質感表現:
1. 水滴材質:來到了我們畫面的點睛之筆的部分了,在畫這種半透明狀的物件東西是可以吸環境色塗在中間,讓水滴兩側保持亮色就會有透明的質感呈現出來,最後點上高光水滴的透明質感就做出來了。
2. 泡泡材質: 在這張躺着看手機裏有一個泡泡的材質,它的繪製邏輯其實跟紙飛機拖尾是一樣的,但是泡泡的顏色會更復雜一點,所以我們先來分析一下泡泡的顏色怎麼畫。
拿泡泡的一個小弧度邊舉例,從左到右的顏色就是從 黃→紅→粉→紫→藍→綠 這樣的顏色變化。
所以我們照葫蘆畫瓢,先畫出一個一樣的形狀,用【後悔藥】橡皮擦,擦出透明漸變,擦的時候在弧度凸的地方多保留一點,凹的地方輕輕擦。
接着用【軟底紋筆刷】畫出顏色,注意顏色的位置和佔比也一樣參考照片。在顏色銜接的地方用筆刷輕輕的覆蓋上去就會比較自然,在光源位置畫出白色的高光。
繼續把完整的泡泡畫出來,再加上一點線條裝飾一個泡泡就畫好了!
3. 畫面光澤:用【高光筆刷】把圖層模式調成線性減淡模式在光源方向提亮,再用【速寫鉛筆】在最亮處點一個小高光,整張就畫完啦~
掌握了這些刻畫方式,再加一點耐心和時間這 4 張就畫好啦~~
1. 人物動作轉化和道具的分配要貼合方形構圖。
2. 加入主色的鄰近色豐富畫面。
3. 刻畫顏色遵循陰影顏色越重面積越小,高光越亮面積越小的邏輯,讓重的更重,亮的更亮,拉開對比。
4. 你永遠可以相信後悔藥橡皮擦,畫多了就擦掉所以大膽畫吧~
下載筆刷
筆刷名稱:高質量彩鉛噪點筆刷
下載地址: http://pan.quark.cn/s/fbcca1cbac01
提取碼:Uh9g
作者 | 藍貴蓮來源 | 胡曉波工作室(ID:ziyou-design)
推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流羣,請加入UI設計交流羣,分享經驗、接單、求職、聊設計。
- 9種常用UI界面中的控件規範,UI設計師要學的哦!
- 好的UI設計,能提升用户體驗,也能為作品加分!
- 這套網頁設計,看你能偷走多少排版技巧
- 這11條交互界面設計原則,設計師都應該看看
- 數字加密貨幣應用程序UI套件
- 有了這套商用字體合集,再也不怕侵權了
- 設計師該如何做知識管理(上)
- 超級實用的3D天氣主題圖標合集
- 排版真的很簡單嗎?你只看到表象!
- 如何繪製彩鉛噪點人物插畫?(附筆刷下載)
- 功能完善的電子商務APP、網站UI套件
- 金山雲技術體免費商用,歷時4年匠心打造(附下載)
- 適用於心理健康、治療的插畫合集
- 做好LOGO排版,讓LOGO漲價10倍!
- 完全可編輯的網頁設計UI KIT
- 使用 css 代碼畫一隻玉兔,迎中秋佳節
- 156個用户界面核心圖標庫
- 經驗談:搭建設計知識體系
- 高質量的網頁、演示文稿矢量背景和模型
- 幾何風格字體設計教程