AI鼠繪教程,鼠繪一杯牛奶和餅干教程(8)

這篇鼠繪教程效果有點漫畫風(fēng)格,比較簡潔,主要學(xué)習(xí)基本形狀工具的使用,喜歡鼠繪的一起來學(xué)習(xí)吧。先來看看效果:

www.theoat.com.cn_025950IH-0.jpg

我們開始吧!

1、畫一個脆脆的巧克力曲奇餅干

第一步

首先畫一個250*250px大小的圓,用橢圓工具(L),同時按住Shift鍵來畫圓。 給圓形填充沙灘黃色,選擇“效果——扭曲和變換——粗糙化” 大小調(diào)至1%,勾選“相對” 然后將“細節(jié)”值調(diào)至5,勾選“平滑”。 點擊“確定”,圓形的邊緣會變的參差不齊。

www.theoat.com.cn_0259505139-1.jpg

第二步

選擇“對象——擴展外觀”,使用“變形工具(Shift+R)”使圓形邊緣的某些地方更參差不齊。(按住Alt鍵和Shift鍵可以調(diào)節(jié)變形工具的大。

www.theoat.com.cn_025950NG-2.jpg

第三步

對餅干使用徑向漸變,中心到邊緣由亮到暗。

www.theoat.com.cn_025950N40-3.jpg

第四步

通過在餅干表面增加一些凹痕來使其表面更有質(zhì)感。 選擇“橢圓工具(L)”畫一些圓,使它們大小不一,隨意地分布在餅干表面。

像之前將餅干的邊緣粗糙化的做法一樣,將分布于餅干上的圓形粗糙化,但是這一次要使它們的邊緣更粗糙,將“大小”值調(diào)整為5%,勾選“相對”;然后將“細節(jié)”調(diào)整至10,勾選“平滑”,點擊“確定”。

然后選擇“對象——擴展外觀”,接著使用“變形工具(Shift+R)”來調(diào)整邊緣的形狀。

www.theoat.com.cn_0259504402-4.jpg

第五步

用從白色到橘色的線性漸變填充前面畫好的各個形狀,在“透明度”的屬性面板上將混合模式選擇為“正片疊底”。 通過這種方法做餅干表面的凹痕,做出半透明的陰影效果。

www.theoat.com.cn_025950F30-5.jpg

第六步

現(xiàn)在讓我們來制作巧克力的形狀,撒在餅干的表面。 用橢圓工具畫出一些棕色的圓形,然后應(yīng)用“粗糙化”效果:“大小”為2%,勾選“相對”;細節(jié)為“10”,勾選“平滑”。

選擇“對象——擴展外觀”,調(diào)整圓形的邊緣,然后應(yīng)用徑向漸變,將漸變色中得淺亮色置于靠近巧克力形狀的上邊緣。

www.theoat.com.cn_0259505455-6.jpg

第七步

選擇一個巧克力豆,復(fù)制并黏貼到前面(Ctrl+C,Ctrl+F) 將黏貼后的一層縮小,往上移至靠近巧克力豆的頂部。 給黏貼過來的小的巧克力豆從上到下填充從棕色到黑色的線性漸變色。

將混合模式調(diào)為“濾色”,這樣就能夠?qū)u變色中的黑色變透明,獲得一個光滑的高光。

對剩下的每個巧克力豆重復(fù)上述動作,添加高光,使每個元素都更加寫實。

www.theoat.com.cn_0259505548-7.jpg

第八步

選擇不帶高光的巧克力豆的基本形狀,復(fù)制并黏貼在后面(Ctrl+C,Ctrl+B) 按住鍵盤上的向下箭頭鍵,將復(fù)制的圖層向下移動一些。 填充從淺棕色到白色的線性漸變。 調(diào)到正片疊底模式,使巧克力豆的下方有微微的投影。

www.theoat.com.cn_0259503417-8.jpg

第九步

讓我們再給曲奇餅干添加一些寫實的細節(jié)。 我們將用AI默認的筆刷在餅干表面畫一些裂縫。 選擇“窗口——畫筆”出現(xiàn)畫筆的屬性框,點擊屬性框的左下角畫筆庫,選擇“藝術(shù)效果——粉筆炭筆鉛筆”。 接著,找到“炭筆-細”畫筆,然后選擇畫筆工具(B)。

www.theoat.com.cn_025950ML-9.jpg

