关于web前端的ps基础

ps 视频

安装ps

1.下载安装包
2.点击运行,选择安装位置。
3.完成运行。

ps界面调整及创建画布

  ps界面分为菜单栏工具栏和工具信息面板栏

工具信息面板栏

窗口>
建议信息字符放在一起历史记录给他展开

如何创建画布

文件>新建> ctrl+n
注意分辨率,颜色模式不需要调整,背景内容根据自己喜好来设置
打开设计好的页面 文件>打开>选择想要打开的文件 ctrl +o

常用工具-文字,移动

1.文字工具 在这里插入图片描述要来个文字吗?

  • 可以用于往页面中添加文字,结合字符面板,可以更好的美化文字哦
    ** 添加的文字会新建一个图层
  • 如果想要修改文字 点击文字工具然后把鼠标移到想要更改文字的上方

2.移动工具 在这里插入图片描述 有本事你过来啊

  • 可以用于移动页面中的元素
    ** 额外需要注意一下,只可以移动选中的图层上面的内容哦,千万不要移错啦~
    移动工具可以在上面菜单栏勾选自动选择就可易自动选择移动的图层了 并调成图层为单位的移动
    这个时候图层是锁定的所以如果要想移动图层就要先解锁图层,双击试试!!!

    3.选区工具 在这里插入图片描述不管你

  • 可以用于测量页面中的元素大小,结合信息面板看起来更方便

  • 也可以用于选中页面中的区域,复制出一个新的图层

  • 设置单位为像素的步骤 编辑>首选项>单位与标尺>标尺与文字都改成像素>确定

  • 怎样截屏 prt sc sys rQ回到ps 新建一个页面,ps会自动为你创建一个适合你截屏图像宽高的画布只需要点确定就可以了!!ctrl +v 复制上去

  • 如何移动选区框 鼠标移动到选区框上按住空格和鼠标左键就可以移动了 调整到适合的位置松开空格键就可以调整选区大小

  • 如何抠图?选区工具框选住要扣的图片ctrl+c新建一个图层ctrl+v

4.裁剪工具 在这里插入图片描述

  • 裁剪页面中的元素大小
    -改变图像大小还可以用 图像>图像大小
    -往外拉可以把画布扩展
  • 设置画布大小 图像> 画布大小
    5.取色工具 在这里插入图片描述
  • 获取画布中元素的颜色
  • 点一下取色器然后下面面板中就会出现一个双层颜色的小图标点击那个小图标就可以得到一个这样的东西
  • 在这里插入图片描述

6.画笔工具 在这里插入图片描述

  • 往画布上面写写画画

7.橡皮擦工具 在这里插入图片描述

  • 把画布上看着不顺眼的通通擦掉
  • 上边左边的位置可以调整橡皮擦的大小
    在这里插入图片描述

8.油漆桶工具在这里插入图片描述

  • 给画布填充颜色
    9.抓手工具在这里插入图片描述抓着你就走
  • 拖拽画布,放大的时候特别好用
    • 移动工具会导致画布上面的元素被拖动,想要移动画布就要用抓手工具
  • 快捷方式 空格+鼠标

10.放大镜工具在这里插入图片描述

  • 放大画布,或者缩小画布,测量的时候数据更加精确
  • 快捷方式 alt+鼠标滚轮

11.参考线

  • 菜单栏>视图>标尺 快捷键 CTRL+ R
  • 改变参考线的颜色 编辑>首选项>单位与标尺>参考线
  • 矩形选框会被参考吸附所以得到的数据会很精确
  • 删除参考线 点击移动工具
  • 快速删除多条参考线 菜单栏>视图>清除参考线
  • 小技巧!! 选框工具贴边拉参考线就不会出现半个像素的情况了

图片常用保存格式

  • jpg 常用保存格式
  • png logo保存形式
  • psd 需要保留图层信息保存形式