分享

《PS CS5 3D动画制做旋转立方体教程》

 larty 2014-03-16




 
《PS CS5 3D动画制做
         旋转立方体教程

 

        photoshop CS5扩展版本中新增了3D的功能,这使得PS在3D领域占了一席之地,虽然次能和专业的3D软件相比,不过配合PS强大的图像处理功能和gif动画制作 功能,只要你有充分的想象力,可以制作出各种意想不到的3D动画效果,本教程将通过一个旋转的立方体的gif动画教程来进行讲述,喜欢3D的朋友可以一试!

效果图一、利用“色相/饱和度”进行着色后的效果

效果图二、加了背景的动画效果

效果图三、原始的立方体旋转效果

原图一、手绘美女1

原图二、手绘美女2

原图三、手绘美女3

原图四、手绘美女4

原图五、手绘美女5

原图六、手绘美女

原图七、背景素材

1、打开photoshop CS5(本教程必需要photoshop CS5扩展版才行),新建一个320*240的空白文档,具体如下图所示:

2、选择菜单“3D->从图层新建形状->立方体”,如下图所示:

3、选择立方体之后就能在窗口中看到已经生成了一个立方体,背景图层的缩略图也发生了变化,如下图所示:

4、单击“3D{场景}”或选择菜单“窗口->3D”,弹出3D设置窗口,如下图所示:

5、因为立方体总共有六个面,所以要对每个面分别进行贴图,先单击“左侧材质”,然后单击“漫射”右边的小黑色三角形,在弹出的下拉菜单中选择“载入纹理”,如下图所示:

6、在弹出的“打开”对话框中选择原图一,如下图所示:



7、选择纹理后就可以在左边的球体中看到贴图,其它参数保持不变,如下图所示:

8、依据相同的方法选择立方体的其它五个面,并分别进行贴图(如果看不到贴图效果,请确保背景下方的“纹理”前的眼睛是否点亮),最终效果如下图所示:

9、接下来我们调整一下立方体的角度,单击选择“3D对象旋转工具”,这时会在窗口左上角出现一个三维座标,红、绿、蓝分别代表X、Y、Z三个方向,三个方向的初始值都是0,具体如下图所示:

10、将X、Y的值都设置为-45,这样就能让立方体竖立起来,具体效果如下图所示:

11、三维贴图一般都要调整一下光源,选择单击选择“无限光1”,再单击选择“3D光源旋转工具”,如下图所示:

12、将鼠标移动到光源三维座标上进行适当的调节,确保可视的三个面都能被照亮,有需要的话也可以将光源的强度适当增大,如下图所示:

13、调整完光源后,重新单击“对象旋转工具”,如下图所示:

14、接下来我们就来制作动画,单击选择菜单“窗口->动画”,如下图所示:



15、在弹出的动画窗口中,单击右下角的“转换为时间轴动画”按钮,如下图所示:

16、转到时间轴动画窗口后,将鼠标移动到动画窗口的右上角处单击,如下图所示:

17、在弹出的选择菜单中单击选中“文档设置”,如下图所示:

18、在弹出的“文档时间轴设置”窗口中,将持续时间设置为3秒,帧速率设置为8帧,如下图所示:

19、确定后就可看到时间轴上的刻度数值发生变化,鼠标左键单击“背景”前的三角形箭头,则会弹出一系列的3D设置菜单,如下图所示:

20、确保时间指针在开始位置,然后单击“3D对象位置”前的类似小时钟的按钮,这样即可在开始处建立关键帧,如下图所示:

21、将时间指示器拖动到01秒位置,然后将上方的方向中的Z值设置为-120,这样就能在01秒处生成一个关键帧,具体如下图所示:

22、相同的方法设置02秒处的方向Z值为-240,具体如下图所示:



23、最后将时间指示器拖动到最末位处,将Z值设置为-345(因为文档设置时为3秒*8帧/秒=24帧,所以1帧的角度为360/24=15,最末还差1帧,所以不是-360,而是-345),具体如下图所示:

24、到此3D立方体的动画就算制作完成,可以单击动画窗口下方的“播放”按钮进行预览效果,如果不满意可以进行修改,如下图所示:

25、最后是给立方体添加一些背景点缀,单击选择常用工具栏中的“3D缩放相机工具”,将画面适当的推远,这样立方体就会变小,再利用“3D移动相机工具”等将立方体的视野移动到左边,效果如下图所示:

26、打开原图七,利用移动工具将其拖入到文档中,生成图层1,并将图层1置于背景图层的下方,适当调整图层1的大小及方向,并进行水平翻转,最终调整到如下图所示效果:

27、利用钢笔工具将大拇指部分勾选,然后转换成选区,按Ctrl+J将选区生成图层2,拖动图层2到背景图层的上方,这样就形成了立方体在手掌中的效果,如下图所示:

28、要进一步修饰,可以单击选中图层1,选择菜单“滤镜->渲染->镜头光晕”,在手掌中心位置设置光晕效果,然后再添加“亮度/对比度”、“色相/饱和度”等调整图层进行色彩修饰,根据个人喜欢可以制作出各种不同的效果,这里不再详述,本例如下图所示:

29、最后是动画的保存,单击选择菜单“文件->存储为Web和设备所用格式”,如下图所示:

30、在弹出的保存对话框中,确保预设格式为GIF,动画的循环选项选择为“永远”,最后单击“存储”进行保存即可大功告成,如下图所示:


 

 



    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多