当前位置:网站首页>Basic principle of the bulk of the animation and shape the An animation tip point
Basic principle of the bulk of the animation and shape the An animation tip point
2022-08-03 13:05:00 【Rainwing Light Dust】

文章目录
一、Bulk, animation
(1)介绍
【Bulk, animation】:A bulk,包括形状、颜色.From the first frame to the change of the last frame.
比如,We are in the first frame with【椭圆工具】画一个圆.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jARWi8rU-1659155097247)(D:\Typora图片\image-20220730084010145.png)]](/img/a6/73b026e5d252a16d7c13a41ca76d99.png)
然后在第30帧的位置,插入关键帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cUD4Bjai-1659155097248)(D:\Typora图片\image-20220730084101725.png)]](/img/da/d2a1feb33d5ba3bc66b83faf545c2e.png)
用【选择工具】Move the circle to the right.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-skuBkc0f-1659155097249)(D:\Typora图片\image-20220730084151439.png)]](/img/02/68c1d7618f4a0c4d52345675216865.png)
Change its shape.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yaw19OIp-1659155097249)(D:\Typora图片\image-20220730084304037.png)]](/img/0f/0d36d27655cbdf60e71819f8db8835.png)
在第1帧到30Frame the middle right“Create complement between shape”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eHiiG202-1659155097249)(D:\Typora图片\image-20220730084400726.png)]](/img/d2/e6d35e581a068c5b8db35d2c987de3.png)
Can play a look at,It is natural that the transition from the first frame to frame the last.

At this time we will be the last frame change color,如蓝色.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k4cXn8Z4-1659155097256)(D:\Typora图片\image-20220730084819128.png)]](/img/57/10e1fce474988c7e0d8fea48fa2760.png)
Play as you can see again,Its color is also gradually transition.
(2)案例
接下来做一个小案例.
1)画球
用【椭圆工具】画一个圆,Color for the radial gradient,Stroke without.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2xMcxTEP-1659155097258)(D:\Typora图片\image-20220730085608523.png)]](/img/5c/b3a069c4db08e192cdfb873e36eeb0.png)
用【Deformation gradient tool】Change its light.(之前做过一个Sphere case,可以去看看)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jkWDubQn-1659155097258)(D:\Typora图片\image-20220730085854926.png)]](/img/40/10de925756e48cff816567a5b56ed9.png)
Slightly adjust the gradient color again(自行调整,I also look at the tuning),Then you get to the ball.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rCIijq8O-1659155097259)(D:\Typora图片\image-20220730090033669.png)]](/img/f3/54577be2e0cbd19254500d00b31688.png)
2)插入关键帧
在第30The position of the frame inserted into the key frames.
然后用【Deformation gradient tool】Move the ball of light to the right.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UYxvgVTj-1659155097259)(D:\Typora图片\image-20220730090353621.png)]](/img/86/f6029be78a60975c9dabdb4040c9bd.png)
3)Create complement between shape
在第1帧-30The intermediate position of the frame right“Create complement between shape”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-366JBjLj-1659155097259)(D:\Typora图片\image-20220730090458987.png)]](/img/c3/dde21f213e755249ae95d7a8ae7ea6.png)
4)创建空白帧
In order to better transition,We all create a blank frame in before and after.
下面演示一下.
①The blank in front of the frame
Will these frame selection(Direct the left mouse button click on the first frame,Hold still drag and drop to the first30The frame is good).
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iVqMEJKs-1659155097260)(D:\Typora图片\image-20220730090839162.png)]](/img/a9/6d6b1b4f3673d041c521024f7da2a6.png)
The overall move to20帧的位置.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TkJOaHcv-1659155097260)(D:\Typora图片\image-20220730090957094.png)]](/img/9e/7c9b354dd5e5587ac1353782b6ea39.png)
在第20Click on the location of the frame,然后Ctrl+C复制.
Then in the first frame position,Ctrl+Shift+V原地复制.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Zpc2EWRg-1659155097260)(D:\Typora图片\image-20220730091153941.png)]](/img/4b/6aed3d5014814747f5c37f9b62fca9.png)
So the first frame with the original ball.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HwQI8xvm-1659155097261)(D:\Typora图片\image-20220730091257682.png)]](/img/73/7f7b8f13652a8586bb6fb3361cca34.png)
②At the back of the blank frame
Behind it is easy to add,Just click at the end of the place,然后按F5Create the frame can be.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lNa2p7BC-1659155097261)(D:\Typora图片\image-20220730091605233.png)]](/img/e9/d7048a7dab1f8a83485b8f69c3da20.png)
If feel the middle transition time is too short,Can also be the mouse to click20-50Middle frame anywhere,按F5创建帧.
5)投影
Have a light source will be projection,Now let's draw a projection.
①Draw a shadow
先创建一个图层.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uobFoV6t-1659155097261)(D:\Typora图片\image-20220730091831379.png)]](/img/2e/58ae6d579cad251110efd96ba167ae.png)
用【椭圆工具】画一个椭圆,Color change to black.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AX2nYsqD-1659155097262)(D:\Typora图片\image-20220730091941579.png)]](/img/ea/c37f9bbdee5961620520b10728d82c.png)
Then the shadow layer layer underneath the ball.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tumyCBo2-1659155097262)(D:\Typora图片\image-20220730092033057.png)]](/img/4f/9df771ceaeaeb869f9a6ec4aa2faed.png)
②The shadow changes before and after the adjustment
Then adjust shadow a little.
Color can be replaced with grey,用【任意变形工具】To adjust the shadow,Also can use the up and down the keyboard direction key changes.
The position of the beginning of this,The shadow should be on the right side.(Light source in the left)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n2V9NCct-1659155097262)(D:\Typora图片\image-20220730092349388.png)]](/img/52/16909985acc696299c429135c9d542.png)
注意,Drawing just now,应该是在第1帧的位置.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aeb3eecb-1659155097263)(D:\Typora图片\image-20220730092730814.png)]](/img/eb/ab2e73b8e883a7a0529595e3c179e6.png)
然后在20The position of the frame key frames.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cIIIfohj-1659155097263)(D:\Typora图片\image-20220730092834261.png)]](/img/a6/5d5928b1e7cb9229acc7977fde5a59.png)
这个位置,Also right“插入关键帧”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RMjLsAAC-1659155097263)(D:\Typora图片\image-20220730092940522.png)]](/img/b3/ee1d531d929cad6b105178c0e229b8.png)
Then we will change after the shadow also change.(Light source on the right side)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kXf9XVTX-1659155097263)(D:\Typora图片\image-20220730093144070.png)]](/img/a2/ace4bfe9e2d8309ac1e03fccc73fef.png)
③Add the shadow of the transition
Because there is no so fast transition shadow,So in the middle,Also need to add a transition.
在第40帧的位置,创建一个关键帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Gq3WdzrL-1659155097263)(D:\Typora图片\image-20220730093404527.png)]](/img/2a/f177c7932e6e5c16dafef0231ad559.png)
And then change the position of the shadow.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xxSi3QI2-1659155097264)(D:\Typora图片\image-20220730093443506.png)]](/img/84/d333bbd8800376a2f4590d3e82ce12.png)
④Create complement between shape
分别在20-40帧和40-60帧的位置,右键“Create complement between shape”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bvuAEHsK-1659155097264)(D:\Typora图片\image-20220730093601794.png)]](/img/e5/0acd04006127d17d1a58c677f8d4cb.png)
Behind the shadow layer frame up,With the above alignment.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lm0Ik22x-1659155097264)(D:\Typora图片\image-20220730093701101.png)]](/img/0c/346c479937c9841f6ea59775b6a00b.png)
6)复制一个
将20-60The position of the frame selection.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LATP7SNw-1659155097265)(D:\Typora图片\image-20220730094257341.png)]](/img/4e/caa7b1cb336df1e77454a4827d40b5.png)
按住AltKey to drag and drop them to the back.(Copy the front behind a effect to the)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3JU7kBXN-1659155097265)(D:\Typora图片\image-20220730094501704.png)]](/img/32/4e98981d00a8b4debfcc5eacd96c6e.png)
然后右键“Flip the frame”.
Flip the frame:The first frame and the last frame switch.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NAyhc5Kb-1659155097265)(D:\Typora图片\image-20220730094613864.png)]](/img/42/224e95dc722eda6004e58d7969eb70.png)
7)效果
看一下最终的效果:

