Ps UI设计如何简单快捷切图

首先我们要知道无论PS CC  或者PS  CS  都有切图功能,尤其是现在流行的UI设计一职业 ,无论是网页 还是手机端页面都是经常运用的技法  ,下面开始Photoshop 中最简单快捷的了解切图功能!

操作方法

  • 01

    首先找到切图工具,左侧第5个工具剪切下的子工具(切图工具 和切图选择工具  ),鼠标点击就会出现(我们拿这几个图片作为例子)

  • 02

    选中后开始切图,找到要切图位子,鼠标点击拖拽。如发现有偏移,可以再到左侧工具栏中选 “切片选择工具”进行调整(图片上可以有很多个切图)

  • 03

    当全部图标10个切完后的样子如图,下面我们按住组合快捷键shift+Ctrl+Alt+S

  • 04

    点选切图   同时按住shift 加选  ,鼠标点击10个切图   ,右上可以修改图片的格式,按存储即可完成切图(保存:选择要存储的位置后下面 的切片类型 选择“选中的切片”)

  • 05

    完成保存后,PS会自动建立一个images   文件夹,里面就是你切图的文件啦!

(0)

相关推荐

  • 如何用PS软件设计出优秀的banner图

    近年来,各大权威知名网站的风格发生本质的变化:包括网站的框架.轮播图.布局等等都采用平面式的视觉元素:它们主要以色彩统一.布局清晰.视觉明朗等特点成为目前主流网站的大众化风格:下面本编人员就banne ...

  • Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)

    ASSISTOR PS是一款Photoshop的切图外挂神器,这款外挂插件对于设计师们来说无疑是一款神器,可以帮你很轻松的完成切图操作.主要功能有标注.切图.圆角设置等,当然它参考线自定义和单位换算功 ...

  • 切图小贴士(设计经验谈)

    用户手中看到的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开发同学技术实现.切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图.精准的位置可以最大限度的还原效果图的设计 ...

  • 使用PS软件做简单的框架图/结构图

    框架图能够很好地反映上下级和所属关系,比如政府机构的构成.网络系统构成.公司的组织结构.各种体系.书本排版构造等都是以框架图的形式表现出来.如公司的最高级是董事会,那么框架图的最高层就是董事会了:再比 ...

  • Android切图(点9小贴士)

    用户手中看到的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开发同学技术实现.切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图.精准的位置可以最大限度的还原效果图的设计 ...

  • 开发协作-切图类别与规范

    切图标注作为连接UI设计到技术开发两者的工作模块,缺其不可.合格的.严谨的切图可以大大减少技术人员开发返工率. 一个互联网产品从构思到落地,大致分为以下环节: 发现商机 – 市场调研 –  头脑风暴 ...

  • 蓝湖怎么下载sketch切图

    对于开发团队来说,蓝湖是一款能够提升工作效率的协作平台,在蓝湖上能够直接查看设计稿源代码,还能够直接快速下载切图,今天来给大家介绍一下如何在蓝湖上下载sketch切图. 操作方法 01 我们先进入sk ...

  • 切图标记外挂神器ASSISTOR PS(上)

    @纪凡_Given:首先要告诉大家一个好消息,原本 $9.99 一个月 / $99.9 一年 的Assistor PS现已免费下载.对于学生用户全面免费,而其他用户在今年 6 月之后就不用再购买商业许 ...

  • UI日常-切图切图怎么破?

    作为一名"小小"的UI设计师,切图可以说是我们日常工作的必修课.一些设计师认为切图规范不重要:或是切图是设计助理的活:又或者是单方面认为,开发应该100%的按照我们的切图去写代码. ...