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