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

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

  • 宽度----1920 像素

    分辨率----72 像素/英寸

    背景内容---透明

    查看全部
  • 查看全部
  • ps
    查看全部
  • 精准切图:1.打开PSD文件

    2.文件-脚本-将所有图层导出到文件

    3.弹出的窗口中,文件类型选择PNG-24,把裁剪图层、交错、透明区域勾上,把文件名跟地址改一下

     

    查看全部
    0 采集 收起 来源:PS精准切图

    2019-08-15

  • SVG格式导出:文件-抽出资源

    复制CSS:图层-复制CSS


    查看全部
  • 编辑-首选项-增效工具-启用生成器,PS将在下一次启动时生效

    文件-生成-图像资源,同一个PSD根目录下,会生成图片文件夹

    在更改图层文件名,增加后缀.png时,会在文件夹内生成png文件 

    对于苹果的retina优化,需要导出2倍图,客队文件名如下命名

    200% button @2x.jpg

    可将文件导出成两倍图,并生成文件button @2x.jpg


    查看全部
  • 传统切图:利用手动或者参考线一键切图,然后存储为web格式

    精准切图:文件->脚本->将图层导出到文件(勾选透明区域、交错、裁切图层)

    查看全部
    2 采集 收起 来源:PS精准切图

    2019-08-11

  • Alt+V+E:新建参考线

    Ctrl+; 关闭/开启参考线显示;



    查看全部
  • 污点修复画笔工具(J):从点击周围来取素材再做一个融合,抹掉不需要的地方

    修复画笔工具(J):选中一个点、按住alt键、找地方扫描出来;复用某个地方的文字或图片

    修补工具(J):描选好选区,然后左键移动填补地方,填充左键移动到的地方

    内容感知移动工具和红眼工具(J):更多用于修图片

    画笔工具(B):可调整画笔硬度和大小

    铅笔工具(B):线条细且硬,也可调整画笔硬度和大小

    仿制图章工具(S):在要仿制图层中间点住,然后按住鼠标左键涂画

    图案图章工具(S):在属性栏中选择图案

    历史记录画笔工具(Y): 【面部祛斑】首先打开有斑纹的人像图片,选滤镜-高斯模糊,直到斑点完全看不到(这里我设置的是8.0),然后在历史记录里面找到最后一步,在这个步骤的前面点出画笔 然后点击历史记录的原图,点击画笔开始涂抹即可。

     

    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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