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

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

  • Ps 设置初始化。72分辨率透明背景。移动工具的设置。 智能参考线及标尺。 四大面板。图层 历史记录 信息 字体不要段落
    查看全部
  • 一,新建文件 ctrl+N 1.预设自定义, 宽度,1920 分辨率:72 rgb 8位。 背景内容,透明。 二,界面设置 1,在选择工具上面,有两个小箭头,可以控制工具栏的单双排。 2,在切图的时候,如何选择你需要的图层和内容? 选择工具,头部设置属性中,自动选择可勾选,也可不选。但是。 旁边的一定将组,改为图层。然后,将鼠标移至你想要的内容上面。 按住CTRL,单击。即可自动选中你要的内容了。 注意,如果勾选了自动选择,就不用按CTRL。 三,视图的设置。 1,调出,视图,显示里 智能参考线。和标尺(ctrl+R)。 2,在窗口选项里,关闭你不需要的,通道,路径, 颜色等窗口。然后,调出你需要的,图层,历史记录, 信息和字符。 3,信息的面板设置,里将颜色模式都改为RGB模式。 单位改为像素,将文档大小勾选上,文档尺寸勾选上。 4,在编辑里面,有个首选项。然后,选择单位与标尺 将单位都改为像素。打印的不管,屏幕分辨率保持72 5.保存界面设置,在窗口里,选择工作区,新建工作 区,然后把该选的都选上。改名,WEB切图。保存。 这样当你的工作去不小心恢复了默认设置后,你可以 在窗口里方便的回到你的设置。 四,基本的一些操作 1.选中图层,就是在那个图层上操作。选区,有4个选择,新选区,增加,删除,合并。 按住shift键,可以变成正圆和正方形/先放开鼠标左键再放开shift。 2,按住ALT键,可以定住圆心。 3,按住shift/键,可以增加选区。按住alt可以减少选区。 4,按住,shift 再,按对应的快捷键/可以轮流变换工具。 5,选区的快捷键是M 6,选中图层,然后,裁剪。再按住ALT键,点击图层 的眼睛,这样可以关闭其他图层。这样就可以保留图层 的PNG.透明图。 7,打开图片。选择高斯模糊,模糊到看不到斑点。然后, 将历史记录画笔放到高斯模糊前。如何再历史面板里回到 最开始,然后用历史记录画笔在图片上涂抹。 8.钢笔工具,按住alt可以,调整弧度。 按住H键,可以快速放大缩小。 9,alt加delete键可以填充前景色。 ctrl加delete 键可以填充背景色。
    查看全部
  • 还不错,作为一个用了很久的PSer,在关于前端的使用上,有收获。
    查看全部
  • 学习目标: 1、能够自己使用photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源。 2、对photoshop操作有一个基本的了解。 3、可以做一些简单的图片处理和调整。 4、提高自己的审美及其美感的培养。
    查看全部
  • 存储为WEB所需格式,预设PNG_24
    查看全部
    0 采集 收起 来源:PS传统切图

    2017-07-03

  • 后续学习
    查看全部
  • 参考线360px,1560px(适用于网页)
    查看全部
  • 视图,参考线360px
    查看全部
  • 小技巧的运用:用选区工具选择某部分内容,然后单击裁剪工具,这样所选择的内容就已经被裁剪好了,再按下回车键就可以!如果想要更精细的选区,上面部分完成后,单独对所选的内容进行修改,除了上面老师所讲的,还有一种办法就是:如果所需要的内容比较复杂,颜色较样式多,就可以用魔棒工具选择颜色单一且占据比例较大的那个,然后再在属性栏那里点击反向,就可以把所需要的内容选下来,再对其进行颜色填充对各种修改。
    查看全部
  • 步骤:1.视图/显示/智能参考线以及视图/字符,这两个都要选上; 2.窗口/信息;窗口/字符,两个打开,其他的多余的可不需要,将前面的勾取消; 3.点击信息面板那一个小三角,打开面板选项/标尺单位:像素;两个像素模式:RGB颜色;文档尺寸选上,然后确定; 4.编辑/首选项/单位与标尺【标尺:像素;文字:像素,其他默认不用改动】 这样的做的好处:在PS里打开一个网页,随便点击哪个图片或者某个字符,就可以知道详细的信息。 5.窗口/工作区/新建工作区/名称:web切除,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。
    查看全部
  • 四个目标: 1、能够自己使用photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源。 2、对photoshop操作有一个基本了解。 3、可以做一些简单的图片处理和调整。 4、提供啊自己的审美及其美感的培养。
    查看全部
  • 新建参考线快捷键:alt + v + E
    查看全部
  • 按住Alt键可以让参考线横竖随意切换
    查看全部
  • ps切图
    查看全部
  • 历史记录画笔工具:用历史记录的图片替换画出来的部分并与环境融合,可以先把高斯模糊图片,再还原图片,用历史记录画笔工具画,可以做出人像美容去污的效果
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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