How this prototype was created
1. Create the following content either in SketchBook or SketchBook Motion:
- Main image (in this example, a simple blueprint view)
- Text with an alpha channel in SketchBook
- Rainwater reuse
2. Import any content from outside SketchBook Motion using > Import to Layer.
3. Now, you animated the following:
1. Select the rain layer, assign the Particle animation, and draw a line for where the rain starts falling.
2. Before setting the speed of the rain or opacity, create masks to block the rain from the building (beige dotted lines).
3. In Controls, set how fast the rain will fall and emission rates (density of the drops).
4. Then, select Advanced Controls and make changes to the size of the drops and opacity of the rain (when they disappear).
5. In Granular, if you want, you can add a bit of wobble to the drops by playing with their path, speed, and synchronization.
Since there are multiple arrows, you’ll need to do this for each one.
1. For each arrow, select its layer, assign the Beeline animation, and draw a line for the arrow to follow.
2. In Controls, set how fast you want the arrow to travel along the path.
3. Then, select Advanced Controls and make changes to the size of the arrow, so it disappears at a certain point.
Since there are two bubble areas, you’ll need to do this for both layers.
1. Select the bubbles layer, assign the Particle animation, and draw a line where the bubbles should starts rising.
2. In Controls, set how fast the bubbles travel and emission rates (the density of the bubbles).
3. Then, select Advanced Controls and change the scale and opacity of the rain to make the bubbles invisible.
This effect uses three layers. The rain layer, we’ll skip over, as it’s similar to the rain section above. The rollers on either side of the subway car are interesting, so we will look at them. Since there’s a set of rollers, you’ll need to do this for both layers.
1. Select the rollers layer and assign the Grow animation.
2. Tap Duplicate, then draw a path for the content to be duplicated along (orange dotted line).
3. In Controls, set the speed of the rollers and the spacing to create the rollers.
4. Tap Bend, then draw a path slightly offset from your “duplicate path” (red dotted line).
5. In Granular, use path to add a bit of side-to-side motion to the rollers. You might want to play with the speed of the path.