當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI鼠繪教程,鼠繪一個簡潔的卡通手機(jī)

來源:design.tutsplus 作者:不詳 學(xué)習(xí):3843人次

主要利用AI的基本形狀工具結(jié)合混合模式來繪制出來的,這么簡潔易學(xué)的一個圖標(biāo),你們還不來學(xué)學(xué),這還有王法嗎?

tgudhdp.cn_034002Ea-0.png

讓我們開始吧!

1. 創(chuàng)建一個新文件

如往常一樣,每個項(xiàng)目的第一件事就是新建文件。 點(diǎn)擊 文件>新建 或者使用快捷鍵 Ctrl+N 來創(chuàng)建一個800*600像素的文件,設(shè)置如下:

畫板數(shù)量:1單位:像素

高級設(shè)置模塊:

顏色模式:RGB柵格效果:屏幕(72 ppi)使新建對象與像素網(wǎng)格對齊:選中

tgudhdp.cn_034002M42-1.png

給文件取一個你喜歡的名字,然后開始下一步。

2. 項(xiàng)目的圖層

無論哪個項(xiàng)目,你都應(yīng)該盡量使用圖層,因?yàn)閳D層可以幫助你劃分你的設(shè)計結(jié)構(gòu),讓你一次專注一個部分,而不必害怕自己不小心移動了或者放錯了另一個形狀。

那么,假設(shè)你已經(jīng)知道如何使用圖層面板了,創(chuàng)建3個圖層并給它們?nèi)缦旅?/p> 圖層1:手機(jī)形象圖層2:四周點(diǎn)綴圖層3:漸變覆蓋

tgudhdp.cn_034002O49-2.jpg

3. 開始制作可愛的形象

我們先制作可愛的小手機(jī)形象,看完后面的步驟,你就會知道這個過程真的很簡單。

步驟 1

定位在第一個圖層,然后使用圓角矩形工具創(chuàng)建一個168*314像素的圓角矩形,其中圓角大小為20像素,顏色為#64c4f1,然后把形狀與畫板對齊居中。

tgudhdp.cn_0340022P2-3.png

步驟2

選中該圓角矩形,點(diǎn)擊 對象>路徑>偏移路徑 然后輸入6px的偏移值,這樣給該形狀一個邊框。 其他的設(shè)置保持默認(rèn)值,然后點(diǎn)擊確定。

tgudhdp.cn_034002I19-4.png

步驟3

把邊框的顏色設(shè)為較深顏色#1b456b來區(qū)分邊框和主體。

tgudhdp.cn_03400232P-5.png

步驟4

