做爲一個切圖仔,常常與設計大佬的PSD打交道,PSD裏面又有各類icon圖標須要導出,偷懶的方法直接導出png圖片,丟個背景圖上頁面完美解決問題!!html
次日來個需求,能不能把這個icon圖標給我換個顏色,紅色比較豔麗,來個大紅色吧!!做爲切圖仔,PS必須會啊,png丟進去,圖層模式--顏色疊加--導出png,丟給運維,發佈上線,搞定!!一個icon換色就這麼簡答的解決,可是需求是不停變化的!!前端
第三天,XX以爲整個頁面30個icon換成綠色好看......運維
第四條,XX節日,需求來了,可否給整站icon換個主題色?......學習
......字體
想一想這個需求場景都以爲可怕,天天都在換色中度過了。spa
做爲切圖仔,要有一個向前端大佬學習的心態,大佬推薦 iconfont 矢量字體圖標,用了下感受還不錯!!因而我推薦給了設計大佬!!.net
惋惜的是設計大佬都是要改變世界的天使,各類別出心裁的icon,在iconfont上根本找不到啊有木有!!設計
因而我本身偷偷學了AI:PS導出路徑到AI,再生成SVG,上傳到iconfont生成矢量字體圖標,導入到項目,一鼓作氣打完一套組合拳,媽媽不再用擔憂個人學習,啊呸,不再用擔憂換色了!!就算還要改個大小啥的,我也玩得溜!!就算換個圖標,我最多也就在換個字體!!htm
以上內容純屬娛樂,請勿當真!!!blog
實際中我用AI合併路徑的兩個經常使用方法:
1. 頂部菜單欄--窗口--路徑查找器: 選中兩個路徑,形狀模式下四種合併均可嘗試下(聯集,減去頂層,交集,差集),詳細使用方式,偷個懶,外鏈百度經驗
2. 頂部菜單欄--窗口--屬性:選中兩個路徑,創建複合路徑,選中複合路徑,在屬性窗口右側有兩個小按鈕(奇偶填充規則,非零纏繞填充),詳細使用外鏈CSDN
以上只是我我的經常使用的兩種方式,經供參考!!!