Creating Paint Stroke Gifs: After Effects Guide

how to create paint stroke gif on after effects

Adobe After Effects is a digital motion graphics and compositing software used to create visual effects. It is widely used by motion designers, animators, and compositors. After Effects does not support the creation of GIFs using built-in tools. However, you can create a paint stroke effect in After Effects and export it as a video, which can then be converted into a GIF using third-party applications like GIF Rocket or Photoshop. Alternatively, you can use tools like GIFGun, which can be docked into After Effects, to directly export GIFs from After Effects.

Characteristics Values
Tools Paint Stroke Tool HUD, Shape HUD, Shape Style pop-up menu, Brush Tool, GIFGun, Photoshop
Actions Modify parameters, animate individual dabs, adjust Dynamics controls, apply Write On behaviour, change stroke options, create key frames, apply Posterize Time effect, trace image, export video, import video, save for web
Effects Exploding particle, staggering animation, wiggly movement, jittering, fluidity, watercolour, vintage, graffiti, spray paint, retro

cypaint

Using third-party applications like GIF Rocket or Photoscape

If you are looking for a quick and easy way to create a paint stroke GIF, you can use third-party applications like GIF Rocket or Photoscape. These applications offer a straightforward way to convert video clips into GIFs without the need for extensive editing or exporting options.

Let's start with GIF Rocket. This application is designed for Mac users and provides a simple drag-and-drop interface for creating GIFs. After saving your video clip from After Effects, you can open GIF Rocket and drag your video file into the application. The application will automatically create your GIF, and you can adjust the width and quality settings to suit your preferences. This method is ideal if you need a quick solution without the need for complex customizations.

On the other hand, if you prefer a desktop application that offers more creative freedom, Photoscape is an excellent option. With Photoscape, you can create animated GIFs by following a few simple steps. First, open the Photoscape software and choose the photos you want to animate. Photoscape allows you to edit your photos using special effects, text fonts and colours, and various other features. It's important to remember that each "frame" of your animated GIF requires a separate image. So, if you plan to have four different frames, you need to create four individual images. Save each frame with a distinct file name to keep them organized.

Once you have your images ready, stay within the Photoscape program and navigate to the "Animated GIF" option on the home screen or click on the "Animated GIF" tab. Now, add your images by dragging and dropping them into the open space provided. You can adjust the speed of the animation and explore the various effects available within Photoscape. Finally, save your animated GIF with a new filename, and your creation is ready to be shared!

Both GIF Rocket and Photoscape offer straightforward ways to create GIFs, each with its own advantages. GIF Rocket excels in simplicity and speed, while Photoscape provides more creative flexibility with its range of editing and customization options. Depending on your specific needs and preferences, either of these third-party applications can be a great choice for crafting paint stroke GIFs without the need for extensive editing in After Effects.

cypaint

Utilising the Brush Typography Pack by Wondershare Filmstock

Wondershare Filmstock's Brush Typography Pack is an excellent tool for adding brush strokes to your videos. It comes with 12 title templates and 27 artistic elements, including creative paintbrush strokes with elegant fonts, modern and chic design templates, 3 overlays, and 10 transitions. The pack is perfect for incorporating brushed fonts and vibrant, dynamic brush strokes into your video projects.

The Filmstock Brush Art Design Pack offers vivid and colourful paint effects, with title templates, elements, overlays, and transitions to enhance your art videos. The Beauty Brushy Pack, compatible with Filmora 9.1 and above, is ideal for the beauty industry, with its unique makeup effects and elegant brush strokes. It includes 7 title templates, 6 elements, and 3 overlays and transitions.

The DIY Ink Pack provides a subtle artistic effect with its bright and crafty swirls, squiggles, and dashes, while the Graffiti Pack adds a rebellious charm with its 59 creative elements inspired by street art and graffiti. The Urban Graffiti Pack offers a colourful hipster vibe with its premium spray paint effects.

The Painter Pack, compatible with Filmora 9.1 and above, features 8 title templates, 14 elements, and 4 transitions, and is perfect for adding a delicate, dreamy watercolour effect to your videos. The Paris Sketchbook Pack, with its vintage travel theme, has been downloaded over 200 million times and includes 15 title templates, 35 elements, 6 overlays, and 12 transitions.

Paint a Starry Night: Moon & Stars

You may want to see also

cypaint

Modifying stroke options like colour, diameter, angle, and opacity

