零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术
原文:零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术
本章所介绍的是便利且快速的内建工具Clone
?
本章所介绍的是便利且快速的内建工具Clone
?
?
为什麽会说像是影分身之术呢?
?
请参照火影忍者(NARUTO):
《分身术》会分身术者,能以一身分出几身,几十身,乃至千百身。
(此为鸣人的多重影分身之术的加强版--「後宫之术」)

?
看下去就知道
?
01
首先,请先随意的在主要工作区画上你想要的图形
你可以使用任何一种线段工具
![]()
?
这里我使用的是Paintbrush(快捷键B),我写了一个英文名字的字母y
![]()
?
02
通常我们需要很多个一样的物件时,会使用Ctrl+C复制、Ctrl+V贴上
但是基本上,如果原始复制的那个母物件做了任何的变更,其他被复制贴上的物件是不会一起做改变的,试想若是复制贴上的物件共有100件,那你需要改几次?
Expression Design内建功能「Clone」可以解决这个问题
选取我画的y後选择Top Menu->Eidt->Clone
![]()
?
会多出一个一模一样的y
![]()
?
用一样的方法,让画面上多几个y
![]()
?
仔细看范例图片,每个y的节点除了母物件外,子物件都只有两点
因为,在这里母物件算是regular path,但子物件则算是Clone
就算可以修改颜色以及笔刷样式,不过你还是无法针对Clone的形状做修改
?
03
现在我们用Convert Anchor Point(快捷键Shift+C),让y的形状改变一下
![]()
![]()
?
因为我们使用了Clone,所以当最原始的母物件外观有所改变时,子物件也会跟着变动
![]()
?
运用Clone就可以一次更改全部你想要使他们都长一样的子物件上
不需要一个一个修改、或是重新复制贴上
?
04
知道了怎麽运用Clone後
接着要来让大家看看Clone还有另一个聪明的地方
我把母物件改为黑色比较明显,并且其他的子物件都重新命名1~5
![]()
?
接着删掉母物件
![]()
?
可以发现到被命名为”5”的子物件自动的继承了母物件的地位
所以就算最原始的母物件消失了,另一个曾经附属於母物件的子物件,就会自动继承
目前我测试的结果,对於自动继承是随机选取一个子物件後产生的
?
我们来试着修改新任的母物件外观
![]()
?
05
如果你想选取其中一个Clone,让它成为独立的Path,并且不再附属於母物件时
请於Top Menu->Object->Convert Object to Path(快捷键Ctrl+Shift+O)
![]()
?
它就会成为regular path
![]()
?
或是直接任选一个子物件,复制贴上就可以噜!
?
06
若是你本来使用的是文字,也要经过Convert Object to Path,才能够使用Clone功能喔!
一样於Top Menu->Object->Convert Object to Path
![]()
?
转换完成,Clone就出现了!!!
![]()
?
?
与大家分享一点小技巧~希望有帮助
如果能活用Design,将会对你的Silverlight设计工作带来事半功倍的效果喔!
?
(本文的图片仅供教学示意,如有侵权请告知)
?
本篇的教学就到此。
?
?
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术的更多相关文章
- 零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果
原文:零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 本章将教你如何运用笔刷与简单线条,只要5分钟,就能做出设计感效果 ? 本章将教你 ...
- 零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果
原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Path ...
- 零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重 ...
- 零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果
原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果 本章将教大家如何活用「Text On Path」,做出文绕图 ...
- 零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页
原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了 ...
- 零元学Expression Design 4 - Chapter 1 入门界面简介
原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 而在 ...
- 零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面
原文:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面 本章将交大家如何运用Blend 4 内的Text相关功能做出有设计感的登 ...
- 零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式
原文:零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 本章将先教大家认识List ...
- 零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷
原文:零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷 我针对工作区跟视窗的快捷键整理了八个Expression Blend4的快捷, ...
随机推荐
- vue-cli 3.x 移除console总结
网上找了很多vue-cli 3.x的配置,很多已经不适用了,把采坑的经历记录下来,供参考. 一.使用 uglifyjs-webpack-plugin 插件 配置如下: // vue.config.js ...
- WPF中实现验证码
原文:WPF中实现验证码 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/m0_37591671/article/details/79563449 W ...
- POJ 3132 & ZOJ 2822 Sum of Different Primes(dp)
题目链接: POJ:id=3132">http://poj.org/problem?id=3132 ZOJ:http://acm.zju.edu.cn/onlinejudge/show ...
- [Angular] Creating an Observable Store with Rx
The API for the store is really simple: /* set(name: string, state: any); select<T>(name: stri ...
- [Angular2 Form] Create custom form component using Control Value Accessor
//switch-control component import { Component } from '@angular/core'; import { ControlValueAccessor, ...
- 关于stm32的RAM大小
- 【solr专题之二】配置文件:solr.xml solrConfig.xml schema.xml 分类: H4_SOLR/LUCENCE 2014-07-23 21:30 1959人阅读 评论(0) 收藏
1.关于默认搜索域 If you are using the Lucene query parser, queries that don't specify a field name will use ...
- 前端js实现打印(导出)excel表格
产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式 图片.png 图片.png jsp页面代码: <div class="tools"> ...
- Android改变图片颜色的自定义控件
效果如下: 理解:Xfermode的16总模式如图 第一步: package com.rong.activity; import com.rong.test.R; import android.con ...
- 【SSH2(理论+实践)】--图说Struts2的执行
前几篇文章讨论了有关Struts2的核心机制及一些基础,但同一时候也遗留下了非常多问题.这些问题主要是针对Struts2的一些使用技巧的,该篇文章将会针对Struts2的使用技巧进行讨论, ...