berylgobby 發表於 2018-5-9 10:31:08

illustrator教學:文繞圖應用

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


原文網址




      文繞圖,就是將文字沿著物件邊緣圍繞,產生出特別的排列方式。而提到文繞圖,大家比較會直接想到的就是word,不過在illustrator中,文繞圖的應用也不在話下。今天就提供兩個方式來製作文繞圖效果。



方式一、繪製出文字區域

Step.1
將圖片匯入illustrator中。

https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015423.png



Step.2
使用鋼筆工具,繪製出要呈現文字的區域,例如這邊製作出三個區塊。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015444.png



Step.3
切換區域文字工具。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015461.png



Step.4
在滑鼠移動到物件邊緣,會看到「路徑」,按下滑鼠左鍵。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015480.png



可以看到第一個物件內就填滿了文字。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015498.png



Step.5
在文字框邊緣小白框處點擊,可再延伸文字路徑。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015520.gif



Step.6
以此類推,將三個區塊完成。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015556.png



Step.7
填入文字,調整間距、大小等。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015583.png





方式二、使用區隔的方式


Step.1
將圖片匯入illustrator中。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015636.png



Step.2
拉出文字區塊,與前面方式不同。這邊是先將文字部分占滿整個版面。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015656.png




Step.3
繪製出文繞圖的區域。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015669.png




Step.4
在繪製好的物件轉成繞圖排文。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015709.png


完成後如下。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015731.png



Step.5
將填色與筆畫取消。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1516015746.png


這兩種方式都可製作出文繞圖,單看你的文字段落來看哪一種方式比較方便。





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


頁: [1]
查看完整版本: illustrator教學:文繞圖應用