且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

更新时间:2021-10-07 20:12:19

本章所介绍的是便利且快速的内建工具Clone

为什麽会说像是影分身之术呢?

请参照火影忍者(NARUTO):

《分身术》会分身术者,能以一身分出几身,几十身,乃至千百身。

(此为鸣人的多重影分身之术的加强版--「后宫之术」)

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

看下去就知道

01

首先,请先随意的在主要工作区画上你想要的图形

你可以使用任何一种线段工具

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

这裡我使用的是Paintbrush(快捷键B),我写了一个英文名字的字母y

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

02

通常我们需要很多个一样的物件时,会使用Ctrl+C複製、Ctrl+V贴上

但是基本上,如果原始複製的那个母物件做了任何的变更,其他被複製贴上的物件是不会一起做改变的,试想若是複製贴上的物件共有100件,那你需要改几次?

Expression Design内建功能「Clone」可以解决这个问题

选取我画的y后选择Top Menu->Eidt->Clone

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

会多出一个一模一样的y

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

用一样的方法,让画面上多几个y

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

仔细看范例图片,每个y的节点除了母物件外,子物件都只有两点

因为,在这裡母物件算是regular path,但子物件则算是Clone

就算可以修改颜色以及笔刷样式,不过你还是无法针对Clone的形状做修改

03

现在我们用Convert Anchor Point(快捷键Shift+C),让y的形状改变一下

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

因为我们使用了Clone,所以当最原始的母物件外观有所改变时,子物件也会跟着变动

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

运用Clone就可以一次更改全部你想要使他们都长一样的子物件上

不需要一个一个修改、或是重新複製贴上

04

知道了怎麽运用Clone后

接着要来让大家看看Clone还有另一个聪明的地方

我把母物件改为黑色比较明显,并且其他的子物件都重新命名1~5

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

接着删掉母物件

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

可以发现到被命名为”5”的子物件自动的继承了母物件的地位

所以就算最原始的母物件消失了,另一个曾经附属于母物件的子物件,就会自动继承

目前我测试的结果,对于自动继承是随机选取一个子物件后产生的

我们来试着修改新任的母物件外观

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

05

如果你想选取其中一个Clone,让它成为独立的Path,并且不再附属于母物件时

请于Top Menu->Object->Convert Object to Path(快捷键Ctrl+Shift+O)

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

它就会成为regular path

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

或是直接任选一个子物件,複製贴上就可以噜!

06

若是你本来使用的是文字,也要经过Convert Object to Path,才能够使用Clone功能喔!

一样于Top Menu->Object->Convert Object to Path

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

转换完成,Clone就出现了!!!

Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

与大家分享一点小技巧~希望有帮助

如果能活用Design,将会对你的Silverlight设计工作带来事半功倍的效果喔!

(本文的图片仅供教学示意,如有侵权请告知)

本篇的教学就到此。