To modify stroke options in After Effects, you can adjust the colour, width, angle, and opacity to create unique and dynamic looks.

Colour

To change the colour of a stroke, select the layer and open the Stroke Settings. You can then choose your desired colour. For a neon look, it is recommended to use bright, less saturated colours. You can also create a gradient stroke by selecting Linear Gradient from the dropdown menu and then editing the gradient to choose your desired colours. This can be done by selecting Edit Gradient and adjusting the colours at the top and bottom of the bar.

Diameter

The diameter or width of the stroke can be adjusted to your liking. You can set the Stroke Width to a specific value, such as 20, or use the Stroke Width slider to control the width.

Angle

To modify the angle of the stroke, you can use the Offset Angle or Offset Expression to adjust the angle of the stroke. This allows you to animate the stroke exactly as you would expect.

Opacity

To change the opacity of the stroke, you can go to the Stroke Options in the toolbar and adjust the opacity there. Additionally, you can use the Opacity Markers in the Gradient Fill settings to adjust the opacity of the stroke.

By modifying these stroke options, you can create a variety of looks and bring your projects to life in After Effects.

cypaint

Exploring the Paint Stroke Tool HUD and its basic parameters

The Paint Stroke Tool HUD allows you to set the properties of your paintbrush before you start drawing your stroke in the canvas. The default brush type is Basic Solid, but you can change this by defining a paint stroke style. To do this, click the Shape Style preset pop-up menu and choose an option. You can then modify the Brush Color and Width settings.

The lower portion of the HUD contains a sketch area where you can preview the brush styles in combination with the current Paint Stroke Tool HUD settings. This allows you to see what your paint stroke will look like before you start drawing.

The HUD also lets you set properties derived from the pressure and speed of the stylus. The Pen Pressure parameter is a pop-up menu that sets the stroke's width, opacity, and jitter based on the pressure of your pen. The Pen Speed parameter works in a similar way but is based on the speed of your pen. These parameters are not available for solid brush types.

Once you have drawn your stroke, you can use the Inspector to modify parameters unique to the paintbrush and its dabs. You can also apply a preset to the stroke using the Inspector, but presets do not override the width or colour of the stroke set in the HUD.

cypaint

Exporting a video from After Effects and converting it to a GIF

To create a paint stroke GIF on After Effects, you will first need to export your video and then convert it to a GIF. Here is a step-by-step guide on how to do this:

Exporting your video from After Effects:

Firstly, open your composition in the timeline or select it in the Project panel. Then, go to Composition > Add to Render Queue. In the Render Queue, click on the blue text next to Output Module. In the pop-up window, select your desired export format, ensuring it is saved to your desired location, and hit 'Render'.

Converting your video to a GIF:

There are several ways to convert your exported video into a GIF. One popular method is to use Adobe Photoshop. To do this, you will first need to render out a sequence of PNG images from After Effects, which you will then import into Photoshop to create your GIF.

Another option is to use a third-party application such as GIF Rocket or Photoscape. For this method, simply save your video clip from After Effects and drag and drop the file into the application of your choice. Your GIF will then be automatically created.

Alternatively, if you are looking to export your GIF directly from After Effects, you can use the tool GIFGun, which allows you to create GIFs within After Effects. With GIFGun, you can adjust various settings, such as the export folder, width, number of colours, and frames per second.

Additional considerations:

When creating your GIF, consider the frame rate, number of colours, and image size to ensure the final product meets your desired specifications and file size requirements.

Frequently asked questions

You can't create GIFs inside After Effects, so first, you must export a finished video. Then, convert the video into a GIF using Photoshop or a third-party application like GIF Rocket or Photoscape.

You can use the Brush Tool to trace images and reveal paint strokes over time. You can also use the Brush Typography Pack by Wondershare Filmstock, which has 12 title templates and 27 artistic elements.

First, create a key frame at the beginning and change it to zero. Move 10 frames and then change it back to 100. This means everything is being animated at once. Now, return to the paint options and move each brush to create a staggering animation.

You can open the stroke options and change the color, diameter, angle, opacity, and flow. You can also move the stroke to another place.

Open Photoshop and go to 'File' and then 'Open'. Select your video file and hit 'Open'. You will see a new video group layer. Now, go to File and 'Save for Web' to adjust your settings and export your video into a GIF.

Written by
Reviewed by

Explore related products

Share this post
Print
Did this article help you?

Leave a comment