製作立體感線條的方法

好久不見,這次要介紹的3D線條效果如下圖:

AI教程 | 製作立體感線條的方法

想必類似的圖也都看到過,今天就把製作方法簡單整理出來,當做學習筆記,如果忘了還可方便來此翻閱查看。

這種立體線條效果可以用在平面廣告上,或者banner圖上,甚至某些LOGO也能運用這種效果元素。

話不多說,下面就進入操作步驟介紹。

Step 1: 新建畫布

打開AI軟件,也就是Adobe Illustrator。新建一個1000x1000px的畫布,這個尺寸可以隨意。

AI教程 | 製作立體感線條的方法

Step 2: 製作線條貼圖

先把我們想要的線條紋理畫出來,然後做成符號,後面貼圖會用到的。

線條大小可以隨意,比如我這裡就先畫一個30x300px的黑線條:

AI教程 | 製作立體感線條的方法

然後按住Alt鍵,點擊該線條,向右拖動一定距離,比如60px,鬆手,然後Ctrl+D,再製,就得到下面的圖案了:

AI教程 | 製作立體感線條的方法

至於複製多少個線條沒有具體的,大家可以隨意。

在這裡簡要說一下關於移動複製的方法:

第一個:選中線條後右鍵,找到移動,或者分別變換。

AI教程 | 製作立體感線條的方法

在彈出的設置中,把預覽勾選上,如下圖設置位置和角度,確認後點擊複製按鈕,然後再按Ctrl+D再製,一樣可以複製很多線條出來,而且間距是一樣的。

AI教程 | 製作立體感線條的方法

第二個方法就是,選中線條後按Alt+回車,依然會彈出移動設置對話框,跟上面一樣設置好參數,點擊複製即可。

AI教程 | 製作立體感線條的方法

好了,回到主線任務來,線條畫好後,就要定義符號了,方法如下:

也很簡單,如下圖:

AI教程 | 製作立體感線條的方法

打開符號窗口,將畫好的線條全選,然後直接拖動到符號窗口,這時會有彈窗,設置新建符號的名稱,導出類型選擇“影片剪輯”,符號類型選擇“動態符號”,如下:

AI教程 | 製作立體感線條的方法

確定後,在符號窗口裡就會有新建的線條符號了:

AI教程 | 製作立體感線條的方法

當然,新建符號的方式還可以點擊符號窗口下面的新建按鈕,前提是在選中我們畫好的線條下,依然可以彈出剛才符號選項的設置窗口,這裡就不截圖說明了。

Step 3: 做3D效果和貼圖

隨便畫一個圓形,然後效果菜單下的3D,選擇繞轉

AI教程 | 製作立體感線條的方法

在彈出的設置窗口中,勾選預覽,適當加點位移(也就是中間會留空),調整下視角:

AI教程 | 製作立體感線條的方法

接下來點擊“貼圖”按鈕:

AI教程 | 製作立體感線條的方法

符號選擇之前定義的線條符號,然後再點擊下方的“縮放以適合”:

AI教程 | 製作立體感線條的方法

仔細看效果圖,會發現線條的銜接處是兩根線條在一起,我們需要的是一根黑線條填充,所以還需要稍微改動一下。

如下圖,拖動紅色箭頭指的控制點,向左拖動,讓這個黑色線條剛好移出到貼圖的邊緣,再來看效果圖就正常了。

AI教程 | 製作立體感線條的方法

然後把“三維模型不可見”勾選上:

AI教程 | 製作立體感線條的方法

點擊兩次確定之後,我們會看到一個鏤空的立體感線條圖形,但是不明顯,或者說線條有點亂,這時候我們再執行以下幾個操作。

首先,選中圖形,在“對象”菜單下選擇“擴展外觀”

AI教程 | 製作立體感線條的方法

其次,執行“取消編組”命令,也就是打散這些線條,需要執行多次,直到不能取消編組,也就是取消編組的命令變灰色:

AI教程 | 製作立體感線條的方法

第三,取消完編組後,右鍵選擇“釋放剪切蒙版”

AI教程 | 製作立體感線條的方法

最後,選擇對的線條將其刪除掉,這一步,需要一點空間想象力或者多試幾次,反正刪錯了撤回就行了,直到出現下面的效果:

AI教程 | 製作立體感線條的方法

需要說明的一點,當全選圖形後,前景色是黑色或者其他顏色,只要前景色是可以正常顯示顏色就行,如果不能顯示顏色,那就說明圖形裡面還有一些多餘的線條沒有刪除乾淨,比如下圖,我全選後前景色是帶問號的,說明沒有刪除乾淨,這樣的情況會導致後續更改圖形顏色出錯。

AI教程 | 製作立體感線條的方法

調整好後,就可以改改顏色,換換背景了。

AI教程 | 製作立體感線條的方法

主要操作姿勢就這麼多,建立線條符號,可以嘗試橫著的,或者曲線的等等,然後運用3D的繞轉,給3D圖形建立貼圖,就這些。

下面再放一些寫文章時隨意做的,有點草率,各位將就看下了,主要是操作姿勢記錄下來方便用就對了。

AI教程 | 製作立體感線條的方法

AI教程 | 製作立體感線條的方法

AI教程 | 製作立體感線條的方法

好了,That's all, thanks!


分享到:


相關文章: