史上最詳細(xì) iPad 插畫入門教程

2017-8-10    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


iPad 在很長(zhǎng)一段時(shí)間內(nèi)對(duì)于筆者來說,都是看視頻玩游戲的工具。但由于手機(jī)更易攜帶且功能接近,iPad 就逐漸被我忽略在了角落里安靜地吃灰。直到 iPad Pro 發(fā)布,我突然意識(shí)到了 iPad 是可以畫插畫的,即使是我的舊 iPad 也可以老樹逢春。于是我懷揣著「舊物利用」的環(huán)保理念開始了 iPad 插畫的研究之路。下面我把總結(jié)的入門經(jīng)驗(yàn)分享給大家。(教程適用于所有版本的 iPad 哦)。篇幅可能有點(diǎn)長(zhǎng),be patient, 好伐?

 

1. 軟件篇


廢話不多說,吐血推薦獲過蘋果 WWDC 設(shè)計(jì)大獎(jiǎng)的 Procreate。它的功能強(qiáng)大到讓我覺得 40 元的售價(jià)真是太便宜了。先上一張官方樣圖鎮(zhèn)樓,等我慢慢介紹功能:


史上最詳細(xì) iPad 插畫入門教程


1) 豐富的筆刷。你可以利用 Procreate 筆刷輕易畫出油畫、素描、鋼筆畫、水彩等效果。為了更好地表現(xiàn)材質(zhì),它還配置了金屬、水汽、云朵、煙氣等材質(zhì)筆刷,簡(jiǎn)直就是神筆馬良附體!另外 Procreate 每一種筆刷都可以個(gè)性化設(shè)置,并支持自制和導(dǎo)入筆刷。so貼心!


史上最詳細(xì) iPad 插畫入門教程


2) Procreate 有豐富的圖層并支持不同的圖層疊加樣式。PS 常用的正片疊底啥的都支持,這在 iPad 插畫軟件中很難得。另外圖層鎖定功能也很實(shí)用。舉個(gè)栗子,你在一個(gè)圖層畫了個(gè)實(shí)心圓,然后鎖定圖層,之后你在該圖層畫的內(nèi)容就被限制在這個(gè)實(shí)心圓里了。這個(gè)功能在細(xì)節(jié)刻畫的時(shí)候不會(huì)影響到其它區(qū)域,十分方便。


史上最詳細(xì) iPad 插畫入門教程


3) Procreate還有選區(qū)繪畫功能,和圖層鎖定類似但更靈活。你可以用選區(qū)筆畫出限定區(qū)域,這時(shí)候再用畫筆繪畫,同樣不會(huì)超出圈定范圍。


史上最詳細(xì) iPad 插畫入門教程


4) 選區(qū)的內(nèi)容還支持自由縮放拉伸。有什么用呢?請(qǐng)看下圖。我畫了這位大胡子紳士的禮帽后覺得禮帽似乎不夠高可又懶得擦掉重畫,怎么辦 ? 很簡(jiǎn)單!只要你用選區(qū)工具選中要拉伸的帽子上部,再用選擇工具就可以手動(dòng)拉長(zhǎng)禮帽了。是不是很方便?


史上最詳細(xì) iPad 插畫入門教程


5) 透視輔助功能。你可以設(shè)定開啟一點(diǎn)、兩點(diǎn)或三點(diǎn)透視,然后你畫的線條就會(huì)自動(dòng)沿著透視線變得筆直而準(zhǔn)確。從此畫場(chǎng)景建筑跟玩兒似的,媽媽再也不用擔(dān)心我透視不準(zhǔn)了。


史上最詳細(xì) iPad 插畫入門教程


6) Procreate 還有錄屏回放功能并支持導(dǎo)出視頻,簡(jiǎn)直就是自 High 和做教程的利器。這里給大家看 iPad 藝術(shù)家 Kyle Lambert 畫的超寫實(shí)摩根弗里曼的全部過程吧。這個(gè)視頻就是通過Procreate直接導(dǎo)出的。(聽說用手畫了200多個(gè)小時(shí)。。。)


