一、任務

這些線性圖标難做嗎？讓我們分析一下它們的結構。

尺寸規格：一般線條為2px，也有的加強為3px的。

風格：線條簡單，圖形指示意義明确。

2px的圖标

二、任務分析（思考和困難）

繪制不難，怎麼快速繪制才是關鍵。

大家思考一下，這個線形圖标是怎麼做出來的呢？

如果用PS可行嗎？先不要馬上否定，好好想想路徑工具和鋼筆工具。

是用圖層樣式？選擇工具？有人想到了樣式描邊的方法。貌似不行，因為未封閉的圖标，用樣式描邊做出來卻是封閉的...

那麼問題來了，用封閉路徑制作出來的圖标在進行縮放時形狀也會相應的等比縮放，這樣會導緻在需要不同大小的圖形時，因縮放還需反複調整圖标的路徑邊緣才能保證圖标線條的一緻性。因為整套圖标要求線條都相對統一，調來調去太浪費青春！

好了，不拐彎抹角了，下面就給大家介紹一個構圖快、一學就會、包教包會的方法。

記住三點：一是形狀工具及填充，二是描邊效果，三是用鋼筆錨點工具删除無用路徑。

采用的構圖方法：減法。

其實在PS CS6出來後就已經新增加了一項描邊功能。使用這個工具能使圖标畫出來非常的便捷，在繪制圖标中主要有下面幾大優勢！

1.提高了圖形的描邊質量，描邊更為圓滑。

我們在繪制圖形采用圖層樣式做描邊效果時，如果用到較大的數值，描邊會産生分塊曲線，邊緣有鋸齒感。那麼我們通過矢量描邊處理可得到完美的結果。我猜測這是因為，矢量描邊是由原始的矢量形狀圖層數據而來，而圖層樣式的描邊是由該形狀的位圖蒙版而來。二者采用的是完全不同的技術，這樣就可以想明白了。

2.多種角度功能，在圖标繪制中更為自由

使用常用的描邊圖層樣式隻可以是圓角的效果。但采用路徑描邊樣式可以畫出圓角，斜面，或者斜角。這會大大減少繪制圖形的工作量。

3.通過描邊路徑可以繪制開放式的路徑圖标

我們在使用圖層樣式描邊的時候會出現以下情況，描邊都是封閉的。而繪制圖标時會用到間斷的路徑。這時候可以采用路徑描邊樣式，是支持開放路徑描邊的。

三、PS繪制線式圖标詳細過程

繪制路徑時用到的工具：

捎帶腳了解幾個快捷鍵，方便在作圖中的使用。在選用鋼筆工具繪制後你可以用Shift/Ctrl/Atl來回切換出需要使用的直接選擇工具、錨點選擇工具、倒角工具。

下面就一步一步教大家畫線式圖标。為了讓初學者看明白，我盡量寫的詳細些。

在ps中新建一塊畫布。（快捷鍵：ctrl n）

2.用矩形路徑畫出兩個矩形（快捷方式：畫一個圓角矩形，然後按住Alt鍵拖動圖層即可進行複制）。

3. 使用 框選所有的路徑，找到PS右上角的填充和描邊，把填充隐藏，描邊設置2個點像素。

4. 使用直接選擇工具删除多餘的路徑錨點，從而去除多餘的路徑線。

插播提醒：在需要删除中間一段路徑的時候，需要先用鋼筆工具進行添加錨點，然後用直接選擇工具選中進行删除。

如下，我想删除紅色區域的一段路徑怎麼辦？

5. 使用橢圓工具繪制太陽（繪制過程中按住shift鍵即可畫出正圓），鋼筆工具進行繪制山脈部分。

6. 完畢後調整路徑描邊的起終點的樣式為圓角或直角。

7. 選中需要調整的角，再使用描邊選項裡的角點為圓角，使圖形更為圓潤。

這樣一個圖标就完成了。

用路徑描邊還能區分圖标的立體感。不同粗細描邊的形狀結合使圖标更為豐富化。

四、後期修飾：讓線條更圓滑

路徑邊緣的修正會給整個圖标精緻的感覺，尤其是出現單獨線條和折角的時候，顯得尤為重要。

路徑描邊還可以根據你的需要進行對其模式的選擇，在路徑外進行描邊，還是中間，還是内部描邊。這在路徑描邊圖形的繪制中會經常使用到。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!