15種海報風(fēng)格之第三彈——2.5D風(fēng)格

?

少年不識愁滋味，時光逝去悔已遲。希望小伙伴們珍惜時間，莫負(fù)了這年少時光，前路漫漫，或喜或悲，只有勇敢向前，才有足夠的能力去向現(xiàn)實(shí)挑戰(zhàn)。很高興又與小伙伴們見面了，上次我們學(xué)習(xí)了孟菲斯風(fēng)格的海報，不知道你們練習(xí)的怎么樣了，接下來讓我們快馬加鞭地看本文章的主角——2.5D風(fēng)海報風(fēng)格的做法案例。

?

今天我們本來學(xué)習(xí)2.5D風(fēng)海報的制作，小伙伴們應(yīng)該已經(jīng)迫不及待了想大展身手了，那我們馬上進(jìn)入正題吧！

?

何為“2.5D”風(fēng)格呢？簡單的說是2.5D矢量插畫，它是近幾年年非常流行的一種插畫風(fēng)格，也叫2.5D軸側(cè)等距插畫，簡單理解就是帶有3D效果的二維畫面。從構(gòu)圖上看，用的是視錯覺的方法，完成3D和2D空間的扭轉(zhuǎn)轉(zhuǎn)化;從色彩上看，更傾向于漸變色、暖色調(diào)，效果比起純平面的作品更具感染力。如下圖所示。

先讓小伙伴們看看本次要做的成品，看完后續(xù)操作，相信你們也能做出屬于自己的2.5D風(fēng)格的海報。

本次操作不需要任何素材，基本都是用矢量圖形做立體效果，所以這次主要給小伙伴們展示2.5D元素的繪制。小伙伴們可以提前下載Ai軟件（以下所有操作都是使用2022版本Ai進(jìn)行的，當(dāng)然你想要源文件也是可以的，添加評論區(qū)聯(lián)系方式領(lǐng)取哈），跟著我一起練習(xí)。

1.搭配插畫所需顏色以及一些裝飾元素

繪制多個矩形，將本次插畫上所需顏色用吸管工具給矩形上色。把繪圖所需要的門.橫幅等裝飾元素提前繪制好。

?

3底板繪制

繪制一個矩形，填充為淺黃色，效果菜單中點(diǎn)擊“3D和材質(zhì)”，依次選擇“3D（經(jīng)典）”和“凸出和斜角（經(jīng)典）”。

??

“位置”一欄選擇“等角-上方”，根據(jù)需求設(shè)置厚度（我這里設(shè)置為10pt）

4.樓體繪制

繪制正方形，同第3步，在效果菜單中點(diǎn)擊“3D和材質(zhì)”，依次選擇“3D（經(jīng)典）”和“凸出和斜角（經(jīng)典）”?！?strong>位置”一欄選擇“等角-上方”，根據(jù)需求設(shè)置厚度。復(fù)制2份，1份留作備份，1份做樓頂“凹陷”效果。

5.樓頂“凹陷”效果

用第4步復(fù)制的圖形進(jìn)行以下操作，調(diào)整其中1個圖形的顏色，使之與原圖形易區(qū)分，降低厚度，等比縮小一些，將其復(fù)制1份備用。對象菜單中選擇“擴(kuò)展外觀”，右鍵取消編組（注意：連續(xù)取消編組3次）。

取消編組后，將其朝上一面的形狀復(fù)制一份備用，原圖形向下移動到樓體頂端中心位置，刪除其余2個邊。

將樓體擴(kuò)展外觀，取消編組3次，選擇頂部的邊和上圖箭頭指示的邊，窗口菜單找到“路徑查找器”，然后選擇“減去頂層”。

減去頂層后的樣子

將下面橙色的立體效果圖設(shè)置為空心的狀態(tài)。點(diǎn)擊控制面板區(qū)域“外觀”一欄中的“fx.3D突出與斜角”，選擇“關(guān)閉端點(diǎn)以建立空心外觀（即下圖框選區(qū)域）”。

?

將立體的空心效果移到樓頂平面的下方（如下圖所示），橙色的平面移到空心效果的下方。

繪制矩形，同上面立體效果的制作，調(diào)整其與樓體對齊，之后擴(kuò)展外觀，取消編組。

