前端基础应用ps

右键下图-----》界面选项-----》单位与标尺------》将标尺改为像素

快捷键：

ctrl+R:标尺出现，Ctrl+R:标尺隐藏

ctrl+D:可以去掉选中的框

Alt+滚轮：放大图片

ctrl+1:将图片恢复到100%

ctrl+0:将图片调至适应屏幕的大小

选好框后，可以点击F8,就可以显示W和H；或者点击感叹号的标志，也可以显示。

取色器：

截取图片：

截取好后----》图像---》裁剪-----》文件-------》存储为web所用格式 

在下图返回历史

 

选中图层（想要更好的截取选中）：

点击你需要的图，就会自动跳转到那个图层。

如果选中了，点眼睛，那个图层就会消失。再次点击就会重新出现，只有选中了，移动蓝色标尺时，才可以像有吸铁石那样的力停在边界处，不然自己截取的话，很容易有误差。

如果想抠图，不要背景，比如这里，logo的背景也是图层。

选中移动工具，选中背景白色，自动跳转到背景图层，把小眼睛去掉，那么背景就消失了，则再保存就好了。

ps切图工具

缓存盘路径更改：

编辑--》首选项---》性能--》把暂存盘设置为除了c盘的其他盘

默认单位的修改：

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

 

新建空白图层

photoshop预设

点击视图----》打开标尺工具

 点击窗口----》打开段落

点击窗口---》打开图层

点击窗口---》打开信息工具

常用使用方法：

alt+滚轮 :缩放图片

图层面板的使用

点击右侧的眼睛，可以把不需要的内容隐藏掉。

想让字体显示在logo的上面，可以交换图层的顺序

借助辅助线辅助切图

使用拖拽工具，然后根据标尺拖拉

使用裁剪工具裁切

裁切logo等，文件---》新建--->透明背景的图层；裁切好后，点击拖拽工具，移动至新建的图层，即可成功

然后点击图像中的裁切，基于透明像素的意思是指：选中图像中有颜色的区域，其余部分被裁切掉。

这样logo就被切出来了

不需要的辅助线可以拖拽至原始位置。

撤销刚才的动作：ctrl+alt+z

裁切详解

选中文字

如果报错，没有相应字体，则：

切片工具，可以一次性选中多个区域：

我选择了这三个地方

一键生成

文件---》存储为web所用格式

切图实战

吸取背景颜色

雪碧图：将很多的小图标集合到一张图标上去。这样在网页加载的时候，加载一张图片就可以了

用ctrl+e：合并图层。或者直接用裁切工具裁切就可以了

裁切好后--》点击enter即可---》然后存储为web使用格式

撤销裁切的方法：

点击拖拽工具，不裁剪，在ctrl+alt+z 即可恢复

切图的优化：

 1、颜色代替图片

2、雪碧图的制作

3、字体图标的使用

ps快捷键：

1、操作类快捷键：

删除图层：delete

合并图层：ctrl+e

2、工具类快捷键：

移动：v     裁切：c

切图辅助：

1、Markman

2、TinyPNG

3、前端自动化