How to Animate a Map Destination in After Effects in 2018

Learn how to animate a map destination in After Effects using basic tools and techniques such as using the Pen tool to draw a path, animating its stroke, adding a trim path operator, and revealing the destination info by creating and animating a mask. ▶ After Effects Strokes and fills for shapes Strokes and fills for shapes are paint operations that add colored pixels to a path or to the area defined by a path. A stroke or a fill can consist of a solid color, or it can use a gradient of colors. Strokes can be continuous, or they can consist of a periodic series of dashes and gaps. ▶ After Effects Set stroke width To set stroke width for new shapes in pixels (px), drag the underlined Stroke Width control (which is located to the right of the Stroke controls in the Tools panel), or click the control and enter a value in the box. To set the stroke width for existing shapes, select them before using the Stroke Width control. ▶ After Effects Line Cap options for strokes The Line Cap property for a dashed stroke determines the appearance of the ends of the stroke segments (dashes). Butt Cap The stroke ends at the end of the path. Round Cap The stroke extends beyond the end of the path for a number of pixels equal to the stroke width in pixels. The cap is a semicircle. Round Join: A rounded connection Bevel Join: A squared-off connection ▶ After Effects Line Join options for strokes The Line Join property for a stroke determines the appearance of the stroke where the path suddenly changes direction (turns a corner). ▶ After Effects Alter shapes with path operations Path operations are similar to effects. These live operations act non destructively on a shape’s path to create a modified path that other shape operations (such as fills and strokes) can apply to. ▶ After Effects Trim Paths Animate the Start, End, and Offset properties to trim a path to create results similar to results achieved with the Write-on effect and the Write On setting for paint strokes. If the Trim Paths path operation is below multiple paths in a group, then you can choose to have the paths trimmed simultaneously or treated as a compound path and trimmed individually. More from Elias Sarantopoulos ❤ Creative tutorials from Elias Sarantopoulos. Helping you develop your skills with Affinity Designer, Adobe Illustrator, After Effects, and Bootstrap tutorials. Website! ▶ Helping You Develop - http://www.pixelias.com/ Flickr! ▶ http://bit.ly/1xx0bBu Instagram! ▶ https://instagram.com/pixeliasdotcom/ Twitter! ▶ http://www.twitter.com/pixEliasdotcom Subscribe! ▶ http://www.youtube.com/channel/UCPq0a0HP6JvculGSNYu-pSQ?sub_confirmation=1