You can create more arrows by selecting an arrow and duplicating it (Cntrl+D) or by moving it while holding 'Alt'.
Cut more arrows!
Last one!
Hit the bullseye with an arrow.
We locked a background layer (The Net Pattern) so it doesn't get in the way. unlock it by pressing 'L' and checking a lock icon ( ) next to the layer name.
1. Click on the arrow image.
2. Click on the second keyframe.
3. Adjust it's Y value to be 4000 px.
1. Click on the grid image.
2. Right click on Rotation ( ) input and select + Keyframe.
3. Scroll down a bit.
4. Change Rotation value from 0° to 10°.
5. Adjust your animation by moving keyframes on the timeline and adjusting their Rotation values.
1. Click on the owl image.
2. Click on a second keyframe
( ) on a timeline.
3. Adjust the Y value to be 1900 and hit Enter.
4. Now scroll the page both ways to see the owl flying.
3/5
Make an owl image scroll faster than the dancing people image.
4/5
Create a simple scroll-based
rotation animation.
Stoked to see you in Control.
We hope you'll
love it here.
Complete 5 little tasks and learn a few tricks.
They will aid you in your creative journey.
Everything on this page is made in Control and
can be moved,
adjusted,
deleted
or
improvised upon.
Welcome
2/5
Reveal the image by unblurring it.
Click on a violet blob and decrease the blur value ( ) from 90° to 0°.
1/5
Make Control logo 'sticky'.
Select the logo and click on the nail icon ( ) in the toolbar which will appear at the bottom.
Experiment with animating other properties
Color
Scale
Position
Rotation
Size
Blur
Now it's your turn to use the powers of Control to create something cool!
Visit our Instagram for inspiration, tips and more.
Get more tutorials on Youtube.
Browse our dev documentation