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

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

  • ps学习第三课:

    ps简单工具操作

    五点修复画笔工具、修复画笔工具(选中一个点、按住alt键、找地方扫描出来)、修补工具(描选好选区,然后左键移动填补地方,填充左键移动到地方)、内容感知移动工具和红眼工具 用于图片修复。

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

    实操图片祛斑:

    图片滤镜 模糊  高斯模糊    历史记录  画笔圆  再回到历史图片

    可再学习该节课程







    查看全部
  • ps学习第二课:

    ps简单工具操作

    菜单栏、属性

    选框工具有四种选择,单个、多个叠加(画完按住shift键默认增加选区)、删减(画完按住alt键默认删减选区)、多个集合     

    选框工具(快捷键 M)+ shift键 =》正方形、圆形(先放开鼠标,再放开shift键)

    选框工具(圆形)+alt键=》按住alt点为圆心的圆

    套索工具,选择完按住alt键,可以删减选层

    套索工具、多边形套索最后一点双击可以自动形成闭环

    磁性套索工具/多边形工具,交叉使用

    魔棒工具(快捷键 W)+增添删减选层 选中选层后右键内容、内容识别

    裁剪工具(快捷键C)









    查看全部
  • ps学习第一课

    1、传统切图

    2、精准切图

    ctrl+N 新建

    网页设计现较流行的分辨率为72pt

    背景:透明

    移动工具、自动选择、选择(组或者图层)=》找到对应的模块地方

     移动工具、图层、window系统(ctrl+左键)/苹果系统(command+左键)=》找到对应模块地方


    视图、显示、智能参考线=》有助于切图

    视图、标尺=》有助于切图

    信息面板选项:第一颜色:rgb;第二颜色:rgb;标尺单位:像素、选择文档大小、文档尺寸

    编辑、首选项、单位与标尺、标尺与文字(选择像素)、打印分辨率300、屏幕分辨率72



    查看全部
  • 1.找到自己想要的图层:移动工具+ctrl+左击 (自动选择不要打勾,选择图层)

    2.窗口—标尺;窗口—显示—智能参考线; 

    3.属性关闭 ,要图层,历史记录,信息(把面板选项里的颜色改为RGB颜色,标尺坐标选择像素,文档尺寸勾上),字符四个;

    4.编辑里:首选项—单位与标尺—单位都改为像素,屏幕分辨率72像素/英寸;

    5.把设置好的一个状态设为工作区,下次直接用,窗口—工作区—新建工作区;

    查看全部
  • 恭喜你一直以为我
    查看全部
  • 这有什么不好意思的都
    查看全部
  • 选择工具中:

    1,先选中,再按shift键,然后再松开鼠标,再放开shift键,才能得到正方形,正圆.

    2想以某点为圆心,先点击位置,再按alt键 。如果想要正圆shift+alt一起即可。

    3想连续选取,选完一块用shift,再选另一块即可,

    4想反向选取,按alt键即可

    5英文键盘下,按M即可切换到选区工具

    6按下shift,再按M,可以切换到选区工具,并且可切换矩形和圆形选框

    7快速选中工具,快捷键W  用左右中括号键,放大缩小,选中区域。


    查看全部
  • Ctrl+Click,选中任意图层

    Ctrl +R ,显示或隐藏标尺

    查看全部
  • 切片导出格式一般用PNG-24

    查看全部
    0 采集 收起 来源:PS传统切图

    2018-09-19

  • 渐变的颜色顺序 顺时针


    查看全部
  • 按住AIT键 单击一个图层

    其他图层全部隐藏 只留下该图层

    查看全部
  • 网页设计 分辨率一般用72像素/英寸

    背景内容 透明色

    直接存储预设 方便以后直接调用

    查看全部
  • ps切片:

    传统:

    切片产生的灰色/被动切片无法自动删除,只能ctrl+shift+alt+s后手动删除;

    基于参考线的切片数量太多图片被分割严重;

    精准切片:单个项目/图片:

    alt+f+e到文件夹png24 <-导出功能->

    alt+e+n+p生成器勾上+  alt+f生成图片资源 name.文件名<-找不到assets==->

    svg webp

    抽出资源:2014v+(alt+f)

    复制css :alt+l 

    图层管理:类型..

    查看全部
  • 参考线:像素规格 线转换:alt

    快速建线:alt+v+e(+v/h)

    线显示:ctrl+;

    网格:alt+v+h+g

    查看全部

举报

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

微信扫码,参与3人拼团

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

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