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

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

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

本篇教程主要在AI里面定形狀,再轉(zhuǎn)到PS里面上色完成最終效果圖,2.5D風(fēng)格最近兩年特別流行,很多類似的APP都用這種主題風(fēng)格制作插圖,同學(xué)們可以學(xué)著制作一下。

效果圖:

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

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

操作步驟:

一、AI中制作手機(jī)和文字的基礎(chǔ)形

步驟1:

打開AI新建一個(gè)800*600的畫布。建一個(gè)206*338的矩形,圓角大小為26。填充的顏色隨意,反正都是要在PS里上色的。選中這個(gè)矩形后選擇效果—3D—凸出和斜角。設(shè)置數(shù)值如下圖:

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

步驟2:

選中這個(gè)矩形后選擇對象—擴(kuò)展外觀。這時(shí)這個(gè)矩形的每一個(gè)塊面就獨(dú)立了,不能更改3D設(shè)置數(shù)值了。每做完3D效果以后都要擴(kuò)展外觀哦,這樣才方便拖到PS里上色。

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

步驟3:

在這個(gè)這個(gè)擴(kuò)展了外觀的矩形上繪制一個(gè)平行四邊形,效果圖如下顏色還是隨意哦。

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

步驟4:

接著用文字工具打一個(gè)NEW,注意要大寫。字體選擇較粗一點(diǎn)的,字號為94。再給它添加3D效果:自定義旋轉(zhuǎn),旋轉(zhuǎn)角度1為-46°旋轉(zhuǎn)角度2為-37°,旋轉(zhuǎn)角度3為33°,凸出厚度為23pt。記住表面選項(xiàng)選擇無底紋哦,最后擴(kuò)展外觀。最終效果圖如下:

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

二、AI中制作零碎的小元素基礎(chǔ)形

步驟1:

接下來是小裝飾的制作啦。下面是楞形的小樹分解圖,每一小塊的大小隨意啦。Ctrl+G打包編組后復(fù)制一個(gè)調(diào)整大小放置合適的位置。

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

步驟2:

圓形小樹的分解圖如下,同樣做好一個(gè)后復(fù)制幾個(gè)調(diào)整大小后放置合適位置。

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

步驟3:

剩下的懸浮在空中的小元素也以分解圖的方式展現(xiàn)啦,記得擴(kuò)展外觀。

①小云朵分解圖如下,拼接的小圖形大小隨意哦:

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

②其他小云朵的設(shè)置數(shù)值如下:

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

③扁方塊的分解圖如下,首先建一個(gè)74*74,圓角為18的圓角矩形再添加3D效果。

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

④厚方塊的分解圖如下,拼接小元素的大小還是隨意啦。最后在整體效果中美觀就好。

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

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

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

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