Web前端Photoshop图片处理基础教程。

获取一张图片

获取一张图片的方式有很多，如一种截图，一种是页面中获取，还有一种是从专业图片网站上下载，比如千图网。

1）截图

印屏幕只需要按键盘上Print Screen SysRq Prt Sc SysRq键，然后CTRL+V键复制到已经有画布的PS软件中。当然是用QQ截图等截图工具也是可以的。

2）页面中获取图片

直接右键图片另存为（但大不多不支持），对于不支持的通常采用的是右键图片位置查看元素，即点击浏览器放大镜。然后找到图片所在的位置，学了后面的css下面的知识就会更清晰了，这是因为采用图片做了背景，而非正常的插入了图片。

Elements > Open link in a new tab

Style > Open link in a new tab

Photoshop常用快捷键

错误君总结了以下常用PS快捷键：

• 新建画布 快捷键 > Ctrl + N
• 复制 快捷键 > Ctrl + C
• 粘贴 快捷键 > Ctrl + V
• 放大 快捷键 > Ctrl + +
• 缩小 快捷键 > Ctrl – –
• 去除选框 快捷键 > Ctrl + D
• 小手拖动 快捷键 > 按住空格
• 保存 快捷键 > Alt + Shift + Ctrl +S
• 填充前景色 快捷键 > Alt + Delete
• 填充后景色 快捷键 > Ctrl + Delete
• 选区拉伸 快捷键 > Ctrl + T
• 隐藏工具栏 快捷键 > TAB
• 反选 快捷键 > Ctrl + Shift +i
• 显示切换 快捷键 > F
• 关闭当前窗 快捷键 > Ctrl + W
• 快速选区 快捷键 > W
• 信息面板 快捷键 > F8

Photoshop常用技巧

1）抠图

方法一：使用矩形选框工具，选框工具有如下几种方式：

• 新选区；
• 添加到选区；
• 从选区中减去；
• 与选区交叉。

方法二：快速选区工具

利用快速选取工具可以速度选择某个有轮廓的区域。

2）面板选项改为像素

利用信息面板查看宽、高、像素，方法如下：

• 打开一张图片；
• 选中区域；
• 按F8键。

3）去除图中某区域

构造几像素的线。方法如下：

• 选中区域；
• 填充前（后）景色。

4）背景盖住某些字体

或遮住某些logo或某一区域自由移动。

方法如下：

• 选中一块背景区域；
• Ctrl + T 后，即可随意拉伸、移动该区域。

5）对比我们做的网页和定制图是否一致

方法如下：

• 截取我们制作的网页效果；
• 复制到PS的新工作区；
• 调整定制图和新工作区的尺寸均为100%（即原始尺寸）；
• 调整在上一层的不透明度（默认100%即不透明）。

随机文章