1、从psd中获取资源
2、基本了解
3、简单的图片操作和调整
4、对自己的审美提高
一、界面设置：
1、新建设置：ctr+n;
预设：Web,大小Web(1920*1080)
背景：透明
2、移动工具设置：
右上角选择自动选择，后面选择图层。在后面选中可以移动。trl单机选中（自动选择未选）
3、视图设置
智能参考线，标尺选中。
窗口：打开信息，字符，信息右侧设置，修改单位像素，颜色RGB，文档尺寸大勾。编辑，首选项中：单位标尺修改称像素。trl左击，在信息，字符中显示一些信息。
窗口=》工作区=》新建工作区=》Web切图存储
二、photoshop基本操作：
1、简单的工具操作：
工具：像素移动，选中后会在属性菜单栏中出现相应的属性，更具属性进行设置。
选区：M选中图层，填充颜色，选中颜色，右击填充。选取属性常见的*，+，-可多选。可扩展的属性。按住shit键，成为正方形或圆，但先放鼠标，再放shit键。alt圆形，alt+shit组合成正圆。画一个选区后，增加选区按shit会默认增加选区，放开鼠标再放开快捷键，减少是alt.
套手选区：按鼠标左键走，几种选择的使用。
快速选择工具：括号是快捷键。不断地托就可以选中。
采选工具：出现一些晓得可控角，可拖动，单机对勾，其他的会去掉。
选中选区，按住ctr,单机裁剪工具，按回车可选择选区。
吸码工具：吸取颜色。
2、图层的原理：
3、参考线及其辅助：
4、传统切图：
一、切图与切片：
二、切片的基本操作及其技巧：
三、导出操作： （1）裁剪工具=》切片工具，拖动切图。导出。
（2）选中后拖动参考线会有吸附作用。选择切片，在属性栏中有基于参考线的切片，都会成为切片。不需要的右击删除。
导出：文件存储为WEB..生成一个模型，右侧导出格式图片，点击存储。
5、精准切图：
改进切图流程：利用photoshop的脚本，自动切图。
文件=》脚本=》将图层导出到文件，选择格式，三个打勾，起名字，运行。
6、自动切图：
编辑=》首选项系数=》增效工具=》启动生成打勾，确定。
文件=》生成图像资源打勾。会多一个文件夹。选中选区，修改后缀名后即可切出。
apple的rutina屏在后缀名后面“ &rx”;
可导出svg图，.svg，修改后缀名。或者：抽出资源，文件=》抽出资源，可以找到文件资源，单击抽出。
复制css:图层=》单击复制css(外部引用无法实现)在笔记本中黏贴，则会出现css样式。
图层管理：右侧类型=》名称输入会找到对应的图层。等各种属性查找对应的图层。
勤，练，做，看，想。
来源：https://www.cnblogs.com/intelwisd/p/7788444.html