cooltext195261262404738
cooltext195261262404738
鼠标移到文字上弹出提示层 ● 延吉市布尔哈通河音乐喷泉景 ●
 


ps制作GIF动态3D旋转地球动画

发表时间:2015-12-24  浏览次数:1850  
字体大小: 【小】 【中】 【大】
本节教程为大家讲解如何利用photoshop制作3D旋转地球动画,其实方法并不难,但是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格式动画,新建合适的文档把所有图层放入后并调整大小
Photoshop CS5制作转动的3D地球动画,一起学设计网

最终效果:

Photoshop CS5制作转动的3D地球动画,一起学设计网

文章评论
发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态: 未登录,点击登录