首页 > Retina图片制作的范例流程?

Retina图片制作的范例流程?

为了兼容性Retina分辨率,通常要制作两种分辨率的图形元素,有没有一个比较完善的流程?


我的流程:
PS里做两倍图,切图用Slicy(原先叫Layer Cake),自动导出两种分辨率并命名,最省事的方法。
由于一倍图是两倍图缩放的,有些地方达不到像素精确,再微调或重制。
此方法限mac平台。

win平台嘛,没有slicy,所以还是ctrl+alt+shift+s导出两倍图,然后填个50%再导出一倍图,最后像素微调。


http://www.v2ex.com/t/266387 看看这个文章


可以考虑先做一倍图,比如iPhone的UI设计,先按照320x480设计,之后再放大切两倍图

切图工具可以考虑使用Fireworks
1、比较精确,有对齐到像素的工具(Ctrl+K),方便像素级调整
2、Fireworks的切片可以像图层那样进行尺寸调整,位置移动等等
3、制作两倍图,可以把图片跟切片一起复制到同一个画布的其他位置,接着直接数值化调整尺寸(宽高x2就好)

介于FW跟PS的一些差异,有一些纹理相关的图还是需要PS来切图,或者在PS里面做好,统一在FW里面调整尺寸跟裁剪

【热门文章】
【热门文章】