An工具介绍之形状工具及渐变变形工具

An工具介绍之形状工具及渐变变形工具
刚来的小伙伴请从系列的第一篇开始食用。
文章目录
一、工具介绍之矩形

老样子，咱们先创建一个舞台。

【形状工具】包括矩形工具、椭圆工具等。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EawUoG7L-1658999186341)(D:\Typora图片\image-20220728110208834.png)]$

（1）矩形工具

矩形工具快捷键是R。

鼠标点击【矩形工具】，然后拖拽，即可画出矩形。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KRjkIB7t-1658999186341)(D:\Typora图片\image-20220728110404412.png)]$

1）改变颜色

<1> 方式一

①点一下填充前面的小色块，然后选择一个自己喜欢的颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qTgbb2hR-1658999186342)(D:\Typora图片\image-20220728110555201.png)]$

或者点击这个地方的色块，找到喜欢的颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CW6KQ3cL-1658999186342)(D:\Typora图片\image-20220728110641491.png)]$

②然后点击【颜料桶】工具。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CXbcXRbU-1658999186343)(D:\Typora图片\image-20220728110735186.png)]$

鼠标出现油桶状，点击刚才画的矩形。就可以将颜色填充进矩形啦！

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N9aqv0ee-1658999186343)(D:\Typora图片\image-20220728110825560.png)]$

<2> 方式二

用【选择工具】框选中矩形。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-866Pm2JP-1658999186343)(D:\Typora图片\image-20220728111052569.png)]$

然后点击这个小色块填充，选择喜欢的颜色。即可改变矩形颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f0glkDWI-1658999186345)(D:\Typora图片\image-20220728111300770.png)]$

同样可以调整笔触颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fX4jYVtP-1658999186345)(D:\Typora图片\image-20220728111607415.png)]$

还有笔触大小。（这里可以当作描边）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mwWBBBTb-1658999186346)(D:\Typora图片\image-20220728111650383.png)]$

2）画正方形

选中【矩形工具】，然后按住Shift键拖拉，从一点开始画。

还可以按住Shift+Alt键，从中心开始画。

就可以画出正方形。（可以看到，上面我们做的填充和笔触格式是延续下来的）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WiM1bVBv-1658999186347)(D:\Typora图片\image-20220728111822222.png)]$

（2）基本矩形工具

【基本矩形工具】：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M1rH4zwv-1658999186348)(D:\Typora图片\image-20220728112119737.png)]$

（3）区别

❓ 矩形工具与基本矩形工具有什么区别呢？

这里咱们画两个矩形，分别是：矩形工具和基本矩形工具画的。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QqxLTVgG-1658999186350)(D:\Typora图片\image-20220728112437037.png)]$

从外形上看，并没有区别。

我们用【选择工具】分别选中它们。

可以看到，矩形工具所画的是网格小点，基本矩形所画的周边有线条。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d9GJWAbI-1658999186353)(D:\Typora图片\image-20220728112541282.png)]$

【矩形工具】画的是散件，四个边以及中间填充色，都可以被选择并调整。

散件，是可以被分散的，不是一个整体，所有组成部分都可以被选中，拉伸或移动

如：可以将颜色块拿出来。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-P609Vj84-1658999186354)(D:\Typora图片\image-20220728115653217.png)]$

【基本矩形工具】画的是组件，是一个整体，不能够被分开。

这个矩形只能整体移动。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AmkWHHTL-1658999186354)(D:\Typora图片\image-20220728115723576.png)]$

二、工具介绍之椭圆

 （1）椭圆工具

【椭圆工具】：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VHDJTEkn-1658999186355)(D:\Typora图片\image-20220728120124248.png)]$

和【矩形工具】同理，所有属性都类似。

这里一笔带过。

①按住Shift键从一点画正圆，按住Shift+Alt键从中心开始画正圆。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yKfYIdTp-1658999186355)(D:\Typora图片\image-20220728120201848.png)]$

②可以用【选择工具】选中椭圆。

然后在这里改变椭圆的颜色。（点击小色块选择喜欢的颜色）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zXnVES5W-1658999186355)(D:\Typora图片\image-20220728120357200.png)]$

在这里改变椭圆的描边。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-J44wiHdS-1658999186355)(D:\Typora图片\image-20220728120450757.png)]$

（2）基本椭圆工具

【基本椭圆工具】：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Lhyi0gPt-1658999186356)(D:\Typora图片\image-20220728120553075.png)]$

同样，和【基本矩形工具类似】，这里不多说了。

（3）区别

和矩形工具的区别类似，这里不多说了。

【椭圆工具】是散件，【基本椭圆工具】是组件。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KPF6zNot-1658999186356)(D:\Typora图片\image-20220728120815013.png)]$

下面再来看一个东西。

我们将它们分别放到矩形上。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H9f98Lye-1658999186357)(D:\Typora图片\image-20220728121045883.png)]$

然后再将它们分别往下移走。

①首先是【矩形工具】与【椭圆工具】：

移走之前，记得按住Shift键选中【椭圆工具】画的圆的每一块（选中的地方会出现小细格子，很好辨识），要不然没办法全部移走。