總而言之,Procreate 無論是功能性還是界面易用性,在我看來都是首選。其它軟件雖然各有特點(diǎn),但目前都還比不上 Procreate。我把其他軟件簡(jiǎn)單介紹一下:


Paper, 適合速記的一個(gè)App,因?yàn)闆]有圖層所以不適合做復(fù)雜的插畫。

Sketches, 整體的產(chǎn)品功能還是太簡(jiǎn)單,雖然個(gè)別筆觸很好用,比如鉛筆。

Sketchbook, 功能很多,但是界面不夠簡(jiǎn)潔,筆刷編輯功能太弱。

Medibang, 畫日漫很適合。有強(qiáng)大的分割漫畫格等日漫輔助工具。它在各個(gè)平臺(tái)都有相應(yīng)的版本,而且有完整和接地氣的社區(qū)功能,未來不可限量。我最近準(zhǔn)備研究研究。


這些軟件基本都有免費(fèi)版,篇幅有限我就只把圖標(biāo)放出來,大家自行下載體驗(yàn)吧:


史上最詳細(xì) iPad 插畫入門教程


2. 畫筆篇


原則上如果你經(jīng)常鍛煉,五姑娘是完全可以替代實(shí)體畫筆的。特別是畫草圖階段,用手指替代是完全 OK 的。不過如果想要更容易地表現(xiàn)細(xì)節(jié),電容觸控筆還得入一支。那么買什么筆呢?


iPad 觸控筆基本上分三個(gè)陣營(yíng):


1) Apple Pencil(目前只能適配 iPad Pro)。Apple Pencil 獨(dú)特的高靈敏度感應(yīng)器配合 iPad Pro 屏幕的輔助感應(yīng)可以模擬出極好的壓感效果(壓感:根據(jù)你用筆力度的大小,模擬出不同粗細(xì)的線條)。 如果你入了或打算入 iPad Pro,那 Apple Pencil 是你不二的選擇。


史上最詳細(xì) iPad 插畫入門教程


2) 藍(lán)牙觸控筆。這些觸控筆基本上都有藍(lán)牙壓感技術(shù)。與 Apple Pencil 不同,藍(lán)牙觸控筆的壓感是通過連接藍(lán)牙后,筆頭在屏幕上移動(dòng)產(chǎn)生的不同電阻而產(chǎn)生線條粗細(xì)變化的。從精度和反應(yīng)速度來講,要略遜于Apple Pencil,不過已經(jīng)很夠用了。比較熱門的藍(lán)牙觸控筆如下:


POGO CONNECT,軟筆頭手感不錯(cuò),可以通過筆上的快捷鍵撤銷操作,外觀上也是最接近蘋果風(fēng)格的。但連接前需要先登錄專門的設(shè)置App,這點(diǎn)不是很方便。目前我用的就是這款。


史上最詳細(xì) iPad 插畫入門教程


ADONIT 系列,獨(dú)特的透明圓盤筆頭可以讓你看清觸點(diǎn),畫起線來更加準(zhǔn)確,也有快捷鍵。不過筆頭材質(zhì)是塑料的,因此畫畫時(shí)接觸屏幕有聲響,而且手感也不如橡膠頭舒服。不過最近 ADONIT 更新了部分系列筆頭的設(shè)計(jì),手感應(yīng)該會(huì)有所改善吧。


史上最詳細(xì) iPad 插畫入門教程


53 Paper PENCIL,筆的木質(zhì)外觀是真好看啊,筆尖的橡膠頭觸感還不錯(cuò)。它沒有快捷鍵,但是筆頭的部分支持軟件的橡皮擦功能(藍(lán)牙連接后)。這只筆還內(nèi)置了磁鐵,可以吸附在 iPad 上易于攜帶??上У氖撬恢С謮焊校孕詢r(jià)比不高。


史上最詳細(xì) iPad 插畫入門教程


Wacom Intuos Creative Stylus。 Wacom是手繪板的老廠,它出的觸控筆品質(zhì)當(dāng)然也有保證。2048級(jí)的壓感很吸引人(數(shù)越大越精準(zhǔn)),也支持快捷鍵,只是價(jià)格稍微貴了一點(diǎn)。 


