admin管理员组

文章数量:1568420

ps切图详解以及上传至蓝湖

  • 介绍
    • 普通切片切图
    • 选择图层切图
    • 接下来是强烈推荐的上传蓝湖切图方式
      • 小结

介绍

我是一名前端开发工程师，随着工作环境的改变，遇到过公司没有ui设计师，或者ui设计师只为我提供psd设计稿，并没有切好图。由此可以看出会一些切图技巧对我们开发效率还是起着至关重要的作用。
下边分享一下这方面我的经验，希望帮助到你。

普通切片切图

  1. 首先打卡ps软件 ctrl+p调出标尺，单位选择像素，红色区域分别是垂直和水平的参考线，直接拉动几根将我们需要切的图包裹住。

    2.打开切片工具，沿着参考线选取我们想要的切片，同养的操作我们可以选择多张切片。

    3.接下来就是保存我们所要的切图了，旧版本的ps点击文件存储为web所用格式，新版本的要选择导出，然后选择存储为web所用格式。


    4.接下来选择png-24，透明，选择保存选中的切片到对应的路径就行了

选择图层切图

1.新建一个空的文件（背景最好选择透明）
2.右键psd文件查看对应的图层，然后拖拽到新建的文件中


3.接下来要选择导出，导出路径格式，运行即可


接下来是强烈推荐的上传蓝湖切图方式

  1. 使用蓝湖必须要用较新版本的ps软件，还有对应的蓝湖插件，网上可以搜索到教程，就不详细说明啦。
  2. 鼠标左键选择对应的图层，按住ctrl键可以选择多张，然后标记为切图

    3.选择web格式，对应尺寸，然后上传psd文件到你的蓝湖目录下面即可

    4.登录蓝湖查看，下载我们标记好的切图文件。

小结

编辑不易，转载请注明出处。感谢赏阅，期待你的建议，点赞和关注。

本文标签： 详解传至ps

版权声明：本文标题：ps切图详解以及上传至蓝湖 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1725352049a1020493.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。