为了账号安全,请及时绑定邮箱和手机立即绑定

前端工程师必备的PS技能——切图篇

  • 污点修复画笔工具(J):从点击周围来取素材再做一个融合<br> 修复画笔工具:ctrl+右键,取素材,鼠标放开画出的内容,有羽化效果(复用某个地方的素材)<br> 修补工具:将修补区域圈起来,按住鼠标左键拖动,放开后,放开区域回合圈的区域融合可以盖掉涂抹工具<br> ---<br> 画笔工具(B):可以通过属性面板调节硬度来实现画出来的轮廓的模糊程度<br> 铅笔工具:画出的效果带毛边,硬度调到最小,画出的依然比较生硬<br> ---<br> 防制图章工具(S):取到的素材,什么样子画出来就是什么样子;与修复画笔不同的是,修复画笔松开左键会羽化图片边缘<br> 图案图章工具:sp库中存在的图案<br> --<br> 历史记录画笔工具(Y):打开历史记录面板,将历史记录画笔放在前面的方框内,点回原图,这时,画笔就带有历史记录,可以在原图上进行局部处理。<br> --<br> 橡皮擦工具(E):设置背景颜色后,使用橡皮擦,擦过的地方会被背景颜色填充。<br> 背景橡皮擦工具:会将图片直接擦掉,露出背景图层。<br> 魔术橡皮擦工具:颜色相同区域,会被直接擦掉,露出背景图层。<br> --<br> 渐变工具(G):设置前景色和背景色后,在图层上拉动,会出现渐变效果,属性面板上有各种渐变方式。<br> 油漆桶工具<br> --<br> 模糊工具<br> 锐化工具:内容会变得干燥<br> 涂抹工具:类似画板上画完画,用手抹一下,比如加长睫毛<br> 污点修复画笔工具:照片处理,抹掉不需要的地方 修复画笔工具:复用某个地方的文字或图片 修补工具:选中要抹掉的区域,按住鼠标左键,拖至要填补成的区域,可以融合图片盖掉涂抹区域 画笔工具:可调整画笔硬度和大小 铅笔工具:线条细且硬,也可调整画笔硬度和大小 -- 减淡工具(O):使脸部皮肤变白 加深工具 海绵工具
    查看全部
  • ps界面中有菜单栏、属性栏、工具栏、面板、工作区。 移动工具快捷键(v) 选框工具快捷键(m),按shift(画正圆),按alt+shirt(以中心画正圆),按shift+m为选框工具的切换。 放大快捷键ctrl++,缩小ctrl+- 快速选择工具画笔的放大缩小可以按"[""]"这两个括号来调整。 裁剪文字时,按住alt单击眼睛,隐藏背景,也就是显影模式,可以用来导出png图片! 盖印图层的概念:快捷键Ctrl + Alt + Shift + E,新建一个图层,包含所有图层的内容。 alt键可以确定圆心在哪里。 shift可以让圆成为正圆 小技巧 1.当按住ctrl+右键,选中一个图层时,点击裁剪工具,它会自动框住选中区域,按enter进入裁剪区,再按enter裁剪成功 2.当使用选区工具,选中一个不规则选区时,按下裁剪工具,会围绕选区,选出一个最小的矩形。 3.ctrl+左键点图层缩略图,给图层加选区。
    查看全部
  • 界面设置: ctrl+N(新建) 预设:自定义 宽度:1920 高度:2000 分辨率:72像素(比较流行) 背景内容:透明(注意) ----------- 移动工具设置:快捷键V——上方属性栏,自动选择不要勾选,勾选图层。当想选中一个图层时,按住ctrl+左键,就会选中此图层,并可以拖拽 ----------- 视图设置:上方菜单栏-视图-显示-智能参考线(切图会提供很大帮助) 打开标尺:上方菜单栏-视图-标尺(也可以ctrl+r) 窗口设置:不需要的统统关闭;库、颜色、右侧的:通道、路径等关闭,只留四大面板在右面信息和字符(放上面),图层和历史记录(放下面) 信息设置:单击信息右侧的设置-面板选项:第一第二颜色模式:RGB;标尺单位:像素;文档尺寸勾选 ----------- 编辑设置:菜单栏-编辑-首选项-单位与标尺,将标尺和文字都改为像素 小经验: 选中一个图层:右下角图层位置,ctrl+点击,在图片中形成一个选区,并且选区的信息会出现在面板中;如果选中字的话,字体信息也会显示在面板上。 建议:窗口-工作区-新建工作区:取名。勾选两个选项:此方法可以保存之前的设置信息,以免,软件设置复位基本功能后,找不回之前的设置。
    查看全部
  • 四个目标: 1、能够自己使用photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源。 2、对photoshop操作有一个基本了解。 3、可以做一些简单的图片处理和调整。 4、提供啊自己的审美及其美感的培养。
    查看全部
  • shift 椭圆=圆
    查看全部
  • 载入选区
    查看全部
  • 先放开鼠标,再放开 shift 的键,才能画出正/规则的形状!
    查看全部
  • shift+某种形状 = = = 正/规则的某种形状
    查看全部
  • 选区属性栏: 同时显示多个选区;
    查看全部
  • 选区工具: 新建图层,在选区中,填充前景色
    查看全部
  • ctrl+点选多个元素: 多个元素成组操作
    查看全部
  • 像素移动: 所选的元素本事移动
    查看全部
  • 选取不同的工具: 属性菜单栏会自动变化!
    查看全部
  • PS 基本操作
    查看全部
  • 保存-自定义的PS工作区: PS-切图
    查看全部

举报

0/150
提交
取消
课程须知
本课程适合对Photoshop有简单了解,希望学习前端开发切图方法的用户。
老师告诉你能学到什么?
使用Photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源,并进行简单的调整和处理。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!