然后我们可以看到，原来的矩形，缺了一块。

是圆将它覆盖了。（上面的圆将下边的矩形相互重叠的部分给吞噬了）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b35lTuQd-1658999186357)(D:\Typora图片\image-20220728121705429.png)]$

②再来看【基本矩形工具】和【基本椭圆工具】：

不用像上面一样复杂操作，直接移走。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wZWyMNmo-1658999186358)(D:\Typora图片\image-20220728122028938.png)]$

可以看到，矩形并没有缺口。

这是因为【矩形工具】画的矩形是散件，所以会被吞噬。

而【基本矩形工具】画的矩形是组件，不会被吞噬。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gzEvhsPr-1658999186358)(D:\Typora图片\image-20220728122100453.png)]$

⚠️注意：【基本椭圆工具】画的圆也无法吞噬【矩形工具画】的矩形。

如下：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZAzqTeep-1658999186359)(D:\Typora图片\image-20220728122328745.png)]$

再将它移走。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F1ilGiPs-1658999186359)(D:\Typora图片\image-20220728122410320.png)]$

会发现，【矩形工具】画的矩形，没有被吞噬。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zkB6c82e-1658999186360)(D:\Typora图片\image-20220728122449506.png)]$

三、案例

这里为了方便大家熟悉并掌握这些工具的使用，一起带大家做一个小案例。

（1）画圆柱

 1）画一个矩形

先用【基本矩形工具】画一个矩形。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yj1OPMnZ-1658999186360)(D:\Typora图片\image-20220728122819420.png)]$

2）画一个椭圆

用【基本椭圆工具】画一个椭圆。（椭圆与矩形边缘贴合）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jRdkdygO-1658999186360)(D:\Typora图片\image-20220728123014967.png)]$

然后将椭圆往上移动至顶端。
$186361)(D:\Typora图片\image-20220728123353991.png)]![$

3）复制椭圆

然后再按住Alt键将椭圆下拉至底部贴合（复制一个椭圆）。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zEbHdDCH-1658999186361)(D:\Typora图片\image-20220728123519264.png)]$

4）置底

用【选择工具】选中最下边的椭圆，然后按住Ctrl+下方向键将该椭圆置于矩形底部。

5）打散

将它们用【选择工具】全部选中（整体框选住）。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eV4T5McJ-1658999186362)(D:\Typora图片\image-20220728123906502.png)]$

然后Ctrl+B打散。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TH5XjslR-1658999186362)(D:\Typora图片\image-20220728123941806.png)]$

6）删除线条

将下方多余的线条删除。

用选择工具选中矩形底部的多余线条。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iDyeu3Rs-1658999186363)(D:\Typora图片\image-20220728124125166.png)]$

按住Delete键删除即可。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0KuSYbwj-1658999186363)(D:\Typora图片\image-20220728124143743.png)]$

（2）填充颜色

选中两个区域块。（按住Shift键可同时选中）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5kRsrQ5C-1658999186364)(D:\Typora图片\image-20220728124400984.png)]$

然后将颜色改为黑色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RHPN5AGm-1658999186364)(D:\Typora图片\image-20220728124450719.png)]$

（3）线性渐变

【颜色】属性里边有一个线性渐变。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IpO5wNyk-1658999186365)(D:\Typora图片\image-20220728124621800.png)]$

通过调整色块来调整渐变颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wCHSlysg-1658999186367)(D:\Typora图片\image-20220728125303369.png)]$

（4）删除边缘线

然后删除边缘线（按住Shift键一个一个选中删除）。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AMXaOUUu-1658999186369)(D:\Typora图片\image-20220728125626261.png)]$

（5）调整光源

大家会发现，上方的椭圆和下方的矩形不在同一个光源下的感觉。

怎么调整呢？

这里就要用到【渐变变形工具】。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QoiumOiF-1658999186370)(D:\Typora图片\image-20220728125950152.png)]$

然后就可以进行旋转拉伸，调节颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zDaERjfW-1658999186370)(D:\Typora图片\image-20220728130154278.png)]$

咱们将舞台调成灰色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LR3s70Kn-1658999186370)(D:\Typora图片\image-20220728130306355.png)]$

这里粗略画了一下，不是很好，多多包涵。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JaZiwhqq-1658999186371)(D:\Typora图片\image-20220728140317359.png)]$

（6）转化为元件

我们全部选中，然后快捷键F8，将它转化为元件。

命名为“圆柱”。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-amcmCi3K-1658999186371)(D:\Typora图片\image-20220728140506919.png)]$

（7）画影子

 1）画一个矩形

先用【矩形工具】画一个矩形。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q1WEjC5K-1658999186371)(D:\Typora图片\image-20220728140816578.png)]$

如图：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CnSpxIvk-1658999186372)(D:\Typora图片\image-20220728140927676.png)]$

2）去除边缘线

将边缘线去掉。（用选择工具，按住Shift键将边缘线一个一个选中，按Delete键删除即可）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HYsIYGMz-1658999186372)(D:\Typora图片\image-20220728141000500.png)]$

3）将颜色改为黑色

颜色，自己看着调。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yvisZ8FC-1658999186372)(D:\Typora图片\image-20220728141133361.png)]$

