PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

炎熱的夏天來一杯新鮮的檸檬水清涼一下! 今天的教程你會學到超多實用的基礎操作技巧和圖形繪制方法,教程幾乎每個步驟都有快捷鍵提示,新手拿來熟悉PS再合適不過。一起來收!

最終效果:

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

1. 先來畫玻璃瓶子的底層的基礎圖形

第一步

新建一個2480 x 1748 px的畫布(文檔)(A5紙的水平大小)

選擇圓角矩形工具(U)畫一個585 x 820 px 大小的圖形,作為瓶子的主體。

來到屬性面板(窗口>屬性),在這里我們可以調整圖形的一些參數。 我們要保持矩形是一個實時的矢量形狀,直到我們手動柵格化,這樣可以方便我們在不損失質量的情況下改變大小。

我們也可以通過點擊填充色彩方塊改變填充顏色,也可以在純色面板下拉菜單中改變顏色。 讓我們填充一個很淺的青綠色。

最后,我們可以改變圓角的圓角半徑。 我們設置85px,使這個圓角平滑一些。

按住Control-J來復制形狀圖層。這樣我們就有兩個完全一樣的圖形了。 我們在稍后幾步會用到這個拷貝的圖層。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第二步

我們加一個350 x 85 px的圖形在上方作為瓶頸。 把圓角半徑設置為20px。 保持圓角矩形工具(U)是選中狀態,同時選擇兩個形狀單擊鼠標右鍵打開菜單。 點擊合并形狀,把它們變成一個實時形狀。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第三步

現在我們在瓶頸上加一個玻璃邊緣。

畫一個395 x 40 px的圓角矩形,圓角半徑為20px。 在屬性面板把填充顏色改為更淺一些的青綠色。

按住Control-J復制我們的形狀,同時把它移動到邊緣的上面。 讓我們把形狀變的更大一點,按住Control-T自由變換路徑按住Alt-Shift來拉伸使拷貝圖層變的大一點。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第四步