第十步

沿著餅干的邊緣畫一些裂痕,從邊緣到中心,繞著圓圈畫長長短短的波浪形的裂痕 用短線或點來連接各個裂痕,隨意散布在曲奇餅上。

www.theoat.com.cn_0259505219-10.jpg

第11步

畫完裂痕之后,將這些裂痕全部選中(選擇——相同——描邊顏色可以快速選擇到所有裂痕),然后選擇“對象——擴展外觀”將這些裂痕的邊緣變得粗糙(這一步很關(guān)鍵,保證后面可以對路徑填充漸變色)。 保持選中狀態(tài),右擊——建立復(fù)合路徑(Ctrl+8),將所有分離的裂痕組成一個整體。(復(fù)合路徑是把各個獨立的圖層整合成一個圖層)

最后,給新編組好的涂層填充徑向漸變色,從中心到邊緣由淺黃色到深棕色。

www.theoat.com.cn_0259502624-11.jpg

完成后的餅干是這樣的。 這些裂痕比餅干的基本色要深一些,這樣營造出精美紋理的效果。

www.theoat.com.cn_0259506043-12.jpg

第12步

通過在裂痕周圍添加高光來使其更寫實。 選中裂痕的復(fù)合路徑圖層,復(fù)制,黏貼到后面(Ctrl+C—Ctrl+B)

將復(fù)制的圖層向下移動一些,填充深棕色。 切換混合模式為“濾色”,使裂痕的復(fù)制層比餅干的顏色更淺。

www.theoat.com.cn_0259505R1-13.jpg

第13步

讓我們來給曲奇最后添加一些路徑,使它的3D效果更強。 復(fù)制曲奇的基本圖層,黏貼到前面(Ctrl+C-Ctrl+F) 將復(fù)制的圖層向右上方移動一些。 調(diào)整大小,使其變小一點。

選中黏貼到前面的圖層以及它下面的曲奇的基本圖層(這里要記得將曲奇的基本圖層多復(fù)制一層),在路徑查找器中選擇“減去前面的形狀”,會產(chǎn)生一條細邊。 給細邊這一圖層填充一個從淺棕色到白色的線性漸變。 切換至正片疊底混合模式,這樣曲奇餅的周圍獲得一個淡淡的陰影。

www.theoat.com.cn_0259503E5-14.jpg

第14步

再次復(fù)制曲奇餅的基本圖層,黏貼到前方(Ctrl+C-Ctrl+F),同樣將黏貼的圖層調(diào)小一些。 給黏貼后的圖層填充一個從中心到邊緣為深棕色到黑色的徑向漸變。 切換混合模式為“濾色”,賦予其輕微的高光效果,將漸變的最淺色部分移至靠近頂部。

www.theoat.com.cn_0259502961-15.jpg
2.制作一個裝著牛奶的玻璃杯

第1步

首先,我們創(chuàng)建一個明亮的背景使玻璃杯的透明感和白色的牛奶變得可見。 創(chuàng)建一個600px*600px的正方形,并填充從中心到邊緣為深湖藍到深藍色的徑向漸變。

www.theoat.com.cn_0259505U0-16.jpg

第2步

我們來開始表現(xiàn)玻璃杯。 用矩形工具來畫一個140px*270px的矩形,填充白色。 使用直接選擇工具(A)選擇矩形的左下角的錨點。按“enter”鍵,出現(xiàn)移動彈窗,設(shè)置“水平”數(shù)值為15px,“垂直”數(shù)值為0px. 點擊“確認”,將這個錨點向右移動了15px。

針對右下角的錨點重復(fù)剛剛的操作,但是這一次是將“水平”的數(shù)值設(shè)置為-15px.

最后,使用彎曲工具(shift+~)使這個形狀的底部彎曲成輕微的弧形。

www.theoat.com.cn_0259505236-17.jpg

第3步

我們來把下方的角落變得更光滑,使用直接選擇工具選中錨點,在上方的工具欄中設(shè)置圓度為5px。

這個特征只在AI CC中有。 但是,如果你正在使用之前的版本,你可以通過在頂部工具欄中選擇“變換”工具。 然后用錨點工具(Shift+C)來設(shè)置錨桿的位置。

