㈠ 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