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

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

  • 画正XX:左键 + Shlft 定中心:左键 + Alt 增加选区:Shlft + 左键 减少选区: Alt + 左键 【裁剪妙招】先勾选自动选择---选择图层---alt+单机左键选中缩略图--再点击 裁剪会自动识别区域--按下enter键将自动裁剪该图层区域
    查看全部
  • ps切图,详细
    查看全部
    0 采集 收起 来源:PS精准切图

    2016-11-01

  • 步骤:1.视图/显示/智能参考线以及视图/字符,这两个都要选上; 2.窗口/信息;窗口/字符,两个打开,其他的多余的可不需要,将前面的勾取消; 3.点击信息面板那一个小三角,打开面板选项/标尺单位:像素;两个像素模式:RGB颜色;文档尺寸选上,然后确定; 4.编辑/首选项/单位与标尺【标尺:像素;文字:像素,其他默认不用改动】 这样的做的好处:在PS里打开一个网页,随便点击哪个图片或者某个字符,就可以知道详细的信息。 5.窗口/工作区/新建工作区/名称:web切除,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。
    查看全部
  • 选择 ctrl+鼠标左键
    查看全部
  • ps:
    查看全部
  • 打开---文件---脚本---将图层导出文件[PNG24 裁剪 透明 交错]
    查看全部
    0 采集 收起 来源:PS精准切图

    2016-10-27

  • shift键加矩形选框(椭圆选框)可以显示出正方形(正圆形)的样子。 Alt键加矩形选框(椭圆选框)可以显示出是通过矩形(椭圆)中心往外边呈现的形状,确切点说就是从圆心开始划的意思。
    查看全部
  • 学习
    查看全部
  • 格式肯定是要注意的,我的做法就是,在保证质量可以的情况下,png8,,jpg选最小容量的,两者对比,对于jpg在pc端,一般不低于65%。移动端可以更低40%等等,只要图片效果看起来不差,衡量清晰度还可以,可以接受的情况下,总之就是容量能小择小,对于png24是在有阴影,透明度下的选择,(透明下,选png8具体可以看背景颜色,也就是可以配合css一起来定选择,白色背景选png8没有问题,不变动的东西有时候跟背景一起切也是可行的,总之就是容量小优先,但也要保证质量不差),个人做法仅供参考。
    查看全部
  • Ctrl+左键可以选中图层,Ctrl“+”放大,“-”缩小,“0”原尺寸
    查看全部
  • 放大缩小(ctrl+加减号)、拖动psd(空格) 一、移动工具(快捷键V) 1、ctrl选中右下角多个图层后头部菜单栏下的属性栏中上下左右居中对齐可用 二、矩形选框工具(快捷键M) 1、右键点击矩形选框工具可选择椭圆形、单行、单列选框工具,单行单列为1px 2、在属性栏中有交集并集差集选择 3、按住shift可画出正方形或圆形,先放鼠标再放shift 4、按住alt可画出以鼠标为圆心的椭圆 5、其他快捷键:轮流切换矩形选框和圆形选框(shift+M),添加到选区(shift),从选区减去(alt) 三、套索工具(快捷键L) 1、套索工具和矩形选框工具类似,只不过一个是规则图形一个是不规则图形,其他快捷键通用 四、快速选择工具(快捷键W) 1、放大缩小钢笔大小(【】) 2、删除选区(ctrl+d) 五、裁剪(快捷键C) 1、选择图层精准裁剪:ctrl+单击图层定位图层,在右下角图层中按住ctrl再点击图层的缩略图选中图层,按住c键即可裁剪 2、裁剪的规则是先选择后裁剪,选择这一步可参考上述一至四步骤,然后就可以开心的裁剪了 3、导出显影模式图片:先执行五-1步骤,按住alt单击右下角裁剪图层的眼睛,即可把其他图层隐藏
    查看全部
  • 1、窗口->库、图层、颜色去掉 2、窗口->信息、字符、历史记录、图层显示,其他关闭 3、右侧信息面板->右上角按钮->第一颜色、第二颜色、鼠标坐标分别设置为RGB、RGB、像素->状态信息勾选文档大小、文档尺寸 4、打开一张psd图->视图->标尺勾上->显示->智能参考线勾上 5、保存上述设置:窗口->工作区->新建工作区 其他: 1、按住ctrl点击右下角图层面板的某个图层可在信息面板中查看其信息
    查看全部
  • 1:和快捷键组合使用时,先放开鼠标,再放开快捷键
    查看全部
  • 1:移动某个图层,可以勾选自动选择,也可以在图层面板那里先选择。 2:调出标尺:视图——标尺。调出参考线:视图——显示——参考线。 3:窗口——工作区——新建工作区——保存工作区。
    查看全部
  • 前段开发切图-界面设置
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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