前端需要了解的PS相关操作

目录

1，ps的认识

2，新建文件

3，图层：上面的覆盖下面的        

4，矩形选框工具

5，前景色和后景色

6，吸管工具

7，移动工具

8，返回上一步 ctrl+z

9，放大镜和抓手工具

10，图片的格式

11，切图切片（重点）

12，cutterman的使用

---

1，ps的认识

        ps：Photoshop，一款图形处理软件

        ps界面回到原始布局：

                窗口-工作区-复位基本功能

        ps源文件格式.psd为后缀

2，新建文件

         文件-新建（ctrl+N）

         标准网页尺寸：1920*1080像素（px）

         打印分辨率300 其余72

3，图层：上面的覆盖下面的        

         图层—新建图层（ctrl+shift+n）

         图层的点选（ctrl+点击选中）和连选（shift+鼠标点击起点和终点）

         图层打开：文件-打开（ctrl+o）

4，矩形选框工具

         作用：画矩形 测量尺寸

         画图：正方形（按住shift）

         修改单位为像素：编辑-首选项-单位与标尺-修改单位为像素

5，前景色和后景色

         填充前景色 alt+del

         填充后景色 ctrl+del

6，吸管工具

         选中吸管工具 吸取颜色 得到颜色的十六进制数字

7，移动工具

         作用：移动图层

                    复制图层：alt+鼠标拖动

8，返回上一步 ctrl+z

     无限返回上一步 ctrl+alt+z

     取消选框工具的选中效果  ctrl+d

     放缩工具  ctrl+t(应用改变，按enter)

9，放大镜和抓手工具

      抓手工具：移动文件整体图层（空格键+鼠标拖动）

      放大镜工具：放大缩小页面（alt+鼠标滚轮滚动）

10，图片的格式

       gif：动图

       svg:矢量图，放大不会失真

       jpeg/jpg:常见的图片格式，可以改变图片的压缩级别。填充白色背景色

       png:带透明背景的图片

       一般选择jpg格式，当实现带圆角的按钮，或者小图标之类的保存png

11，切图切片（重点）

       1.切jpg格式

        切片工具

        保存（ctrl+shift+alt+s）-选择保存格式为jpg

        2，切PNG格式的图片

        切片工具

        隐藏不相关的图层（快速定位图层：移动工具状态alt+鼠标单击右键）

        切图

        保存（ctrl+shift+alt+s）-选择保存格式为png

        选择所有用户切片

12，cutterman的使用

        安装插件后-窗口-扩展功能-找到

        如果要正常使用cutterman，需要在之前保存切片的时候，保存所有切片