形狀圖層，講解形狀圖層中的路徑填充

一直想把形狀圖形這問(wèn)題嘮叨嘮叨。

自己總結(jié)的一些小小心得，與大家共勉一下。

我目前是分了三篇去講解，第一篇是關(guān)于形狀圖層的路徑填充問(wèn)題；第二篇是關(guān)于形狀圖層的路徑描邊問(wèn)題；第三篇是關(guān)于路徑操作（在ai里有一個(gè)叫做“路徑查找器”的功能，跟這個(gè)差不多）問(wèn)題。

我由簡(jiǎn)單到復(fù)雜排序

首先，路徑，大家都不陌生，是在一個(gè)形狀圖層上用鋼筆或者矩形工具畫(huà)出來(lái)的。我在制作圖標(biāo)時(shí)經(jīng)常用，它不僅僅是矢量圖層，而且還方便更改調(diào)節(jié)，靈活性很好。

最近公司項(xiàng)目在用iconfont技術(shù)，設(shè)計(jì)師在設(shè)計(jì)icon時(shí)都不怎么在ai制作的，習(xí)慣ps。不用擔(dān)心，只要是路徑畫(huà)出來(lái)的，就可以轉(zhuǎn)到ai里，Ctrl+C然后Ctrl+V解決。

路徑，有兩個(gè)屬性，一個(gè)是填充，一個(gè)是描邊

先說(shuō)填充，填充，就是給畫(huà)出的這段路徑的閉環(huán)內(nèi)填充顏色。填充色時(shí)必須保證路徑的開(kāi)始和結(jié)束的節(jié)點(diǎn)是鏈接的。如果沒(méi)有鏈接，也可以填充，只不過(guò)默認(rèn)的是以開(kāi)始到結(jié)束節(jié)點(diǎn)最近的距離為界限填充，當(dāng)然最好不要這樣。

下圖是沒(méi)有閉合和閉合的路徑填充結(jié)果

如果想檢查是否閉合，可以取消填充，只剩下路徑，就可以看到有沒(méi)有閉合了。（第一張圖就是填充和描邊都是取消狀態(tài)）

對(duì)當(dāng)前形狀圖層填充顏色很簡(jiǎn)單，雙擊圖層面板當(dāng)前要被填充的形狀圖層。還有一種就是用如下圖兩種方法。一個(gè)是頂部的屬性面板，一個(gè)是窗口的屬性面板。

填充有四種樣式，1、禁止填充；2、純色填充；3漸變填充；4、圖案填充

四種形式都很好理解，我試著做了一下解釋?zhuān)蠖紕h掉了，因?yàn)檫@四種形式的解釋不說(shuō)也可以理解，所以就不再浪費(fèi)流量了。

我個(gè)人認(rèn)為圖案填充的使用率不高，沒(méi)有fx圖層樣式中的靈活，輕量級(jí)使用倒是可以。

漸變填充是很好用的，如果你有這方面需求… 如下圖

漸變填充跟圖層樣式中的漸變疊加調(diào)參是一樣的，同樣靈活

圖案填充跟fx圖層樣式中的圖案疊加的對(duì)比，缺少了兩個(gè)功能，一是圖案混合模式，二是透明度。
 

在使用剪切蒙版時(shí)，被剪切圖層會(huì)復(fù)制剪切圖層的圖層樣式（這里那漸變做了例子，其實(shí)不僅僅是漸變而是所有的圖層樣式）。如果用路徑填充加漸變，就不會(huì)遇到這種情況了。

如果實(shí)在是不想用路徑填充，還想實(shí)現(xiàn)這種效果，倒也不是不能，就是麻煩點(diǎn)兒。不嫌麻煩的可以看看下圖。

不做解釋了，因?yàn)檫@個(gè)不是這章的主題，可以自己理解一下。

路徑填充我就想到這么多。