ai結(jié)合ps繪制2.5D風格的手機插畫的教程
我要評論現(xiàn)在2.5D風格的插畫很受歡迎，該怎么繪制這種風格的插畫呢？下面我們就來看看詳細的教程。
步驟1：打開AI新建一個800*600的畫布。建一個206*338的矩形，圓角大小為26。填充的顏色隨意，反正都是要在PS里上色的。選中這個矩形后選擇效果—3D—凸出和斜角。設置數(shù)值如下圖：
步驟2：選中這個矩形后選擇對象—擴展外觀。這時這個矩形的每一個塊面就獨立了，不能更改3D設置數(shù)值了。每做完3D效果以后都要擴展外觀哦，這樣才方便拖到PS里上色。
步驟3：在這個這個擴展了外觀的矩形上繪制一個平行四邊形，效果圖如下顏色還是隨意哦。
步驟4:接著用文字工具打一個NEW，注意要大寫。字體選擇較粗一點的，字號為94。再給它添加3D效果：自定義旋轉(zhuǎn)，旋轉(zhuǎn)角度1為-46°旋轉(zhuǎn)角度2為-37°，旋轉(zhuǎn)角度3為33°，凸出厚度為23pt。記住表面選項選擇無底紋哦，最后擴展外觀。最終效果圖如下：
步驟1：接下來是小裝飾的制作啦。下面是楞形的小樹分解圖，每一小塊的大小隨意啦。Ctrl+G打包編組后復制一個調(diào)整大小放置合適的位置。
步驟2：圓形小樹的分解圖如下，同樣做好一個后復制幾個調(diào)整大小后放置合適位置。
步驟3：剩下的懸浮在空中的小元素也以分解圖的方式展現(xiàn)啦，記得擴展外觀。
①小云朵分解圖如下，拼接的小圖形大小隨意哦：
②其他小云朵的設置數(shù)值如下：
③扁方塊的分解圖如下，首先建一個74*74，圓角為18的圓角矩形再添加3D效果。
④厚方塊的分解圖如下，拼接小元素的大小還是隨意啦。最后在整體效果中美觀就好。
⑤接下來就是小梯子、愛心、小人的分解圖啦。
⑥再繪制WIFI圖標，新建一個90*90的正圓，復制四層，每兩層編一個組，將其只顯示一個組。組里選中上面一個圓右鍵變換—縮放—等比縮放80%后再做布爾運算的減法運算得到一個圓環(huán)。
⑦顯示另外一個組，再將這兩個圓制作成一個圓環(huán)。底圓縮放70%頂圓縮放50%。最后顯示中間的實心圓縮放比例40%，最終效果圖如下。再繪制一個100*100的正方形，底端點和圓環(huán)中心點對齊;將這個正方形旋轉(zhuǎn)45°后復制兩層，同樣只顯示一個正方形。
⑧選中一個正方形和一個單圓環(huán)，再選路徑查找器—交集。然后每個剩下的一個圓環(huán)和一個實心圓都配一個正方形做交集運算。效果圖如下：
⑨給這個WIFI圖標加3D效果，再繪制一個圓調(diào)整一下當手機按鍵。
步驟1：確保AI里做了3D效果的圖形全部都擴展外觀了后。直接選擇工具選中所有圖形后按Ctrl+C，跳轉(zhuǎn)到PS中后按Ctrl+V，這時會有個對話框，選擇形狀圖層即可。然后開始進行最考驗耐心的一步啦路徑選擇工具選中每一個小塊后按Shift+Ctrl+J即可將每一小塊作為一個單獨的圖層提取出來。
步驟2：接下來就可以給每一個小塊上色了。那些圓滑的曲面有的會被分成幾塊，這時合并就好了。(具體見圖)
步驟3：下面是手機的上色分解圖：
①先整體上色。
②再添加雜色。隨便勾一個形狀放在漸變角度為14°的矩形上面， 填充顏色#91d0ed后添加剪切蒙版，轉(zhuǎn)換成智能對象之后濾鏡— 模糊—高斯模糊。
③給這個形狀圖層命名為陰影1，然后再給這個圖層加個蒙版，選中蒙版后選擇濾鏡—雜色—添加雜色，設置參數(shù)如下。再將陰影1的不透明度降低至80%。
步驟4：再給NEW字母上色，每一個操左的側(cè)面顏色都是一樣的，朝右的側(cè)面顏色也是一樣的，最后正面的顏色也是一樣的?，F(xiàn)在上色的方式是通過加圖層樣式的漸變疊加實現(xiàn)的。三個面的顏色分解圖如下：
①朝左側(cè)面上色：
②頂面上色，藍色箭頭指的色塊需添加漸變色并整體降低不透明度 至80%。
③再給所有正面色塊上色。
步驟5：接下來就是3種樹的上色了，見下面分解圖：
步驟6：給小梯子和小人兒上色啦~
①先給梯子上色。把梯子圖層所有色塊編個組，在組后面加一個 蒙版，選中蒙版后選擇漸變工具，將不透明度降低至20%后在梯子 處從上往下拉一下。這樣子梯子的頭部就變得淺淺。
②再給小人上色啦~
步驟7：接下來給小云朵和小方塊上色啦~
①現(xiàn)在只分解一個小方塊，別的小方塊每個方向的面顏色是一樣的
②再給小云朵上色啦~
步驟8：再給扁方塊和WIFI圖標上色。
①先給扁方塊上色。
②再給它的局部添加雜色，隨便勾一個形狀，給它命名為陰影2，然后放在扁方塊正面色塊頂部，添加剪切蒙版后，高斯模糊處理一下，數(shù)值見圖1。模糊處理后再在陰影1圖層后面添加一個蒙版選中蒙版后添加雜色，數(shù)值見圖2。加完效果后將陰影2圖層降低不透明度至70%。
③再給WIFI圖標上色。
步驟9：再給小愛心和它的底座上色啦~
①先給方形底座上色。上完色后畫兩個圓，大小隨意，填充#fca2 32，然后再羽化一下，羽化值是根據(jù)圓的大小來的哦。
②再給小愛心上色。
步驟10：最后再給手機加個投影，將形狀1(見圖中紅箭頭指的形狀)復制一層放后調(diào)整一下大小放在在手機底下，顏色改成#f2f4f4。
一個生動的2.5D小插畫就誕生了。最后可以自由發(fā)揮加些小效果 哦。記得交作業(yè)哦
以上就是ai和ps繪制2.5D風格的插畫的教程，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
AI結(jié)合ps設計制作一款2.5D插畫書中自有黃金屋的教程
相關文章
本教程教腳本之家的Illustrator教程學習者使用ai繪制漂亮的水彩效果美人魚插畫，整體來說，教程難度一般，講解的很詳細，主要是筆刷筆觸的設置，繪制的美人魚插畫非常經(jīng)驗2017-12-08
立冬了，想要設計一幅立冬的插畫，該怎么設計呢？我們今天就來看看使用設計干凈漂亮的立冬插畫效果圖片的教程，,步驟很簡單，需要的朋友可以參考下2017-11-08
這篇教程教腳本之家的Illustrator教程學習者使用AI繪制2.5D風格收音機插畫，教程比較簡單，主要用到了ai的3D和漸變工具，想要學習2.5d插畫教程的朋友值得借鑒學習2017-10-27
本教程教腳本之家的各位朋友使用PS+AI繪制矢量風格兇狠的海盜插畫，教程的繪制過程不是很難，講解的很詳細，制作的海盜插畫效果非常不錯，感興趣的朋友一起動手試試吧2017-10-20
這篇教程教腳本之家的Illustrator教程學習者使用AI繪制質(zhì)感的黃昏美景插畫，整幅插畫難度不大，用的最多的就是鋼筆工具和漸變工具，打造的插畫效果既唯美又質(zhì)感，感興趣的2017-09-25
ai結(jié)合ps設計油彩效果復古風格的鸚鵡插畫？想要設計一幅漂亮的彩色插畫，該怎么設計呢？今天我們就來看看使用ai和ps設計彩色鸚鵡插畫的教程，需要的朋友可以參考下2017-09-24
ai怎么繪制紅色插畫風格的郵箱？想要自己畫一個紅色的郵箱，該怎么畫呢？下面我們就來看看ai設計紅色郵箱的教程，很簡單的實例教程，需要的朋友可以參考下2017-09-23
這篇教程教腳本之家的Illustrator教程學習者使用AI創(chuàng)意繪制北極熊背著冰山的場景插畫，教程刻畫的形狀并不復雜，主要是立體感的處理和色彩對整個畫面感的營造，效果挺漂亮2017-09-21
最近，很多網(wǎng)友問小編ai如何繪制插畫？今天腳本之家小編就給大家再次分享AI繪制簡單3D小插畫教程，希望對大家學習ai繪制插畫有所幫助2017-09-09
AI結(jié)合ps設計制作一款2.5D插畫書中自有黃金屋的教程
想要設計一個書中自有黃金屋的2.5D插畫，該怎么制作呢？我們需要使用ai和ps一起完成，ai繪制圖形，然后使用ps調(diào)節(jié)細節(jié)，詳細請看詳細介紹，需要的朋友可以參考下2017-09-04
