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)区别

:question: 矩形工具与基本矩形工具有什么区别呢?

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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)]

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

如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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)]

用【椭圆工具】画椭圆。

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

6376)]

写在最后:
如果大家按照上边的操作做了,一定会有很大收获。
其实就是在那个填充渐变色的地方,比较难把握颜色。
说实在的,还是得练。
希望我的文章对大家有帮助,欢迎指正~

在这里插入图片描述

相关文章
|
图形学
如何使用透明贴图实现火焰效果
透明贴图通过指定每个像素的透明度通道来实现物体透明效果。它与物体表面材质进行混合,根据透明度值,通过 alpha 混合或色彩混合等方式来模拟物体部分或全部的透明效果。
82 0
An工具介绍之宽度工具、变形工具与套索工具
An工具介绍之宽度工具、变形工具与套索工具
1606 0
An工具介绍之宽度工具、变形工具与套索工具
|
3月前
|
API
【threejs教程】让你的场景五颜绿色:纹理贴图与环境贴图
【8月更文挑战第6天】【threejs教程】让你的场景五颜绿色:纹理贴图与环境贴图
135 11
|
4月前
|
Python
Python制作动态颜色变换:颜色渐变动效
Python制作动态颜色变换:颜色渐变动效
100 0
|
6月前
|
缓存 数据库 数据安全/隐私保护
我绘制文章插图的三个神级工具
我绘制文章插图的三个神级工具
109 0
|
前端开发
妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
230 0
妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
Photoshop使用钢笔路径绘制网状条纹
Photoshop使用钢笔路径绘制网状条纹
90 0
|
数据可视化
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
166 0
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
|
数据可视化
【视觉高级篇】20 # 如何用WebGL绘制3D物体?
【视觉高级篇】20 # 如何用WebGL绘制3D物体?
179 0
【视觉高级篇】20 # 如何用WebGL绘制3D物体?
|
算法 前端开发 JavaScript
【视觉基础篇】10 # 图形系统如何表示颜色?
【视觉基础篇】10 # 图形系统如何表示颜色?
172 0
【视觉基础篇】10 # 图形系统如何表示颜色?