人物的畫法向來在插畫界中都是風格各異的,今天我們創作的這個人物相對會傾向正常比例,找準她的身體比例結構表達到位即可,利用網格構圖來組合畫面,將會讓扁平風格看起來更具有結構感。在整個流程中,我們會同時用到AI和PS兩個工具,這兩個工具共同屬于Adobe的軟件,應用上彼此更容易溝通。我們會用AI起形,用PS來描繪光影,相比以往全部采用AI來繪制矢量插畫略有不同。
Photoshop (2019)
Adobe illustrator (2019)
數位板
無論是設計也好還是插畫也好,都總是少不了從草圖起步,這是idea的來源。實際的畫面可以不一定依據草圖,它只是給出一個大方向。

繪制基礎形從AI開始,我們打開AI,新建一個文檔為1600*1600px,然后再進入到【編輯>首選項>參考線和網格】,在面板中設置如下參數:

我們開始要學會用網格來輔助造型,首先顯示出網格,這里要進入【視圖】,然后單擊【顯示網格】,并且勾選【對齊網格】。有了網格的輔助,我們的畫面就會看上去有種內在的穩定感。

接下我們來開畫,人物的側臉,把草圖拿來看了,然后扔掉。警告:不要完全去勾草圖,否則你會錯過一次練習造型的機會。
人物側臉的左側是最終呈現的線條,所以注意這條邊要對齊網格,并且注意它的輪廓表現。而這個形狀的右邊那條邊由于最終會被頭發等形狀所遮擋,因此隨意畫出即可。色彩可以填充為肉粉色,作為皮膚的色調。

接下我們要繼續畫出頭盔,頭盔的步驟如下圖所示:

把頭盔放到人物的臉部上方,將它略調整為與網格對齊,人物的頭部完成了一大半。

接下繪制人物的頭發,頭發的部分我們打算用矩形來生成。下面是用矩形做頭發的思路:利用矩形來拼成頭發的形狀,矩形本身是直角,但是經過圓角拉伸后就變成了圓角矩形,這時就很容易做出頭發的飄逸的效果,又不失扁平人物的風格表達。過程如下圖:

把上一步做好的頭發,連接到頭部。這里需要補充一個色塊,并且做好圓角的處理。要做到自然而然,不要接得太生硬。該調整的地方繼續調整。

到這一步,頭部就完成啦~再檢查看看頭部的視覺是否正常。

身體的部分要畫出來,首先要明確人物的頭身比。當然我們不是再現真實的人物,所以允許頭身比可以有部分出入,但是基本上還是按照6-8頭身的比例。這個比例具體是指什么意思呢?就是我們的身體高度剛好是頭部高度的6-8倍。
下圖為7.5頭身比例圖:

我們畫身體也是從直線開始,利用鋼筆工具畫直線,用直線來勾勒造型,注意對齊已有的網格線。

然后把部分的直角轉為圓角。

再畫出右邊的手臂,注意比例和對齊網格。然后再把部分尖銳的角轉為圓角。

手部的畫法很簡單,也是從矩形開始。然后把部分直角轉為圓角。


最后把頭發的部分拉大一點,然后把所有的細節都整理一遍。

畫出女生的小裙子,也是從直線起步,最后把裙子邊緣轉為圓弧。

兩條腿的畫法依然是利用鋼筆工具,注意小腿肚可以給個弧形來表現。

畫出鞋子的部分,并且增加鞋子的滑輪。


把人物的膝蓋的部分的細節再進行細化,如下圖

到這一步,整個人物的基礎大型就完成了。

在目前的基礎上給人物增加小細節,這些小細節可以增加人物的生動感。比如我在這里給人物添加了頭盔、腰帶、鞋底以及長筒襪的細節。這部分純靠想象,大家可以稍微放飛自我。

利用AI的形狀生成器工具就能生成不同的形狀。
長筒襪的圖案可以畫出來,讓畫面更豐富。首先我們要畫出一條線,這條線的描邊為80px,然后進入【效果>扭曲和變換>波紋效果】,面板參數如下所示。


將上一步所做的形狀進行擴展外觀,變為封閉的路徑形狀,然后應用到長筒襪的白色形狀上。多余的部分用形狀生成器工具刪掉。
人物的塑造到這一步就完成了

我在扁平插畫課里給學員們所介紹的增加光影的方法一般來說是用AI完成的,但是其實增加光影,PS也能做到。所以,我們這次就用PS來增加光影表達。
可以打開PS,新建一個1920*1200px的文檔,然后將AI所畫的對象復制粘貼過去。粘貼時選擇“智能對象”,并且增加一個純色背景,背景色為暖粉色。

