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

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

  • PS 界面设置 -- 最终设置 编辑 -> 首选项 -> 单位与标尺 -> 单位:标尺和文字【全部改为像素】,屏幕分辨率72
    查看全部
  • PS 界面设置 -- 视图设置 【前端在视图方面的设置】 【设置中的技巧和优势】 勾选视图中必要两项: 视图 -> 显示 -> 智能参考线(方便切图) 视图 -> 标尺【快捷键:Ctrl + R】 取消窗口中不需要的选项: 库、颜色、以及右上角的通道、路径、属性、段落 四大面板: 将右上角【历史记录】拖拽到与【图层】同级 在窗口中选择【信息】和【字符】拖拽到图层和历史记录上一层显示 信息:单击信息面板右上角的设置按钮 -> 面板选项 -> 将第一、第二颜色信息模式改为RGB颜色,鼠标坐标标尺单位改为像素,勾选文档尺寸
    查看全部
  • PS 界面设置 -- 移动工具设置 【针对网站前端的设置属性】 【快捷操作】 移动工具:左侧工具栏的第一个图标 【快捷键 V】 移动图层:文件 -> 打开 -> 右下角选择图层 快速寻找图层:左上角自动选择:图层 建议不勾选自动选择 只选择图层,Ctrl + 鼠标左键点击需要的图,右下角自动定位图层
    查看全部
  • 讲的很好,很明白
    查看全部
  • PS 界面设置 -- 新建设置 【初始化尺寸参数】 【快捷键】 文件 -> 新建 【快捷键 Ctrl + N】: 预设 -> Web 大小 -> 自定,单位像素,网页设计固定宽度但高度是不确定的可以自定义 分辨率 -> 72 像素英寸 颜色模式 -> RGB 8位 背景内容 -> 透明
    查看全部
  • PS 学习目标 1.能够使用PS从网页设计师提供的PSD中获取前端开发过程中需要的资源 2.对简单的PS操作有一个基本的了解 3.可以做一些简单的图片处理和调整
    查看全部
  • 左键单击图层,选中选区,然后裁剪
    查看全部
  • ps界面中有菜单栏、属性栏、工具栏、面板、工作区。 移动工具快捷键(v) 选框工具快捷键(m),按shift(画正圆),按alt+shirt(以中心画正圆),按shift+m为选框工具的切换。 放大快捷键ctrl++,缩小ctrl+- 快速选择工具画笔的放大缩小可以按"[""]"这两个括号来调整。 裁剪文字时,按住alt单击眼睛,隐藏背景,也就是显影模式,可以用来导出png图片! 盖印图层的概念:快捷键Ctrl + Alt + Shift + E,新建一个图层,包含所有图层的内容。 alt键可以确定圆心在哪里。 shift可以让圆成为正圆 小技巧 1.当按住ctrl+右键,选中一个图层时,点击裁剪工具,它会自动框住选中区域,按enter进入裁剪区,再按enter裁剪成功 2.当使用选区工具,选中一个不规则选区时,按下裁剪工具,会围绕选区,选出一个最小的矩形 3.当按住ctrl+右键,选中一个图层时,点击裁剪工具,它会自动框住选中区域,按enter进入裁剪区,再按enter裁剪成功 4.ctrl+左键点图层缩略图,给图层加选区
    查看全部
  • 1.新建 ctrl+n 2.网页设计 固定宽度,而高度是不确定的 3.移动工具 无论你选择什么工具,你按V就是回到箭头。 4.选择的界面设置 ctrl会直接定位到图层 自动选择不勾选,后面选图层 5.视图设置 视图--->显示--->智能参考线 视图--->标尺 6.把不需要的窗口关闭 窗口-->颜色,库+路径,通道关闭 只需要图层,将历史记录拉过来 窗口-->信息+字符 拉出来 信息-->面板选项--->第一+二RGB/像素/文档尺寸 编辑--->首选项--->单位与标尺--->像素 最后将这些设置保存 窗口--->工作区--->新建工作区--->保存
    查看全部
  • 自动切图 1)菜单栏--编辑--首选项--增效工具--生成器--启用 2)文件--生成--图像资源--勾选 3)图层(图层文件)重命名(格式:名称+.png24/.jpg8/.svg)苹果reatin切图 200%名称+空格@2x.png24/jpg8/svg 4)名字取消,电脑中文件夹中的图片自动会删除。
    查看全部
  • 脚本-导出图层到文件
    查看全部
    0 采集 收起 来源:PS精准切图

    2016-03-22

  • web 1920像素x2000像素 分辨率72 背景色为透明,存储预设
    查看全部
  • 步骤:1.视图/显示/智能参考线以及视图/字符,这两个都要选上; 2.窗口/信息;窗口/字符,两个打开,其他的多余的可不需要,将前面的勾取消; 3.点击信息面板那一个小三角,打开面板选项/标尺单位:像素;两个像素模式:RGB颜色;文档尺寸选上,然后确定; 4.编辑/首选项/单位与标尺【标尺:像素;文字:像素,其他默认不用改动】 这样的做的好处:在PS里打开一个网页,随便点击哪个图片或者某个字符,就可以知道详细的信息。 5.窗口/工作区/新建工作区/名称:web切除,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。
    查看全部
  • 五环旗手拉手效果 Alt+Delete:前景色填充 Ctrl+Delete:背景色填充 选区->右键点击选区->变换选区->Alt+Shift+鼠标左键:同圆心缩小->确定->Delete删掉小圆内部颜色 Ctrl+T:自由变换 移动+Alt+拖动:复制并且自动新建图层 裁剪:按住Alt键,以图像为中心建立裁剪区域
    查看全部
  • 界面设置 ctrl+N(新建) 预设:自定义 宽度:1920 高度:2000 分辨率:72像素(比较流行) 背景内容:透明(注意) ----------- 移动工具设置:快捷键V——上方属性栏,自动选择不要勾选,冒号后,选中图层。当,想选中一个图层时,按住ctrl+左键,就会选中此图层,并可以拖拽 ----------- 视图设置:上方菜单栏-视图-显示-智能参考线(切图会提供很大帮助) 打开标尺:上方菜单栏-视图-标尺(也可以ctrl+r) 窗口设置:不需要的统统关闭;库、颜色、右侧的:通道、路径等关闭,只留四大面板在右面信息和字符(放上面),图层和历史记录(放下面) 信息设置:单击信息右侧的设置-面板选项:第一第二颜色模式:RGB;标尺单位:像素;文档尺寸勾选 ----------- 编辑设置:菜单栏-编辑-首选项-单位与标尺,将标尺和文字都改为像素 小经验: 选中一个图层:右下角图层位置,ctrl+点击,在图片中形成一个选区,并且选区的信息会出现在面板中;如果选中字的话,字体信息也会显示在面板上。 建议:窗口-工作区-新建工作区:取名,并勾选两个选项:此方法可以保存之前的设置信息,以免,软件设置复位基本功能后,找不回之前的设置。
    查看全部
    0 采集 收起 来源:PS传统切图

    2016-03-20

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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