二、Tip shape point
(1)字母变化
Let's do a letter.
用【文字工具】敲一个W,Up the size,字体就用“微软雅黑”,Color with black.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G4nhZpWn-1659155097266)(D:\Typora图片\image-20220730095606933.png)]](/img/18/4d159fbe6edb7038300ad0f05fadce.png)
在第30帧的位置,插入关键帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zjSLQ8ng-1659155097267)(D:\Typora图片\image-20220730095645156.png)]](/img/0a/6c66d40a17b42992ffa9ede71f37f4.png)
在第30帧的位置,Change the words toM.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-paW7WYSU-1659155097267)(D:\Typora图片\image-20220730095751208.png)]](/img/77/8bee3dbafb3bc1d4f6dd8769d24658.png)
分别将W和M打散.(Can click on the first1帧和第30帧,用快捷键Ctrl+B打散)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wJRHyPzP-1659155097268)(D:\Typora图片\image-20220730095904594.png)]](/img/ac/5a7d509ef7e85a0e7439e5c9975c17.png)
在第1帧-30The frame in the middle right“Create complement between shape”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OeIOSOHX-1659155097272)(D:\Typora图片\image-20220730100110954.png)]](/img/8b/c1b314981ce541da6e3e04d4033967.png)
Pictures or letters into bulk, after,才能使用“Create complement between shape”.
(2)空白帧
还是跟之前一样,In order to make them natural transition,To create a blank frame before and after.
①首先把第1帧-30The frame selection.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eK1thMiL-1659155097273)(D:\Typora图片\image-20220730100354213.png)]](/img/b1/f8f351e2118ae45058e1d7ab1d1457.png)
Drag and drop behind.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9o26fEfb-1659155097273)(D:\Typora图片\image-20220730100428626.png)]](/img/e5/fdf51dc8cd8f8cbd68f4c1de8d0be5.png)
②点击第25帧,Ctrl+C复制.
然后点击第1帧,Ctrl+Shift+V原地复制.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KP3HRvII-1659155097274)(D:\Typora图片\image-20220730100539511.png)]](/img/52/b8b5e991a65ba5eacf2719f2a26a1b.png)
③Behind the blank frame directly according to theF5创建就好.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bLfc2XG9-1659155097274)(D:\Typora图片\image-20220730100626489.png)]](/img/d5/0a6c772bd16a5bf3ed951d090fb03f.png)
(3)形状提示
我们在第25帧的位置,To do a tip shape.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-by1fG007-1659155097274)(D:\Typora图片\image-20220730100943227.png)]](/img/c3/70c617df14d7c83f7fcc38aa054291.png)
怎么添加呢?
①在第25帧的位置.
我们会看到,Add shape after the prompt,WLetter with a tip point.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AXiofqdl-1659155097275)(D:\Typora图片\image-20220730101057209.png)]](/img/89/27c8dfb6372eb5bda5d53f71825d8b.png)
To move it to the lower left corner.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GwKfO0ES-1659155097275)(D:\Typora图片\image-20220730101123820.png)]](/img/b8/1930f7e14d4d6b2f2c9ed2a9dff1e4.png)
Add a prompt point(按快捷键Ctrl+Shift+H).
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AEjGbMZA-1659155097275)(D:\Typora图片\image-20220730101224155.png)]](/img/1b/f116d07c50e976c1f56f347042e479.png)
To move it to the lower right corner.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o8znpICA-1659155097276)(D:\Typora图片\image-20220730101249670.png)]](/img/0b/318225d441d4b6610dc485db293ad5.png)
②In the last change toM的时候,The two points will be moved to the specified location.(a对应a,b对应b)

