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,遮色片,自學教程,推薦書籍,插畫設計數位媒體)

文章標籤
創作者介紹

[梁又文老師:設計與多媒體達人研究工作室] (Teacher Yo-Wen Liang: Master of Multimedia & Design Research Studio).設計/Art藝術/Research研究/Training教學.訓練.家教/大學授課/研究/統計服務

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


留言列表 (9)

發表留言
  • 歐迪
  • 很優的教學…時謝分享
  • 您的Illustrator真的是資歷豐富
    Blog的東西好完整阿...@@!

    這是從別的高手那學來的~ㄏㄏ
    其實軟體應用的範圍太廣了
    所以都是有想要做什麼樣式
    才去找有沒有好的方法
    有以拉的問題再跟高手您請益了!

    Yo-Wen Liang 於 2010/08/11 09:00 回覆

  • 歐迪
  • 我是在家自學的…買書加看網路上分想的…
    有貼教學文的都是自已研發出來的作品…
    網路上有的就不po了…會貼教學文是因為當初自學的很痛苦…
    所以我走過的路就讓別人好走一點…
    歡迎指教…^^
  • 真是個努力學習的好模範@@
    其實我也是看書在學的
    (不過我的專長比較在3D+>+")

    因為外面有些課程好貴教的東西又有限
    現在圖書館和網路資訊真的很發達
    骨力找一下都能找到不錯的資源
    我才要請你多多指教啦~ㄏㄏ>0<

    Yo-Wen Liang 於 2010/08/13 08:59 回覆

  • lin bonnie
  • 這招真好用吔!謝謝分享!
  • 謝謝,因為敝人時間上安排較差,比較沒辦法po新文,但留言上方的那一位高手,

    他的Blog有相當多的精彩的教學,可以參閱看看。

    Yo-Wen Liang 於 2011/12/04 11:58 回覆

  • david
  • 很棒,感恩
  • 感謝!
    推看文留言的人!

    Yo-Wen Liang 於 2012/12/15 17:40 回覆

  • 訪客
  • 期待其他以拉的教學! 謝謝!
  • 感謝!
    推看文留言的人!

    Yo-Wen Liang 於 2012/12/15 17:43 回覆

  • Randy Yang
  • 請問一下,設定放射中心點在其他地方的話要怎麼做呢?
  • 先按旋轉工具>再按住Alt不放,這時就可以拖動中心點。

    Yo-Wen Liang 於 2013/04/21 21:15 回覆

  • Ting
  • 很實用!謝謝。
  • 謝謝留言!

    Yo-Wen Liang 於 2013/12/16 16:16 回覆

  • 木木三
  • 版主教學切重要點

    步驟示範清楚

    感謝大大的教學
  • 謝謝流言!感恩!

    Yo-Wen Liang 於 2013/12/27 23:36 回覆

  • Huang Jean
  • 非常感謝!清楚明膫地解說,撿到好康真的超開心!


  • 謝謝留言!

    Yo-Wen Liang 於 2015/04/04 17:03 回覆

找更多相關文章與討論