![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/f98e5e6d-ac55-4014-927f-41afd04bbeb3.jpg)
I have talked about many PPT cases before, so today, let’s solve a practical problem!
This problem stems from a friend of mine who wants to make a striking dotted frame for customers and wants the dotted frame to scroll.
Similar to this scrollable border I put below:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/161dc0d4-0fae-4fa5-b09b-099b2026d305.jpg)
He said that he tried to add a gyro to the box, but the effect was very strange and not what he wanted. Then he was stumped by this problem, and he tried several times, but still couldn't figure it out.
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c2a8c50c-5c9f-4cd5-b81c-f4ed2f4b378a.jpg)
So, in our article today, we will solve this practical problem! In fact, this effect is professionally called: Ant Line. How to do the dotted frame that can be scrolled in PPT?
1. A moving circle
In PPT, how to form a dotted line The circle, how about moving?
It's very simple, we First insert a circle in the PPT page Shape, set no padding, and set the border as a dotted line:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d868aaa5-b06e-486e-9a03-04751cbdbf1a.jpg)
Then we find the spinning top in the animation, click on the menu bar > Animations > Emphasis > Top:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/707895f7-a9bf-4957-84bd-a9102fb2ed6c.jpg)
Select the dotted circle on the page and add animation to get this effect:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/fed77c62-d8d0-45a6-bc77-3c906536b088.jpg)
This kind of effect is done well~ This kind of animation is very suitable for emphasizing key information on a page, or highlighting a certain data or product!
2. The rotation of the square dotted line
If we replace the circle with Square, will you still make it move? If your answer is "add gyro directly", then I can only smile.
Because after you add a gyro to the square, it moves like this:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/500f2d18-bc6f-4087-b574-0a0b43df813b.jpg)
Why is this?
Here, we need to look againThe definition of the gyroscope: Text or object rotates clockwise or counterclockwise. To extend it further, the gyro is selected clockwise/counterclockwise around the center point.
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/b3f2561f-2274-4b6d-8b3a-6928a591dbfa.jpg)
So, what should we do to make the effect like the picture below?
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ff99f804-b6f4-49c3-82e6-ad5c55f7974c.jpg)
The first step is to draw a rectangle with a dotted line:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9fed1c89-e24a-4346-9aff-28a3be8fe5de.jpg)
The second step is to set the action path for each dotted line:Click Animation>Other>Motion Path>Line:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/94e0e37b-2c9b-48a7-9ab6-f95524065966.jpg)
Generally, straight-line paths are applied directly, and this animation looks like this:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/befe384f-0375-4d5d-a2b9-06cf5bb39fec.jpg)
So, here, we systemically adjust the direction of the straight path:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/b0ece843-0f72-4074-8034-e9f6db81251e.jpg)
Imagine that what is needed is that the dotted lines of the box rotate clockwise/counterclockwise. Then, the directions we add to different dotted lines should be different:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/97c8928f-9d4b-43d0-b82e-9b7677e34b61.jpg)
According to this direction, we add corresponding animation to the corresponding straight line!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7feccc31-eccb-4226-a8f6-6c519e82d28c.jpg)
The third step is to use a mask to cover the redundant part Live:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0559eb06-1f96-4897-ae85-65ae53787e64.jpg)
Then let's show the animation to see the effect:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/01a83090-be97-4411-a0dc-f768dc5a88ed.jpg)
Finally, considering that you often search for PPT templates, for your convenience, I have compiled 191 sets of high-quality PPT templates, which are sent directly without routine:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/30b1c741-5afc-432d-8bf4-a180ed63ede3.jpg)
Receipt method: Follow me, send keywords [191] to receive~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/eb304312-a9b1-4d1d-8e2c-e4b077a69136.jpg)
Articles are uploaded by users and are for non-commercial browsing only. Posted by: Lomu, please indicate the source: https://www.daogebangong.com/en/articles/detail/First%20aid%20in%20the%20workplace%20How%20to%20do%20the%20flowing%20dotted%20frame%20in%20PPT%20The%20exclusive%20experience%20of%20the%20whole%20network%20hurry%20up%20and%20collect%20it.html
评论列表(196条)
测试