IDM 愛迪盟設計教室

ICON設計

運用兩大軟體設計

這裡有一些創建圖標的技巧 -

從單一顏色的象形圖到高度詳細的應用程序圖標。

圖標通常是推動設計軟件的地方，

充分利用矢量能力，

遮蔽和建設性的實體幾何。

出於這些原因，圖標通常需要不同的工具和技術。

創作與造型

將矢量路徑創建與樣式分開很重要，結合使用的兩個主要工具 -  Photoshop 和 Illustrator - 具有截然不同的能力和優勢。

Photoshop的渲染質量和遮罩能力幾乎超過了所有設計工具，但 Illustrator 擁有更好，更通用的矢量工具。對於圖標路徑創建都比較常使用 Illustrator。

值得慶幸的是，在兩個應用程序之間跳轉是非常無縫的。快速簡單的作業通常直接在 Photoshop 中構建，但是在 Illustrator 中創建圖標集或任何復雜的圖形集，然後通過粘貼形狀圖層移動到 Photoshop 以進行樣式設置。

Illustrator 用來創作。 Photoshop 用於樣式和導出。

外形尺寸

對於您可以控制大小的圖標，

圖標的樣式和線寬應該有助於指定尺寸。

這是因為許多圖標需要居中的線條，

並且您不能將奇數寬度線居中放在偶數寬度圖標上。

相反，您不能將奇數寬度線上的偶數寬度線居中。

如果您使用的是均勻線寬，則圖標應為均勻寬度×均勻高度。

如果您使用的是奇數線寬，則您的圖標應為奇數寬度×奇數高度。

如果可以的話，永遠不要混合偶數和奇數尺寸

（除非你感到瘋狂並且在每個軸上使用不同的線寬）。

如果您將整點視為網格的基礎，

並避免分數定位，這意味著所有初始工作都應該以 1× 完成。

從 Illustrator 開始

除了能夠在查看完全保真度向量的同時工作到 1× 網格外，

Illustrator 還包含許多其他任何地方都不存在的功能。

這就是為什麼要使用 Illustrator 作為大多數圖標的起點。

捕捉設置

打開 View→Snap To Grid

並關閉 Align New Objects to Pixel Grid

會讓它非常接近理想狀態。

對於現有文檔，

可以在“新建文檔”窗口和“變換”

面板的彈出列單中找到該第二個選項。

如果需要進行一些子像素調整，可以使用移動窗口

（對象→變換→移動，或按 Enter 鍵打開它）。

自定義工具面板

最近，

我一直在嘗試使用自定義工具面板來刪除我不經常使用的工具

，並公開通常在彈出菜單後面的工具

路徑管理

如果您嘗試添加，減去或排除形狀，

 Illustrator 的 Pathfinder 是任何矢量編輯器中

該思想的最佳執行方式之一。

在 Pathfinder 的能力中，

分裂最常被使用 - 它將形狀切割成碎片，

因此每個重疊區域都是一條獨特的路徑，

可以輕鬆丟棄不需要的部分。

形狀建立程式

Shape Builder 比 Pathfinder 更新，

並且通常使用起來更快。

使用一些單獨但重疊的形狀並選擇“形狀構建器”工具，

拖動以組合，

選擇拖動以減去。

動態圓角

Illustrator CC  增加了動態圓角，

在所有角落都顯示為小手柄。

拖動手柄會增加拐角半徑。

這適用於所有形狀，而不僅僅侷限於矩形。

動態圓角允許創建困難或耗時的形狀，非常的方便！

如果您需要更高的精度

當然也可以使用 Illustrator 的控制欄可以輸入精確的圓角半徑值。

彎曲

Warp 和 Illustrator 的其他 Envelope Distort 功能可用於彎曲，

扭曲和賦予您的形狀生命。

輪廓筆劃

在將形狀移回 Photoshop 進行樣式設計之前，

經常會將筆劃轉換為路徑。

這樣一來在 Photoshop 裡會比較方便後續的處理。

可變寬度筆劃

Illustrator 的寬度工具可以改變沿路徑的任何位置的筆劃寬度。

選擇“寬度”工具（shift-W）後，

雙擊控制點以顯示更精確的選項。

可變寬度筆劃可用於精確構造難以用其他方法形成的形狀。

虛線

illustrator 包含兩種虛線模式。

一個將破折號與角落對齊，

另一個保留破折號和間隙長度。

角落對齊通常看起來比較好看，

可以將破折號轉換為用於 Photoshop 的路徑。

變換

在 Illustrator 中可以輕鬆的旋轉和移動許多物體，

作為相對於它們自己原點的單個物體 。

一個簡單的功能，

但可以節省數小時的工作。

在Photoshop中設置樣式

一旦有了最終的圖標路徑，通常會將它們作為形狀圖層粘貼到Photoshop中。如果您需要傳輸許多路徑，在Illustrator中復制它們並在Photoshop中粘貼將把它們全部放在一個圖層上。

輸出

要導出PNG和其他位圖圖像通常會使用Photosho，能夠使用單層10秒或100個圖標，保持樣式的一致性和易於編輯。

想要學習更多不同的illustrator技巧，歡迎報名參加我們的課程！

延伸閱讀：

【免費資源】300 個免費日本圖示 PNG 和 EPS 兩種格式

【設計】「轉學」讀設計一點都不難，只要有決心！

【設計】108 學年度 設計轉學考全修班，一圓你的設計夢！

【榜單】設計轉學考豪華榜～108年度 設計轉學考全修班即將啟動

【設計紙模型】超精密紙工藝 - YAMAHA

聯絡電話：

市話 (02) 2361-9395

行動  0906-446-588

(歡迎於營業時間電話來電詢問)

服務時間 :

週一~週五：13:00 ~ 22:00

週六、週日：10:00 ~ 17:00

來信：idesignmate.idm@gmail.com

地址 : 台北市重慶南路一段 10 號 9 樓之 9 (905) (日盛銀行樓上)

LINE@：

@jng5158s

​

​

Source：bjango

原地址：https://bjango.com/articles/icondesignworkflow/