繪制矩形，同樣的立體效果，調(diào)整大小，緊緊貼于上一步繪制的立體效果圖前端。擴(kuò)展外觀，取消編組，根據(jù)對應(yīng)的面調(diào)色。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

在做“紅喵教育”招牌時，先繪制矩形，同樣的立體效果，調(diào)整大小，緊緊貼于樓體前端。繪制矩形并在其上層添加文字，之后整體拖入“符號面板（在窗口菜單里找）”。

點(diǎn)擊招牌的立體效果圖，控制面板選擇“fx.3D突出與斜角”。點(diǎn)擊“貼圖”，選擇剛建的“紅喵教育”符號，之后調(diào)整符號，與立體圖朝前面的邊界貼齊。

5.門、游泳池的繪制

門、游泳池的做法同樓頂凹陷效果的制作。

?

6.樹木、云以及以及路燈的繪制

棱錐形樹木繪制時，先繪制正方形，效果菜單中選“3D與材質(zhì)”里的“凸出與斜角”。

3D類型選擇“突起”，深度調(diào)為0，打開斜角功能，斜角形狀選擇經(jīng)典，寬度調(diào)為100%，高度根據(jù)需求調(diào)整，圖形填充為綠色。

復(fù)制2份，適當(dāng)調(diào)整厚度與大小，顏色逐漸調(diào)深點(diǎn)。樹干制作時，繪制矩形，選擇“繞轉(zhuǎn)”，適當(dāng)調(diào)整寬度。

繪制圓形，復(fù)制1份，1份做立體效果，一份作為貼圖所用的符號。立體效果依舊是3D凸出與斜角（經(jīng)典）（如下圖所示）。

圓形元素做好后，拖入符號面板，之后將其貼到上述圓盤上表面。樹整體編組并復(fù)制。

立方體樹干使用“3D凸出與斜角（經(jīng)典）”效果，適當(dāng)調(diào)整每個立方體的大小和厚度即可。

燈桿制作，鋼筆工具繪出輪廓，依舊用3D凸出與斜角（經(jīng)典）效果，不同的是，位置為“等角-左方”。

燈架繪制，同樣設(shè)置為3D凸出與斜角（經(jīng)典）效果，僅僅是在做好效果后用選擇工具調(diào)整圓角即可。繪制三角形，填充調(diào)為線性漸變，放置于燈罩下方，這樣燈光就做好了。

云朵繪制時，先繪制三個大小不同的圓形并簡單排列，用一個矩形將底部補(bǔ)齊，聯(lián)集后調(diào)成白色。

“凸出與斜角”中3D類型選擇膨脹，預(yù)設(shè)選擇“等角-左方”，同理，左邊的云朵選擇“等角-右方”。

最后就是元素組合了。重要的依舊是要把版面調(diào)得整整齊齊，這樣看起來既美觀又整潔，而且給人舒適的心境。

7.總結(jié)

?

裝飾元素繪制以及所需顏色塊的上色。

• 3D（經(jīng)典）中的凸出和斜角（經(jīng)典）繪制底板和樓體。

• 制作樓體、門以及游泳池凹陷效果要擴(kuò)展外觀，取消3次編組（因?yàn)橛?個相互連接的面，所以連續(xù)取消3次編組）。

• 將做好的元素拖到符號面板中，給立體圖形做貼圖。

• 凸出與斜角效果中的”凸出“效果做茂密的樹葉，”旋轉(zhuǎn)“效果做樹干。

• 鋼筆工具繪制路燈桿子，3D（經(jīng)典）中的凸出和斜角（經(jīng)典）做立體效果。

• 圓形加矩形繪制平面的云朵，凸出與斜角效果中的”膨脹“效果做立體化效果。

今天的分享落下帷幕了，下一篇文章也正準(zhǔn)備出爐?！?.5D”風(fēng)格海報的講解就到這了。當(dāng)然，以上的教學(xué)只能教你怎么做，最重要的還是要抱團(tuán)學(xué)習(xí)和訓(xùn)練，我最近建了一個平面學(xué)習(xí)群，里面每天都有很多Ai教程分享，想真正學(xué)好Ai的可以加進(jìn)去學(xué)習(xí)一下，群號已經(jīng)放在評論區(qū)，請小伙伴們自行領(lǐng)取。

玩轉(zhuǎn)15種海報風(fēng)格