畫一個340 x 80 px 20 px 圓角半徑的橙色矩形作為杯蓋。 按住Shift-Control-[ 把這個形狀放置到最后一層,或者在圖層面板把它拉到最底層,也就是放到玻璃邊緣圖層的下方。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第五步

現在我們可以用到拷貝的那個杯子主體的圖層了,我們在之前的步驟里拷貝的那個哦! 在圖層面板中找到它,把它拉到最頂層。 把拷貝圖層的填充顏色變成淺藍色。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第六步

保持圓角矩形工具(U)的選擇狀態。縮小形狀的大小,作為瓶子中的水。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第七步

現在畫另一個矩形,用來覆蓋水圖形的上部分。 選中兩個圓角矩形,并切換到 圓角矩形工具(U) ,單擊鼠標右鍵打開下拉菜單。 減去頂層形狀,使罐子的頂部是空的。

順便說一下,我們的形狀仍可編輯! 如果我們選擇了直接選擇工具(A)并按住Control-T自由變換路徑,我們還是可以改變被剪切掉的形狀的大小的。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第八部

現在我們切換到矩形工具(U),畫一個35 x 1110 px的淺黃色豎條作為吸管。 在圖層面板選擇所有的形狀圖層,再控制面板的底部讓他們全部水平居中對其。

現在選中吸管圖層,重復幾次Control-[把圖層下調,直到把它放到瓶子主題圖層和玻璃邊緣圖層之間。 現在吸管看起來就像在瓶子內部了。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第九步

我們來個瓶子畫把手。 利用圓角矩形工具(U)畫一個青綠色的圖形,然后在它上面畫一個更小一些的。

保持圓角矩形工具(U)是選中狀態,同時選兩個形狀,使用減去頂層形狀工具把頂層的圖形減去。(感覺原文敘述有誤或者我翻譯有誤,減去應該這樣做:畫一個形狀后,點擊頂部菜單合并形狀,然后在合適位置畫一個形狀,改合并形狀為減去頂層形狀)按住Shift-Control-[ 把手把圖層放到最后一層,把顏色填充為比瓶子主題顏色更深一些的綠色。)

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

2. 畫檸檬的基礎圖形

第一步

現在我們準備畫檸檬的主要組成部分。 利用橢圓工具(U)畫一個 320 x 320 px橘黃色圓。

復制圖層(Control-J),按住(Control-T)自由變換路徑工具,使復制圖層更小一些。 給拷貝圖層添加一個更淺一些的黃色作為檸檬的果肉。 然后添加第三個形狀,讓他的顏色更深更小一些。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第二步

為了做出檸檬片的形狀,我們需要給最頂層的圓劃分一下。 為了不干擾我們,可以讓頂層的圖層不可見,只要點擊圖層面板前的眼睛圖標就可以了。

使用直線工具(U)畫一條垂直的線 9 x 400 px,穿過檸檬對齊形狀。

復制(Control-J)線條,按住Control-T然后旋轉90度,讓它水平穿越檸檬。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第三步

再拷貝線條兩次,分別選擇45度。 最后直線工具(U)選中的情況下,選擇所有線條,然后鼠標右鍵合并形狀,把所有線條放在一個圖層中。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第四步

現在可以去圖層面板把我們的檸檬設為可見了。 同時選擇這個圓還有合并好的條形圖層。 保持直線工具(U)是選中狀態,單擊鼠標右鍵減去頂層形狀剪掉這些條。

太好了! 用這種方法我們的檸檬片就做好了。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第五步

現在我們來做檸檬的主體。 復制(Control-J)最大的橙色圓形圖層,將它向右移動。

利用矩形工具(U)畫一個86 x 340 px的圖形。把它放置到剛剛復制的那個圓上面。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第六步

保持使用矩形工具(U),同時選擇圓形和剛畫的矩形,單擊鼠標右鍵合并形狀。 利用橢圓型工具(U)在檸檬的最右邊畫一個小小的凸起,這樣檸檬的主體就畫完了。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第七步

讓我們給檸檬汽水加更多的細節吧:一片新鮮的薄荷葉。

選擇自定義形狀工具(U),在頂部的控制面板的下拉形狀菜單中選擇雨滴形狀,畫一個190 x 300 px 的圖形,填充為深青綠色

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

3. 用紋理筆刷給它們增色

第一步

現在基礎圖形都已經畫好了,我們用一些淡淡的紋理給它們增加更多的細節,看起來更立體些。

首先,我們先從檸檬的橫截面圓開始,把它們合到一個組里(Control-G) 把檸檬的表皮部分和到一組,然后把這兩組放到一個組里。 保持我們的圖層清晰且有組織將會幫助我們更快的找到并且編輯圖形。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

現在我們選擇檸檬表皮的圖層,按住Alt 然后單擊創建新圖層按鈕。

在彈出的新建圖層窗口,勾選使用前一圖層創建剪貼蒙板。 現在新圖層和檸檬表皮圖層就鏈接起來了。 在圖層面板你將會看到一個微笑的箭頭,在我們新建的圖層前面指向被鏈接的圖層。

這個圖層允許我們在被選圖層的邊緣內作畫,提高工作效率,我們就不需要用橡皮擦工具(E)來清理邊緣了。 讓我們來試試吧!

選擇鏈接圖層然后選擇畫筆工具(B) ,點擊鼠標右鍵打開筆刷列表,隨便選擇一個你喜歡的銹跡筆刷,在Photoshop的默認筆刷里面選一個,都將會使你的作品煥然一新。

我用的是默認 M Brushes中的干介質筆刷 1 #2,在顏色面板選擇一個顏色較深的橙色試著在檸檬表皮上畫上幾筆。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第二步

如果你想添加更多的筆刷描邊樣式,你可以去筆刷面板里設置看看(窗口>畫筆) 這里你可以改變間隙或者給筆刷添加紋理或者濕邊。

從深橙到淺黃等不同的顏色給檸檬表皮添加更多的紋理。

下面選擇檸檬上最大的圓,按住Alt然后創建新的鏈接圖層。 把檸檬中的橙色圓也添加上紋理。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第三步

現在我們給檸檬片也同樣添加紋理。 給檸檬片圖層也添加鏈接圖層,選擇從深橙色到亮黃色的顏色,用紋理筆刷涂抹。

你可以在頂部的控制面板調整畫筆的透明度和流量,使筆刷更亮更通透。

我們可以用[和]按鍵來快速調整筆刷大學

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第四步

創建一個新圖層來添加小細節。 現在我打開默認設置的干介質畫筆,在檸檬片上用炭筆筆刷畫一個微小的紅色筆跡。 持續添加筆跡,使檸檬看著有些斑點。繼續添加?其他不同種類的顏色,橙色,亮黃色,白色。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第五步

給檸檬表皮同樣添加一點斑點。 現在它看起來就要完成了!

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第六步

現在給檸檬片加幾個變化。

在圖層面板選中并復制檸檬圓組,通過按住Control-J 我們把它切成兩半,做一個檸檬片。 保持組是選中狀態,在圖層面板的下方點擊圖層蒙板按鈕,給整個組加一個剪貼蒙板。

現在使用矩形選擇工具(M)選擇檸檬片的上半部分。 在圖層面板點擊蒙板,使用油漆桶工具(G)給選擇的區域添加黑色。 這樣檸檬片的上半部分就不可見了。 現在我們有一個漂亮的半片檸檬片了!

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第七步

讓我們把這個方法應用到葉子上。 創建一個鏈接圖層(創建剪貼蒙板),利用干介質畫筆給葉子添加紋理。 使另一半顏色更淺一些。 給葉子的底部添加更深的藍色。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第八步

在葉子的頂部加一個柔和的高光,使用淺青綠色的炭筆筆刷來畫葉子的脈絡:深藍色在深色的一側,淺青綠色在葉子的另一側。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第九步

現在來給瓶子增色。 選擇瓶體形狀加一個鏈接圖層。 使用干介質畫筆 1 #2(或者其他你喜歡的顆粒紋理)在沿著杯子的邊緣涂抹深青綠色。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第十步

加更多的青綠色,沿著邊緣把顏色變成深藍色。加強顏色和對比度。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第十一步

給水形狀圖層加一個鏈接圖層,在水上繪制紋理。 讓水杯的手把變的立體一些。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第十二步

現在我們移步到玻璃邊緣,記得給所有你要添加顏色的形狀添加一個鏈接圖層。 通過加深邊緣的顏色和在中間加柔和的高光,讓這些原色看起來更立體。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第十三步

現在我們給水瓶的蓋子添加一些圓點圖案。 選擇杯蓋圖層,給他加一個鏈接圖層。

在干介質筆刷中選擇一個粗糙的蠟筆紋理,或者使用其他任何你喜歡的筆刷。 在杯蓋上畫一個白色的圓。 添加更多的圓點,使它形成圖案。 最后,選擇圖案圖層,在圖層面板頂部把混合模式調整為疊加,降低透明度到78%

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第十四步

我們移步到吸管。

首先,添加一個鏈接圖層,使用顆粒狀的筆刷像之前用的那樣畫一個粉紅色的斜條。 通過更多的鏈接圖層我們把吸管變的更立體一些。

把其中一個鏈接圖層的混合模式調整為濾色,沿著左側邊緣畫一些黃色的高光。 把其他的鏈接圖層混合模式調整為正片疊底,沿著右側邊緣加一些柔和的粉色陰影。

如果陰影和高光太強烈了可以減低圖層的透明度。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第十五步

我們給杯子里的吸管加一抹藍色。 這樣看起來就像吸管在玻璃內部了。 給吸管再加一個鏈接圖層。 使用矩形選區工具(M),選擇吸管的底部,也就是浸在水里的那部分。 用淺藍色填充選區,把混合模式調整為正片疊底。

我們可以給吸管加一個的鏈接圖層,把玻璃瓶子內的吸管填充淺藍色。 混合模式也選用正片疊底,同時降低一些透明度。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

4. 更好的組合起來

第一步

我們要對鮮檸檬做些什么呢? 我們有一個完整的檸檬(我是把兩半檸檬組合到一起的),一個切開一半的檸檬,一個檸檬片,還有一個薄荷葉子。 讓我們把所有的放到一起。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第二步

我們放置一些檸檬到玻璃杯的兩側。 配合使用Shift-Control-[ 和 Shift-Control-]鍵來控制形狀的排序。

復制檸檬切片,把兩片檸檬都放在杯中。 我們稍微編輯下這些形狀拷貝,最大的檸檬片,把它放置在另一個檸檬片的上面。 把填充顏色改成藍色,混合模式為正片疊底,降低透明度到60% 這一抹藍色讓檸檬看起來更加真實,好像漂浮在水中一樣。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第三步

在杯子內外加更多的檸檬片。 開始用葉子來裝飾整個畫面。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第四步

現在復制水形狀的圖層,把拷貝圖層放到檸檬的上層。 混合模式改成正片疊底,使它看起來更真實。 添加更多的葉子來平衡整個畫面。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第五步

使用炭筆筆刷畫一個細長的的弧形當作植物的莖。 畫一些小圓作為孢子。 復制植物來裝飾瓶子。 使用編輯>變換>水平翻轉給圖形做一個鏡像。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

第六步

我們完成插畫部分,讓畫面看起來更加平衡。 給背景圖層填充一個淺黃色。 在背景圖層的上一層創建一個新的圖層,使用紋理筆刷給瓶子下方添加一個柔和的陰影。

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

太棒了! 我們的鮮檸檬水玻璃杯就完成了!

如同你看見的一樣,一些紋理會讓你的扁平插畫看起來更獨特富有更多細節。 運用這些知識,你不僅可以畫一個別致的杯子,也可以做一些其他的扁平插畫。

「優設五月下載人氣排行榜!」

瞬間轉換成水彩風格!
《神器推薦!快速將圖片轉換成水彩/油畫風格的TOPAZ IMPRESSION》

好用到爆的AE插件:
《完全停不下來!10個好用到令人震驚的AE插件(附視頻演示)》

10套收費的模版:
《價值4000元!10套可商用的WEB設計模版PSD限時免費下載》

原文地址:design.tutsplus

PS教程!從零開始教你繪制清涼的檸檬水扁平插畫

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量130萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 78
點贊 13

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。