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

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

  • 1.新建 ctrl+n 2.网页设计 固定宽度,而高度是不确定的 3.移动工具 无论你选择什么工具,你按V就是回到箭头。 4.选择的界面设置 ctrl会直接定位到图层 自动选择不勾选,后面选图层 5.视图设置 视图--->显示--->智能参考线 视图--->标尺 6.把不需要的窗口关闭 窗口-->颜色,库+路径,通道关闭 只需要图层,将历史记录拉过来 窗口-->信息+字符 拉出来 信息-->面板选项--->第一+二RGB/像素/文档尺寸 编辑--->首选项--->单位与标尺--->像素 最后将这些设置保存 窗口--->工作区--->新建工作区--->保存
    查看全部
  • shift和alt键在选区和套锁中的功能是通用的
    查看全部
  • 使用选区工具时,用shift和alt键的配合,可以得到正方形或者正圆的选区,注意按键与鼠标左键点击的先后顺序
    查看全部
  • 界面设置好之后,应该进行保存,即在窗口处新建属于自己设置的界面,这样当不小心进行界面恢复之后可以重回自己的设置的界面
    查看全部
  • 自动选中图层需要关闭自动选择,把选择类型设置为图层,按住ctrl键,在用鼠标点击要移动的位置,就会自动定位到相应的图层
    查看全部
  • 1.将界面设置保存为新建工作区web切图,方便以后调用<br> 2.首选项,所有的单位改成像素<br> 3.分辨率72,背景内容透明<br> 4.在做图时……视图……勾选……标尺……智能参考线 5.界面设置 ctrl+N(新建) 预设:自定义 宽度:1920 高度:2000 分辨率:72像素(比较流行) 背景内容:透明(注意) ----------- 移动工具设置:快捷键V——上方属性栏,自动选择不要勾选,冒号后,选中图层。当,想选中一个图层时,按住ctrl+左键,就会选中此图层,并可以拖拽 ----------- 视图设置:上方菜单栏-视图-显示-智能参考线(切图会提供很大帮助) 打开标尺:上方菜单栏-视图-标尺(也可以ctrl+r) 窗口设置:不需要的统统关闭;库、颜色、右侧的:通道、路径等关闭,只留四大面板在右面信息和字符(放上面),图层和历史记录(放下面) 信息设置:单击信息右侧的设置-面板选项:第一第二颜色模式:RGB;标尺单位:像素;文档尺寸勾选 ----------- 编辑设置:菜单栏-编辑-首选项-单位与标尺,将标尺和文字都改为像素 小经验: 选中一个图层:右下角图层位置,ctrl+点击,在图片中形成一个选区,并且选区的信息会出现在面板中;如果选中字的话,字体信息也会显示在面板上。 建议:窗口-工作区-新建工作区:取名,并勾选两个选项:此方法可以保存之前的设置信息,以免,软件设置复位基本功能后,找不回之前的设置。
    查看全部
  • Ctrul+; 隐藏参考线
    查看全部
  • 按Alt+相应字母。 会选中相应的菜单
    查看全部
  • 裁剪时按住Alt,以物体为中心进行裁剪
    查看全部
  • 前景色填充:ALT+Del。 背景色填充:Ctrul+Del
    查看全部
  • 看到2:10
    查看全部
  • 网页中的PS图片大小一般为1930*
    查看全部
  • 网页宽度一般设置为1920px,高度随意,分辨率常用为72px/feets,重点注意背景内容是透明色。
    查看全部
  • 选中图层后,选用裁剪工具并按住ctr键隐藏选中的图层,可以将选中的图片背景变成透明状。
    查看全部
  • 信息 字符 图层 历史记录 四大区必须要有的
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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