我們來開始設(shè)計玻璃杯的頂部。 使用橢圓工具(L)在玻璃杯的頂部畫一個扁橢圓形。 讓它的寬度與玻璃杯的寬度相同。 復(fù)制該圖層,黏貼到后面(Ctrl+C-Ctrl+B),以備后面使用。

選中這個扁橢圓的形狀和玻璃杯,使用路徑查找器工具中的聯(lián)集工具,使它們結(jié)為一體。 復(fù)制這個圖層,黏貼到后面(Ctrl+C-Ctrl+B)備用。 你可以在圖層窗口通過控制圖層前的眼睛來控制其可見或不可見。

www.theoat.com.cn_0259503U0-18.jpg

第4步

現(xiàn)在,選擇前面復(fù)制過的橢圓形,再復(fù)制一遍,復(fù)制到前面,再移到圖層的最前面(Ctrl+Shift+]). 選中最上層的橢圓和前面復(fù)制過的玻璃杯形狀,使用路徑查找器中的減去前面形狀功能,得到一個輕微的拱形。

將這個拱形的不透明度降低為65%。(拱形的顏色為白色)

www.theoat.com.cn_02595023J-19.jpg

第5步

回到我們前幾步做好的玻璃杯形狀的復(fù)制層。 它應(yīng)該在拱形的圖層之下。

應(yīng)用一個水平線的線性漸變,設(shè)置如下:最右邊是淺藍色,不透明度為50%。 最左邊也是50%的淺藍色。 最后,點擊漸變條的中間添加第三種顏色,設(shè)置為0%的白色,使中間完全透明。

把整個形狀的不透明度降到50%

www.theoat.com.cn_0259502343-20.jpg

第6步

讓我們給圖層最上層的玻璃杯形狀半透明圖層也應(yīng)用相同的三種顏色的漸變。 你可以用吸管工具(I)從后面的圖層復(fù)制漸變顏色。

www.theoat.com.cn_025950L27-21.jpg

第7步

現(xiàn)在,回到復(fù)制過的橢圓形圖層,把它移到最前面(ctrl+shift+]) 如果你前面沒有復(fù)制,那就干脆在最上方的圖層畫一個新的橢圓。 給這個橢圓填充淺藍色,然后點擊:“對象——路徑——偏移路徑”。 將偏移路徑的數(shù)值設(shè)置為-1px,在內(nèi)部創(chuàng)建一個更小的橢圓。

選中這兩個橢圓形,在路徑查找器中選擇“減去前面形狀”,減掉里面的橢圓,在玻璃杯的頂部得到一個細的邊緣。

www.theoat.com.cn_0259506213-22.jpg

第8步

我們來給玻璃杯添加厚度,使之更加具有三維效果。 選擇前面的玻璃杯形狀,復(fù)制并黏貼到前面。

稍微壓縮一些,使其更狹窄一些。 然后用鍵盤上的向上的鍵使其往上移動幾個像素。

現(xiàn)在選中這兩個形狀,使用“減去前方形狀”工具減掉里面重疊的部分,這樣就只有外圈的邊緣留下,這就作為玻璃杯的邊緣。

www.theoat.com.cn_0259502X3-23.jpg

第9步

現(xiàn)在讓我們給杯子里裝上新鮮的牛奶。

使用橢圓工具(L)畫一個白色的橢圓,放置在接近玻璃杯頂部四分之一的地方,使其適合玻璃杯的內(nèi)部形狀(邊緣留一些空間可以看起來更有厚度)

復(fù)制前面的玻璃杯形狀,黏貼到前面。 從兩邊和底部壓縮該形狀。使其變得更短更細,使之與白色的橢圓寬度相同。

www.theoat.com.cn_0259504547-24.jpg

第10步

把這個形狀縮短,留下底部更多空間。 給該形狀填充水平的線性漸變,包含四種顏色:白色,淺藍,白色,淺藍。

棒極了! 我們已經(jīng)裝進了牛奶,借助顏色的漸變來創(chuàng)建一個寫實的牛奶。 我們繼續(xù)給玻璃杯添加更多的細節(jié)。

www.theoat.com.cn_0259503X3-25.jpg

第11步

玻璃的表面是很光滑。有光澤的,并且常常有一些反光、高光和折射光。 所以我們來給玻璃杯添加更多寫實部分,使它更加有光澤。