這時利用數位板/手繪板,開始對人的皮膚的部分增加陰影,用普通的畫筆即可。
新建一個新的圖層,然后設置為下面那個圖層的剪貼蒙板。在新圖層上添加陰影色塊。利用【選擇>色彩范圍】,首先選中皮膚的顏色,這時記得要選中人物的圖層。然后在新圖層上開始繪制陰影區域,顏色稍微比皮膚的顏色略深。
由于有螞蟻線選區的控制,開始涂陰影的時候就不會溢到其他部分。除了陰影,還可以增加高光的部分,讓畫面看起來更立體。畫筆選擇“硬邊圓”就好。

利用以上所介紹的步驟,開始對其他的部分都分別畫上陰影和高光。
因為畫的過程是非常自由的,只需要掌握基本的原則即可。這里不再詳述每一步,下面是需要注意的要點。

可以利用畫筆畫出部分細節。

最后把長筒襪的部分也做出陰影表現,這里的處理手法和上面略有不同。因為這里涉及的顏色較多,所以我們不能用單色的處理手法來提供選區。
此時需要再新建一個剪貼蒙板,利用鋼筆工具來生成長筒襪的形狀,然后用棕色涂出陰影部分,再降低整個圖層的透明度。

追加顆粒感的紋理,再新建一個圖層,創建剪貼蒙板,繼續自由發揮。這時可以選擇【特殊效果畫筆】里的“噴濺筆刷”,或者選用其他你自己私藏的顆粒感筆刷,這里不是那么絕對。

增加了顆粒的效果,可以讓邊緣變得也具有這種生動的手繪感,因此這時可以再新建一個圖層,利用邊緣比較有機的畫筆來表現,這里的圖層不需要創建剪貼蒙版。
其實插畫不一定要加顆粒,增加顆粒是為了提升趣味感。大家可以對比一下,增加顆粒前后。

最后通過色彩平衡等調色工具來對整體的色彩進行調整,并為人物增加文字背景,將文字也畫出陰影的效果,沖淡背景的單調。并且為整個插畫增加點狀圖案。
最終效果如下:

后面為插畫增加文字和圖案的部分,由于是即興發揮,所以不再多累述。你可以增加圖案,也可以保持原狀。這部分可以發揮你的原創來繪制。
原文鏈接:ifeiwu
]]>

一、新建一個800 * 600像素的文檔,選擇漸變工具,顏色設置如圖1,拉出圖2所示的徑向漸變作為背景。

二、新建一個圖層,用鋼筆勾出心形的輪廓,轉為選區后填充暗灰色,如下圖。

三、新建一個組,在組里新建一個圖層,選擇矩形相框工具拉出下圖所示的矩形選區,填充橙黃色。

四、取消選區后鎖定圖層不透明度,執行:圖像 > 旋轉畫布 > 逆時針旋轉90度,確定后把前景,背景顏色設置如圖5。然后執行:濾鏡 > 渲染 > 纖維,數值模式。


五、旋轉菜單:圖像 > 旋轉畫布 > 順時針旋轉90度,確定后執行:濾鏡 > 模糊 > 動感模糊,參數設置如圖8,效果如圖8。


六、竹條部分做好了,然后就開始編制。把竹條復制一層,按Ctrl + T 變形,在屬性欄把角度設置為 – 32度。確定后再復制,間距框框也要超過一根竹條,復制好后把竹條圖層合并,并命名為“1”如下圖。

七、同樣的方法制作左上至右下方向的竹條,做好后把這個方向的竹條都合并,并命名為“2”。注意好圖層順序,圖層“2”,在圖層“1”上面。
]]>
如果把平面設計看作是形與色的組合,那么Illustrator就是勝在對形的把握,而Photoshop則重在對色的渲染。如果是想要做出有質感的畫面,那勢必要用到PS不可。
今天我們就來利用PS打造一枚質感水晶風格圖標,說是圖標,其實也可以當作平面的素材使用。水晶本身是幾何狀,很容易做出現代的簡約風格。
來自Jose A.ortiz的一組光感作品,看了作品里對光源把握很好,于是臨摹了一下,有所心得。在他原有的作品上,增加了光的作用,此外也增加了我自己的方法和理解。

軟件:Photoshop 2019
本文對所涉及的軟件基礎工具不多做特別詳細的解釋,如果對工具仍然不熟悉的小伙伴,可以先移步軟件的基礎操作再進行實例練習,本文更多提供的是一種創作的思維過程和方法。
我很喜歡PS的筆刷,但是用來用去發現最常用的還是默認那款。今天我們就用最普通的筆刷來「刷」出色彩。
雖然軟件里有漸變工具,但是要想實現漸變這一視覺效果,在PS中有無限的實現途徑。比如今天我們要用的就是用筆刷來實現漸變。
用筆刷來實現漸變,和繪畫是一個道理,非常自由的調配色彩。這樣能讓漸變的色彩表現更自由。

