八零秀设计论坛 - 秀出你的精彩's Archiver

100dns 发表于 2008-6-28 20:29

Illustrator结合AE制作螺旋形图案的动画

[color=Red]文章出处:火星时代 作者:kingke1229 [/color]


本教程是关于使用Illustrator和After Effects制作螺旋形图案的动画,主要是用AI绘制螺旋形图案,还有用AE来制作动画效果,作者主要介绍一种思路,希望本教程能给您带来帮助!  
使用软件:Illustrator、After Effects  
教程简介:使用Illustrator和After Effects制作螺旋形图案的动画  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551578377801.jpg[/img]
  
图1  
在这个教程中我们将要创建一个螺旋形的动画,可以使用任何版本的Illustrator和After Effects。螺旋形的图案是通过在一个圆形内部或者外部滚动另一个圆形而产生的线条样式。笔可以放在这个滚动的圆形的任何一个点上。希望你小时候已经做过这样的螺旋形图案。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551586177802.jpg[/img]
  
图2  
第一步:在illustrator中创建一个尺寸为1024X768 piels的新文件,选择椭圆形工具(L)画一个圆或者其他任何你喜欢的形状。按住shift键可以创建一个正圆。一定要记住所画的图形轮廓为黑色,无填充。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551597177803.jpg[/img]
  
图3  
第二步:在创建了一个图案之后,全选并选择旋转工具,按住“Alt”的同时点击图案。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/20086281755161777804.jpg[/img]
  
图4   






第三步:这时候将打开旋转工具的属性对话框,设置“角度(angle)”为5,点击“复制(copy)”按钮,再点击“确定”。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/20086281755166477805.jpg[/img]
  
图5  
第四步:现在一直按住Ctrl   D进行变换,最终形成所需要的图案。吐过图案超出文件大小,可以全选缩放。  
第五步:当图案制作完成后,改变轮廓的颜色为白色并保存成”ai“格式。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551612777806.jpg[/img]
  
图6   






第六步:在AE中新建一个尺寸为1024X768的合成(composition)。导入刚才制作的AI文件。  
第七步:按键盘上的”R“,在0到5秒之间做旋转动画。  
第八步:打开3D图层按钮,在Z轴旋转图案。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551617477807.jpg[/img]
  
图7  
第九步:在这个图层上添加Radial wipe特效(Effect > Transition> Radial Wipe)。设置Transition Complete在0秒的时候为100%,5秒的时候为0%。增加feather的数值并改变wipe center,特效窗口的设置如下图:  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551623677808.jpg[/img]
  
图8  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817551628377809.jpg[/img]
  
图9   






第十步:添加Glow特效(Effect > Stylize> Glow),使用如下图的设置。试着加大olor Loops的数值,可以得到更多意想不到的色调。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175516314778010.jpg[/img]
  
图10  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175516361778011.jpg[/img]
  
图11   






第十一步:选择这个图层预合成(Pre-compose)  
第十二步:现在,你的效果已经基本上完成了。复制两个图层,打开3D图层,旋转这两个复制图层的每一个轴,得到镜像效果,尝试着去改变图层叠加模式,如ADD, SOFT LIGHT或者其他的。  
第十三步:添加一个摄像机图层(Layer > New > Camera),移动摄像机得到想要的效果。在这一步我没有给出任何设置,因为这完全取决于特定的场景,要进行多次的尝试才能符合你的场景,而不是我做的这个。根据这个原则,我们可以创作车更多很棒的效果。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175516408778012.jpg[/img]
  
图12  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175516455778013.jpg[/img]
  
图13  
第十四步:当这些全部做完之后,我们发现背景显得有些空,所以添加一个固态层作为背景,并应用一个ramp特效。  

[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175516502778014.jpg[/img]
  
图14

已惯天涯莫浪愁 发表于 2008-7-1 23:48

满漂亮的花纹,人民币上好象也有这样的花纹

阿晶 发表于 2008-7-27 23:07

对啊,人民币上有!!

好漂亮啊!!

landa 发表于 2008-7-28 15:03

[80diy081] 真的诶  人民币上的大概就是这么坐的吧

缨兒赱綉 发表于 2008-7-30 12:03

[80diy071] 去找个币币看看

lycsj2006 发表于 2008-9-5 08:29

冒似可以做************了

jyt07081304 发表于 2008-11-19 11:53

[80diy074]
AE还没学过。。。和Premiere Pro有什么不同吗?

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.