码迷,mamicode.com
首页 > 其他好文 > 详细

PS 切图、抠图

时间:2018-05-11 23:31:56      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:medium   git   alt   图片   comment   情况   去除   透明   audio   

PS切图
https://www.cnblogs.com/xiongmanli/p/6079172.html

https://tech.youzan.com/cut-boy/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

切图

  • 内容性图片 指的是图片在页面是作为内容存在,如页面中的海报。
  • 修饰性图片 指的是图片在页面中起修饰作用,如页面中的背景和图标。

修饰性图标和内容性图片需要(在 HTML 的 <img> 之中,只需站位不需切图)切出。切出的内容性图片应保存为 *.jpg 格式,而修饰性图片因保存为 png24(IE6 不支持半透明,Alpha 透明) 或 png8 它们均支持全透明。

+

 

隐藏文字,方法一,直接在图层中隐藏文字图层。方法二(两种,分别应对于纯色和有背景需要隐藏文本的情况)如下图所示,使用自由变换。

技术分享图片

 

PNG24切图方法

  • 移动工具选中所需图层(Ctrl 多选)
  • 右键合并图层(Ctrl + E
  • 复制到新图层

PNG8带背景切图方法

  • 合并可见图层(Shift + Ctrl + E
  • 矩形选框选择内容
  • 魔棒工具去除多余部分(Alt + 选取)

可平铺背景的切图方法

  • 用矩形选择一个区域
  • 复制至新图层

NOTE: X 轴平铺需要占满图片的宽,Y 轴平铺需要占满图片的高。

切片工具(大图化小的方法,将一大图分为多小图)

  • 拉参考线
  • 选择切片工具
  • 点击 “基于参考线的切片” 按钮
  • 选择切片选择工具
  • 保存于新图层
  • 如何开始切图

    第一步:去掉所有文字,只留背景

    打开视觉稿后,用上面说过的方法去掉所有的文字,只留背景和图片(记得备份一下PSD文件)。

PS 切图、抠图

标签:medium   git   alt   图片   comment   情况   去除   透明   audio   

原文地址:https://www.cnblogs.com/bluestorm/p/9026576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!