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

AI插畫教程,用PS制作2.5D風(fēng)格插畫(2)

來(lái)源:學(xué)UI網(wǎng) 作者:不露 學(xué)習(xí):29501人次

⑤接下來(lái)就是小梯子、愛心、小人的分解圖啦。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

⑥再繪制WIFI圖標(biāo),新建一個(gè)90*90的正圓,復(fù)制四層,每?jī)蓪泳幰粋(gè)組,將其只顯示一個(gè)組。組里選中上面一個(gè)圓右鍵變換—縮放—等比縮放80%后再做布爾運(yùn)算的減法運(yùn)算得到一個(gè)圓環(huán)。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

⑦顯示另外一個(gè)組,再將這兩個(gè)圓制作成一個(gè)圓環(huán)。底圓縮放70%頂圓縮放50%。最后顯示中間的實(shí)心圓縮放比例40%,最終效果圖如下。再繪制一個(gè)100*100的正方形,底端點(diǎn)和圓環(huán)中心點(diǎn)對(duì)齊;將這個(gè)正方形旋轉(zhuǎn)45°后復(fù)制兩層,同樣只顯示一個(gè)正方形。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

⑧選中一個(gè)正方形和一個(gè)單圓環(huán),再選路徑查找器—交集。然后每個(gè)剩下的一個(gè)圓環(huán)和一個(gè)實(shí)心圓都配一個(gè)正方形做交集運(yùn)算。效果圖如下:

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

⑨給這個(gè)WIFI圖標(biāo)加3D效果,再繪制一個(gè)圓調(diào)整一下當(dāng)手機(jī)按鍵。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

三、PS中上色以及加圖層樣式

步驟1:

確保AI里做了3D效果的圖形全部都擴(kuò)展外觀了后。直接選擇工具選中所有圖形后按Ctrl+C,跳轉(zhuǎn)到PS中后按Ctrl+V,這時(shí)會(huì)有個(gè)對(duì)話框,選擇形狀圖層即可。然后開始進(jìn)行最考驗(yàn)?zāi)托牡囊徊嚼猜窂竭x擇工具選中每一個(gè)小塊后按Shift+Ctrl+J即可將每一小塊作為一個(gè)單獨(dú)的圖層提取出來(lái)。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

步驟2:

接下來(lái)就可以給每一個(gè)小塊上色了。那些圓滑的曲面有的會(huì)被分成幾塊,這時(shí)合并就好了。(具體見圖)

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

步驟3:

下面是手機(jī)的上色分解圖:

①先整體上色。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

②再添加雜色。隨便勾一個(gè)形狀放在漸變角度為14°的矩形上面, 填充顏色#91d0ed后添加剪切蒙版,轉(zhuǎn)換成智能對(duì)象之后濾鏡— 模糊—高斯模糊。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

③給這個(gè)形狀圖層命名為陰影1,然后再給這個(gè)圖層加個(gè)蒙版,選中蒙版后選擇濾鏡—雜色—添加雜色,設(shè)置參數(shù)如下。再將陰影1的不透明度降低至80%。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

步驟4:

再給NEW字母上色,每一個(gè)操左的側(cè)面顏色都是一樣的,朝右的側(cè)面顏色也是一樣的,最后正面的顏色也是一樣的,F(xiàn)在上色的方式是通過(guò)加圖層樣式的漸變疊加實(shí)現(xiàn)的。三個(gè)面的顏色分解圖如下:

①朝左側(cè)面上色:

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

②頂面上色,藍(lán)色箭頭指的色塊需添加漸變色并整體降低不透明度 至80%。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

③再給所有正面色塊上色。

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

步驟5:

接下來(lái)就是3種樹的上色了,見下面分解圖:

AI插畫教程,用PS制作2.5D風(fēng)格插畫_m.tgudhdp.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
陽(yáng)光灼傷了誰(shuí)灰暗的眼眸2019-04-13 04:18
時(shí)間已經(jīng)過(guò)去了一年,不知道你想明白沒有,粘貼進(jìn)來(lái)之后,PS里邊的箭頭分為黑色箭頭和白色箭頭,,用黑色箭頭就可以了
筱肚兜2018-06-19 06:41
點(diǎn)贊
海盜船長(zhǎng)牛2018-06-02 09:12
從ai中復(fù)制后到ps里Ctrl+V后,路徑選擇工具選中按Shift+Ctrl+J后不好用。根本無(wú)法執(zhí)行,請(qǐng)問(wèn)大師是咋弄出來(lái)的,上網(wǎng)搜索相關(guān)的技能根本沒有。大師的意思是 “Shift+Ctrl+J”是保留ai中的矢量圖層的嗎,還是 單獨(dú)存儲(chǔ)分層文件就行呢,我查了第一種情況網(wǎng)上沒有教程,第二種到是很多。
萊蕪扛把子2018-01-30 03:58
淘寶刷單有多厲害呢?我舉個(gè)例子講一下吧。有次看了一款充氣娃娃,評(píng)論里有的說(shuō)“是正品,質(zhì)量很好”,這也算了,竟然還有的說(shuō)“給爸媽買的,他們覺得都不錯(cuò)點(diǎn)贊”,好吧這也忍了,忍無(wú)可忍的是有刷單評(píng)論說(shuō)“味道不錯(cuò),很好吃”,好吧你贏了,最終讓我徹底跪了的評(píng)論是“看上去很高大上,朋友們都說(shuō)好,帶出去特有面子。!”
南灣不秋ll2018-01-30 10:44
明天繼續(xù)學(xué)習(xí)
文斯愛卡特2018-01-30 08:00
學(xué)習(xí)一下
文斯愛卡特2018-01-30 08:00
學(xué)習(xí)一下
文斯愛卡特2018-01-30 08:00
學(xué)習(xí)一下
素年九月192018-01-30 01:07
簽到
素年九月192018-01-30 01:07
簽到
素年九月192018-01-30 01:07
簽到
觀之淡然2018-01-30 01:03
打卡
觀之淡然2018-01-30 01:03
打卡
觀之淡然2018-01-30 01:03
打卡

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

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