美文网首页视觉艺术
二十一、PS切图

二十一、PS切图

作者: honest涛 | 来源:发表于2021-02-24 23:03 被阅读0次

一、切图

1.1、常见的图片格式

1.jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色较多,我们\color{red}{产品类的图片经常用jpg格式的}
2.gif图像格式:GIF格式最多只能存储256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果,\color{red}{实际经常用于一些图片小动画效果}
3.png图像格式是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景,\color{red}{如果想要切成背景透明的图片,请选择png格式}
4.PSD图像格式PSD格式是Photoshop的专员格式,里面可以存放图层、通道、遮罩等多种设计稿,\color{red}{对我们前端人员来说,最大的优点,我们可以直接从上面复制文字,获取图片,还可以测量大小和距离}
PS有很多的切图方式:图层切图、切片切图、\color{red}{PS插件切图}

1.2、图层切图

最简单的切图方式,右击图层--->快速导出为PNG
但是很多情况下,我们需要合并图层再导出:
1.选中需要的图层:图层菜单--->合并图层(ctrl+e)

2.右击--->快速导出为PNG image.png

1.3、切片切图

1.3.1、利用切片选择图片

  • 利用切片工具手动划出

1.3.2、导出选中的图片

文件菜单--->导出--->存储为web设备所用格式--->选择我们要的图片格式--->存储

1.4、PS插件切图

\color{red}{Cutterman}是一款运行再\color{red}{Photoshop}中的插件,能够自动将你需要的图层进行输出,以替代传统的手工"导出web所用格式"以及使用切片工具进行挨个切图的繁琐流程。

image.png
官网:https://www.cutterman.cn/zh/cutterman
\color{red}{注意:Cutterman插件要求你的PS必须是完整版,不能是绿色版,所以大家需要按照完整版本。}

相关文章

  • 二十一、PS切图

    一、切图 1.1、常见的图片格式 1.jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色较多,我们...

  • ps切图

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

  • ps切图

    按住ctrl鼠标左击图片上元素,右侧会高亮元素对应的图层 在图层上按住鼠标左键不放能拖动该图层到指定位置 多个图层...

  • ps切图

    1)清除参考线--- 视图->清除参考线 2)切图-----------图层->基于图层的切片1,使用切片工具Pa...

  • ps 切图

    本文以 PS CC 2015 为例 旨在熟悉简单的切图步骤,更为巧妙的切图技巧--请自行Google 搜索慕课网上...

  • PS切图

    ​ 因为网页美工大部分效果图都是利用 PS(Photoshop)来做的,所以以后我们大部分切图工作都是...

  • PS切图

    常用知识点 网页常用尺寸:1920px*1080px 快速使用工具栏工具的快捷键:先按Alt,菜单栏下部会出现短横...

  • PS切图

    除了用切片工具一个一个框起要切的部分进行分割,还可以使用参考线,使用参考线划分之后,会出现这样的按键 点击这个基于...

  • PS 切图

    一、安装和基本设置(二)界面设置: 视图:显现>智能参考线、标尺 窗口:设置四大常用选项卡:信息、字符、图层、历史...

  • ps切图

    切图 1、找到切片工具 2、导入psd后,找到要切的图片 把其他一些图片点掉,留下你要切的那个图层 3、保存 保存...

网友评论

    本文标题:二十一、PS切图

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