前端常用ps设置及插件安装

 

一、界面设置：

1.新建设置：一般网页的宽1920

2.移动工具的设置：

选择时设为：图层    按ctrl点击鼠标

3.视图设置：标尺线显示

视图 - 标尺

显示 - 智能参考线

4.窗口设置 打开窗口：选中图层、历史记录、信息（面板选项）、字符

5.更改编辑---首选项 --单位标尺

可以设置一下暂存盘，防止内存使用过度

6.窗口：工作区--新建工作区 名称：web切图保存

7.使用

圆心的固定alt、正圆shift

shift+m为选取：shift默认增加选区、alt减少选取

在缩略图上ctrl点击选中

alt+眼睛只保留此图层可视

关闭参考线ctrl+;

切片：文件----存储为web所用格式---png-24存储

8.精准切图：

文件----脚本---将图层导出到文件

9.文件夹图片导出：

（1）编辑---首选项---增效工具：启用生成器

（2）文件---生成---图像资源

文件夹重命名.png/.jpg/.svg

10.复制设计样式：图层----复制css

二、插件安装

1.切图插件安装：下载插件Cutterman（此方式为当前我拥有的插件安装方式）

第一次安装（之前没安装过Cutterman）
1. 打开PS
2. 菜单栏  文件-》脚本-》浏览，选择当前目录下的“第一次安装.jsx”文件
3. 在弹出的警告款点击OK，开始安装
4. 安装完成后，重启PS。在菜单栏  窗口 -》 扩展里头找到cutterman即可启动

卸载安装（之前安装过旧版本的cutterman）
1. 打开PS
2. 菜单栏  文件-》脚本-》浏览，选择当前目录下的“卸载安装.jsx”文件
3. 接着会自动打开一个文件夹，手动删除里面的Cutterman目录（如果提示无法删除，是因为当前PS正在使用，请退出PS再删除）
4. 然后把当前安装包目录下的cutterman整个手动拷贝过去
5. 重启PS，即可使用

 2.蓝湖插件安装

1.版本要求
Photoshop版本要求为cc2015以上。

2.自动安装
解压完成后
windows系统用户双击.exe文件开始自动安装
mac系统用户双击macOS开头的应用程序开始自动安装

3.手动安装 

      MacOs：（ Finder 界面按 comd + shift + G  搜索路径）

      /Library/Application Support/Adobe/CEP/extensions


   Windows：

   C:\Program Files (x86)\Common Files\Adobe\CEP\extensions

   复制 “com.lanhuapp.ps” 文件夹到以上目录内即可手动安装。

4.重启Photoshop
     插件位置在窗口--扩展功能--蓝湖

5.常见问题：
 Q：为什么我的 Ps 扩展功能灰色不可点击？
A：1.首选项---增效工具---载入扩展面板
      2.部分绿色版 Ps 不支持，建议重新安装 Ps 软件。