史上最詳細(xì) iPad 插畫入門教程


這里需要提醒各位的是:上面介紹的藍(lán)牙觸控筆可能不支持極個(gè)別版本 iPad 的某些插畫軟件的壓感功能。所以請(qǐng)各位買品牌筆的時(shí)候要仔細(xì)看網(wǎng)站介紹并多與商家溝通,以免買了之后不能用。


3) 無壓感的入門觸控筆。無壓感的電容筆最便宜而且品種多。因?yàn)樗鼪]有什么電子元件,所以幾十塊錢就可以在淘寶買到,性價(jià)比最高(我就不放圖了)。那壓感的問題怎么解決? 其實(shí) Procreate 的每一個(gè)筆刷都可以設(shè)置開始和結(jié)束的漸入漸出效果,還可以設(shè)置隨著筆尖移動(dòng)速度的變化而改變筆觸粗細(xì)和透明度。這樣基本上就能模擬壓感的效果了 。


史上最詳細(xì) iPad 插畫入門教程


上面的人頭就是我用無壓感的入門觸控筆畫的,通過設(shè)置筆刷最后效果還不錯(cuò)吧。所以我推薦預(yù)算不多的朋友先買一個(gè)入門觸控筆試一試。


3.「畫什么」篇


1) 首先當(dāng)然是插畫了。你利用不同的筆刷什么風(fēng)格都可以畫,臨摹或者創(chuàng)作都 OK。


史上最詳細(xì) iPad 插畫入門教程


2) 每逢佳節(jié)畫賀圖。生日、紀(jì)念日、節(jié)日、節(jié)氣,你都可以大顯身手畫個(gè)賀圖以表心意。這項(xiàng)技能絕對(duì)能讓你的親朋好友對(duì)你關(guān)愛有加,絕對(duì)不再逼問你為啥還是單身狗。另外,這招追妹子也同樣有效哦!(圖中的蒸汽就是直接用煙氣筆刷畫的,寥寥幾筆就畫好了,方便?。?/span>


史上最詳細(xì) iPad 插畫入門教程


3) 插畫日記。平時(shí)生活中遇到的趣事除了用文字記錄,用 iPad 把故事畫出來也是個(gè)好方法!畫完之后還可以發(fā)朋友圈微博啥的,贊和評(píng)論瞬間Double啊。前段時(shí)間我把暖水袋燙傷的經(jīng)過畫了下來并發(fā)到了朋友圈,效果很好呢。


史上最詳細(xì) iPad 插畫入門教程


4) 改造照片。只要用 iPad 拍張照或者從網(wǎng)上下張圖,加兩筆就可以做出很有趣的效果了。下面這張照片的改造就是我把對(duì)里約熱內(nèi)盧的向往寄情于一只鯨魚,讓它帶我去里約。


史上最詳細(xì) iPad 插畫入門教程


這里只是提供一些思路,相信大家的腦洞和創(chuàng)意遠(yuǎn)比我強(qiáng),可以創(chuàng)造出更多很有意思的畫法。


4. 實(shí)例教程篇


終于到大家期待的教程部分了(我猜)。今天我先給一個(gè)美式漫畫角色的插畫教程吧,包你一學(xué)就會(huì)。成品如下:


史上最詳細(xì) iPad 插畫入門教程


先說一下我用的工具吧。我用的是 iPad Air  ,觸控筆是 Pogo Connect 2 ,軟件當(dāng)然是 Procreate。 好了,黑喂狗!


1) 先起草稿。這一步的目的是快速地把人在畫面的位置和大概比例畫出來。用鉛筆或勾線筆刷快速地完成。這一環(huán)節(jié)不求細(xì)節(jié),但要把人物的比例和體態(tài)修改到準(zhǔn)確,以保證之后的勾線步驟的順暢。過程中畫錯(cuò)直接撤銷操作或用橡皮擦掉即可,不要反復(fù)描邊。


史上最詳細(xì) iPad 插畫入門教程


