berylgobby 發表於 2018-9-18 09:18:35

illustrator教學:3D線條文字製作

文、菜鳥編
https://www.lccnet.com.tw/lccnet/Upload/Article/news-1340.jpg


原文網址




歐普藝術是以幾何或是線條的變化,使觀賞者產生錯覺,加上透過不同的設計與安排就能有錯位的光影幻覺。而線條的使用是常見的應用,今天的範例,就要透過illustrator的3D工具來製作。


Step1、文字的準備
將內容文字輸入後建立外框,可透過滑鼠右鍵選擇或是使用快速鍵「Shift+Ctrl+O」。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935532.png


外框建立後解散群組。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935549.png



Step2、製作符號
使用矩形、移動工具搭配「Ctrl+d」製作出如下圖的效果。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935567.png


開啟符號工具,透過「視窗」工能表中選取或是使用快速鍵「Shift+Ctrl+F11」開啟,接著將製作好的物件拖曳至符號視窗中內。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935584.png


命名後,物件就轉換成符號。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935601.png



Step3、製作3D效果
開啟3D突出與斜角功能視窗。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935624.png


可透過「預視」來觀看效果,調整適合的角度。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935642.png



Step4、製作線條
調整角度後,點擊下方的「對應線條圖」來將線條符號應用上。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935665.png


先介紹一下工具的使用,在illustrator中 3D的應用會模擬出各種不同視角的平面圖。以這邊為例,D文字總共產出面數就有13個,左邊可選取符號。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935686.png


透過切換可以在物件上看到目前所屬的面向是哪一個,以下圖來說,第3個面就是屬於我們要應用符號的。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935704.png


選定製作好的符號,按下「縮放以符合」,就會依照面的大小填滿整個符號。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935725.png



Step5、完成所有文字設定
依樣畫葫蘆,將所有的文字完成。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935749.png



Step6、加上黑色背景
使用與文字相同顏色當為背景,就更能產生出錯位的效果來。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935770.png



補充:
過程中如果想要修改,可開啟外觀視窗進行修正。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1536935798.png


只要瞭解「對應線條圖」的使用,並選定好面向應用,操作就都不是什麼難事。調整3D的角度,就可以排列出不一樣的感覺來,如果你覺得這篇文章很實用,也別忘了分享給你的親友們喔!


► 推薦課程:Illustrator向量繪圖




官方網站:http://www.lccnet.com.tw
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w

101581864 發表於 2018-9-20 20:38:09

真慘...還要訓練線條....

101581864 發表於 2018-9-20 20:41:00

不過沒有線條還真不知道他是做甚麼的

101581864 發表於 2018-9-20 20:51:41

好的簡介...線條製造

berylgobby 發表於 2018-9-21 09:20:20

101581864 發表於 2018-9-20 20:51
好的簡介...線條製造

{:9_710:}
頁: [1]
查看完整版本: illustrator教學:3D線條文字製作