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

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

如果你想一次把它全部切完 我还是那句话 祝你幸福吧!!!!!!
文件/脚本/将图层导出到文件/PNG24下的选项全勾住,然后单击运行。这样计算机可以自动计算,然后自动剪切,尺寸更准确。
传统的快速切片方式:先将图片根据不同的区块裁剪出来(为了便于参考线不太混乱),然后再拖动参考线去将图片进行一个大概的标块,标块之后在软件上方选择【将参考线转化为切片】这样的选项即可完成大致的切图,之后我们可以在不需要细致的切图区右击选择【删除切片】将不需要的切片删掉合并,最后一步到【文件】-【存储为WEB格式】,保存为PNG-24格式
给老师点个赞~\(≧▽≦)/~
小技巧:人物图片的处理
1.历史记录画笔工具:可以用于抹掉脸上的斑点,痘印;
2.涂抹工具:可以用于加长睫毛;
3.减淡工具:可以使脸部皮肤变白;
4.自由变换(Ctrl+t):可以增高鼻梁
谢谢老师的讲解,辛苦了!
小技巧的运用:用选区工具选择某部分内容,然后单击裁剪工具,这样所选择的内容就已经被裁剪好了,再按下回车键就可以!如果想要更精细的选区,上面部分完成后,单独对所选的内容进行修改,除了上面老师所讲的,还有一种办法就是:如果所需要的内容比较复杂,颜色较样式多,就可以用魔棒工具选择颜色单一且占据比例较大的那个,然后再在属性栏那里点击反向,就可以把所需要的内容选下来,再对其进行颜色填充对各种修改。
老师辛苦了!
步骤:1.视图/显示/智能参考线以及视图/字符,这两个都要选上;
2.窗口/信息;窗口/字符,两个打开,其他的多余的可不需要,将前面的勾取消;
3.点击信息面板那一个小三角,打开面板选项/标尺单位:像素;两个像素模式:RGB颜色;文档尺寸选上,然后确定;
4.编辑/首选项/单位与标尺【标尺:像素;文字:像素,其他默认不用改动】
这样的做的好处:在PS里打开一个网页,随便点击哪个图片或者某个字符,就可以知道详细的信息。
5.窗口/工作区/新建工作区/名称:web切除,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。
讲的真的很棒,有很多不知道的东西,都是通过这个理解的了,pscc 好强大!
恩恩,不错,该涨工资了
无法完成此操作。没有用户切片。
我用的也是cs6,好多东西找不到,因为我是新手
老师讲的很不错啊,说话也很幽默,希望继续出课程啦啦
勤,练,做,看,想
看着有点累..需要课后不断练习
谢谢老师的讲解!老师,请问命名后缀名之后要怎么才能找到图像所在文件夹,我找不到呢?
课程须知
本课程适合对Photoshop有简单了解,希望学习前端开发切图方法的用户。
老师告诉你能学到什么?
使用Photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源,并进行简单的调整和处理。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消