錯峰拜年,如何做出2.5D燈籠#Ai05
可以領取今日份小禮物哦
GIF
Hello,大家好。
我是小柳綠~
現在的設計環境中,風格多種多樣。
一個優秀的平面設計師不僅要做出好看的平面作品,還要力求在平面中做出立體感。
我們今天來看一下這樣簡單的2.5D風格是如何通過簡單的平面圖形做出來的吧。
提到2.5D的這種設計形式就不得不提出一個基礎概念—軸測投影。
等軸測投影,即按照透視法縮短的三個坐標軸的縮放係數是相等的,而且任意兩個坐標軸之間的角度都是120度。
畫面元素的內角不是60度就是120度
2.5D從理論上來說是基於等軸側投影將平面的元素旋轉到一定的角度並作為新的平面元素繪製出來,使觀者可以看到畫面的多個角度,結合光影來做出3D效果。
所以我們把這種畫面稱為「偽3D」或者「2.5D」。
理論看上去有些複雜的樣子,不過在ai中想要進行這樣的畫面設計實際的操作還是比較簡單的。
下面就讓我們來看一下如何製作2.5D的一個畫面吧!
最開始我們是要先搭建一個輔助網格。
我們選中工具欄中的多邊形工具,在畫面空白出單擊滑鼠左鍵。
GIF
在彈出的窗口中的邊數選項輸入3,這樣就會出現一個夾角為60度的等邊三角形。
然後我們把三角形複製旋轉,再增加一個垂直的豎線在兩個在兩個三角形之中。
形成一個這樣的組合。接下來就是不斷的複製組合成一個輔助網格。
這樣我們製作2.5D圖形的畫板就出來了。
在這個網格上我們可以搭建任何我們想做的物體或者場景,2.5D的效果在這個網格的幫助下會變的十分簡單有條理。
下面我們來搭建一個簡單的立方體來看一下。
建立一個簡單的矩形使它和我們之前建立的等邊三角形長度一致,然後使用白箭頭選中兩個點偏移使矩形變成一個菱形和我們的網格重合。
GIF
選擇菱形1.0版本右鍵進行對稱操作,在彈出的窗口中選擇複製。
然後把對稱複製出來的菱形元素2.0版本按住shift拖動到旁邊與網格重合。
GIF
複製菱形2.0旋轉得到菱形3.0同樣的與網格重合得到一個立方體框架。
基本的一個立方體的框架我們已經做出來了,接下來就是研究填充的顏色,這裡會運用到一些光影的知識。
不同的光源角度下我們的物體所體現的明暗表現是不一樣的,陰影也是根據光源的方向來決定位置的。
在同一個畫面中,基本是只有一個光源點的,如果畫面中的物體像上面的物體們一樣各有各的陰影,那麼這樣的畫面就是超現實的畫面了哦。平時我們也可以多觀察一下身邊的物體,看一下他們的光影顏色是怎麼改變的。
關於2.5D的基本知識我們已經認識的差不多了,接下來做一個簡單的小物體來練練手吧!
在開始使用電腦之前,還有一個比較重要的步驟,就是整理自己的構思。
當我們心裡已經有了一個想法之後,我們可以拿起紙和筆簡單的畫一下自己的想法,這對我們的設計操作來說是提高效率的好方法。
不需要太精準,只是對腦內的想法進行一個整合,上下圖層的順序在這個過程中都會變得清晰。
按照我們的草圖,在剛剛做好的輔助網格中進行繪製啦。
GIF
現在所要做的事情就比較需要耐心,操作都是很簡單的。
按照構思的畫面,耐心的拼格子,使用白箭頭進行元素大小的調整。
根據光影的黑白灰,我們現在得到的是一個沒有顏色的燈籠。
馬上就可以開始上顏色了!
GIF
我們在色板中調出web色板,這裡的顏色從暖色到冷色都有明暗的選擇,可以直接在web色板中進行挑選配色。
這就是大體上好顏色的燈籠啦,對顏色琢磨不定的同學可以先在旁邊用小立方體做一下實驗哦~
然後在燈籠上增加一些細節就成功的做出一個燈籠了哦~
平面的圖案可以使用右鍵的傾斜功能做出調整貼合我們物體的角度。
GIF
調整好圖案之後可以將圖案對稱複製,最後用混合模式來做出排列條紋。
把流蘇部分複製出來和排列條紋剪切蒙版。
GIF
只需要把條紋放置在流蘇位置之後就可以大功告成了。
一個2.5D的燈籠就這麼做出來啦。
好的,今天的2.5D Ai教程指南就到此結束。
TAG:壹周傳媒文化有限公司 |