Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)

最近使用 Adobe Illustrator 做天下第一味那種放射狀背景,一開始使用旋轉工具但發現時間上並不是很有效率。後來與朋友討論,分享這個更有趣的方法: [路徑] >[平均],有興趣的可以嘗試看看。整篇的主要應用功能為: 放射狀效果、路徑平均 和 Ratial effect

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)

[設計]六個關於Design設計比賽的資訊網站:影片.多媒體.創新創意競賽(Click)

[設計Design]近三年個人設計作品集:作品集範例與製作過程概述(Click)

[字體下載]免費英文字型字體.字體檔案類型下載點與介紹說明 (CLICK)

 

Adobe Illustrator教學: 放射狀效果示範 
方法1. 使用[路徑]>[平均]

Step1.打開Illustrator之後,先建立一個矩形(顏色請隨意)。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)1

 

Step2.點選剛才製作的矩形後,於上方下拉工具列,依序按下
[物件]> [路徑]> [列和行]

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)2

 

 

 

Step3.直欄橫欄設定如下(可設定更多的值,放射層次會較多),並將間距調整為0。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)3

 

Step4.此時矩形已經被劃分為4*4,接著將中間部分的小矩形刪除,這裡是先對著矩形>

[點右鍵解散群組]後,再將中間部分刪除。
(先解散群組,或點矩形兩下進入群組編輯再刪除皆可)

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)4 Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)5

Step5.接著將第二種顏色填入小方塊中,做為放射狀的第二種色彩。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)6

Step6.接著運用套索工具(下圖)將內測的點都選取,再到下拉式功能表依序物件>路徑>平均

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)7 Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)8

Step7.接著選擇二者,按下後就會有放射狀的效果囉。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)9 Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)10

 

方法2. 旋轉

較為耳熟能詳的旋轉法,其實就是藉由改變軸心點,來改變物體的旋轉效果(3D也滿常應用此法)。
(這裡用一行文字來說明軸心點的旋轉效果)

Step1.先隨意的打用文字工具打一排文字。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)11

 

Step2.點選文字後按下[旋轉工具],這時會看到物件的軸心點,按下Alt鍵不放可改其位置。

將其放置於下圖之位置 (一定要在旋轉工具被選取的狀態,才有辦法去調整軸心點)

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)12

 

Step3.放開Alt鍵後會跳出旋轉選單,請設定10度角再按拷貝。此時可發現旋轉的軸心已改變。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)13  Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)14

 

Step4.此時為了方便,按下重覆執行的[熱鍵Ctrl+D],就可以連續製作效果。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)15

Step5.然後我再將它稍微做一點調整和編排,就是一個文字設計的例子。

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)16

 
 

煩請您不吝幫忙2015.3月剛成立的"粉絲團"與"文章"按讚分享 謝謝您!
(請不要使用手機版觀看敝站,煩請使用電腦網頁版,感恩)

 

更多網站內容: 全站索引 (Click)

Adobe Illustrator 軟體教學,放射狀效果與路徑平均 (下載,向量圖,去背漸層,pdf,遮色片,自學教程,推薦書籍,插畫設計數位媒體)

    Yo-Wen Liang 發表在 痞客邦 留言(9) 人氣()