2) 確認(rèn)線稿。新建一個(gè)勾線層,把剛才的草稿圖層放在勾線層下面。然后把草稿圖層的透明度降低,在勾線層上就著草稿層的印記耐心描邊就好。還有一種方法就是通過橡皮把草稿層的雜線擦去。對(duì)于線稿比較雜亂的朋友不建議這么干,有擦的功夫不如重新勾線了。


繼續(xù)說勾線。要對(duì)人物外輪廓和一些結(jié)構(gòu)點(diǎn)的線條加粗,產(chǎn)生虛實(shí)的效果,這樣立體感就出來了。最后把頭發(fā)涂黑,再在陰影處添加一些美式漫畫特有的排線刻畫陰影。這樣整個(gè)線稿就有了黑白灰,層次就拉開了。(其實(shí)線稿也挺好看的)


史上最詳細(xì) iPad 插畫入門教程


3) 上底色。先用圖層鎖定或者選取工具選中整個(gè)人的輪廓。然后再在人的區(qū)域范圍內(nèi)迅速用噴筆筆刷上橙色和藍(lán)色冷暖大調(diào)子。一般是明部暖色,暗部冷色。這一步可以迅速定調(diào),大效果就出來了。


史上最詳細(xì) iPad 插畫入門教程


4) 添加細(xì)節(jié)。這時(shí)候可以對(duì)臉部、頭發(fā)、衣服等部位加上固有色和明暗關(guān)系了。注意保留一部分之前上的底色,這樣在人物邊緣有了冷暖環(huán)境光就會(huì)更加立體了。


這里還有一個(gè)處理明暗關(guān)系的技巧,就是新建一個(gè)圖層填充透明度 50% 的全黑,圖層樣式選為「乘」(正片疊底),然后在新建圖層上將亮部用畫筆涂白,暗部用黑色涂黑,過渡涂灰色就可以很容易地調(diào)整明暗關(guān)系。這個(gè)技巧的好處是整個(gè)上色過程無需考慮色彩,只要思考明暗關(guān)系即可。當(dāng)你用這個(gè)辦法上色后會(huì)發(fā)現(xiàn),雖然明暗豐富了但整體亮度變暗了。不用怕咱們還有最后一步后期呢。


史上最詳細(xì) iPad 插畫入門教程


5) 后期收尾。主體上色完成后,如果你懶得畫背景可以像我一樣畫個(gè)背景色。然后對(duì)整個(gè)畫面用 Procreate 的曲線工具做顏色調(diào)整。這樣可以讓整體顏色迅速變艷變亮。或者有個(gè)更偷懶的辦法,就是把圖片導(dǎo)出用 Snapseed 或者任何有濾鏡和虛化效果的 App 里潤(rùn)色一下(這個(gè)不用教了吧)。最后加上簽名,大功告成!


史上最詳細(xì) iPad 插畫入門教程


作畫過程我通過 Procreate 導(dǎo)出了視頻并已上傳網(wǎng)絡(luò),通過視頻你可以更加了解作畫的整個(gè)過程(1080P的哦):




5. 自學(xué)篇


平時(shí)大家為了學(xué)習(xí)或鑒賞插畫可以多逛這幾個(gè)網(wǎng)站:


1) Pixiv,插畫界的 P站。是主要發(fā)表和討論日本動(dòng)漫的網(wǎng)站。


史上最詳細(xì) iPad 插畫入門教程


2) Deviant Art, 插畫界 D站。你可以在 D站上找到世界各地的插畫師、數(shù)字媒體藝術(shù)家以及攝影師等的作品。但因?yàn)楣膭?lì)全民參與,所以整個(gè)網(wǎng)站的作品水平參差不齊。另外有些作品有版權(quán)限制不提供直接下載或只支持付費(fèi)下載,所以這時(shí)候只能靠截圖了。


史上最詳細(xì) iPad 插畫入門教程


3) Artstation, 逼格最高,插畫界的 A站。在 P站、D站輕松獲贊的觸(畫師)們不一定能在 A站如魚得水。網(wǎng)站作品整體水平較高,一般我們仰視就好。A站的作品基本上都可以下載高清大圖用于收藏。大氣!


史上最詳細(xì) iPad 插畫入門教程


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