ps切图怎么切，ps切图步骤（初识CSS——PS切图）

关于【ps切图怎么切】，ps切图步骤，今天小编给您分享一下，如果对您有所帮助别忘了关注本站哦。

• 内容导航：
• 1、ps切图怎么切：初识CSS——PS切图
• 2、ps切图怎么切，ps切图步骤

1、ps切图怎么切：初识CSS——PS切图

常见的图片格式

jpg格式

文件名.jpg |文件名.jpeg。

特点：色彩信息保留较好，高清，颜色较多。

实际用处：常用于产品类图片。

gif格式

文件名.gif。

特点：最多存储256色，可以保存透明背景和动画效果。

实际用处：简单图形及字体，动态图。

png格式

文件名.png。

特点：存储形式丰富，可以保存透明背景。

实际用处：微信表情包

psd格式

文件名.psd。

是Photoshop的专用格式。

特点：可以存放图层、通道、遮罩等多种设计稿。

实际用处：可以直接从上面复制文字、获得图片、测量大小和距离。

PS切图

切图方式：图层切图、切片切图、PS插件切图等。

• 图层切图

第一步需要先选中需要的图层

鼠标单击图层就是选中，被选中的图层颜色背景颜色变浅。

选中单个图层：

鼠标选中图层后右击——快速导出为PNG——设置文件名——保存。

选中多个图层：

图层连续排列:长按shift键不动+鼠标选中所需的第一个图层+鼠标选中最后一个图层。

长按shift键选择图层

图层不连续排列，长按ctrl键不动+鼠标点选所需图层。

长按ctrl键选择图层

第二步选中需要的图层后

选择图层菜单（或直接在任意选中的图层上右击）——合并图层（Ctrl+e）——右击合并图层——快速导出为PNG——设置文件名——保存。

合并图层

导出png

• 切片切图

在左侧工具栏选中切片工具——框选所需图片——选择格式——保存——切片选择：选中的切片——保存。

左侧选项卡中第五个凹陷的小刀就是切片工具

在图层选项卡上背景图片的左侧有个小眼睛的标志，这个是代表图层的可见性，点击小眼睛就会不可见图层，背景就变成透明的。

在背景透明的情况下，使用切片工具选中想要裁切的内容

切片工具切出内容

“文件”——导出——存储为web所用格式

选择图片存储位置，在最下方切片选项那里，选择选中的切片。

选项卡最下方切片：选中的切片

jpg格式：保存的切片图带有纯色背景；

png格式：保存切片图是透明背景。

格式级别越高，图片越清晰，相对内存越大。

• PS插件切图

Cutterman：在ps中运行的插件，可以代替手工导出以及使用切片工具切图。

使用方法：首先从Cutterman官网上注册账号并下载安装包进行安装。

要求：ps必须是完整版的，绿色版本不支持。

官网网址：https://www.cutterman.cn

下载好之后，解压。双击.exe安装文件。默认安装地址，直接点击安装。

安装好之后重启PS。

选择窗口——扩展功能——Cutterman切图神器——最后注册Cutterman账号登录使用。

暂时不想使用插件切图，就不多赘述了，有需要的可自行了解。

明天开始准备使用学成在线这个案例，练练手。

2、ps切图怎么切，ps切图步骤

作为一个前端开发人员，切图是必不可少的工作，但是切图又是一件很麻烦的事情，那么现在我就根据我的使用习惯，既简单，切图速度也够快，并且也不用担心切出来的尺寸问题。

本人是使用MAC系统，不过在windows上也差不多，那下面就开始介绍PS切图的几个步骤。

第一步：选择工具栏里面带鼠标箭头的“移动工具”，然后在顶部的“自动选择”进行勾选，然后在后面的下拉框中选择“图层”

第一步

第二步：在确保第一步没问题之后，用鼠标选择对应的图层，这时在右侧的图层中就会自动选择我们鼠标点击图层出来。

本文关键词：ps切图怎么切透明，ps切图怎么切图标，Ps切图怎么切成想要的尺寸，ps切图怎么切按钮，ps切图怎么切固定比例。这就是关于《ps切图怎么切，ps切图步骤（初识CSS——PS切图）》的所有内容，希望对您能有所帮助！

本文链接：https://bk.89qw.com/a-883861