发布者: mobileui
在上一课里，我们学习了如何使用 Adobe Illustrator 的多重填充和多重描边功能制作一个简单的界面。这个界面背景是浅灰色，上面有一个绿色的按钮：
现在，这个界面设计好了，问题出来了，如何导出成 iOS 或 Web 前端工程师可以用的界面？一般来说，切图是设计师最痛恨的工作流程环节，因为只是按部就班的工作，而且麻烦繁琐，始终要小心谨慎地去做。不过，由于 AI 是基于矢量对象进行创作的，切图这个环节不算太麻烦。
在这一节教程里，就说说 AI 基于矢量对象强大的切图、导出功能。
1. 导出界面设计图
如果要是想导出整个界面设计图的话，那很好说。AI 有两个关于导出的命令，一个就叫「导出」，另一个叫「存储为 Web 所用格式」。在这里要使用后者。因为只有「存储为 Web 所用格式」才能保证导出的文件是像素精确的。在执行这个命令之前，确保设计图上所希望显示的东西都没有被隐藏掉。然后执行命令，格式选择 PNG，点击「存储」按钮就可以导出整个设计图了。
一般来说，做 UI 设计导出成品，格式除了 PNG 以外基本没有其他的选择。BMP 太大了，微软自己都基本不用了。用 JPG 图片的锐边、线条等部分（学名称之为图像的高频分量）会因为有损压缩而须掉。只有 PNG 在保证文件大小不会太大的同时，仍然为无损格式，这一点对 pixel-perfect 要求较高的 UI 设计是至关重要的。并且 PNG 还有一个好处：PNG 支持半透明。所以说，如果没有特殊要求的话，导出应一律为 PNG 格式。为 iOS 做设计的话，UI 资源，包括切图、主屏幕图标、启动画面等等应全部使用 PNG 格式。
导出后查看图像，可以看到图像的大小就是我们预定的 320×480 像素大小，且按钮做到了像素精确，边缘没有糊掉：
2. 导出每一个 UI 元素
在正式聊这个话题之前，为方便说明，我们再放上去一个按钮。选中按钮，复制一下，新建一个新图层，把这个按钮粘贴到新图层里去。再根据上一节课所学的办法，把按钮的底色改成灰色。改好后差不多应该是这个样子：
现在的任务是，分别导出两个按钮的切图，供前端工程师使用。
对此，有四种方法可以做到。第一种方法不必动用切图工具。这样做：首先，隐藏掉欲导出按钮之外其他的任何图层或矢量对象，确保画板上只有欲导出按钮是可见的。然后，依然使用「存储为 Web 所用格式」，但是在弹出的选项对话框里，去掉「剪切到画板」这个勾选。可以看到，「奇迹发生了」，AI 自动把导出文件的尺寸设置为了按钮大小，一点不多也一点不少：
点击「存储」导出，查看之，可以看到导出的大小确实就是我们想要的，圆角边缘是半透明的，凹陷什么的也在，并且是像素精确的：
导出灰色的按钮也同理，隐藏掉除灰色按钮之外的所有东西，然后使用「存储为 Web 所用格式」命令就可以了，这里就不再多写了。
不过，显而易见的是，这种方法有一个缺点。如果要是做一个类似登录界面那样比较简单的界面还好，但如果要是做一个复杂的界面，那么要一直反复隐藏显示图层、对象什么的，特别麻烦。因此，祭出方法二，也是 AI 切图导出的终极大招。
方法二和方法三、方法四要动用 AI 的切片工具。不过方法二所使用的切片方法轻松加愉快：
首先，还是要把背景隐藏掉，因为要确保背景是透明的。然后，选中一个按钮，执行菜单命令：「对象」->「切片」->「用所选对象切片」。这个按钮就被切好了：
可以看到，我们根本没有做拉线、画框、对齐这些繁琐的步骤，仅仅花不到十秒，点击几下鼠标，AI 就基于按钮的外观自动为我们切好了。这种方法特别适合于每个 UI 元素没有堆叠这样的情形。对于灰色的按钮同理，再点击几下鼠标，又切好了一个：
导出时，依然要使用「存储为 Web 所用格式」这个命令，然后按 Shift 选中两个按钮切片，导出选项选择「选中的切片」，如图：
这样，就可以干干净净地导出所有图稿中的 UI 切片了：
可以看到，这种方法导出效率极高。不过，如果要是矢量对象很多的话，可能每次要点击几下还是有些繁琐。
其实，还可以有更偷懒的办法。有人会想，直接用快捷键不就省掉几下点鼠标了吗？可惜的是，AI 并没有给这个极其实用的命令分配一个快捷键。但我们可以让它有快捷键。方法是使用 AI 的动作功能，把这个命令单独保存为一个动作，以后每次只要按下快捷键即可执行了，进一步增加工作效率，减少痛苦：
如何创建和使用动作呢？这个，留作家庭作业吧。提示，请参看 AI 的官方帮助文档：
方法三比较类似，按画板上的参考线来生成切片。这个和方法二比较类似，且不是很常用，先不介绍了。方法四就是手工拽线、画框、对齐，就像传统的切图方式那样。有了前面这三种方法，这种方法几乎很少用到了，因此也不介绍了。
3. 适配 Retina 屏幕
做 iOS UI 设计的人都知道，一般来说，要为 UI 准备两套切图资源。一套为普通分辨率的，适配于 iPhone 3GS，iPad 2 等老机子。另一套是 Retina 版，即切图大小长宽分别为原来两倍，使在同样面积下的 UI 元素显示更加精致，适配于 iPhone 4、iPad 3 等较新的机器。在 AI 里，如果为 Retina 屏幕做适配的话，也挺简单的。导出时缩放设置为 200% 即可：
4. 导出为 SVG 格式文件
SVG 格式不同于 PNG 和 JPG 等格式。SVG 是基于 XML 的矢量图形。优势是可以随意缩放。因此，比较适合以此做 Retina Web 适配。AI 自然可以导出基于 SVG 的矢量格式。不过，我没有找到比较简单的切图方法。所以，最好是将设计稿的每个图形元素分别复制到新的文稿里保存。保存时，把按钮移动到左上角，然后选择「保存」/「另存为」/「存储副本」，格式选择 SVG 或 SVGZ （SVG 的压缩版），即可。
5. iOS 切图导出须知
就像上文说的，iOS 要做 Retina 屏幕适配。因此，要准备两套切图：普通版和 Retina 版。命名规则是： Retina 版的切图名称为「普通版名称@2x.png」 这样的格式。例如，一个普通版的切图文件名字叫 greenButton.png，那么，Retina 版的切图名称应为 greenButton@2x.png。iOS 工程师拿到切图后，会直接用 “greenButton.png” 这个文件名来用，iOS 的 CocoaTouch UIKit 框架会聪明地根据不同的屏幕选择相应的文件。如果在 OS X 上做设计，可以用 Automator 来自动为切图文件名加上 “@2x” 后缀，如图：
在 Windows 下，把这段代码存为一个 .bat 格式文件，每次切完图后，复制一份放到 Retina 切图目录里执行一次，可达到同 OS X 的 Automator 相同的效果：
ren *.png *@2x.png
另外，为减少 App 尺寸，做类似按钮、文本框等切图图片时，建议将切图按这样的方式缩放（不太好说明，直接上图）：
iOS 工程师拿到这样的图后，会使用类似
- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode
这样的代码，按某一个像素线拉伸，或按设定边帽拉伸，将这张图拉伸到原先的宽度，而保留圆角不变。
使用 AI 很容易完成缩放按钮宽度而保持圆角半径不变（见上一篇文章）。最终缩放的宽度应为「圆角尺寸 x 2 +1」像素，要额外留出 1 px 的宽度是为拉伸考虑。
由此可见，虽然说 AI 自带的切图工具还是赶不上类似 Slicy 这样的神器，不过也不算太难用了，依然可以说很容易集成到工作流程里，增加工作效率。
下课了，希望大家学习愉快。
原文地址：作者：
向您推荐：
经常遇到很多伙伴咨询如何去提升专业、练习应该怎么去做、灵感从哪里来等等问题。结合这些问题总结和梳理了一下自己的点滴经验，希望能帮助到大家，与之共勉。
本文的目的是给刚入行的新人分享个&
每当苹果公布新的壁纸，总会有人或者手机厂商去模仿苹果家的壁纸，因为他家的壁纸是真的好看啊。今天我们来学习一下最新的iPhone8和 iPhone x的壁纸是怎样做出来的？
值得注意的是，&
被iPhone X刷了一天屏，到下午实在受不了各种标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍的标题党。索性自己写一篇只针对iPhone X适配的贴子，与适配无关的内&
@Echo 由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。
对于大部分入门设计师及中级设&
如果你关注过一些取得大成就的人，总会在他的成长故事中发现很多传奇的经历，比如少年时代的天赋异禀，或是30、40岁的大器晚成，为了做好某件事的废寝忘食等等…然后摸摸自己的胸脯说，他们是天才，我只是个普通&
@Micu设计你是美工？还是设计师？你是合格的设计师吗？ 设计工作中最基础的修图会吗？找素材拼图会吗？ 如果这最基础都不会，能称自己是设计师吗？能漫天要价吗？ 如果有点职业道德，先学会最基础的修图，再谈设计吧！ 一起看看别人是如何将图片合成的！ 第1组:采集素材 完成设计： 第2组: 第3组: 第4组: 第5组: 第6组: 第7组: 第8组: 第9组: 第10组: 第11组: 第12组: 第13组: 第14组: 第15组: 第16组: 第17组: @Micu设计投稿，自 weibo
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~ 相关阅读： 设计师需要掌握的图片原理与优化技巧 Android设计中的.9.png 切图小贴士 一.android版 在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）； 1、底部栏目的icon和背景：
这个一般有2种切法：（有默认和选中之后的效果）
2、顶部栏目的背景切图： 由于顶部导航栏的是渐变样式，所以切图只需要切一小条，技术来平铺拉伸就可以~（PS：如果是花纹背景，就必须切整条了，因为花纹切一小条就会被拉伸了~） 3、标注文字大小和行间距：（以这张图为例子，我标注好了，请看下图） 需要注意的： A：android主要有3种屏，即： QVGA和WQVGA屏density=120; HVGA屏density=160; WVGA屏density=240; B：apk的资源包中， 当屏幕density=240时使用hdpi标签的资源 当屏幕density=160时使用mdpi标签的资源 当屏幕density=120时使用ldpi标签的资源； C：我们标注的是PX，但是技术的算法是DP，所以需要PX和DP进行转化，PX和DP的转化主要跟密度有关系，当密度density=160即（屏幕尺寸：320*480）时，1PX=1DP；当密度density=240即（屏幕尺寸：480*800）时，1PX=0.75DP；当屏幕的尺寸大于480*800的时候，密度都按照240计算即可；当密度density=120即（屏幕尺寸：240*320）时，这个现在几乎没有人用了，所以我也不知道转化公式，如果您知道，可以留言告诉我啊~ 注意：因为我们做的是基于480*800尺寸的，大家都知道android的尺寸太多了，要想适配现在流行的尺寸，比如：640*960；720*1280等，唯一的解决办法就是图标可以根据不同尺寸各做一套，也就是图标需要做480、640和720共3套图标，不过如果你们的产品的要求不严格，做一套就可以，只不过是在大于480尺寸的屏幕上有些图标被拉大变虚而已~ 二.ios版 在做ios版本设计的时候，尺寸有3种，分别是：320*480、640*960、640*1136；这时我们要以一种尺寸为基准，那这个基准尺寸是640px*960px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）； 1、底部栏目的icon和背景：
这个一般有2种切法：（有默认和选中之后的效果）
2、顶部栏目的背景切图：
由于顶部导航栏的是多颜色的，所以只能切一整条给技术，商圈的图标要单独切出来
3、二级标题栏目的切图： &
周陟 （@UCDChina 深圳负责人、交互设计专业委员会（@IxDC）部长） ：我发现一个问题，大部分刚入行或者经验不多的设计师在碰到问题的时候都喜欢”索取”，最好有个现成的东西放那儿给他供着。这暴露了我们设计师群体一个严重的现状----自学能力的欠缺。 我上次提到设计师的三大素质（我自己觉得是这样，也是招人的时候重点考察的），这次就专门聊聊自学能力的问题，与各位打拼靠自己的朋友共勉。 作者还有一篇很有意思的分享：普通UI设计师与顶级UI设计师的区别是什么？ 什么是设计师的自学能力？ 我们对自学能力的理解是从上学的时候建立的，但那个时候的”自学能力”相对单纯，无非也就是如何通过自己看书、做题，复习到达熟练记忆，以便应付各种苛捐杂税式的考试。 但进入设计行业后，这个自学能力不仅仅限制在”了解知识、复述知识”的范围，设计师要学习各种软件，学习如何寻找灵感，学习如何与客户沟通，学习怎样规划自己的行业前景……这种交叉性的自学要求会成为很多人的屏障。并且，很难定义一个所谓的”自学能力”的量化目标。 就我个人理解，设计师的自学能力是使用合适的时间、方法、资源达到独立的、正确的解决问题的能力。 如何才能有效的自学？ 你细心的话，应该注意到上面我的用词，这些关键点就是有效自学的途径。在设计这个行当，光努力是不够的，我们不只是要强调效率，也要强调效能。回过来看，你们学校历史中是不是总有那么几个无论如何努力都始终分数不高的货色？ 首先是合适的时间； 如果一件需要花时间的学习任务超出了你的时间成本，你就不应该去碰它，或者换一个更好的方式，比如：你现在是一个从事了8年平面设计的设计师，你觉得目前做动画的收入高，你希望通过自学动画，然后跨行到这个领域，那么未必是最好的选择，首先你的8年的平面经验几乎没有再升值的空间，其次作为一个新人，也许你还要3年的等待，好死不死，你的脑子不错，等到你学有所成，动画行业又是另一个新的天地了。 正确的方法是重要的； 方法不仅是你练习的方式，还有思考问题的方式，这里强调的是设计师快速发现问题的能力，只有准确的了解需要自学的领域的难度、行业标准、设计思路、应用形态，你才知道从何入手； 比如：你想自学网页设计，并把网页视觉设计师作为自己的职业发展，你就应该首先了解，一个网站的基本结构，每个结构需要哪些工作岗位，他们的职责有何不同，一个网站视觉设计师应该干什么，抓住重点（而不要一开始去学什么HTML代码，那不是你最该关心的，我这话是说给某个朋友听的）。 资源指的是任何能够让你了解到所需知识的平台； 基础的东西先看维基和google，然后去书店翻一翻行业著作，然后下载一些软件的学习版知道你要使哪些工具，这些都是你的资源，如果凑巧你还能找到一些资深的从业人士咨询就更好了，但是要提醒的是，别人没有义务回答你，所以你先要准备好自己的问题。 独立性决定了你在自学途径中对自己的要求；你善于坚持的品质是你能够成功通过自己的努力达到目标的前提条件，在你周围没有更多的资源可以利用的时候，你只能靠自己不断的练习，思考。我发现要求很多设计师练习没有问题，要求他们思考却很难，自学的过程中，”想”永远是最关键的。 自学不是万能灵丹 你的性格不适合自学。这是正常的，有部分朋友他们的性格天生就是依赖性强，缺乏主见，在遇到困难的时候选择逃避，那么这样的性格想完全通过自学来达到一个”好高骛远”的目标是不太可能的。你需要选择一个付费的培训机构或者老师，通过一些外部的压力，让你有所提高。 除了自学还应该参与交流。交流当然是重要的，通过交流可以达到解惑的效果，有个前提需要注意，你要和别人交流，别人也需要知道值得和你交流，因此你要有所储备，交流既然是平等的也就需要基础，别以菜鸟之心度老鸟之腹，既冷了场又露了怯。 自学的技术必须转化为实际项目。你的自学有可能是为了自我提升，自我积累设计经验，但如果是为了解决实际问题，那么你自学的成绩就必须经过实际项目的检验，比如：你学习了一些新的交互设计的工作技巧，那么在你自己从事项目的时候你就应该争取机会导入进去，否则到头来，你也只是做了一嘴的好交互。 “人一定要靠自己”，说的不是抛弃阶级感情和团队协作，而是面对困难和障碍的时候，往往只有你自己才是靠得住的。缺乏自学能力的设计师，从性格与技能上都会落于下风，因此请不要让自己”被飞”的日子来得太早。 原文出处：《闲言碎语：周陟设计随笔》，感谢作者的无私分享，推荐童鞋们阅读原著，受益无穷 : ） & &
移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配问题终于还是来了，移动设计全面进入“杂屏”时代。看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了。 加上Android生态中纷繁复杂的各种奇葩尺寸，现在APP设计开发必须考虑适配大、中、小三种屏幕。所以如何做到交付一套设计稿解决适配大中小三屏的问题？设计和开发之间采用什么协作模式？一个基本思路是： 1、选择一种尺寸作为设计和开发基准； 2、定义一套适配规则，自动适配剩下两种尺寸； 3、特殊适配效果给出设计效果。 & 手机淘宝的iPhone 6/iPhone 6 Plus适配版本即将提交App store审核。先晒一下我们采用的协作模式，再慢慢说明原委。 第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图。 & & 第二步，输出两个交付物给开发工程师：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。 & 第三步，开发工程师拿到750px标注图和@3x切图资源，完成iPhone 6（375pt）的界面开发。此阶段不能用固定宽度的方式开发界面，得用自动布局（auto layout），方便后续适配到其它尺寸。 & 第四步，适配调试阶段，基于iPhone 6的界面效果，分别向上向下调试iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的界面效果。由此完成大中小三屏适配。 & 为什么选择iPhone 6作为基准尺寸？ 当面对大中小三种屏幕需要适配的时候，很容易想到先做好一种屏幕，再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6（750px/375pt）作为基准，基于几个原因： & 1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和文字之间视觉比例可能失调。 & 2、iPhone 6 plus有两种显示模式，标准模式分辨率为，放大模式分辨率为（即iPhone 6的1.5倍）。可见官方系统里iPhone 6和iPhone &
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我?嗦。 现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720××1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960, 640×××2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。 像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。 所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。这项指标是连接数字世界与物理世界的桥梁。 Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。 倍率与逻辑像素 再用iPhone 3gs和4s来举例。假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。 在现实中，这两者效果却是一样的。这是因为Retina屏幕把2×2个像素当1个像素使用。比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。 在以前，iOS应用的资源图片中，同一张图通常有两个尺寸。你会看到文件名有的带@2x字样，有的不带。其中不带@2x的用在普通屏上，带@2x的用在Retina屏上。只要图片准备好，iOS会自己判断用哪张，Android道理也一样。 由此可以看出，苹果以普通屏为基准，给Retina屏定义了一个2倍的倍率（iPhone 6plus除外，它达到了3倍）。实际像素除以倍率，就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同，它们的显示效果就是相同的。 Android的解决方法类似，但更复杂一些。因为Android屏幕尺寸实在太多，分辨率高低跨度非常大，不像苹果只有那么几款固定设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间，给不同范围的设备定义了不同的倍率，来保证显示效果相近。像素密度概念虽然重要，但用不着我们自己算，iOS与Android都帮我们算好了。 如图所示，像素密度在120左右的屏幕归为ldpi，160左右的归为mdpi，以此类推。这样，所有的Android屏幕都找到了自己的位置，并赋予了相应的倍率： ldpi [0.75倍] mdpi [1倍] hdpi [1.5倍] xhdpi [2倍] xxhdpi [3倍] &
信用卡信息包括：信用卡类型、卡号、有效期、CVV号（卡片背后的3位数字）。如何更有效让用户在支付流程中，更简单输入与使用自己的信用卡信
为方便产品经理、设计师、开发及项目相关人员能够看到直观的效果，进行更有效的沟通；提供直观的产品设想，说明用户将如何与产品进行交互，航旅纵横手机APP界面设计欣赏
VIPUI.design 为航旅纵横 for iPhone、Android提供了从功能构想，软件构架，交互与视觉设计以及程序开发的整套解决方案。
夜深人静，扪心自问：我是不是有心口不一的时候？我是不是说过善意的谎言？恐怕每个人脑海中都浮现出了各式各样的场景。有时我们为了种种目无意挑起所谓的职位之间的矛盾，直到今天看到这样一篇文章的时候，是的，这是一篇关于程序猿和设计狮之间的文章，起源是这样的，一位网友在某
这周手机圈的热点，被iPhone X无情的霸占着，连谷歌发布了Android 8.1预览版这样的大事...
王M争： 今天来给大家分享产品设计中文字配色的一些知识点。要给文字配色，首先我们要知道你的产品(界面...
网易UEDC - 董俊豪 ：品牌设计，是品牌之间形成差异化的根本原因。它可以让用户明确、清晰地记住并...
莫贝网（）移动设备界面设计专业网站。为UI设计师提供手机界面设计，移动应用界面设计，平板电脑界面设计，导航界面设计等手持移动设备，移动终端界面设计相关知识的收集分享，共同学习的网站。
关注微博：怎么利用AI路径查找器去除两个形状的非重叠部分？ i中，若两图形有重叠部分，若想把图_微博生活网
你目前正在浏览：& > &
怎么利用AI路径查找器去除两个形状的非重叠部分？
怎么利用AI路径查找器去除两个形状的非重叠部分？
我想保留红色部分与蓝色花样的交集部分，也就是去除这两个重叠图形的非重叠部分。但是把路径查找器所有功能都试过，都没办法实现……求大婶相助！
好，因为你上面蓝色是一个编组，路径查找器所有功能都只对两个单独的图形操作。你要的效果可以剪切蒙版要实现，把你蓝色的所有都编一个组。2 选择红跟蓝，右击点建立剪切蒙版就行了：1 把红色那块复制一个，放蓝色上面
所以肯定不行的建议你现在，选中所有蓝色-解组然后按路径查找器里第一排第一个（联集），先把蓝色部分变成一个单路径，按住option同时去按第一排第二个（减去顶层），这时候你会发现，你的这些个蓝色的圈圈叉叉就变成了一个复合路径去除两个重叠图形的非重叠部分就是求交集，是路径查找器的第一排第三个（交集）。你现在出现的问题。一句两句说不清楚了路径查找器里的功能有个基础，就是2个图形必须都是单个的路径或者是一个复合路径，应该是。。，然后把里面的白色同样联集成一个单路径，然后把白色放在蓝色上面，同时选中。（说不定这些蓝色都是单个的路径。。）里面还有白色的圈圈。。如果没明白，随时欢迎来问如果满意！不能是编组。。过程比较复杂!你上面这个蓝色的，一看就不是单路径。。又是一个路径组。，蓝色就是一个路径。，成组的。= =。现在你再选中蓝色+你那个红色，去按交集，就可以实现你的愿望了。，请采纳
怎么利用AI路径查找器去除两个形状的非重叠部分? ……
你好,因为你上面蓝色是一个编组,路径查找器所有功能都只对两个单独的图形操作。 你要的效果可以剪切蒙版...AI用路径查找器将两个图形相减,为什么会变这样? ……
可以,首先你需要建立非重合部分区域的矢量图形。方法是利用“路径查找器”,依次画出前后两个矩形后,将两...illustrator 我选择两个图形,用路径查找器里面的减去顶层为什么不管用? ……
你执行[与形状区域相减],你是不是以经扩展了呢,我的CS4就是这样,设置好...网友都在找: ai两...如何使用ai中的路径查找器把它分割,老师说的方法没认真听,大概就是路径查找器之后又撤销什么的 ……
你说的是路径查找器,然后有个小工具栏,里面有一个分割,然后取消编组,然后就分割了如何用 flash 实现 AI 的路径查找器功能:就是提取两条路径的重叠部分等功能 ……
flash 路径的重叠部分比AI路径查找器还要好用,你将图片打散后就任意处理了...2013-12-...在ai 中,用路径查找器里面的“与形状区域相减”功能后,被剪物件的颜色就变了,怎么解决这个问题? ……
你执行[与形状区域相减],你是不是以经扩展了呢,我的CS4就是这样,设置好了自动扩展 另外,团IDC...为什么AI中下面的用路径查找器相减变成的是下面另一个,而不是把中间的圆形删掉 ……
我是用圆形然后扭曲变幻波纹效果弄出多角形,然后选中圆形和一个多角形,减去顶层......请问下。ai中的复合路径和路径查找器中的形状模式有什么区别? ……
复合路径主要用于生成洞,或将多个对象组成一个整体作为蒙版处理其他对象,它可以通过释放复合路径恢复到原...
你可能感兴趣的内容？