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

2023-10-22 17:37:41 來源/作者: / 己有:2人學(xué)習(xí)過
關(guān)于形狀圖層相關(guān)知識,本篇主要講解形狀圖層中的路徑填充。

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

一直想把形狀圖形這問題嘮叨嘮叨。

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

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

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

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

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

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

路徑,有兩個屬性,一個是填充,一個是描邊

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

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

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

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

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

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

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

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

四種形式都很好理解,我試著做了一下解釋,之后都刪掉了,因為這四種形式的解釋不說也可以理解,所以就不再浪費流量了。

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

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

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

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

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

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

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

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

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

不做解釋了,因為這個不是這章的主題,可以自己理解一下。

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