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样式。 图层管理:右侧类型=》名称输入会找到对应的图层。等各种属性查找对应的图层。 勤,练,做,看,想。