原文:零元学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的影分身之术的更多相关文章

  1. 零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果

    原文:零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 本章将教你如何运用笔刷与简单线条,只要5分钟,就能做出设计感效果 ? 本章将教你 ...

  2. 零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果

    原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Path ...

  3. 零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷

    原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重 ...

  4. 零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果

    原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果 本章将教大家如何活用「Text On Path」,做出文绕图 ...

  5. 零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页

    原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了 ...

  6. 零元学Expression Design 4 - Chapter 1 入门界面简介

    原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 而在 ...

  7. 零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面

    原文:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面 本章将交大家如何运用Blend 4 内的Text相关功能做出有设计感的登 ...

  8. 零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式

    原文:零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 本章将先教大家认识List ...

  9. 零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷

    原文:零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷 我针对工作区跟视窗的快捷键整理了八个Expression Blend4的快捷, ...

随机推荐

  1. vue-cli 3.x 移除console总结

    网上找了很多vue-cli 3.x的配置,很多已经不适用了,把采坑的经历记录下来,供参考. 一.使用 uglifyjs-webpack-plugin 插件 配置如下: // vue.config.js ...

  2. WPF中实现验证码

    原文:WPF中实现验证码 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/m0_37591671/article/details/79563449 W ...

  3. 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 ...

  4. [Angular] Creating an Observable Store with Rx

    The API for the store is really simple: /* set(name: string, state: any); select<T>(name: stri ...

  5. [Angular2 Form] Create custom form component using Control Value Accessor

    //switch-control component import { Component } from '@angular/core'; import { ControlValueAccessor, ...

  6. 关于stm32的RAM大小

  7. 【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 ...

  8. 前端js实现打印(导出)excel表格

    产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式 图片.png 图片.png jsp页面代码: <div class="tools"> ...

  9. Android改变图片颜色的自定义控件

    效果如下: 理解:Xfermode的16总模式如图 第一步: package com.rong.activity; import com.rong.test.R; import android.con ...

  10. 【SSH2(理论+实践)】--图说Struts2的执行

        前几篇文章讨论了有关Struts2的核心机制及一些基础,但同一时候也遗留下了非常多问题.这些问题主要是针对Struts2的一些使用技巧的,该篇文章将会针对Struts2的使用技巧进行讨论, ...