以上左右兩個圓的色彩填充就是分別采用了漸變工具、柔邊圓畫筆筆刷。可以看到右邊筆刷刷出的漸變比較自然靈動,而左邊相對比較平直,沒有變化。如果想要實現比較靈活的視覺效果,左邊用漸變工具以后,還需要做更多的處理。
首先還是需要我們在PS中繪制出水晶的外觀輪廓。
我們可以首先在草圖上找到合適的形態,水晶是一種有機形態,可以探索多種不同的形態畫法。

這里大家可以看到我們有多條邊線,這是把位于水晶背面的邊線也表現出來了。這是為了讓我們在軟件里繪制形狀時清楚水晶的結構,每一個面都需要填色到位,我們要讓水晶保持透明。
打開PS,新建一個2000*2000px的文檔,將背景設置為暗藍色。一般來說,光感效果都需要暗色背景來襯托其光亮。

按照草圖給定的輪廓線,運用鋼筆工具進行繪制。繪制的目的是建立起水晶晶體不同的「面」,這樣才能幫助填色。
水晶的晶體一共有8個面,前后分別表現為4個面。

前后4個面是遮擋的關系(前面擋住了后面),在這里如果降低了圖層的透明度就能看到,因為透明,這8個面的視覺相互影響。
相應的,在圖層上也需要安排好它們的順序。

按照順序,從前方的左下這個形狀開始填色。
首先我們需要調出這塊三角形的輪廓線,在輪廓線內涂抹色彩。這就可以利用我們上一步所繪制的8個形狀,分別進行。
在按住鍵盤上的Ctrl鍵時再單擊鼠標左鍵,就能形成螞蟻線輪廓,新建一個圖層,把所涂抹的色彩放到新圖層上,下方的形狀圖層就可以關閉了。

這里我只使用柔邊圓這個最普通的畫筆,將其放大,可以任意涂抹大塊的色彩。
色彩我們可以從藍色開始,然后再為其增加其他的色彩比如紫色、紅色等。

PS在色彩方面的優勢就是可以對色彩進一步優化,比如大家在色彩搭配方面一開始并不滿意,后期也可以通過調色或者改變透明度、圖層混合模式等一系列方式進行質感的提升。
按照上述方法繼續涂抹正面的另3個面,色彩不要太過,讓整體畫面保持平衡。

在這里我的配色方案是用藍、紫作為主色,然后輔以橙色以及洋紅。
接下繪制位于背面的4個面,這4個面在正面的「下方」,但這里不需要關閉上面的圖層,而是保持上面的圖層可見,看看它們彼此重疊后的效果,可以隨時調整上面的圖層的透明度甚至色彩。

到這一步我們就已經把初步的工作完成,接下只需要進一步修飾、潤色。
可以把每一面的圖層都經過調色處理,這通常處理一些比較細的色彩細節。最常用的調色工具是【色相/飽和度】,這一步主要是為下一步整體調色服務。

也許這并看不出多少改變,因為此時還只是微調,色彩只要不出偏差,都不需要大的調整。
這一步開始增加高亮的部分,這部分采用小一些的白色柔邊圓增加在面的邊緣部分。這里我采用的是增加剪切蒙版的方式,如果光亮太過白,可以實當減弱其透明度。

將白色的高光增加在邊緣部分能進一步強調水晶的體積感。
這時正式進入進一步調色的階段。
這時將除了背景以外的所有圖層編為一組,然后把這個組命名為備份,再復制一個組,將這個組合并為一個圖層,然后把這個圖層命名為水晶,我們對這個水晶圖層進行調色。
原有的備份組關閉其可見,但在需要比較調色后的效果時,也可以開啟隨時比較觀察。
首先我們運用【自然飽和度】,增加色彩的飽和度。

再調整【曝光度】以及【曲線】,增加畫面的色調明暗對比。

再進一步采用【色彩平衡】,對色彩做進一步修飾。

雖然沒調色之前,看起來并沒有什么不妥,但是調色之后再對比,就會發現之前的版本的色調看起來很黯淡。

到這一步色彩已經完成。
光線是我們這次練習的重點,因此接下就來繼續增加光效。
首先來增加其本身的色光,復制上一步的水晶圖層,然后柵格化圖層,將其進行【高斯模糊】。模糊參數可以設置到72,甚至更大。
然后將這個圖層的混合模式改為【濾色】,透明度降至70%。這樣也會為畫面增加一種夢幻感。

再將原有的水晶圖層進行柵格化,這里我們要對這個圖層應用【濾鏡>光照效果】

最后,在背景之上新建一個空圖層,用畫筆畫出中央略亮的感覺。

