当前位置：文江博客话题详情

Flash CS4/5 中更高效的关键帧动画

发布于 2024-10-07 10:06:33 字数 161 浏览 6 评论 0原文

我正在为我正在从事的项目做很多藤蔓/花朵的关键帧遮罩，它看起来非常好，但当然非常耗时。

我很好奇是否有任何技术/工具可以使这些动画更快，更重要的是使它们以后更可编辑。恐怕我会对动画的整个部分进行关键帧处理，只是为了让客户说“看起来很棒，但是你能稍微加快一点速度吗？”我将不得不从头开始重建它。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

哆啦不做梦 2024-10-14 10:06:33

根据 @John 的建议，这里是扩展评论作为答案。

以下是对藤蔓/遮罩进行动画处理的一些想法：

尝试使用装饰工具

它有一个名为“藤蔓填充”的预设，可以进行动画处理，您可以配置一些选项并对填充进行动画处理。希望它可以根据您的需求进行配置。
此外，您可能想使用 3D 笔刷预设，设置一个符号用作遮罩并最小化喷涂区域。

Deco 工具由一个很好的 prodecural C++ 引擎提供支持，您可以创建自己的工具
使用 JavaScript。现有脚本将位于与此类似的位置：

/Users/{yourUser}/Library/Application\ Support/Adobe/Flash\ CS5/en_US/Configuration/ProcScripts

不幸的是，还没有程序引擎的文档。

尝试仅使用 2 或 3 个符号创建动画，但多次重复使用它们来创建蒙版。这样，您只需更新动画 2,3 个符号，并且它将被重用。
查找工作流程中可以从历史记录面板 (CMD/Ctrl+F10) 保存的步骤。这些步骤可以保存为命令，您可以为其分配键盘快捷键并自动化/加速您的工作流程
寻找可能有助于您处理时间线的扩展。 Ajar Productions 拥有一套很棒的 CS4、CS5 免费工具。此外，您可能会发现 Senulous 的 Distribute To Frames 命令很方便。
尝试接取 JSFL。您可以在我的一些旧幻灯片中找到一些基本步骤。
我可能有一些可能有帮助的粗略脚本，例如将补间形状复制为图形

它只是将补间形状帧复制到一帧中。

这里是一个示例关于如何将它用于蒙版动画。
逐帧复制图形
如果你的藤蔓路径不是很复杂，你可以复制一条线/路径作为动画
掩码符号的路径。只需在顶部画一条简单的路径，将其复制到剪贴板
然后将其粘贴到蒙版元件的补间动画中。
请注意，在录音中我正在重新调整补间时间并使用洋葱皮
预览形状如何重叠的选项。如果你使用类似椭圆形的东西
使用定向到路径选项，您可以使用更少的符号。

另外，这里还有一个小片段，您可以将其另存为 AutoSpanLayers.jsfl 并将其放入 Flash 的 Commands 文件夹中，以便您可以为其分配键盘快捷键：

var doc = fl.getDocumentDOM();
var tl  = doc.getTimeline();
tl.insertFrames((tl.layerCount*100),false);
for(var i = 0 ; i < tl.layerCount; i++){
    tl.setSelectedLayers(i,true);
    tl.insertBlankKeyframe(i+30);
    tl.insertKeyframe(i+1);
    tl.insertBlankKeyframe(i);
    tl.insertBlankKeyframe(0);
}

它不是很干净/花哨，但它是一个起点。这个跨越了你的各个层面
当前符号并递增它。此时，您无法很好地更改它跨越的帧数和持续时间。您需要更改 (i+30) 和 (i+1) 位。这不是一个完成的脚本。

但是这里如何使用它的示例。
AutoSpan 命令预览

这里是另一个为藤蔓蒙版设置动画的示例。
Vine 示例
请注意，我使用 Deco 3D 画笔工具预设只是为了轻松绘画
我将用于遮罩的组对象。这是一个懒惰的选项，因为它会创建
很多符号，并且喷射最小为 10px，所以也不是很精确，
但你明白了。

另一个重要的注意事项是我的脚本还没有经过彻底的测试，所以
首先做一些基本测试，经常保存。我不想感到内疚
经常导致 Flash 崩溃。当时间线复杂时，这可能会发生。

华泰

At @John's suggestion here is the expanded comment as an answer.

Here are some ideas for animating vines/masks:

Try using the Deco Tool

It has a preset called Vine Fill which can be animated, you can configure a few options and animate the fill. Hopefully it can be configured to suit your needs.
Also you might want to play with the 3D brush preset, set a symbol to use as a mask and minimize the Spray area.

The Deco tools are powered by a nice prodecural C++ engine and you can create your own tools
using Javascript. The existing scripts will be in a location similar to this:

/Users/{yourUser}/Library/Application\ Support/Adobe/Flash\ CS5/en_US/Configuration/ProcScripts

Unfortunately there isn't a documentation out there for the Procedural engine yet.

Try creating the animation using only 2 or 3 symbols, but reuse them many times to create your masks. This way, you only update the animation 2,3 symbols and it will be reused.
Find Steps in your workflow that can be saved from the History Panel (CMD/Ctrl+F10). Those steps can be saved as commands you can assign keyboard shortcuts to and automate/speed up your workflow
Look for extensions that might aid your with your timeline. Ajar Productions have a great set of free tools for CS4,CS5. Also you might find Senocular's Distribute To Frames command handy.
Try to pickup JSFL. You can find some basic steps in some of my older slides.
I might have a few rough scripts that might help, like this Copy Shape Tween As Graphic

It just copies shape tween frames into one frame.

Here is an example on how you might use it for a mask animation.
Copy graphics frame by frame
If your vine path isn't very complex, you can copy a line/path as an animation
path for your mask symbol. Just draw a simple path on top, copy it to the clipboard
then paste it into the mask symbol's motion tween.
Notice in the recording that I am rescaling time for tween and using the onion skin
option to preview how the shapes overlap. If you use something like an oval and the
use the orient to path option, you can get away with less symbols.

Also here's a little snippet you can save as AutoSpanLayers.jsfl and put it Flash's Commands folder so you can assign a keyboard shortcut to:

var doc = fl.getDocumentDOM();
var tl  = doc.getTimeline();
tl.insertFrames((tl.layerCount*100),false);
for(var i = 0 ; i < tl.layerCount; i++){
    tl.setSelectedLayers(i,true);
    tl.insertBlankKeyframe(i+30);
    tl.insertKeyframe(i+1);
    tl.insertBlankKeyframe(i);
    tl.insertBlankKeyframe(0);
}

It's not very clean/fancy, but it's a starting point. This one spans the layers in your
current symbol and increments it. At this point you can't change the amount of frames it spans and for how long nicely. You need to change the (i+30) and the (i+1) bit. It's not a finished script.

but here's an example of how you can use it.
AutoSpan Command Preview

Here is another example to animate a vine mask.
Vine example
Notice I'm using the Deco 3D Brush tool preset just to easily paint
group object I'll use for the mask. This is a lazy option, as it creates
lots of symbols and the Spray minimum is 10px so it's not very exact either,
but you get the picture.

Another important note is that my scripts haven't been thoroughly testes, so
do make some basic tests first, save often. I don't want to feel guilty for
crashing Flash to often. This will probably happen when have a complex timeline.

HTH

回复收藏 0 原文