使用矩形工具(M)創(chuàng)建一個230*140像素的矩形(顏色#659def),作為顯示屏,然后給它一個6像素的粗邊框(顏色#1b456b) 選中以上兩個形狀,把它們與手機(jī)機(jī)身左右居中對齊,屏幕邊框與機(jī)身邊框的上間距為38像素。

tgudhdp.cn_03400243J-6.png

步驟5

開始添加一些細(xì)節(jié):創(chuàng)建手機(jī)頂部的傳感器(顏色:#1b456b),旁邊的按鈕(顏色:#1b456b)和底部的圓形按鈕(邊框顏色:#1b456b;填充顏色:#519fc4)。

tgudhdp.cn_03400253T-7.png

步驟6

使用橢圓工具(L)制作兩個18*18像素的圓(#1b456b)作為眼睛,它們的間距為60像素。

再制作另一個28*28像素的圓作為嘴巴,把填色切換為描邊(選中形狀>Shift+X),然后把它切半,描邊粗細(xì)設(shè)置為6像素。

把嘴巴放在眼睛正下方,然后組合(Ctrl+G)眼睛和嘴巴,再把它們與屏幕居中對齊。

tgudhdp.cn_034002LU-8.png

步驟7

添加臉頰,制作兩個20*20像素的圓(#4f8bd3),它們放置在眼睛下方,然后往外移幾個像素。

tgudhdp.cn_03400234R-9.png

步驟8

手機(jī)主體已經(jīng)完成的差不多了,我們接下來為手機(jī)添加一些高光和陰影的細(xì)節(jié)。

選中手機(jī)的最大的淺藍(lán)色的圓角矩形,復(fù)制(Ctrl+C > Ctrl+F),然后點(diǎn)擊 對象> 路徑> 偏移路徑 并輸入-4px的偏移量來創(chuàng)建內(nèi)部的偏移量。

然后選中之前復(fù)制的圓角的矩形和偏移的圓角矩形,在路徑查找器面板選擇減去頂層形狀,從而制作一個環(huán)形的高光,把它的顏色設(shè)為白色(#ffffff),并把混合模式調(diào)為柔光,不透明度調(diào)為80%。

tgudhdp.cn_034002O38-10.png

步驟9

與之前步驟的數(shù)值一樣,在手機(jī)的右上方添加兩條豎高光和在屏幕外邊框下添加一條4像素粗的橫高光。

tgudhdp.cn_03400241K-11.png

步驟10

在屏幕和Home鍵內(nèi)部添加一些陰影,顏色是黑色(#000000),不透明度為14%。

tgudhdp.cn_03400234U-12.png

步驟11

最后添加屏幕的對角線高光(顏色:白色#ffffff;混合模式:柔光;不透明度:30%),再在手機(jī)左上角添加兩個星星形狀的光(顏色:白色#ffffff;混合模式:柔光;不透明度:80%)

選中所有的形狀,然后點(diǎn)擊Ctrl+G把它們合并成組。

tgudhdp.cn_0340025293-13.png

步驟12

在手機(jī)下面添加一個144*10像素的橢圓,把它的顏色設(shè)為黑色(#000000),把不透明度降低為20%。

tgudhdp.cn_034002M64-14.png

我們已經(jīng)很好地完成了我們插畫的主體,接下來在第二個圖層上制作一些小小的圖案,讓整個畫面顯得更好更平衡。

4. 制作四周的圖案

這一部分很簡單也很有趣,因?yàn)槟愕弥谱骱芏嘈螤,比如方形、圓形、十字、三角形、菱形等,然后你把它們點(diǎn)綴在手機(jī)兩側(cè)來得到一個好看的圖案。

把這些形狀的描邊粗細(xì)設(shè)置為4像素,顏色為#1b456b,然后好好地擺放它們,使它們不僅看上去好玩,而且看上去統(tǒng)一一致。

tgudhdp.cn_034002IJ-15.png

5. 添加漸變覆蓋層

我們添加完手機(jī)四周的圖案后,就可以開始最后一部分了,最后一部分是要制作并覆蓋一個漸變層,這樣我們插畫的顏色可以更突出。

步驟1

復(fù)制手機(jī)主要的形狀(包括最外邊框和旁邊的按鈕)和手機(jī)周圍的圖案(你需要點(diǎn)擊 對象>擴(kuò)展>填充和描邊 來擴(kuò)展這些圖案),然后把它們粘貼到第三個圖層。

然后選中所有的形狀,點(diǎn)擊 對象>復(fù)合路徑,再點(diǎn)擊建立。 這樣可以使你所有的形狀作為一整塊,這正是我們想要的,因?yàn)槲覀兘酉聛砭鸵褲u變覆蓋在它們上面。

tgudhdp.cn_0340026364-16.png

步驟2

選中我們剛剛制作的復(fù)合路徑,然后創(chuàng)建一個線性漸變,從#0000ff到#00ffff,保證角度設(shè)為了90°。

tgudhdp.cn_034002IL-17.png

步驟3

最后,調(diào)整漸變,把混合模式調(diào)為強(qiáng)光,不透明度降低為28%。

tgudhdp.cn_0340021552-18.png

我們完成啦!

你已經(jīng)掌握了如何使用一些基本形狀和小技巧(漸變和混合模式)就制作一個可愛的形象啦。

我希望你們一直在不斷地學(xué)習(xí)新技巧,還有,和往常一樣,我期待看見你們制作出來的作品。

tgudhdp.cn_034002Ea-0.png

 

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

  網(wǎng)友求助,請回答!