4）用选择工具调整

用【选择工具】调整它的形状。

进行拉伸、放缩。

这里就意思一下，大家自行调整。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PLHw22us-1658999186372)(D:\Typora图片\image-20220728141618769.png)]$

然后全部选中（包括圆柱、影子），按F8，转化为元件，取名为“圆柱影子”。

创建元件之后，就可以整体移动。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hbsJSknS-1658999186373)(D:\Typora图片\image-20220728141802226.png)]$

四、工具介绍之多边形

【多角星形工具】：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4hJZVRvF-1658999186373)(D:\Typora图片\image-20220728142032104.png)]$

同样，我们画一个。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tccPY5dO-1658999186373)(D:\Typora图片\image-20220728142109644.png)]$

可以调整它的填充色和边缘色（方法和上面矩形类似）。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Fgin9c3k-1658999186373)(D:\Typora图片\image-20220728142220080.png)]$

如何改变边数呢？

在属性里边，将边数改变就好啦。这里示范一下9条边，星形。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lyissQAG-1658999186374)(D:\Typora图片\image-20220728142405254.png)]$

我们画一下。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MLpBgNVF-1658999186374)(D:\Typora图片\image-20220728142533742.png)]$

这里的顶点大小也可以自己调整，就是边缘角度，不能超过1。

这里画了对比图，自己对照看一下。

五、径向渐变

上面演示案例的时候，说到了线性渐变。

现在咱们来说一下径向渐变。

现在用【椭圆工具】画一个圆。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XtaYcJqQ-1658999186375)(D:\Typora图片\image-20220728143413065.png)]$

然后将边缘去掉。（点击边缘，按Delete删除即可）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pdEer0CO-1658999186375)(D:\Typora图片\image-20220728143439643.png)]$

然后鼠标点击圆圈中央，颜色选择径向渐变。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SI9f8G0p-1658999186376)(D:\Typora图片\image-20220728143606621.png)]$

稍微调整一下颜色。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t5RxOzVi-1658999186376)(D:\Typora图片\image-20220728143929013.png)]$

然后用【渐变变形工具】对颜色进行调整。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZSCcQjBS-1658999186376)(D:\Typora图片\image-20220728144003241.png)]$

可以拉伸。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y5n3Mk9r-1658999186376)(D:\Typora图片\image-20220728144037997.png)]$

放大。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-waUMftoa-1658999186376)(D:\Typora图片\image-20220728144056958.png)]$

旋转。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7KNpmJBZ-1658999186377)(D:\Typora图片\image-20220728144119115.png)]$

当鼠标放在轴心上的时候，就会出现一个三角形，我们可以通过这个三角形，来调整中心轴。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QYPnXmO4-1658999186378)(D:\Typora图片\image-20220728144243377.png)]$

颜色不好看，我们对颜色再次做出调整。

然后放大，然后轴心向斜上方移动。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Dw0Nw5ol-1658999186378)(D:\Typora图片\image-20220728145421530.png)]$

具体自己去调整，有兴趣的可以再画个影子，注意要使用线性渐变画圆，然后拉伸就好。

六、位图填充

我们点击位图填充。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F7wBpRjV-1658999186379)(D:\Typora图片\image-20220728150252517.png)]$

然后选择一张图片。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ijb42LdC-1658999186379)(D:\Typora图片\image-20220728150329486.png)]$

然后用【矩形工具】画矩形。

可以看见照片在里边。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4aFdKlCL-1658999186380)(D:\Typora图片\image-20220728150422271.png)]$

用【椭圆工具】画椭圆。

可以看见，是以图片排列的形式排列的。

写在最后：
如果大家按照上边的操作做了，一定会有很大收获。
其实就是在那个填充渐变色的地方，比较难把握颜色。
说实在的，还是得练。
希望我的文章对大家有帮助，欢迎指正~
相关阅读:
深入剖析：垃圾回收你真的了解吗？
postgis ST_ClipByBox2D用法
 基于.NetCore+React单点登录系统
 【LittleXi】C程序预处理、编译、汇编、链接步骤
 第二部分 Makefile 总述
 IDEA maven上传速度很慢、解决办法
 ▲ Android 签到打卡效果
 LEADTOOLS 入门教程: 将注释刻录到 LEADDocument - C# .NET Core
Linux的wc
服务器代码上云过程
原文地址：https://blog.csdn.net/m0_55746113/article/details/126039308

文章目录

一、工具介绍之矩形

（1）矩形工具

1）改变颜色

2）画正方形

（2）基本矩形工具

（3）区别

二、工具介绍之椭圆

（1）椭圆工具

（2）基本椭圆工具

（3）区别

三、案例

（1）画圆柱

1）画一个矩形

2）画一个椭圆

3）复制椭圆

4）置底

5）打散

6）删除线条

（2）填充颜色

（3）线性渐变

（4）删除边缘线

（5）调整光源

（6）转化为元件

（7）画影子

1）画一个矩形

2）去除边缘线

3）将颜色改为黑色

4）用选择工具调整

四、工具介绍之多边形

五、径向渐变

六、位图填充