㈠ adobe xd一些常用的高級技巧
xd一鍵替換所有字體妙招:按字體名稱搜索到系統字體,然後刪除(粘貼在桌面進行備份),在軟體中設置替換即可,替換完成後,再將字體重新安裝進入。
xd轉psd:<u style="text-decoration: none; border-bottom: 1px dashed grey;"> https://www.photopea.com/ </u>
xd轉AI:導為svg格式;
xd移位置整數去除小數點:選擇需要的元素,右擊對齊像素網路,注意圖標類會變形。
一鍵替換背景色、顏色、字體、字型大小:右擊畫布高亮顯示,點擊編輯,全部替換。
psd如何粘貼至xd:psd粘貼到ai,再從ai復制粘貼到xd;
一鍵添加圖片、文字數據填充:直接拖入,文字用txt一行一行輸入,注意使用UTF-8格式;
xd可直接導入psd、ai、svg文件編輯
xd可直接粘貼psd、ai、svg圖形、文字
xd可直接打開和編輯Sketch文件,但保存後為xd格式
復制樣式(漸變、陰影、投影等)
復制 - 粘貼外觀
批量修改邊距和模塊,使用重復網格功能
組件功能比較強大,注意點擊左側選擇編輯主組件
XD編輯圖片可以直接通過photoshop,但是不能保存分層,暫時解決方法使用PS本地備份,然後再粘貼XD,這樣比較麻煩。
寬高,坐標可按+-/*符號進行計算
顏色(漸變也可以):主色其它色用透明度,這樣可實現一鍵替換
字元樣式:定義好字體、字型大小、對齊方式,命名規則如:「主標題」「幅標題」這樣可以實現一鍵替換字體,字型大小,行間距。
AI中漸變和疊加效果在XD中顯示不了,暫時用PNG代替
排列如果用數字來控制這樣更好,暫時解決辦法頁面左對齊頂對齊,再按Shift按右和下箭頭來控制位置。
重復網格:僅限同等寬高大小,顏色類型重復,不然就無法使用。解決方法在上面再覆蓋一層做不同處理。
組件:主組件:大小寬高變化,其它副組件跟著變化,副組件寬高、旋轉變化,主組件不動。
組與組之間按Shift+Ctrl可以跨組選擇。
多個元素同時選擇可以設置相同寬度
Alt + Shift + 箭頭鍵:調整圖形寬高,元素固定在左上角。
Alt + 箭頭鍵:以1px為增量調整圖形寬高。
Shift + 箭頭鍵:以10px移動位置XY軸。
組件與組件之間可以直接拖入替換,非常方便。
組件進行網格編組可以對其背景色,圖片進行替換,圖標不要在主組件上設計,別的組件是可以使用其功能的。記得編輯主組件。
缺失字體可以直接全部替換想要字體
xd插件安裝方法
vpn才能安裝,如果遇到錯誤,需要重裝一下系統,或備份好一份可行系統。
xd對齊使某個為參照物:暫無方法
XD加一像素邊框:暫無方法
㈡ PS、AI、sketch、XD的互相導入
可以直接復制粘貼,會選擇是以智能對象,還是點陣圖,還是形狀或路徑的形式,如果是形狀,可以直接編輯。
多個圖層的復合形狀沒法辦導入,會合並成一個黑色形狀。
作為智能對象,直接打開ai編輯。
ai導入ps如果要保留圖層和可編輯形狀,先把所有的編組解除,然後在圖層面板上右上角點開下拉菜單釋放圖層(順序),然後導入。
也可以用ai-to-psd-master腳本。在ai里,文件-腳本-其他腳本,打開插件所在文件夾中的Ai2Psd.jsx文件。會自動完成。這時候導出文件為psd格式即可。
導入ps後圖層會很亂。用移動工具直接在畫板里框選中所有圖層。然後在圖層面板里右鍵,從選中圖層新建組。就可以把所有圖層放在一個組里,然後把這個組放到第一層。其他的空組刪掉即可。
注意,如果是用背後模式畫的圖,釋放圖層或用腳本導入後生成的是點陣圖不是形狀。
漸變沒辦法通過腳本導出
描邊也導不出來,只能生成圖像
可以直接打開ps文件然後默認是最大化可編輯。這時候直接是以ai分層文件打開
如果直接復制粘貼,或者拖入,就是生成一張圖。
可以用在線工具 https://www.photopea.com/
教程: https://www.zcool.com.cn/article/ZNzg4NTA0.html
sketch的矢量用svg導出可以直接變成ai分層文件。
其實sketch可以直接復制粘貼,因為sketch沒有描邊的輪廓化功能,所以需要放大縮小的圖可以貼到ai里擴展後再貼過來
復制的布爾運算生成的話可以直接變成復合路徑
包含了文本圖形等的內容都可以全部直接復制粘貼,但字元樣式會在xd里顯示缺失字體。可以點擊右鍵,替換字體,然後重新設一下字體和字重就好。就是要重新把字元樣式設為資源。
可以直接導入矢量
用鋼筆畫的,或者畫筆改成基本線條之後,導入後是描邊
如果是畫筆畫的,導入後是填充
xd可以直接打開sketch文件反過來則不行
但復雜的布爾運算結果顯示不出來
sketch的圖層可以直接導入xd但是范圍會變得跟畫板一樣,不大方便調試
圖層可以直接導入,所以在xd里定好版式後,可以導入sketch
可以直接復制粘貼矢量圖層
是分層可編輯文件,而且支持在sd直接編輯
只能用那個在線工具photopea