PS 切图

作者: 前端小木鱼 | 来源:发表于2019-02-13 16:38 被阅读0次

一、安装和基本设置
(二)界面设置:

  • 视图:显现>智能参考线、标尺
  • 窗口:
    设置四大常用选项卡:信息、字符、图层、历史记录
    信息设置:信息面板选线>颜色信息:rgb,标尺单位:像素,文档尺寸:true
    编辑设置:首选项>单位与标尺>单位>标尺:像素,文字:像素
  • 工作区:窗口>工作区>新建工作区 名称:Web切图,键盘快捷键:true,菜单:true

二、简单工具操作
(一)常用快捷键

  • ctrl + +键:放大,ctrl键 + -键:缩小
  • ctrl + 1: 100%显示,ctrl + 0 : 全显示
  • space键:拖动
  • 按住h键,按住鼠标左键,图片全展示,移动鼠标选中局部,放开左键放大局部。
  • 隐藏、显示参考线:ctrl + ;
  • 按住 alt 实现参考线横纵切换。

(二)移动工具

  • 快捷键:v
  • shift + v ,切换移动工具的拓展工具
  • ctrl + 单击,选中图层
  • 按住ctrl,选中多个图层

(三)选框工具:

  • 快捷键:M,
  • 配合shift键和alt键实现更多功能:
  • 先选区在按shift键长宽相等(变为正方形和圆),按alt起点为中心(确定中心和圆心)。
  • 先按shift再选,等价于设置选项为添加到选区。
  • shift + M 切换工具的拓展工具

三、切图
(一)传统切图

  • 利用图层标参考线,利用参考线选择切片。如果图形复杂通过裁剪成块,再进行切图,若要背景透明需隐藏背景色
  • 按住alt 可以实现反向显示、隐藏图层
  • 把要切的图片移动到新的背景透明画布上,可一次切出背景透明的图片
  • 选中图层后 ctrl + t 可以调整图片大小,按shift可以等比缩放
  • ctrl + alt + shift + s : 存储为Web所用格式

(二)精准切图
文件>导出>将图层导出到文件

(三)自动切图:

  • 启用生成器:编辑>首选项(快捷键:ctrl + k)>增效工具>启用生成器: true
  • 文件>生成>图像资源: true
  • 选中图层后,双击修改图层名字a为a.png,即可自动生成图片。

相关文章

  • ps切图

    ps ps首选项设置 编辑 > 首选项 > 单位与标尺 > 把文字和标尺设置成像素单位 > 确定 放大图片:”CT...

  • ps切图

    按住ctrl鼠标左击图片上元素,右侧会高亮元素对应的图层 在图层上按住鼠标左键不放能拖动该图层到指定位置 多个图层...

  • ps切图

    1)清除参考线--- 视图->清除参考线 2)切图-----------图层->基于图层的切片1,使用切片工具Pa...

  • ps 切图

    本文以 PS CC 2015 为例 旨在熟悉简单的切图步骤,更为巧妙的切图技巧--请自行Google 搜索慕课网上...

  • PS切图

    ​ 因为网页美工大部分效果图都是利用 PS(Photoshop)来做的,所以以后我们大部分切图工作都是...

  • PS切图

    常用知识点 网页常用尺寸:1920px*1080px 快速使用工具栏工具的快捷键:先按Alt,菜单栏下部会出现短横...

  • PS切图

    除了用切片工具一个一个框起要切的部分进行分割,还可以使用参考线,使用参考线划分之后,会出现这样的按键 点击这个基于...

  • PS 切图

    一、安装和基本设置(二)界面设置: 视图:显现>智能参考线、标尺 窗口:设置四大常用选项卡:信息、字符、图层、历史...

  • ps切图

    切图 1、找到切片工具 2、导入psd后,找到要切的图片 把其他一些图片点掉,留下你要切的那个图层 3、保存 保存...

  • 网页(UI)设计--切图标注工具

    cutterman(免费)--切图(ps 插件) parker(收费)--标注(ps 插件) PxCook(免费)...

网友评论

      本文标题:PS 切图

      本文链接:https://www.haomeiwen.com/subject/jdsreqtx.html