【工具】前端Photoshop

前端photoshop最多见问题：

1. 字体单位换成像素：按下ctrl+k调出首选项，选择单位与标尺，在里面把文字单位由点改成像素就好了。不过要注意的是，点是不少软件里面文字的默认单位。像素是虚拟单位，若是以它作基本单位在输出的时候可能会出问题。
2. 切雪碧图：接着魔棒或者快速选择icon图，点击裁剪，把全部的小icon图都拖拽到一个新建的透明的图层中，而后用标尺定位，回车确认裁剪，在文件-储存为web所用格式，预设PNG-24，存储便可。
3. 切海报大图：隐藏其余图层，只选择可视海报图所在的组，若是图上有文字之类的就会是一个组，隐藏组中不须要的内容。将整个组复制到新的文档，而后合并为一张图。接着魔棒或者快速选择所须要的图，点击裁剪，自动获得最合适的大小，回车确认裁剪，在文件-储存为web所用格式，预设PNG-24，存储便可。
4. 切片切图：用切片把须要的图片都裁剪出来，而后去掉背景，剪切，选择储存为web所用格式。
5. 切按钮图：按钮是渐变色没法用颜色设置的，须要保存1px宽度图片而后用平铺来完成的图，在切图时裁剪好后选择图像-画布大小-width为1便可。
6. 切多图层的图：要么合并它们拖拽到新建的透明的图层中，裁剪，保存。要么直接用裁剪保存。
7. 获取背景颜色：选择吸管工具，右击保存十六进制代码。
8. 自动选择图层：在移动工具下选择左上角自动选择-图层。ctrl+鼠标左键。
9. 仅选择一图层：按住alt而后选择其中一个眼睛。
10. 测量长度：按下F8，能够看到文字旁边的信息面板会显示宽高。
11. 复印屏幕：Print Sc SysRq，在PS中粘贴。
12. 快速切单独小图：把小图选择出来，复制，而后Ctrl+N新建，会新建出和图片同样大小的新图，而后粘贴，便可获得以前选择的小图。
13. 放大镜：快捷键ctrl++，缩小ctrl+-。双击放大镜欢迎100%。

Photoshop cc版本能用到的切图方法：

Photoshop精准切图

打开文件-脚本-图片保存到文件，而后选择格式，切图等待。。这个方法有毒，有生之年，等不到图片。

photoshop扩展知识

psd图片的自动切图方式，能够把阴影等都切进来，有须要进行学习。

切图技巧步骤1：编辑- 首选项 - 增效工具 - 使用生成器

切图技巧步骤2：文件-生成 - 图片资源【直接经过向图层或文件夹添加或删除后缀名 .png / .jpg / .svg ，自动导出或删除图片。注意：文件名还能够命名为200%文件名（x%文件名是原大小百分之x大小），jpg八、.png八、.png24....（原质量的百分之x）】

.svg格式是一种矢量图的格式，图片变成代码。

抽出资源：文件-抽出资源

 

复制css：选择-图层-复制成css样式（非智能对象），可用于本身制做的图片或文字

1.编辑——首选项ctrl+k——勾选启动生成器

2.文件——生成——勾选图像资源【文件夹.assets】

3.文件命名--200%文件名space@/文件名8（尺寸/大小）

4.图层--复制CSS sublime text2【这个技能不错】

5.图层管理