11
votes
Accepted
How to use After Effects Trim Path with an Illustrator Path
You can use a trim path on a shape layer as track matte to achieve a solid and smooth animation without keyframing a mask.
Bring your shape into After Effects:
Make sure that no layer is selected in ...
- 414
11
votes
How to make this strange embossed apple logo?
It's all a bit easier to discuss if we start with horizontal lines, like so:
As Ilmari Karonen said, this is just a displacement map. You start with a 3D topography h(x,y), and then each point (x,y) ...
- 527
8
votes
Accepted
How to export a GIF from After Effects?
When I need to create a GIF from After Effects, I do my animation in After Effects, go to Menu>Composition>Pre-Render and render it out as an uncompressed MOV file. Then you can drag that file onto ...
- 106
7
votes
Accepted
How can I achieve opacity gradient effect in After Effects CS6?
There are MANY ways to achieve a certain task in After Effects and while the above answer will work, there is a much easier approach.
Select the layer you want to adjust
go to your "Effect" tab
...
- 86
7
votes
What is the difference between After Effects and Flash/Animate for animation?
Adobe AfterEffects is a composite tool where you put video, image and 3D content to create a final product. To that end there is a large set of tools, plug-ins and scripts such as tracking, effect ...
- 71
7
votes
How to export a GIF from After Effects?
This answer is only for Windows OS
There is no reason for 3rd party plugins. Use File > Export> > Add to Adobe Media Encoder Queue.
Inside of the the Adobe Media Encoder there's a lot more ...
- 23k
7
votes
Accepted
Position keyframes do not make a straight path
After Effects defaults spacial interpolation (such as position keyframes) to "Auto Bezier", which tries to smooth the movement for you.
You can either adjust the bezier handles yourself, or you can ...
- 40.2k
7
votes
How to make this strange embossed apple logo?
This is basically just a displacement map applied to a bunch of lines.
The tricky part is that applying a displacement map to a bitmap texture will stretch and compress the entire texture, including ...
- 16k
6
votes
Accepted
How do I separate paths to layers in Illustrator?
There is a 'Release to Layers' option in the layers panel menu. Make sure the layer is active and none of the shapes are selected then use the 'Release to Layers (Sequence)' option. This will add each ...
- 40.2k
6
votes
Accepted
Photoshop CC: convert to frame timeline releases only one frame
Eventually discovered this solution, hope it helps somebody:
timeline > convert frames > flatten frames into clips
timeline > convert frames > make frames from clips
delete video group at bottom (to ...
- 133
6
votes
Shape wont change colour in After Effect
click the drop down arrow of the "color" property that you're trying to change. there might be an "expression: color" there. if there is click the "=" sign to disable it. That should fix it. (Although ...
- 61
6
votes
Can I create a transparent GIF with After Effects?
After Effects hasn't been able to directly export GIFs for some time now. There are plugins available that'll do it or you should be able to use the Media Encoder if you're on Windows (I don't use ...
- 40.2k
5
votes
How to use After Effects Trim Path with an Illustrator Path
There are direction to paths! Who knew! If you are manually doing drawing the path in AI, follow the direction that you want the animation to work.
Now, for the this piece here I would put a solid ...
- 111
5
votes
Is it possible to output to animated png (.apng) in after effects?
The Animated Portable Network Graphics (APNG) file format is a non-standard extension to the Portable Network Graphics (PNG) specification. It allows for animated PNG files that work similarly to ...
- 3,027
5
votes
Accepted
In After Effects, when I scale two layers at once they scale at different rates?
The problem is that the layers are scaling at the same rate. If you look at the actual scale values. For example, if you have one layer at 100% scale and another at 90% scale, then select both and ...
- 40.2k
5
votes
Accepted
Animation (Adobe After Effects): Text rotating around object with proper "3-dimensional" perspective
I normally just duplicate the thing you want in front and behind, literally place them in front and behind and mask each as necessary. An example...
Mask your shape...
Invert the mask (I've actually ...
- 40.2k
5
votes
What program should I use to make UI sprite animations for unity3D
Unity 3D imports SVG quite nicely, so if you are developing your sprite UI element in a vector art program like Illustrator or Affinity Designer or Inkscape, you can output your elements as pure ...
- 9,546
5
votes
Accepted
What's the difference between the Add and Linear Dodge blend modes in After Effects?
The difference is the way two these modes behave when a layer isn't fully opaque. Linear Dodge behaves as lowering Opacity in Photoshop, while Add behaves as lowering Fill. I believe they're separated ...
- 4,367
5
votes
How to create animation with svg format file?
It seems that the svg you link to is animated using CSS Animations. Read about it on W3Schools and CSS-Tricks.
Inspecting the moving elements with browser Developer Tools by pressing F12 is revealing:...
- 20k
5
votes
Accepted
Alpha channel and luma channel
Abstract
Transparency is given by an alpha channel. It can be a different image. Black transparent, white opaque.
Brightness on the image itself is indicated by a luma channel. Black, the darkest ...
- 34.8k
4
votes
How to export Animated SVG file from Adobe After Effects?
Have you tried the Bodymovin plugin?
It's a hacky little extension of After Effects that allows you to export any composition you want to SVG. Works for us!
- 141
4
votes
Fill the inside of a hollow font
You cannot fill the font without expanding the font in a program like Illustrator and using the live paint tool to fill the type but then you would not be able to change the letters.
Other options ...
- 12.9k
4
votes
Accepted
"Stroke Effect" in After Effects does a rounded corner.
That's because you have selected (or selected by default) - Round Cap stroke.
You can change that in Layer dropdown menu -> contents -> Stroke -> Line cap -> set to "butt cap"
See the attached image ...
- 176
4
votes
Accepted
Create an animation of a slider-crank mechanism system
Based in comment stib
The setup is reasonably simple, built in functions, trigonometry and some Pythagoras will get you there. Have a look at the diagram below:
The orange solid is the crank, with ...
- 156
4
votes
Fastest way to create a transparent GIF from PNG
Joojaa is right. It is simple to do with open-source software on Mac and Linux and Windows, if you are not afraid of the command line, because you’ll need to use the terminal.
Here is a command line ...
- 179
4
votes
Seamless wiggle in After Effects?
To loop a wiggle, you can create two wiggles with similar properties, one reversed in time by using the fifth wiggle function parameter, and blend their output value trough a linear interpolation.
...
- 41
4
votes
What's beneficial about temporal auto Bezier keyframes over continuous Bezier keyframes?
Difference is quite low :) Auto bezier will generate constrains automatically and continous bezier will allow that constrains to be streched in the axes (same line of auto generated constrains) and ...
- 2,023
4
votes
Accepted
Adobe Illustrator Svg Issue
Going in the outline view (Ctrl/Command + Y) should help find & fix the issue. In this case there are some clipping masks that need to be deleted.
- 1,452
Only top scored, non community-wiki answers of a minimum length are eligible