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

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

來源:學UI網(wǎng) 作者:不露 學習:29501人次

⑤接下來就是小梯子、愛心、小人的分解圖啦。

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

⑥再繪制WIFI圖標,新建一個90*90的正圓,復制四層,每兩層編一個組,將其只顯示一個組。組里選中上面一個圓右鍵變換—縮放—等比縮放80%后再做布爾運算的減法運算得到一個圓環(huán)。

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

⑨給這個WIFI圖標加3D效果,再繪制一個圓調整一下當手機按鍵。

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

步驟1:

確保AI里做了3D效果的圖形全部都擴展外觀了后。直接選擇工具選中所有圖形后按Ctrl+C,跳轉到PS中后按Ctrl+V,這時會有個對話框,選擇形狀圖層即可。然后開始進行最考驗耐心的一步啦路徑選擇工具選中每一個小塊后按Shift+Ctrl+J即可將每一小塊作為一個單獨的圖層提取出來。

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

步驟2:

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

步驟3:

下面是手機的上色分解圖:

①先整體上色。

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

步驟4:

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

①朝左側面上色:

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

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

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

步驟5:

接下來就是3種樹的上色了,見下面分解圖:

AI插畫教程,用PS制作2.5D風格插畫_m.theoat.com.cn

學習 · 提示

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

關注大神微博加入>>

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