发新话题
打印

[软件技术] Adobe图像双杰让你的彩蝶翩翩入梦来

本主题由 第七把剑 于 2008-1-2 17:17 关闭
把本帖网址贴到网络上任何地方,同样可以获得推广币和用户等级提升 详情点击这里
http://www.770921.com/viewthread.php? tid=1395&fromuid=0 复制本帖地址
8月活动:积分获大礼活动(实物奖励)
联盟论坛管理人员大招募!

Adobe图像双杰让你的彩蝶翩翩入梦来

来源:CFAN 

■安徽  房鹏

蝴蝶,你这至美的精灵!自古以来,你就是爱情的象征和自由的化身!你飞进了画者的梦里,于是有了《晴春蝶戏图》这样的惊世之作;你飞进了乐人的梦里,于是有了《梁祝》这样的天籁之音;你飞进了我的梦里,于是,在Adobe公司的两个著名软件──Photoshop及After Effects的帮助下,彩蝶在我的屏幕上翩翩起舞了……

Photoshop里面“抓”蝴蝶

首先准备一张蝴蝶图片(见图1)。为实现蝴蝶翩翩起舞的动态效果,需先将照片中的蝴蝶“抓取”出来,然后将蝴蝶的身体及左右翅膀分别存放在不同的图层中。(本文素材图片及最终动画效果,可从http://www.newhua.com/cfan/200514/hudie.rar下载到)


第一步:启动Photoshop,打开蝴蝶素材图片,执行“滤镜→抽出”命令打开抽出滤镜窗口。如图2所示,用左侧工具箱中的边界高亮工具(第一个图标)勾画出蝴蝶的大致轮廓,然后用填充工具(第二个图标)在勾画的轮廓内点击一下,填充提取对象的内部区域,点击“OK”按钮确定后返回Photoshop主界面,可以看到,蝴蝶已经被提取出来了。可以使用画笔或橡皮工具对蝴蝶稍作修饰。


第二步:在After Effects中设置蝴蝶舞动翅膀的效果时,要将所有层转化为3D层,在三维空间内对其进行操作。为了保持三维空间“Y轴”的方向与蝴蝶的“Y轴”方向一致,需在Photoshop里先把蝴蝶的位置调整为垂直方向。上一步中提取出来的蝴蝶自动转化为透明层,此时按Ctrl+T键,蝴蝶周围将显示一个调整框,将光标移到调整框外,光标会变成弯曲的箭头状,此时拖动鼠标即可旋转蝴蝶了,使蝴蝶头上尾下呈垂直状,再回车确定。

来源:CFAN 


第三步:将图层改名为“身体”,然后按快捷键L切换到套索工具(或者在工具箱中右击套索工具,选择其下的磁性套索工具),使用它将蝴蝶的左侧翅膀选取出来,然后按Ctrl+X键剪切,再按Ctrl+V键粘贴一下,蝴蝶的左翅膀便粘贴到新的图层中了,将新图层改名为“左翅膀”。以同样方法剪切粘贴蝴蝶的右翅膀到新的图层,并改名为“右翅膀”(见图3)。最后,将文件保存为“蝴蝶.psd”(PSD是Photoshop自身所独有的格式)。


最后再找一张合适的图片作为蝴蝶翩翩起舞的背景,保存文件为“背景.jpg”。至此,素材就准备好了。

After Effects里面让蝴蝶飞起来

第一步:启动After Effects 6.5(以下简称为AE),按快捷键Ctrl+I打开文件导入对话框,将“背景.jpg”及“蝴蝶.psd”文件导入到项目窗口中。在导入“蝴蝶.psd”文件时,需在文件导入对话框的“Import As”选项中选择“Composition”项目(见图4),将此文件作为合成图像导入到AE的项目窗口中。在项目窗口中双击“蝴蝶 Comp 1”项可以打开已经生成好的合成文件,此时,在下方的Timeline(时间线)窗口中可以看到,PSD文件里的图层已经整齐地排列好了。


第二步:为使下面的操作在合成图像窗口中看得更清楚,可以临时新建一个白色的“固态层”,等操作完毕后再将它删除。右击时间线窗口的空白处,在右键菜单中选择“New→Solid”,再在弹出的窗口中单击Color里面的颜色按钮,设置固态层颜色为白色,点击“OK”按钮即可。最后,在时间线窗口中将固态层拖放到最下方。

第三步:点选工具箱中的Pan Behind Tool(轴心点移动工具,快捷键为Y),双击时间线窗口中的“身体”层,然后将轴心点(即中间带叉的圆形)移动到身体的中央。以同样方法再分别将左、右翅膀层的轴心点移动到左、右翅膀的翅膀根处。

来源:CFAN 

第四步:在时间线窗口的开关栏中,打开“身体”、“左翅膀”及“右翅膀”层对应的3D开关,将这三个层转化为三维对象。然后在时间线窗口的Parent(父子关系)面板中(如果在时间线窗口中看不见Parent面板,可以用鼠标右键单击时间线面板的设置栏,在弹出的菜单中选择“Columns→Parent”),分别将“左翅膀”层及“右翅膀”层设置为“身体”层的子对象(见图5)。

第五步:在时间线窗口中,选中“身体”层,按S键打开Scale(比例)参数栏,因为上一步我们打开了3D开关,所以在Scale的右侧可以看到三个参数,分别表示X、Y、Z三个轴,改变其比例值将蝴蝶调整为合适的大小。接着再用工具箱中的Selection Tool(选择工具,快捷键为V)及Rotation Tool(旋转工具,快捷键为W)将蝴蝶调整到如图6所示的位置,并旋转一定的角度。注意,一定要确保“身体”层为选中状态,否则移动时,左、右翅膀会与身体分离。三种颜色的箭头代表着X、Y、Z三个轴,拖动某轴,就会以该轴为中心旋转。对初学者来说,这一步是最不好操作的,一定要有耐心。


第六步:在时间线窗口中,选中“右翅膀”层,如图7所示,按R键打开Rotation(旋转)参数栏,单击打开Y Rotation左侧的“关键帧记录器”,并设置其参数为“+20度”,拖动时间指示器滑钮到20帧处(可随意设置),再设置其参数为“+80度”,此时程序会在这里自动添加一个关键帧,这样蝴蝶右翅膀的一个舞动周期就设置好了。按Shift键不放并点击这两个关键帧全选它们,再按Ctrl+C键复制,然后每隔20帧处按Ctrl+V键粘贴一次,直至整个持续时间。以同样的方法设置“左翅膀”,这时需注意左翅膀Y Rotation的两个关键帧的角度应设置为“-20度”及“-80度”。这样,蝴蝶舞动翅膀的动画就设置完成了。
第七步:在时间线窗口中,按Shift键不放并点击,将“身体”、“左翅膀”及“右翅膀”层全部选中,按Ctrl+C键复制,再按Ctrl+V键粘贴出另一只会舞动翅膀的蝴蝶,选中新蝴蝶的“身体”层,将其拖放到合适的位置。

来源:CFAN 

第八步:在时间线窗口中单击“身体”层左侧的小三角按钮,完全展开子菜单,单击Position(位置)及Orientation(方位)左侧的“关键帧记录器”同时打开它们,然后拖动时间指示器滑钮在不同的位置上,并分别用选择工具和旋转工具设置蝴蝶新的位置及运动方位。必要时在时间线窗口的空白处单击鼠标右键,在弹出的菜单中选择“Apply Workspace→Four Comp Views”,打开三维对象的俯视图(Top)、正视图(Front)及右视图(Right)进行相应的调整(见图8)。以同样的方法设置另一只蝴蝶的运动轨迹。


第九步:删除白色固态层,将项目窗口中的“背景.jpg”拖放到“时间线”窗口中,并使其位于所有层的最下方,为了增强背景层的景深效果,可打开该层的3D开关,调整其沿“Z轴”(垂直于屏幕的方向)的位置,并设置X Rotation(沿X轴的旋转角度)值为“-50度”。

第十步:至此,整个制作过程就结束了。AE专业版在“File→Export”子菜单中提供了多种命令,可以将上面制作的动画输出为AVI视频、MPEG-4电影、FlC动画,甚至是Flash动画(SWF)等格式。不过在导出Flash动画时要注意:在弹出的“SWF Settings”对话框中要把“Unsupported Features(兼容性设置)”选项设置为“Rasterize”(AE中的许多效果Flash都不支持,选择此项可将这些效果作为位图使用)。当然还可以生成GIF动画,可以选择以“图像序列”方式导出文件,然后在ImageReady中将“图像序列”以“帧”的方式导入(选择“File→Import→Fodler as Frames”命令),最后,将其导出为“.GIF”格式的动画文件即可。

小编有话说:初学After Effects者一定要注意动画对象的XYZ三维轴的调整(光标移到轴线上时,会有字母提示),方位如果不对,动画的效果就可能跟设想的大相径庭。另外,初学者开始按实例步骤做下来后,效果不一定很好,要敢于多调整不同的参数,实践中会积累更多的动画制作经验。

 

TOP

发新话题