Photoshop結(jié)合Illustrator簡(jiǎn)單快速實(shí)現(xiàn)2.5d等距插畫風(fēng)格教程

整個(gè)的結(jié)構(gòu)中,光影也尤其重要,首先要知道天光是從哪打過來的。然后根據(jù)光源去為每一個(gè)面的顏色深淺變化
同一個(gè)顏色下就可以運(yùn)用顏色的明度深淺對(duì)比組合就行,光源弄好了看起來就比較舒服,而且光源統(tǒng)一
上述對(duì)設(shè)計(jì)上的一些理解和思路,那么以上是怎么想,那么下面這些就是怎么做,
之后會(huì)有多個(gè)知識(shí)點(diǎn),只要記住知識(shí)點(diǎn)自己在去設(shè)計(jì)應(yīng)該會(huì)得心應(yīng)手。
PS中操作方法
(PS)做2.5D的時(shí)候在PS里一定要記住幾個(gè)參數(shù) 水平縮放86.6% 、垂直斜切30°、旋轉(zhuǎn)-60°
根據(jù)這幾個(gè)參數(shù)來演示一下。首先建立一個(gè)正方形 我這里演示尺寸為160 160,(尺寸大小可以根據(jù)需求而定不做限制)然后填充一個(gè)顏色。選區(qū)正方形圖層,快捷鍵CTRL+T自由變換,然后 水平縮放86.6% 、 垂直斜切30 ° 、 旋轉(zhuǎn)-60 ° 一個(gè)平面的正方形立即變成了等角上方效果。
作為(1)來說就是給垂直斜切30 ° 、水平縮放86.6%成為側(cè)面,要另一個(gè)側(cè)面可以-30 ° 也可以復(fù)制出一個(gè)(1)然后水平旋轉(zhuǎn)就可以得到(2)效果,到這里三個(gè)面出來了,完全可以合成一個(gè)正經(jīng)的2.5D等角上方效果。在PS中稍笨拙一點(diǎn),先有面在立體.
AI中操作方法
(AI)在AI中運(yùn)用會(huì)更方便順手一些。首先也要建一個(gè)160 160的正方形然后效果-3D-凸出,選擇位置-等角-上方 這里只需根據(jù)自己需要調(diào)節(jié)凸出厚度就可以或者是端點(diǎn)調(diào)節(jié)。這里給的50PT厚度 最終效果如下:
同樣操作,如果想要一個(gè)立體的在左側(cè)那么就選擇等角-左方,想要右側(cè)那么選擇等角-右方,是不是在AI中很容易得到等距等角2.5D效果根據(jù)想要的圖形可以組合各種想要的圖形,達(dá)到最終效果。
那么有人又會(huì)問順叔那在Ai里一個(gè)等角立方體那我怎么給各個(gè)面顏色,這個(gè)也很方便,選擇對(duì)象-擴(kuò)展外觀,然后就會(huì)得到各個(gè)面。在AI中給顏色也可在拖拽到PS里給顏色也可以,根據(jù)自己習(xí)慣而定,就是這么隨意。
講到這呢知識(shí)點(diǎn)基本是講完了,是不是覺得很簡(jiǎn)單很輕松,操作和記住參數(shù)是很簡(jiǎn)單。但是主要還是創(chuàng)意,如何把各個(gè)正方體、圓柱體、三角體組成一個(gè)創(chuàng)意效果的確是需要點(diǎn)時(shí)間去考慮。為了這次的教程順叔通宵兩個(gè)晚上,從想法-創(chuàng)意-到手繪稿-到軟件實(shí)現(xiàn)這樣的過程。展示一下在做這個(gè)2.5D前期一些想法手稿,基本想怎么表現(xiàn)都要在本子上修修改改、最終覺得滿意了在進(jìn)行軟件實(shí)現(xiàn),以下為順叔手稿。
以一個(gè)局部為例一個(gè)組合是有很多個(gè)圖形而組成。
以上講的如何制作2.5D想法、技巧都跟大家講解很清楚了,大家可以根據(jù)技巧去做創(chuàng)意組合,以下根據(jù)實(shí)例在鞏固一下知識(shí)點(diǎn)、因?yàn)檎麄€(gè)設(shè)計(jì)太大,如果整個(gè)都講完會(huì)需要很長(zhǎng)時(shí)間,所以就從一個(gè)局部實(shí)例大致講解一下,希望能看的更明白一些。如果想要臨摹也可以根據(jù)我原創(chuàng)的進(jìn)行拓展創(chuàng)意,顏色上可以吸顏色、造型上等角等距算是固定、更多就是組合和創(chuàng)意由大家發(fā)揮。好了既然上面把小房子拆分, 那就按照上面的局部部分給大家講解一下吧,如何制作。照顧到大家,所以演示在AI里做基礎(chǔ)型,在PS里進(jìn)行布局?jǐn)[放處理。大家也可以不用這樣方法 可以在AI里直接進(jìn)行也可,還是那句話怎么習(xí)慣怎么弄。
首先在PS中ctrl+n 建立寬800 高800 分辨率72 顏色模式RGB顏色
點(diǎn)漸變-在漸變編輯器中選擇漸變顏色#a7cef3 #dac6f4 滑動(dòng)藍(lán)色向右讓藍(lán)色稍微多一點(diǎn),漸變?cè)诰庉嬈髦性O(shè)定完之后確定然后在畫面中從上往下角拖拽最終成為想要的漸變色,背景就這么簡(jiǎn)單完事
接著AI打開,建立圖層,選擇圓角矩形,雙擊畫布空白處彈出圓角矩形設(shè)置框,寬度:450PX、 高度:450px 、圓角:20PX點(diǎn)擊確認(rèn),隨便填充一個(gè)顏色
AI中選擇效果-3D-凸出,彈出選項(xiàng)設(shè)置,然后選擇位置-等角-上方,X/Y/軸都不需要設(shè)置,需要設(shè)置的是凸出厚度,根據(jù)自己需要設(shè)置,值越大厚度越高,端點(diǎn)選擇默認(rèn)即可。選擇確定得到一個(gè)等角2.5D底座。
做到這并未完成,AI里選中圖形,選擇-擴(kuò)展外觀,目的是可以讓這各個(gè)面都拆分出來,然后可以給予各個(gè)面顏色。
相關(guān)文章
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件,但是電腦沒有安裝ps,該怎么解決這個(gè)問題呢?下面我們就來看看這個(gè)問題的解決辦法2024-12-24ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中,Photoshop總是會(huì)無緣無故地自動(dòng)退出,這不僅打斷了工作流程,還可能導(dǎo)致未保存的更改丟失,令人頭疼不已,本文將深入剖析Photoshop自動(dòng)退出的原因,并提供相2024-07-04怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個(gè)圖層,并沒有引入什么大型圖片,但是 PSD 文件卻異常巨大,而且用起來經(jīng)??D?下面我們就來看看pds文件優(yōu)化方法2024-05-25- 將多個(gè)圖層合并為一個(gè)圖層,但作為設(shè)計(jì)師你需要了解一下合并圖層是有破壞性的,下面我們就來詳細(xì)介紹一下2024-05-25
- 通常是因?yàn)镻hotoshop使用的暫存盤空間不足,導(dǎo)致無法正常工作,那么,如何解決這一問題呢?本文將為您提供詳細(xì)的解決方案2024-05-25
PS存儲(chǔ)和存儲(chǔ)為有什么區(qū)別? 理解存儲(chǔ)與存儲(chǔ)為的重要性
ps導(dǎo)出文件的時(shí)候,可以直接存儲(chǔ),也可以另存存儲(chǔ)為,這兩個(gè)操作有區(qū)別嗎?新手該怎么保存文件呢?詳細(xì)請(qǐng)看下文介紹2024-03-28ps beta ai顯示高峰需求進(jìn)不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過程中,有時(shí)會(huì)遇到一個(gè)令人煩惱的問題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請(qǐng)稍候再試,針對(duì)這個(gè)問題,本文為大家整理2024-03-28ps段落兩端對(duì)齊不能用怎么辦? ps文字排版不能對(duì)齊的修復(fù)技巧
PS進(jìn)行設(shè)計(jì)時(shí),段落兩端對(duì)齊是一個(gè)常用的排版功能,它能讓文本看起來更加整潔和專業(yè),然而,許多用戶在使用PS時(shí)可能會(huì)遇到一個(gè)令人頭疼的問題:段落兩端對(duì)齊功能似乎不起作2024-03-09ps插件安裝在哪個(gè)文件夾 ps插件安裝位置詳細(xì)介紹
PS插件是許多人常用的一種工具,有些用戶可能會(huì)困惑,不知道應(yīng)該將PS插件安裝到哪個(gè)文件夾,對(duì)于這個(gè)問題我們需要從多個(gè)角度進(jìn)行分析,以便給出一個(gè)準(zhǔn)確的答案2024-02-20ps打開出現(xiàn)dll文件丟失怎么辦 ps提示缺少dll文件的詳細(xì)修復(fù)方法
打開ps時(shí),系統(tǒng)提示缺少DLL文件,這通常意味著應(yīng)用程序無法找到它所依賴的DLL文件,可能是因?yàn)檫@些文件已經(jīng)被刪除、移動(dòng)或更改了名稱,下面我們就來分享幾種解決辦法2024-02-19