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

2023-12-16 17:14:20 來源/作者: / 己有:0人學習過
關于形狀圖層相關知識,本篇主要講解形狀圖層中的路徑填充。

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

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

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

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

我由簡單到復雜排序

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

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

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

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

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

下圖是沒有閉合和閉合的路徑填充結果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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