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

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

  • 1.自动选择不选,按住ctrl键点击 2.选ctrl点击选中图层,再ctrl点击刚才选中的图层得到选区。 3.ppi pixels per inch 4.窗口-新建工作区
    查看全部
  • ctrl+;关闭参考线 alt一般用于切换
    查看全部
  • crtl+左键 快速选择 裁剪
    查看全部
  • 快速选择图层 ctrl+左键 矩形选择 裁剪
    查看全部
  • 快速选择后 右键 填充 内容识别 选中部分不见了
    查看全部
  • ctrl+D 删除选区
    查看全部
  • 快速选择 左方括号 缩小 右方括号 放大 V 箭头 M 矩形选择框
    查看全部
  • 步骤:1.视图/显示/智能参考线以及视图/字符,这两个都要选上; 2.窗口/信息;窗口/字符,两个打开,其他的多余的可不需要,将前面的勾取消; 3.点击信息面板那一个小三角,打开面板选项/标尺单位:像素;两个像素模式:RGB颜色;文档尺寸选上,然后确定; 4.编辑/首选项/单位与标尺【标尺:像素;文字:像素,其他默认不用改动】 这样的做的好处:在PS里打开一个网页,随便点击哪个图片或者某个字符,就可以知道详细的信息。 5.窗口/工作区/新建工作区/名称:web切除,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。
    查看全部
  • web,切图 重点:新建图层标准、窗口调整,基本功能复位。 编辑:首选项:单位与标尺。 工作区:新建工作区
    查看全部
  • 初始化界面
    查看全部
  • 新建设置:网页设计中的初始化尺寸参数和一些相关的快捷键; 新建---预设---web(1920x2000(自定义))(固定宽度1920)(不打印出来的用像素)---分辨率(72 像素/英寸)---背景内容(透明色)--存储预设 移动工具设置:移动工具对网站钱端的设置属性及其快捷操作 移动工具(v)---自动选项不勾---图层(ctrl+左) 视图---智能参考线勾上--标尺(ctrl+r) 窗口(关闭):库 颜色 通道 路径 历史记录拉过来和图层放一起 窗口(打开):信息 字符 然后都拉过去和图层在一起 单击信息面板右边那个设置键---面板选项---颜色模式(rgb)---鼠标单位(像素)---第一颜色模式(rgb)--勾上文档尺寸--ok 编辑---首选项---单位标尺---标尺、文字大小都改为像素 窗口---工作区---新建工作区--取名(web切图 快捷键,菜单打钩 保存)
    查看全部
  • 2.Alt+delete前景填充,control+delete背景填充; 3.切换到选区工具——右键--变换选区--Alt+shift+鼠标左键——同心圆缩小--确定-delete删掉小同心圆内部颜色; 4.调整大小:control+t 自由变换选区 按住shift拖住右下角的控制按钮 缩小或放大<br><br> 5.复制图层 在移动工具 按住alt键拖动<br><br> 6.填充颜色 选中图层的缩略图 按住control单击图层 会选中图层中的像素 可以对图层中的形状填充颜色 7.复制四份并填充形影颜色值,调成五环的位置 8.删掉压住的部分,使其呈现出一环扣一环的效果:CTRL+在图层缩览图中单击蓝色环,再选中黄色环图层,矩形选框->摁住alt减去黄色环要保留的部分,最后delete,可以去掉黄色部分被选中的小块,如此形成手拉手
    查看全部
  • H快捷键加鼠标左键 显示框 松开显示框住的大图
    查看全部
  • http://www.panduoduo.net/r/10917844 图片素材参考
    查看全部
  • 图层-复制CSS,可以拿到图层的CSS样式,粘贴在编辑器就可以了
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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