使用矩形工具(M)在玻璃杯的左邊創(chuàng)建兩個細窄的長條。 同時選中兩個長條,將它們組合成復(fù)合路徑(ctrl+8) 用直接選擇工具選中底部所有錨點,向右移動,與玻璃杯的左邊貼合。

www.theoat.com.cn_02595024Z-26.jpg

第12步

復(fù)制前面的玻璃杯形狀 同時選中復(fù)制圖層和長條形狀圖層,使用路徑查找器中的“相交”工具,切掉玻璃杯外面的長條。 填充從白色到黑色的線性漸變,切換至濾色混合模式,制造有光澤的高光。

www.theoat.com.cn_02595032U-27.jpg

第13步

保持長條形狀的選中狀態(tài),使用橡皮擦工具(Shift+E),畫一條線穿過長條,形成一條界線。 最后,調(diào)整漸變條的位置,水平放置,并且將黑色一端靠近杯子的中間。

www.theoat.com.cn_0259503303-28.jpg

第14步

用相同的方法在杯子的右邊添加高光。 在玻璃表面添加一些水滴。

www.theoat.com.cn_0259506317-29.jpg
提交一個簡單的作品

第1步

好的,現(xiàn)在我們有了一杯牛奶和一塊酥脆的曲奇餅,它們可以組合成一個簡單而平衡的作品。

首先最重要的是,要重新調(diào)整兩個物體的大小,需要的話,把它們放在畫布的中心。 將曲奇餅放在玻璃杯的前方(ctrl+shift+])

www.theoat.com.cn_0259502629-30.jpg

第2步

我們需要將曲奇與玻璃杯分開,以展示它們不是扁平的。 我們可以通過在曲奇的后面添加一個輕微的陰影來做到。 復(fù)制曲奇的圖層黏貼到后方。 將復(fù)制的圖層向左下方移動一些,填充一個從淺藍到白色的線性漸變,切換混合模式為正片疊底,創(chuàng)建一個半透明的陰影。

www.theoat.com.cn_0259501401-31.jpg

第3步

選擇玻璃杯的前面部分以及曲奇的陰影,使用”形狀生成器“工具(shift+M),來刪除玻璃杯以外的陰影。 只要將鼠標(biāo)移到不需要的部分上,看到灰色區(qū)域就選中,同時按住ALT鍵。

www.theoat.com.cn_0259502041-32.jpg

第4步

在第一個曲奇的后面添加另一個曲奇。 復(fù)制曲奇黏貼到后面 將復(fù)制層調(diào)整得更小,并向右邊移動。

復(fù)制新曲奇的基本形狀,黏貼到前面 通過填充一個從深棕色到白色的徑向漸變,并切換混合模式為正片疊底使之更深色,形成對比。

www.theoat.com.cn_0259501G3-33.jpg

第5步

我們通過添加另一個陰影使前面的曲奇更突出 復(fù)制前面曲奇的基本形狀,黏貼到后面 移至右邊,覆蓋住后面的曲奇,使用”形狀生成工具“來得到不需要的部分

填充從深棕色到白色的水平線性漸變,混合模式為正片疊底,形成一個陰影。

www.theoat.com.cn_0259503D0-34.jpg

第6步

最后,我們給所有物體的后面添加一個整體的陰影,使3D效果更好。

在杯子底部創(chuàng)建一個扁的橢圓,填充從中心到邊緣為藍色到白色的徑向漸變。 混合模式為正片疊底,在杯子底部創(chuàng)建一個輕微的陰影。 在每塊曲奇的底部添加兩個小一些的陰影。

完美! 現(xiàn)在所有物體看起來就像在同一個水平線。

www.theoat.com.cn_0259505646-35.jpg

干得好! 我們成功地完成了這個教程。 我希望你們在畫這些元素時是開心的,并且學(xué)到一些新的建議和技巧,使你的工作更簡單,同時也激勵你嘗試新的東西。 保持創(chuàng)造性,期待更多!

www.theoat.com.cn_0259502646-36.jpg

全教程完,學(xué)完記得交作業(yè)。如果本教程對您有所幫助,請推薦給你的朋友。

學(xué)習(xí) · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    鳥失左翅 說: 打卡
    藥藥耐尊 說: 簽到
    善良的蒂朵 說: 浪費時間
    圣吾 說: 學(xué)習(xí)了,頂起
    樂寶寶 說: 謝謝老師分享
    雨軒 說: 好好,認真學(xué)習(xí),學(xué)著做