Add shape tip point,Specify the location drastically changes will happen,只有平移.
看一下效果:

(4)复制
We like the above case,To do a reincarnation.
将25帧-55帧的位置,全选,按住AltKey is copied to the back.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JTvwXFBR-1659155097278)(D:\Typora图片\image-20220730102728386.png)]](/img/67/997102edeecf181fa7c02b5a901989.png)
然后再选中80帧-110The frame to flip.
After turning frame,Tip shape point will disappear.
At this moment need to redo.
第80帧:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xj3a1d8D-1659155097278)(D:\Typora图片\image-20220730103058890.png)]](/img/d4/7893d1018fcb6e83c978c850afa23a.png)
第110帧:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4exZZZdV-1659155097278)(D:\Typora图片\image-20220730103140138.png)]](/img/84/1ee6b0f04f88b5d32066900cfe28ce.png)
(5)效果
看一下效果吧:

是不是很神奇?
希望文章对大家有所帮助,原创不易,多多支持!
边栏推荐
- 易观分析:2022年Q2中国网络零售B2C市场交易规模达23444.7亿元
- IronOS, an open source system for portable soldering irons, supports a variety of portable DC, QC, PD powered soldering irons, and supports all standard functions of smart soldering irons
- An动画基础之散件动画原理与形状提示点
- IDEA的模板(Templates)
- 长江商业银行面试
- 可视化图表设计Cookbook
- 字节最爱问的智力题,你会几道?
- An动画优化之遮罩层动画
- Byte's favorite puzzle questions, how many do you know?
- Image fusion GAN-FM study notes
猜你喜欢
随机推荐
[数据仓库]分层概念,ODS,DM,DWD,DWS,DIM的概念「建议收藏」
使用 %Status 值
An动画基础之散件动画原理与形状提示点
安防监控必备的基础知识「建议收藏」
层次分析法
In order to counteract the drop in sales and explore the low-end market, Weilai's new brand products are priced as low as 100,000?
pandas连接oracle数据库并拉取表中数据到dataframe中、生成当前时间的时间戳数据、格式化为指定的格式(“%Y-%m-%d-%H-%M-%S“)并添加到csv文件名称中
博客记录生活
汉源高科G8032标准ERPS环网交换机千兆4光10电工业以太网交换机环网+WEB管理+SNMP划VLAN
业界新标杆!阿里开源自研高并发编程核心笔记(2022最新版)
Sogou news-数据集
来广州找工作有一个多月了,今天终于有着落了,工资7000
15. PARTITIONS「建议收藏」
Notepad++ 安装jsonview插件
R语言ggplot2可视化:使用ggpubr包的ggline函数可视化折线图、设置add参数为mean_se和dotplot可视化不同水平均值的折线图并为折线图添加误差线(se标准误差)和点阵图
利用pgsql插件PostGIS 实现地理坐标系数据转换
nacos app
PolarFormer: Multi-camera 3D Object Detection with Polar Transformers 论文笔记
特征降维学习笔记(pca和lda)(1)
基于php校园医院门诊管理系统获取(php毕业设计)









