Animating Sketch and Capture shapes using After Effects

Last updated on Feb 23, 2026

Convert shapes in Sketch and Capture to Illustrator files and animate using After Effects

Adobe Sketch and Adobe Capture mobile apps let you create your artwork on the go, wherever inspiration strikes. Using these apps, you can create shapes that can be directly imported into After Effects or sent to Illustrator or Photoshop for further editing or finishing touches. You can then consume these shapes in your Adobe After Effects compositions.

Shape layers contain vector graphics objects called shapes. By default, a shape consists of a path, a stroke, and a fill.

You can import shapes into After Effects or create shape layers by drawing in the Composition panel with the shape tools or the Pen tool.

Create a shape in Sketch

Open Adobe Photoshop Sketch in your iPhone, iPad, or iPad Pro and sign in with your Adobe ID.

Tap + to start a new project and tap on a blank canvas to start a new sketch.

The Sketch Layer and Image Layer options are highlighted.
Use the Sketch Layer or Image Layer options to start a new project with a sketch or image.

To use a stock image as a background for your artwork, tap the Images icon and choose Adobe Stock in the Images menu.

Use the Image import options to add an image to the canvas.
Use the Image import options to add an image to the canvas.

If you want to use an image as a tracing reference, use the stacking icon to place the image below your artwork and reduce the opacity, and then click outside the box to apply the changes.

Draw your sketch using the built-in brushes, shapes, color tool, and perspective.

The built-in brushes are available to choose from and use on the canvas.
Open the built-in brushes to select and use them on the canvas.

Save your shape to an appropriate Creative Cloud library in your collection, or use the Send to Photoshop or Send to Illustrator options to convert it to a layered vector image.

To learn more about using Adobe Sketch, watch the tutorial Draw and share concepts in Adobe Photoshop Sketch.

Create a shape in Capture

Open Adobe Capture in your iPhone, iPad or iPad Pro and sign in with your Adobe ID.

Tap the Shapes menu option, then tap the   icon. 

Point your camera at the object and use the slider to add or remove details from the image. Tap the screen and try out the options to see which option gives you the best results.

The camera is pointed at the object, and a slider lets you add or remove details from the image.
Point the camera at the object and adjust the detail using the slider.

Tap the Capture button to capture.

Tap Deselect and drag your finger over the parts of the shape you want to remove.

The option to drag your finger over parts of the shape is visible.
Swipe your finger over the portions of the shape you want to delete.

Tap Next when you’re done and let Capture draw the smooth outlines that make up your shape.

Review the drawing, then tap Next and enter a name for your shape.

Choose the appropriate library in the Creative Cloud Library panel and tap Save Shape

For more information, see Preparing and importing Illustrator files.

Import a shape into After Effects and animate it as 2D or 3D

You can import shapes directly from mobile applications as local files or assets saved in Creative Cloud library. You can also import them as Photoshop or Illustrator files if you have sent them from mobile apps for further changes. 

For example, to bevel and extrude your vector, create a shape layer from a vector art footage layer, and then modify the shape layer. Once you have converted a vector layer into a shape layer, you can bevel and extrude it. An extruded object is one that appears to be three-dimensional. This 3D appearance is most apparent when moving the object or moving a camera around the object. Bevel is the control over the edges of an extruded object.

In the following procedure, you can learn how to get started with animating your shape as 2D and 3D:

To import a vector file or a shape in PNG format, or as an Illustrator or Photoshop file, drag and drop the graphic into your composition, or select File > Import > File, select the file, and then Import.

If you have imported a layered vector graphics file, right-click the vector layer and select CreateCreate Shapes from Vector Layer. After Effects converts the vector layer into a shape layer that you can animate.

The Layer menu is open, and from the Create menu, the Create Shapes from Vector Layer is selected.
Convert the selected vector layer into an editable Shape layer while keeping the original layer in the timeline.

To create a simple animation with the imported shape, expand the layer and the Transform option under it. For example, if you want to rotate the shape:

  1. Drag and drop the shape into your composition. After Effects creates a new shape layer.
  2. Move the Current Time Indicator to the position where you want the rotation to be complete.
  3. Press R. The Rotation property appears under the shape layer.
  4. Click the stopwatch icon to enable rotation.
  5. Insert a keyframe at the destination point by selecting the keyframe icon on the left of the rotation property.
  6. Rotate the shape in your composition or change the number of times you want the shape to rotate and the rotation angle in the Rotation properties. 
  7. Select Composition > Preview > Play Current Preview.
The layer properties are open, and the Rotation property value is adjusted in the Timeline panel.
Use the Rotation property in the timeline to rotate the selected layer around its anchor point over time.

Select Composition > Composition Settings to convert the composition into a ray-traced 3D composition for animation.

In the 3D Renderer tab, select the renderer as Cinema 4D. Your composition is now a Cinema 4D composition that allows for extruded text and shapes.

The Composition Settings is open, and in the 3D Renderer tab, the renderer is selected as Cinema 4D.
Select Cinema 4D so that you can work with extruded text and shapes.

To convert your shape layer to a 3D layer, do one of the following:

  • To convert a layer to a 3D layer, select the 3D Layer   switch for the layer in the Timeline panel, or select the layer and select Layer > 3D Layer.
  • To convert a text layer to a 3D layer with per-character 3D properties enabled, select Animation > Animate Text > Enable Per-Character 3D.

Choose one or more options from the wide range of 3D animation tools that After Effects offers. For example:

  • To rotate or orient your 3D layer in the Timeline panel, select the 3D layer and, in the Timeline panel, modify the Rotation or Orientation property values. Press R to show Rotation and Orientation properties. 
  • To move a 3D layer, in the Composition panel, use the Selection   tool to drag the arrowhead of the 3D axis layer control corresponding to the axis along which you want to move the layer and Shift-drag to move the layer more quickly. You can also do this by modifying the Position property values in the Timeline panel.
  • To animate your 3D layer with varying viewing angles and distance as if viewing through one or more cameras, use the camera option. Select Layer > New > Camera, or press Ctrl+Alt+Shift+C (Windows) or Command+Option+Shift+C (macOS). Move the current time indicator to the destination time, insert a keyframe, and move the shape.