1. 設計 Design

【illustrator教學】 10分鐘帶你快速上手漸層工具

Illustrator 漸層設計

漸層使用在Illustrator設計中也是相當頻繁的使用的,剛開始在學習漸層的時候常常會找不到漸層在哪邊、漸層怎麼使用、如何設定顏色、如何修改漸層顏色、拉桿怎麼調整等等的,在這篇文章中你可以先了解漸層是什麼及如何操作使用,最後會再做一個簡單的小練習加強你對於漸層的應用,那我們開始吧。

漸層什麼

漸層是將兩個或多種顏色,或是相同顏色不同色調逐漸漸變調整顏色,讓物件看起來顏色很多樣甚至可以做出光影的效果,比較廣泛來說通常可以使用在背景色,讓整體背景不會這麼單調無趣。

漸層類型

在Illustrator中有三種漸層的類型

  • 線性漸層
  • 放射狀漸層
  • 任意形狀漸層

下圖將三種類型做一個示範可以比較其中差異

Illustrator 漸層種類

線性漸層

是直向或橫向線條方式呈現,所以在畫面上可以看出漸層變化的線條感。

放射性漸層

是用圓形方式擴散呈現,所以當設定值越大就可以看到內圈和外圈的差別。

任意形狀漸層

在圖形上會有四個點,點選其中的控制點就可以挑選顏色,讓漸層效果更多元選擇並且可以任意調整控制點的位置或是要增加控制點也可以,在畫面中你的顏色可以很自在的出現而不是規律的呈現。

 Illustrator 漸層類型

漸層工具使用

首先在工作區裡先畫出一個框,點選漸層工具或是漸層面板

Illustrator 漸層工具

如果你的畫面裏面沒有出現漸層工具,可以到視窗→漸層尋找

在你的物件上點選漸層色,就可以看到像畫面一樣黑到白的漸層色,接著就可以開始調整需求的顏色。

Illustrator 漸層工具

漸層面版使用

點到漸層面版後,就會看到畫面中的選項內容,下圖紅框區點兩下就會出現色板可以選擇你要的顏色,透過顏色的點選我們可以挑選相近或是對比顏色製作漸層;如果選項的票色中沒有你所喜歡的顏色,那麼也可以用色票號碼來挑選。

Illustrator 漸層工具

漸層修改

要修改漸層或是重新調整顏色,我們可以在漸層面版或是漸層工具都可以修改;在畫面的左方有一個漸層工具,點下之後你會看到有一個拉桿可以調整,這邊的拉桿跟剛剛調到的漸層面版的是一樣的,但這個拉桿的好處是你除了可以調整顏色、顏色比例,更可以依據你的喜好調整角度,相當的方便。

色票儲存

當漸層色調整好之後,我們可以把它存成色票,那麼在其他物件上如果想要上相同的顏色就只要點選一下色票,就不用在用滴管或重新製作一次漸層,這可以加快你作圖的速度。

漸層套用

這邊我們就來看看兩個漸層套用兩種範例:1.多物件漸層套用 2.文字漸層套用,來實際運用看看怎麼操作囉。

多物件漸層套用

如果說你想要把物件的漸層統一,那麼我們可以將所需物件都選取,接著套用漸層顏色,這樣就可以一次把所有顏色統一。

  1. 將要調整的為漸層色的物件都選取起來
  2. 點選工具列的漸層顏色
  3. 使用漸層工具的拉桿,就可以將所有物件調整為一整個漸層色
Illustrator 多物件漸層套用

點選工具列漸層顏色

Illustrator 多物件漸層套用

這邊會看到每個物件都為個別的漸層色

Illustrator 調整漸層

如果希望整個顏色統一漸層,那麼就將滑鼠從需求端開始拉,就可以將所有物建設為統一的漸層色。

Illustrator 調整漸層

文字漸層套用

漸層色除了可以讓形狀物件填色之外,也能讓文字變成漸層色。

  1. 設定文字內容
  2. 文字建立外框(如果不知道怎麼把文字轉框,可以看看「文字設計」)
  3. 點選漸層色

是不是很簡單就可以製作完成了呢?

實作演練

學會了基本的漸層設定,那麼就要來演練能怎麼變化做一張簡單的圖檔。

那我們來試試不同的漸層應用→網格設定

首先先拉一個框,點選網格工具

Illustrator 漸層

如果你點了網格工具移到了你的框準備設定網格,但顏色只有黑白灰,這時候你必須修改一下你的顏色設定,把灰階設定改為RGB即可。

Illustrator 漸層 網格顏色設定
Illustrator 漸層 網格顏色設定

接著使用「直接選取工具」,圈選你在網格上想要改變顏色的位置,就可以變成自己想要的顏色。

Illustrator 漸層

像是下圖就是先圈想上方區域,用滴管吸取顏色而改變的樣子。

選定好你想要的顏色後,再用「直接選取工具」,調整錨點位置變成你想要的形狀與位置如下圖所示,下方也做了一個簡單的示範影片可以參考。

Illustrator 漸層
Illustrator 漸層

最後,我們採用剛剛上述的方式練習,運用漸層加網格工具製作出下方的圖稿來。

 Illustrator 漸層設計

漸層工具可以運用的方為很廣,可以依照自己的創意發揮,如果還有想看漸層其他應用方式可以再留言跟我說,一起練習看看囉。

登入

歡迎加入 Miracoup
方便的閱讀是您能感受到的第一件事。
加入 Miracoup