错误博客( cuowu.com )发布于 2019-06-04 19:07:42

PS图片处理基础

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%即不透明)。

2020年错误博客亲测项目系列

错误教程( cuowu.com )专注网推培训、SEO培训和网赚培训,微信/电话:13722793092

关注微信公众号:第一时间获得错误博客最新教程,让我们一起成长!

公众号二维码