美文网首页
coder技能-ps切图

coder技能-ps切图

作者: 在南方的北方人_Elijah | 来源:发表于2017-02-04 22:41 被阅读14次
  • 可以使用裁剪工具中的切片工具来逐一裁剪想要的图,然后批量生成图片
  • 可以使用参考线来切图,然后使用基于参考线来切图,最后再批量生成图片
  • 可以再 文件->导出->将图层导出为图片,将各个图层保存为png或其他格式图片
  • psd可以保存为SVG,对于前端开发来收,这种图片格式可以自适应窗口更改。
  • psd中的素材还可以在 图层->复制css中,直接得到css代码,前端开发更方便。

相关文章

  • coder技能-ps切图

    可以使用裁剪工具中的切片工具来逐一裁剪想要的图,然后批量生成图片 可以使用参考线来切图,然后使用基于参考线来切图,...

  • coder技能-ps切图篇(基本设置)

    目标 可以获取美工的psd中的资源 可以对photoshop的基本操作有了解 提高对于设计的美感 基本设置 视图里...

  • coder技能-ps切图篇(简单工具2)

    污点修复画笔工具 用于照片图片污点处理,原理是根据周围的来取颜色素材,然后来做一个融合。 画笔修复工具 画笔修复工...

  • coder技能-ps切图篇(简单工具3)

    钢笔工具 连续点点,可以描绘曲线,点住点,按左键可以更改连线的曲线,按住alt/options三指拖动点,可以更改...

  • coder技能-ps切图篇(简单工具操作1)

    矩形选框工具 第二个option是并的关系 也就是选择区域的叠加 第三个option是非的关系 也就是第二次选择区...

  • coder技能-ps图层原理

    五环图案例了解图层 首先创建椭圆选区,并且填充前景色 ps:前景色填充快捷键是alt+delete 后景色填充式c...

  • ps技能——切图篇

    一:两种切片方法 第一种: 1.使用切片工具划分好你要切的模块2.点击'存储为web所有格式',在存储之前可以修改...

  • 17个前端切图快捷键,你知道几个?

    都说前端切图很简单,好吧, 那起码我比你快! 相对于设计,web前端切图用到的PS技能较少,在切图过程中掌握一些必...

  • 前端必备:PS切图小技能

    一、准备工作:工作区设置 1.新建图层的参数设置: 宽度一般是:1920px;颜色:RGB;背景内容:透明;可以存...

  • ps切图

    ps ps首选项设置 编辑 > 首选项 > 单位与标尺 > 把文字和标尺设置成像素单位 > 确定 放大图片:”CT...

网友评论

      本文标题:coder技能-ps切图

      本文链接:https://www.haomeiwen.com/subject/kxcsittx.html