到此我們就完成了整個制作步驟。設計沒有終點,這一步以后還可以返回重新調色,增加光效等。
目前這篇文章,我們就做到這一步:

很多人對PS的印象,還是停留Photo這個層面,但是我們可以看到PS對質感的營造是獨一無二的,所有在AI或者其他工具畫出的插畫,我覺得都可以利用PS來進一步潤色得更為精致。
在沒有調色之前,其實很多畫面的色彩都看得過去,放到PS當中潤飾之后,通過對比都能發現差異,一稿就能做出優秀配色,恐怕是需要幾十年深厚的配色功底。質感也都是通過時間慢慢打磨出來的。
在有限的時間里,實踐時間利用的最大化,就能深入到更細的細節。一點實踐的體會。
]]>先看看效果圖

1、新建文件

2、選擇背景顏色

3、alt+delete鍵填充前景色。

4、橢圓工具新建一個正圓(橢圓1圖層)。

4.1、雙擊橢圓1圖層調節圖層樣式——顏色疊加、描邊,參數如圖。


4.2、得到橢圓1的效果。

5、再新建橢圓2,大小如圖。

5.1、雙擊圖層調節圖層樣式:顏色疊加、描邊、投影。



6、得到效果,再新建橢圓3.

6.1雙擊橢圓3圖層調節圖層樣式:顏色疊加、投影。


6.2、橢圓3圖層填充調為0.

6.3、橢圓3效果。

7、新建橢圓4圖層大小如圖。

7.1、雙擊圖層調節圖層樣式:斜面和浮雕、顏色疊加、外發光、投影。




7.2、效果。

7.3、ctrl+J復制橢圓3圖層得到橢圓4,調節如圖

8、用矩形工具新建矩形。

8.1、雙擊矩形圖層調節圖層樣式:顏色疊加、投影。


8.2、效果如圖

8.3、ctrl+T復制出4個矩形圖層,分別調整好位置如圖

9、新建小橢圓位置如圖。

9.1、雙擊圖層調節圖層樣式:顏色疊加

9.2、效果如圖

9.3、新建幾個小橢圓位置如圖。

10、選擇大橢圓所對應的小圓圖層調整圖層樣式。


10.1、效果圖

11、打上文字然后調節圖層樣式。


最終效果

最終效果圖:

首先,新建一個文檔,我的是1024*1024。

在背景層上拉一個徑向漸變,顏色如圖所示~~

新建一層,D鍵把前景背景改為默認,填充白色,選擇濾鏡-雜色-添加雜色,平均分布,數量50%,勾選淡色,如圖所示

確定后把混合模式改為柔光,透明度30%

新建一個圓角矩形,如圖所示,調整好圓角,填充顏色隨便。Ctrl+a 選擇水平居中,垂直居z中,Ctrl+d取消選擇

雙擊圓角矩形添加圖層樣式~,數值如下

還有內陰影,顏色疊加、
顏色數值如圖所示:


新建一層,D鍵把前景背景改為默認,填充白色,執行濾鏡-雜色-添加雜色。

濾鏡-模糊-動感模糊,數值如下,接著在兩個圖層之間按Alt+左鍵創建剪貼蒙版。

新建一個小一點的圓角矩形,圓角調整好,居中對齊!顏色無所謂。

先看看效果圖

前言
雙重曝光(double exposure),實際上,雙重曝光是一種攝影技巧,指的是在同一張底片上進行多次曝光,但目前我們可以應用photoshop來完成


一、首先將導入的素材人物進行摳圖,復制人物圖層進行備份,新建一個空白圖層,填充顏色,點擊人物圖像拷貝圖層,關閉鎖定圖層的眼睛。

二、激活【快速選擇工具】,鼠標在圖像上白色區域點擊拖拽,全部白色區域選擇完畢之后,進行刪除【delete】,然后取消選擇,快捷鍵Ctrl+d。


三、添加一個黑白調整層,將圖像去色。

四、導入一風景圖在人物圖層上方。

五、點擊風景圖圖層,進行蒙版剪切,風景圖將剪切進去人物圖像,直接用快捷鍵Ctrl+alt+g,馬上就呈現出美女的剪影啦。

六、最后將風景圖像調整混合模式為【強光】,達到雙重曝光的效果。

九、可以建立網格參考線,排列一些文字,一副完整的海報就出來啦。

十、最終展示效果。

照片通過處理可以得到更完美的效果。
而這些照片在處理后基本上看不出有處理過的痕跡。
說明:你必須使用高像素相機拍攝出來的高分辨率照片。
如果只是攝像頭視頻拍出的圖片。請丟回收站去。
使用軟件Photoshop任何版本。
先看看下面兩張圖有什么不同。
原圖:
原圖

效果圖






圖4
]]>