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

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

  • Ctrl+分号,隐藏参考线
    查看全部
  • 本节的视频可以反复的学习实践,对切图有一定的提高。svg切图等等
    查看全部
  • 标尺文字设置:编辑-首选项
    查看全部
  • 面板设置
    查看全部
  • 新建设置
    查看全部
  • 修复画笔工具J和仿制图章工具S的区别在于仿制图像后的最后释放效果,修复画笔工具最后释放后,会给复制出来的区域一个羽化边缘的效果,能更好的融合到底层中。而仿制图章工具的边缘是有硬度的,复制出一模一样的效果,不会羽化边缘。
    查看全部
  • 污点修复画笔工具J(切换shift+J),可把小范围要修复的区域修复成其周围的色值,其实采用的是融合的效果。污点修复画笔工具、修复画笔工具、修补工具、内容感知移动工具、红眼工具等效果。
    查看全部
  • 信息面板初始设置,注意勾选文档尺寸。保留信息、字符、图层、历史记录面板。
    查看全部
  • 永远记住,勤、练、做、看、想,没有任何诀窍。
    查看全部
  • Photoshop精准切图             1.利用脚本,自动切图,计算             2.文件——>脚本——>将图层导出到文件(Alt+F+E)—>png24,勾选透明,交错和裁剪——>运行             3.比如说要做一个gif动画,如果是ps导出,半透明效果出不来,我们用ps导出一个一个png序列帧,由于命名是很顺的,我们可以在脚本当中引入堆栈,那是非常炫的一个功能1、有阴影会保留下来。2、命名刚好是图层的名字,如果做网页设计把每个图层命名使用网页中合法的命名,就可以不需要导出后再调整名称。
    查看全部
    0 采集 收起 来源:PS精准切图

    2016-09-07

  • Photoshop传统切图            1.裁剪工具下的切片工具              灰色:被动切片,白色:主动切片            2.切图选择工具:属性面板有隐藏和显示自动切片,显示后能看到灰色的自动切片,利用切片选择工具来进行一些调试            3.传统切图方式:将需要的图片一个个都切上            4.简单切图方式:使用参考线,参考线就是在左面或上面的标尺上拖下来就是一根参考线,根据自己需要的图片,使用参考线将它框起来!            5.切片工具+属性栏中基于参考线的切片!            6.不需要的切片右击将其删除!            7.分开切,将每一部分裁剪使相互部分间不受影响,再进行切片。            8.切好后导出:文件——>存储为Web所用格式(alt+shif +ctrl + s)——>png-24
    查看全部
    0 采集 收起 来源:PS传统切图

    2016-09-07

  • 网页常用宽1920,实际内容宽1200 左右留空360 单位px alt + V + E :新建参考线 alt + V + E + H :新建水平参考线 alt + V + E + V :新建垂直参考线 选定图层后移动参考线,参考线会自动靠到图层的边缘上。 ctrl + ; :隐藏参考线
    查看全部
  • 移动工具设置,自动选择。 1、勾选自动选择,选择图层,那么点击文件中的某块区域,右侧自动定位到相应图层。 2、不勾选自动选择,选择图层,那么ctrl+点击文件中的某块区域,右侧也能自动定位到该图层 设置界面,构建一个web切图工作区: 一、视图设置: 1、视图--》标尺 (选中) 2、选中视图--》显示--》智能参考线 (选中) 二、窗口设置: 1、只留信息、字符、图层、历史记录,其他的都关闭 2、点击信息面板右边的“设置”,选中“面板选项”,把单位改成像素,颜色都选RGB颜色,勾上文档尺寸 三、编辑--》首选项--》单位与标尺 (把标尺和文字的单位都改成像素) 四、窗口--》工作区--》新建工作区(快捷键、菜单都可以选上) 五、当选择了基本功能区并复位了,你只需要再选中你创建的“web-切图”就可以切换回来。
    查看全部
  • 信息面板:坐标改为像素,颜色改为RGB
    查看全部
  • 面板选择:图层、历史记录、信息、字符
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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