您现在的位置: 破洛洛 >> 建站学院 >> 平面设计 >> Photoshop >> PS基础知识 >> 正文

Photoshop CS5制作GIF动态3D旋转地球动画教程

作者:大眼仔旭 来源:5D6D 更新时间:2011-11-13
分享到

制作方法并不难,但是Photoshop CS5中的3D功能它对显卡的要求比较高,大家也可以动手尝试制作一下属于自己的东东。

最终效果:

Photoshop CS5制作转动的3D地球动画,破洛洛

1.打开素材,使用矩形选框工具,绘制选区后,执行—编辑—填充,使用内容填充可以快速的把素材中的文字给处理掉,如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

Photoshop CS5制作转动的3D地球动画,破洛洛

2.简单的处理完文字之后,复制一层,把背景层填充黑色,因为我们需要对地球素材还要做进一步调整。选择背景副本图层,点击鼠标右键,选择图层的混合选项,找到混合颜色带,按住ALT键,移动滑块到合适的位置,这样就看到了单独的地球陆地素材了,如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

3.使用魔术棒工具,选择黑色区域,再执行选择—反向命令,这样呢我们就把选区进行反向选择了。再次执行:编辑-拷贝-编辑-粘贴,这样我们就把素材提取出来了,效果如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

4.由于地球陆地素材中的颜色是渐变色,所以我们保持选区不动,为其填充蓝色,并把背景副本填充白色,效果如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

5.为了使地球看起来更加的逼真,我们为地球素材添加斜面浮雕样式,参数如图,效果如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

6.将图层一和背景副本合并,执行3D,从图层新建形状,选择球体,这样我们就快速的得到了3D的地球效果。

Photoshop CS5制作转动的3D地球动画,破洛洛

7.新建文档,注意文档大小,文档太大的话会导致显卡渲染失败。

Photoshop CS5制作转动的3D地球动画,破洛洛

8.把刚才制作的3D地球文件放入新建的文档当中,并调整大小。现在的地球效果有些偏暗,所以我们创建个亮度对比度,并按ALT键为其创建剪切蒙板,调整3D地球明暗效果,参数如图,效果如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

9.新建个空白图层,使用矩形选框工具制作椭圆,并填充黑色,模糊15像素,为其制作投影效果,如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

10.按CTRL+T对投影进行变形处理,效果如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

11.选择3D地球图层(因为是3D图层,所以我们在打开动画面板时它会自动的转换到时间轴面板,而不是转到动画帧面板)。首先我们需要对文档的时间进行设置(黄色标注处),参数如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

12.我们在时间轴面板中找到3D对象位置,并点击左边的马表按钮,为其添加关键帧如图。

Photoshop CS5制作转动的3D地球动画,破洛洛

13.把时间轴面板中的刻度线调整到最后位置后,使用3D旋转工具,进行水平360度旋转(1204X768分辨率的旋转不到360度,汗~),这样旋转后它会自动记录并生成关键帧,这样我们就得到了简单的3D地球旋转效果了。

Photoshop CS5制作转动的3D地球动画,破洛洛

14.大家不要以为这样就算OK了,这样想的话你就挂了,因为在时间轴面板中所生成的动画效果,它的第一帧是一次而不是永远,所以我们需要先进行WEB格式储存后再次进行编辑,汗~

Photoshop CS5制作转动的3D地球动画,破洛洛

15.打开我们刚才储存的GIF格式动画,新建合适的文档把所有图层放入后并调整大小(我的刚好50层,就像我老了50岁一样,其实我可年轻——!)。在动画帧面板中找到第一帧,把它设置为永远(永远,永远永远有多远,永远的相爱……——!:PS,唱起来了!),收工,打包,过光棍节去了!

Photoshop CS5制作转动的3D地球动画,破洛洛

最终效果:

Photoshop CS5制作转动的3D地球动画,破洛洛

转载请注明:破洛洛(谢谢合作)
网友评论: