个人Web前端开发切图PS设置

keithyau 发布于2019-08-30 13:06 / 1664人阅读

摘要：五保存设置窗口工作区新建工作区名称切图，后两个选上，然后点击存储，这样就可以保存下来，防止丢失了。

(一) 文件新建设置

画布大小 Web(1920×2000) 像素

分辨率(R) 72 像素/英寸

颜色模式 RGB 8位

背景内容（透明）

（二）移动工具设置

自动选择不要勾选，右边选择图层

需要选择图层时，在PSD上面Ctrl + 鼠标左键点击

（三）视图与窗口设置

视图-显示-智能参考线勾选

标尺勾选

窗口-库、颜色关闭

窗口打开信息、字符，右上角关闭属性、段落

点开信息面板设置，标尺单位改为像素，第一颜色模式RGB模式，颜色模式改为RGB模式

勾选文档尺寸，单击确定

（四）首选项设置

编辑-首选项-单位与标尺-单位改为像素，其他默认不用改动

这样的做的好处：在PS里打开一个网页，随便点击哪个图片或者某个字符，就可以知道详细的信息。
（五）保存设置
-窗口-工作区-新建工作区-名称：web切图，后两个选上，然后点击存储，这样就可以保存下来，防止丢失了。

GPU云服务器云服务器 web前端切图 ps怎么切图 web前端前端开发前端web前端开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/115315.html

个人Web前端开发切图PS设置

摘要：五保存设置窗口工作区新建工作区名称切图，后两个选上，然后点击存储，这样就可以保存下来，防止丢失了。 (一) 文件新建设置画布大小 Web(1920×2000) 像素分辨率(R) 72 像素/英寸颜色模式 RGB 8位背景内容（透明）showImg(https://segmentfault.com/img/bVxTF2); （二）移动工具设置自动选择不要勾选，右边选择图...

xbynet 2019-08-01 15:21 评论0 收藏0
神器！解放你的双手——UI设计稿全自动切图和标注的一些工具推荐

摘要：蓝湖通过帮助设计师更好地向团队展示设计图描述页面之间的跳转关系。如果设计图出现改动和更新，蓝湖也能自动添加新版本。蓝湖基于这些反馈快速迭代，而自动标注功能就是其中一项。原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ，喜欢的可以关注最新动态，大家一起多交流学习，共同进步，以学习者的身份写博客，记录点滴。工欲善其事，必先利其器。我只是...

lylwyy2016 2019-08-29 12:23 评论0 收藏0
神器！解放你的双手——UI设计稿全自动切图和标注的一些工具推荐

摘要：蓝湖通过帮助设计师更好地向团队展示设计图描述页面之间的跳转关系。如果设计图出现改动和更新，蓝湖也能自动添加新版本。蓝湖基于这些反馈快速迭代，而自动标注功能就是其中一项。原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ，喜欢的可以关注最新动态，大家一起多交流学习，共同进步，以学习者的身份写博客，记录点滴。工欲善其事，必先利其器。我只是...

tianren124 2019-08-20 15:43 评论0 收藏0
前端工具【3】—— 图片处理

摘要：切图主要是用的工具就是等等，除此之外，在开发过程中我们也会用到其他工具，以下介绍一些有关于图片处理的操作。是打开文件捕捉活动窗口捕获窗口捕获矩形区域，可自行截图。新版的比之前那些版本增加了一键导出功能，这个功能很大程度方便了我们拆分图片。在写页面之前，很重要的一个技能是切图，根据UI设计的设计图，在了解页面结构和操作后进行分割，取出自己在开发过程中是用到的图片资源。切图主要是用的工具...

MobService 2019-08-02 16:05 评论0 收藏0