Flash教程:制作卡片翻转动态效果

Webjx核心提示：本例为Flash CS3仿真艺术设计系列教程，上一课我们了解封套工具的变形运用，今天我们来学习运用自由变换工具中的变形工具来制作卡片翻转效果~~

本例为Flash CS3仿真艺术设计系列教程，上一课我们了解封套工具的变形运用，今天我们来学习运用自由变换工具中的变形工具来制作卡片翻转效果~~

卡片翻转最终效果图

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313120422.jpg" />

在Flash讨论中一个流行的卡通效果：怎样让一个平面卡片按360度角旋转或翻转。要明白这个动画的方法是困难的。这不难想象， Flash从来就是两维的程序。添加一个三维的实例是不可能的，除非那个对象是在时间轴上重新手工绘制的。但是使用Flash,在所有的方法中，它不能真正的实现三维。在这个动画效果中会有两个方面的丰富的工作。

1. 首先画一个没有笔触的矩形，在第10帧插入关键帧。选择自由变形工具(q)然后选择扭曲子工具。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313121454.jpg" />

2. 按住Shift键，将顶部的角拉离形状。继续按住Shift键将底部的角拉向相反的方向。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313121335.jpg" />

经典哦

Webjx核心提示：本例为Flash CS3仿真艺术设计系列教程，上一课我们了解封套工具的变形运用，今天我们来学习运用自由变换工具中的变形工具来制作卡片翻转效果~~

3. 点击形状外边结束变换。重新选择它，按住Shift键将底部中间的手柄向上拖。Shift将在垂直方向约束形状。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313122469.jpg" />

4. 打开洋葱皮工具这样你将看到前面的帧。将新变化的图形定位到从洋葱皮上看到的原始图象的中间。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313123274.jpg" />

5. 新的Flash CS3 的一个功能是在时间轴的背景菜单中添加一个形状补间。现在添加一个。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313124688.jpg" />

经典哦

Webjx核心提示：本例为Flash CS3仿真艺术设计系列教程，上一课我们了解封套工具的变形运用，今天我们来学习运用自由变换工具中的变形工具来制作卡片翻转效果~~

6. 现在你已经完成动画的一半了，你需要完成另一半。选择11帧插入关键帧。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313125120.jpg" />

7. 在11帧修改形状垂直翻转它。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313126295.jpg" />

8.选择第1帧的关键帧并复制帧(ctrl+alt+c),然后在第20 帧粘帖帧(ctrl+alt+v).

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313127138.jpg" />

经典哦

Webjx核心提示：本例为Flash CS3仿真艺术设计系列教程，上一课我们了解封套工具的变形运用，今天我们来学习运用自由变换工具中的变形工具来制作卡片翻转效果~~

9.后半部分帧中添加一个形状补间。象我写的这样你可能看到的是一个不规范的补间。让我们处理它。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313128646.jpg" />

10.我们添加一些形状提示纠正一下这个问题。选择有问题的补间的第1个帧然后点击“修改”>“形状“>“添加形状提示”(ctrl+shift+h)

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313128321.jpg" />

11.拖动红色的“a”提示到图形的一个角直到它被吸住。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/2009112313129329.jpg" />

12.到补间的最后一个关键帧，将绿色的提示点拖到相同的角上。重复这个步骤调整同一边的另一个角。

Flash教程:制作卡片翻转动态效果-网页教学网" src="/agg/UploadPic/2009-11/20091123131210898.jpg" />

经典哦

Webjx核心提示：本例为Flash CS3仿真艺术设计系列教程，上一课我们了解封套工具的变形运用，今天我们来学习运用自由变换工具中的变形工具来制作卡片翻转效果~~

13.最后的视觉效果，用一个稍暗一点的颜色填充第10和11帧。

Flash教程

[1] [2]  下一页