如果要是想导出整个界面设计图的话,那很好说。AI有两个关于导出的命令,一个就叫「导出」,另一个叫「存储为Web
所用格式」。在这里要使用后者。因为只有「存储为Web
所用格式」才能保证导出的文件是像素精确的。在执行这个命令之前,确保设计图上所希望显示的东西都没有被隐藏掉。然后执行命令,格式选择
PNG,点击「存储」按钮就可以导出整个设计图了。
一般来说,做UI设计导出成品,格式除了PNG以外基本没有其他的选择。BMP太大了,微软自己都基本不用了。用JPG
的锐边、线条等部分(学名称之为图像的高频分量)会因为有损压缩而须掉。只有PNG在保证文件大小不会太大的同时,仍然为无损格式,这一点对
pixel-perfect要求较高的UI设计是至关重要的。并且PNG还有一个好处:PNG支持半透明。所以说,如果没有特殊要求的话,导出应一律为
PNG格式。为iOS做设计的话,UI资源,包括切图、主屏幕图标、启动画面等等应全部使用PNG格式。点我简介看下,有资源的
再看看别人怎么说的。
1、主要用途不同
虽然2款软件都是用于图像处理,但是主要用途有所区别。PS主要处理位图,,即点阵图像;AI主要处理矢量图。
位图和矢量图最大区别在于,不受分辨率的影响,矢量图放大,图像也不会模糊,而位图放大,图像会模糊
2、实际应用不同
ps软件用途广泛,,主要处理数字图像,在图像、图形、文字、视频、出版等各方面都有皆可使用。
ai软件多应用于出版、多媒体、在线图像的工业标准矢量插画的处理,因为矢量图形的特性,该软件被广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理、互联网页面的制作等。
3、基于图形特性不同的区别
矢量图形由路径和锚点组成,影响大小因素主要是路径和锚点,以及它有路径和锚点组成的图形对象所包含的各种信息。
矢量图的特性是,不管图形被放大多少倍,边线依旧清晰光滑,不模糊。位图是由每一个像素组成,决定像素图大小的主要因素是像素的多少和像素所包含的颜色信息。位图的特性是,越放大,越能清晰到像素,图像也就模糊。
参考资料来源:搜狗百科-AdobePhotoshop
参考资料来源:搜狗百科-AdobeIllustrator不分彼此啊,都要用到。
现在大型企业用的都是aiai可以和ps在一起用把置入到ai里后再把拽到ps里这样在ps该后的就可以直接在ai里使用我感觉很便捷。。ai用习惯就好了,ps会用的,ai就很容易上手。快捷键几乎相同。我感觉ai能融合coreldraw里的东西。ps相对于设计专业来说是比较局限。打印嘛。。。用该都一样。。。不过从我的视觉上来说ai打出来的颜色比较鲜艳。UI设计常用软件中,PS和AI的地位举足轻重。于是常看到设计群里,一些新手问经常在问:做APPUI或是网页设计到底用Photoshop还是AI(Adobeillustrator)好AI和PS的区别如下:
1、出生时间
首先看看这2个巨头软件的诞生时间:
illustrator:1987年
Photoshop:1990年
2、第一版本的启动界面
双方都是粗糙的单色像素图像设计
3、最多用在那个方面
illustrator:矢量图形设计
Photoshop:像素图像设计
4、什么用户使用最多
illustrator:设计师
Photoshop:艺术家
5、放大之后
illustrator:放大后,图像依然清晰
Photoshop:放大后,图像会被模糊
注:也就是说,用AI绘制的图形是可以放大而不失真,而PS就不可以,因为PS绘制的图形都是以像素点来画,除非直接使用矢量工具来绘制。
illustrator:可同时新建多个画布工作
Photoshop:只能新建一个画布
7、剪贴蒙版
illustrator:在对象上面
Photoshop:在对象下面
8、选择工具
illustrator:选择的是对象
Photoshop:选择的是区域
illustrator:一个图层可以包含多个对象
Photoshop:一个图层只能包含一个对象
10、Ctrl+Z(撤销)
illustrator:可以多次连续的撤销
Photoshop:只能撤销一次,要按Ctrl+Shfi+Z才能继续撤销 *** 作
注:其实PS是特意这样设计撤销的,如果你想像AI一样,可以直接修改快捷键即可。
11、工作区域
illustrrator:可以在画布以外的区域继续绘制
Photoshop:只能在画面以内的区域绘制,超出会被隐藏
12、保存时间
illustrator:保存快
Photoshop:保存缓慢
这是比较清晰的对比,重点是:
AI适合用来绘制矢量图,比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等。5年工作经验UI设计师告诉你,UI设计用的最多是Sketch和Photoshop,再者就是AI,AE,Axure等
与上面所说的恰恰相反,对于UI设计来说,PS适合做手机APP、网页设计。AI适合用来做APP、网页里的图标、LOGO、广告图、插画。
当然UI设计靠的主要还是人,PPT照样能设计UI。PS:如果要制作图标,需要用到矢量绘图软件AI来制作,这样放大才不会失真。
UI设计中还会设计很多饿工具,小编姐姐简单分析如下:
1、Mindnode
Mindnode是在Mac和IOS上的流程图工具,它同时具备专注性和灵活性。是进行头脑风暴和组织规划生活事务的绝佳工具。
2、百度脑图
百度脑图是一个线上,云端 *** 作的思维导图工具。即时存取,方便分享协同,不受终端限制,在任何地方都可以打开。
3、Xmind
同样的,Xmind是一款流行思维导图软件,打造易用、美观、高效的可视化思维管理工具。
4、MindManager
其实,思维导图工具都是大同小异,具体的你用的舒不舒服,需要你亲自实践,你觉得哪个合适你,你就选择用哪一个。
二、原型图工具
所需工具:Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)
1、Sketch
Sketch是一款强大的界面设计工具,专为UI设计师打造的软件,可让你的界面设计变得更简单,更高效。如果你是一个UX或者UI设计师,那么你一定知道Sketch这个强大的UI界面设计软件。
在Sketch中用户能轻松地设置图层面板,可批量命名图层、智能标注页面、填充头像和文字等,可实现多层式填充、渐变、噪点等 *** 作功能;Sketch提供“全部导出”功能,因为它是基于矢量的,所以可导出PDF,JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件,越来越能满足不同人群的设计需求,所有你需要的工具都触手可及。
a、出色的用户体验;
b、非常简单易用;
c、提供大量实用的插件。
Sketch是一款轻巧、易用的矢量设计工具。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成,能省去不少时间。内含网页流程图模板、移动线框包、迷你暗色流程线框图、iPhone框架模板、AppleWatch交互流程包。在原型框架素材的基础上,用Sketch画出符合产品需求的框架图。如下:
2、POP
PrototypingonPaper,一款手机App,把纸上的东西变为原型。拍照后可在手机上编辑热区,手机上快速模拟原型动效。
3、墨刀MockingBot
墨刀,是一款在线的高保真原型与线框设计交互工具,相信很多设计师都用过。可自动标注、代码样式、下载多倍率切图,解决设计师与多平台开发对接时的交付问题。
三、原型交互demo工具
所需工具:Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)、Mockplus(原型界面)
1、Axure
你可以用Skecth设计完后,直接上Marvel,实现高保真交互展示。且Marvel有Sketch插件,可以一键导入。如果你设计的是手机App,用Marvel后,就可以直接在手机上给别人演示啦。
2、Marvel
3、Principle
Principle主要用于实现较复杂的交互动效, *** 作比Marvel难一些,适合有动画基础的人。
墨刀也是原型工具,也可以实现交互的功能。你比方说,你在墨刀里做了一些原型页面,可以通过交互演示给客户看。这样更直观一些。不多说了。
5、Mockplus
支持平台:Windows&Mac
Mockplus是一款高效简单的app界面设计工具,产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件,拖拽即可进行UI界面设计,学习成本低,无需代码参与,所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有,怎么和开发进行有效的沟通呢。
值得一提的是Mockplus最近发布的一款摹客设计系统可谓是给UI设计师提供的一大福利了,该系统提供标准色、标准字、图标、布局等等这类大纲,几乎囊括了一份设计规范文档该有的所有内容,并且支持Sketch插件,意思是设计师们可在Sketch中一键复用你自己的设计规范,节省了大量的 *** 作时间。
a、简单,零门槛;
b、丰富的图标及组件;
c、拖拽实现交互效果;
d、小程序预览,随时随地跟客户演示。
四、设计和切图工具
所需工具:PS、AI等(设计)、Cutterman(切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。
设计过程就不说了,只要你是一位UI设计师,页面怎么做那你肯定清楚。当你设计完成页面以后,要做的工作就是:标注、切图。
1、界面设计工具(Photoshop)
支持平台:Windows&Mac
Photoshop是最流行的图像编辑器之一,UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴,也略知一二。PS作为UI界面设计神器,有着强大的编辑和处理功能,想要什么的图形都可以用PS来实现,可用于摄影的后期制作,可给图像添加各种滤镜,调整亮度,对比度等,生成高分辨的图形。借助图层面板可非常简单和高效的处理修复;并且PS提供了不同文件格式保存的选项,调整图像大小和分辨率也不会丢失图像质量。
PS:如果要制作图标,需要用到矢量绘图软件AI来制作,这样放大才不会失真。
a、照片处理技术(剪裁背景,裁剪,调整光线,调整颜色,过滤,消除红眼等功能);
b、强大的图层功能处理副本时保存原件;
c、批量处理照片;
d、兼容其他Abode套件程序,如AfterEffect,InDesign,Illustrator;
e、Photoshop可以将图像保存为各种格式。
2、标注、切图的工具有很多,在这里只不过是推荐几款常用的给你。
1)Cutterman
切图插件,需要你安装到PS插件里。能够自动将你需要的图层进行输出,以替代传统的手工"导出web所用格式"以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则,纯点击 *** 作,方便、快捷,易于上手。
注:需要安装AdobeAir文件,要不然没有办法安装该插件
2)PxCook
PxCook既可以标注,也可以切图。是高效易用的自动标注工具,生成前端代码,设计研发协作利器。只需点击拖拽,即可轻松获得间距尺寸,字体,阴影圆角等所有信息。PNG,JPG也能手动测量。支持标注单位:PX,PT,DP/SP,REM。还可以生成前端代码,支持Win/Mac,支持PS/Sketch等。
3)Zeplin
Zeplin是配合着Sketch非常好用的一款插件,设计稿完成后,可以直接从Sketch导入到Zeplin中。Zeplin可以帮你自动生成尺码标注、CSS样式代码、需导出的(在Sketch中设好切片的设计稿,在Zeplin中可以直接导出),以及共享成员间可以备注和评论。
五、动效视觉处理工具
支持平台:Windows&Mac
AdobeAfterEffects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具,如今动效设计在UI界面设计中的应用已经越来越广泛,而且国内许多公司开始重视动效设计了,所以作为UI设计师,也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大,好的动效设计可以给用户提供一个良好的视觉感受,从而加强与用户之间的交互体验。
AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理,是一个灵活的基于层的2D和3D后期合成软件,包含了上百种特效及预置动画效果,可与Premiere,Photoshop,Illustrator等软件无缝结合,创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处,将图像视频特效合成技术推到一个新的高度。
a、震撼的视觉效果;
b、与Premiere,Photoshop,Illustrator无缝兼容。
六、前端工具
1、Dreamweaver
支持平台:Windows&Mac
Dreamweaver是一款网页代码编辑器,帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来,是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具,还需要学习和了解一些前端的布局和设计,才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识,可作为一个加分项在面试中脱颖而出。
七、项目进度管理的工具
所需工具:Trello(任务管理)、Bearychat(团队沟通)。项目进度管理的工具也有很多,在这里只是推荐几个。ui设计工具大揭秘
1、Trello
Trello是国外非常火的任务管理软件,据说拥有1900万注册用户,国际红十字会、谷歌、美国迪尔公司都在使用。
2、Bearychat
Bearychat是中国版的Slack,聊天群组+工具集成,取代QQ或微信作为团队工作中的及时聊天沟通工具。归根结底,技多不压身,想要成为一名优秀的UI设计师,掌握界面设计工具只是其中一部分,UI界面设计需要设计师们掌握色彩搭配,设计规范,界面排版,沟通能力,切图标注,尺寸标注,用户体验等相关知识。因此需要的就是不断学习,不断坚持,不断的丰富自己的综合能力。希望以上分享的五款界面设计工具可以帮到你们。
相关新闻:
《解析ui设计师工作内容》、《ui设计是什么》、《UI设计7大就业方向》、《浅析ui设计就业前景》、《ui设计原则要素有哪些》、《ui设计培训课程内容》、《UI设计流程大解析》UI设计常用软件中,PS和AI的地位举足轻重。于是常看到设计群里,一些新手问经常在问:做APPUI或是网页设计到底用Photoshop还是AI(Adobeillustrator)好AI和PS的区别如下:
ai设计稿里面怎么测量圆角度数。大概有以下三个方法:(1)用ai做画的图形,如常见的矩形、形状、标尺等。(2)绘制的图形尽量符合用户的 *** 作习惯,例如手机屏幕小,这两种尺寸,这里我们就不做太多的考虑,仅仅是提供常见的尺寸标注。(3)我个人认为这么做的主要原因,就是因为没有一个最大限度的满足了用户的一切需求,但是却很难做到。(4)画图,不要让用户思考,我们的页面可能包含三层信息。(2)用ai画完一个界面。(3)给用户切图,这里我不想给用户切一个完整的表格,我的建议是切图的时候不要有超过整幅的图,图太小也不行,只用切好就行了。(4)用设计规范和布局。不要自作聪明,以为自己知道或者不理解了。
Ps平面设计教程-平面设计快速切片
作为美工,我们经常需要对一张大图切片,切成几张小图之后,让后输出web格式的文件,那么关于平面设计如何快速切片,我为大家分享Ps平面设计快速切片教程如下:
PS使用技巧
1在画布中调整笔刷的各种参数
关于笔刷,用过PS的人基本上都知道几个快捷键,比如Ctrl+"["、"]"调整笔刷大小之类,这次我带来的方法比那个更加便捷,不但是大小上的调整,连同硬度和颜色都可以在画布中完成调整。
方法:
①在画布中按住Alt+鼠标右键——此时在画布上会出现一个红色的圆点,圆点代表了你笔刷的大小和硬度(越实越硬,越虚越软),拖动鼠标进行左右平移可以调整笔刷的大小,上下拖动可以调整硬度。
②按住Alt+Shift+鼠标右键——此时你会发现鼠标旁出现了一个色彩选取框,没错!现在你可以调节颜色了!按住右键不放,移动鼠标到想要的颜色上即可。
2小抓手的组合用法
按住空格键将鼠标变成小抓手拖拽画布已经是相当普及的用法,几乎每个PS玩家都要使用,但是它的组合键却鲜有人知,这次为大家带来小抓手的组合级之一:全局拖拽——即使放大到很大比例仍然能瞬间让视图到达画布的任意位置。
方法为:按住空格键将鼠标变成小抓手后,再按住一个“Z”,然后按下鼠标——这时你会发现视图瞬间回到了全局,鼠标则变成了一个小方框,这个小方框就是你当前所能显示到的区域,拖动鼠标挪到想要去的地方,然后撒手,走你~
3自由变换的附加用法
这一条有点老调重d了,不过估计肯定会有不知道的,这里再提一下,Ctrl+T进行自由变换过一次后,用Ctrl+Shift+T可重复上次的变换,用Ctrl+Shift+Alt+T可实现复制本体并重复上次变换的效果。如图
4利用Shift实现加速拖动
不知道大家有没有遇到过这种问题,有的时候为了对准细节不得不将视图放得很大,这时候拖动一个图层或者选区等到另一个地方要经历漫长的等待,看着下面的滚动条慢慢悠悠的走真是心急如焚呐……其实这个时候只要按住Shift,你会发现滚动条嗖的一下就过去了~这个技巧需要多练几次,因为按住Shift之后的拖拽速度真的是灰常快,可能一不注意就过头了,所以建议你可以一下下的点着而不是一直按着,不截图了,一用就明白。
5钢笔工具绘制中转换折点
一个小技巧,在使用钢笔工具时,按住鼠标拖拽节点时按下Alt,即可实现对当前节点的一个转折。
6利用Alt选中锁定图层
锁定图层大部分时候是因为不想再移动它,但有时真需要动它的时候却可能因为图层过多而找不到,即使勾选了直接选取图层也无法选中锁定了的,这个时候只要按住Alt在画布上点击被锁定的图层就可以选中了,不仅如此,其实被锁定的图层仍然可以进行一些 *** 作,比如合并。不截图了
额外分享一个自己总结的有关三大功能键Shift、Ctrl、Alt的语义不完全总结,其实有的时候根据三种功能键的语义就能猜出某些功能的快捷键,一试一个准
万用滚轮
在大家使用PS时,滚轮这个东西实际上并不常用,但一个滚轮加上三功能键却可以完全实现缩放和平移、纵移、调整数值等功能。
①缩放
· Alt+滚轮:此法可实现对画布的无比例缩放,滚动时以鼠标所在位置为参照中心进行缩放。(PS:笔者不推荐此法,介绍这条纯粹为了引出第二个…)
· Alt+Shift+滚轮:等比例缩放画布,滚动时以鼠标所在位置为参照中心进行缩放(注意看动图中视图百分比的数值前后变化),墙裂推荐,我最常使用的快捷键之一,等比例缩放,完美替代Ctrl+”+”、Ctrl+"-"。
②移动
· 视图在超过一屏的情况下(或者在全屏下),直接鼠标滚轮即可实现纵向移动,每滚一小格是一个屏幕像素;按住Ctrl+滚轮可实现横向移动,也是每格一屏幕像素。
· 在上面的基础上加上Shift即可实现加速移动,每滚一小格就是一个屏幕,若是放到很大的倍数那么加上Shift还是十分方便的。
万能选区对齐大法
神技 !我一直用它!
这里的神奇之处在于,我可以在PS中实现以任意区域为对象进行对齐,这里类似AI中关键对象的设定(多选N个目标后,再次点击其中的一个目标将加重显示,这个时候使用对齐的话是以此目标为关键对象进行对齐),其实在PS中并不存在这种关键对象,但是我们仍然可以自己创造一个——选区!经过不完全测试,选区这个东西无论是选择还是对齐,其优先级都是凌驾于图层之上的(对于路径无效),所以当你在画板中创造一个选区之后,你的任何对齐方式都是以此选区作为关键对象的!这样图中的'效果就不难理解了吧。
· 拓展1:像AI一样,能不能让一图层以其中指定的某个图层为关键对象进行对齐呢当然可以,只需要按住Ctrl点击想要对齐的图层,将它转换为选区即可,是不是So easy
· 拓展2:每次都要在状态栏上点击对齐,是不是好麻烦快捷键木有,这可怎么办没关系,咱们自己设定一个就是了。打开编辑——键盘快捷键,打开图层那一页,找到上面的几项内容,然后根据自己口味进行修改吧! 以后对齐只用快捷键,高大上有木有!
· 拓展3:之前也说过了,选区的优先级凌驾于图层之上,同样图层具备的有些属性选区也同样具有,比如对齐边缘。
几个小技巧
· 有的小伙伴会经常在一组同样尺寸的源文件间切来切去,把一个文件中的东西拖到另一个里,拖过去发现位置变了还要再调整,是不是很烦恼这里有一个小秘诀:在把物件拖到另一个文件中时,按住Shift,如果两个文件尺寸是一样大的,那么它就会粘在原来的位置;如果尺寸不同则会粘在画板正中央。此方法无论是图层、路径、形状、选区…只要是能拖动的东西都可以实现。
· 用Ctrl+Tab(Mac中是Control+Tab)可以在不同文件画板间切换。
· 一个文件中使用了N个同样的智能对象,只想更改其中一个右键点击该层——通过拷贝新建智能对象。
· 利用方向键移动时嫌走得太慢按住Shift试试看。
路径选择工具的优化(CC+)
本条是针对PSCC及以上版本的技巧(在PSCC发布之初本是没有这个功能的,后续的更新中才加上),第一次使用CC时相信很多人在使用路径选择工具时都有一些不适感——尼玛怎么什么都能选!
事情是酱紫的,在CC中,Adobe将路径工具的级别变为全局(与AI类似),双击可将目标图层锁定,在未锁定的情况下路径选择不受图层限制,通俗点说就是,无论你有多少个图层,是否上锁,只要存在就可以被选中,但是选中了却未必可以 *** 作(比如选中的路径中包含上锁图层),这与我们以往的 *** 作习惯有很大出入,Adobe也发现了这个问题,所以在后续版本中增加了这个切换功能
在第一次框选时可以选中任意路径图层(包括上了锁的),重新调整过左上角的选择现有图层/所有图层后,则只能选择当前图层,有点类似移动工具的自动选择。
通过这一设置,我们可以控制路径选择的范围,需要选择某一路径而不想被其他图层打扰时使用“现用图层”,当需要批量 *** 作时选用“所有图层”
如何将统一图层中的多个形状快速成多个图层
1最好选用路径选择工具中的选择所有图层(CC+)
2选中图层,切换至路径选择工具
3点选所需形状/路径,C+S+J
4重复步骤3,直到拆分结束
反向图层
比较隐秘的一个技巧~不知道大家有没有遇到过类似的困扰,排了一堆的图层,最后发现顺序全都反了,眼见如山的图层,怎么办,挨张调整顺序有的同学可能要说,一定有类似的插件或者动作的,其实PS里一直都有这一功能的~
图层——排列——反向(选中多个图层才能使用)
非线性历史记录
开启了非线性历史记录的状态,可以看到在我进行撤销 *** 作后在进行的 *** 作,其记录会承接之前的步骤,也就是说 无论是否被撤销,所有的历史记录都将被保留,这样我们做图时的灵活性就变得更强了,当然弊端也不少,一是开启之后历史记录条数将增长得飞快,耗资源不说,关键步骤被刷掉就悲催了。再就是习惯问题了,我第一次开启时感觉务必的别扭……新鲜劲儿过去了就改回来了,不知各位看官是否有用得习惯的~开启方法见下图:
渐变窗口拉伸
不算冷,常玩PS的人应该都知道~调整超多拐点的渐变时会很费劲,那么在边缘把窗口拉开就可以了啊
显示蒙版
很多新手对于蒙版的概念不是很清楚,这个技巧可以让你很清晰地感受蒙版的原理:按住Alt点击蒙版(限图层蒙版,矢量蒙版无效),这时画板将切换至蒙版的灰度状态,使调整更加方便~按住Alt再次点击蒙版即可退出状态。顺便一提,按住Shift点击蒙版为停用。
通过形状新建参考线(Photoshop CC 20142)
在上面提到过,通过选区边界的吸附特性来快速创建参考线的技巧,现在Adobe在更新中加入了类似的功能,使用起来更加方便~
一键创建参考线,就是这么简单~使用方法也是非常简单(我自定义了快捷键,这个功能本身是没有的),在视图中找到“通过形状新建参考线“即可一键创建参考线,就是这么简单~使用方法也是非常简单(我自定义了快捷键,这个功能本身是没有的),在视图中找到“通过形状新建参考线“即可
新建参考线版面(Photoshop CC 20142)
有心的同学应该已经发现了,视图中的另一个新项目:新建参考线版面
通过这一功能,我们可以快速的为整个页面创建成套的参考线,另外Adobe还给出了四种参考线预设:8列、12列、16列、24列。
另外我们也可以将常用的参考线版面存储成预设,比如960模板等另外我们也可以将常用的参考线版面存储成预设,比如960模板等
以行为例,我们来说一下这三个参数:
数字:一共有几组(两根)参考线
高/宽度:这一组(两根)参考线间的距离
装订线:组与组之间的距离
快速切片
有的时候,我们的切图并不是“贴边切“的,需要为图形留出边界来保证一批切图的相同尺寸,那么我们可以先做一层所需尺寸的模板作为切图参考,然后再隐藏就是了:但是有的时候,我们的切图并不是“贴边切“的,需要为图形留出边界来保证一批切图的相同尺寸,那么我们可以先做一层所需尺寸的模板作为切图参考,然后再隐藏就是了:
PS:这是最新的发现,通过这个功能创建的切片跟所属的形状有连接关系,如果所属形状发生变化(位移、形变),切片也会跟着动,这一点好好利用的话也是十分便捷的PS:这是最新的发现,通过这个功能创建的切片跟所属的形状有连接关系,如果所属形状发生变化(位移、形变),切片也会跟着动,这一点好好利用的话也是十分便捷的
方法还是十分简单:图层——新建基于图层的切片(我设置了快捷键,本身是木有的)
生成图像资源增强版——抽出资源(Photoshop CC 20142)
冷知识番外篇中有介绍过一个CC141的新功能——生成器,可以自动将所需图层导出为不同尺寸的切图。这次的新功能 抽出资源相当于是轻量版的生成图像资源
方法:选中文件/组,找到文件——抽出资源… 点击后进入抽出资源界面
整个界面中没有什么太难理解的地方,右侧抽出资源那里有025x、05x、2x、3x几个不同尺寸切图的选项,如果不够的话点击齿轮或者左下角的设置会有更多的选择
下面的自动提取,当文档变更后会重新生成资源,类似生成器。
打开/关闭所有组、打开/关闭其他组(Photoshop CC 20142)
这个问题也是很多人都在问了,新版本终于有了这个功能~
使用方式:按住Ctrl点击组前面的箭头即可,注意此功能貌似只针对最外层组有效,里面的就不好使了
一条图层,多个区域均可右键点击,每个区域出现的列表也各不相同,图中是右键点击组前面的箭头,在列表中选择打开/关闭其他组~
;
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)