这是我第一次做教程,其实这是一个5分钟可以做完的案例,但做教程花了我一整天。。。
附件里有源文件供大家研究~
认真看过教程,研究过源文件之后,还有疑问的童鞋可以在评论里提问哟,我有空会回答大家的~

关于保存的问题:

psd的话跟平时一样保存(ctrl+s)就ok了,如果你进入智能对象编辑,记得编辑完保存一下,再关闭智能对象的窗口,然后回到画布也要记得保存。
如果要导出成gif的话,就”存为web所用格式(ctrl+alt+s)”,在跳出的窗口右上选“GIF”,
记得左下角“循环选项-永远”,这样导出的gif就是一直循环播放的,有的童鞋交的作业,gif转半圈就停了,好心塞。。

如何利用Photoshop做3D图形动画入门教程

用PS做3D动画

1. 用形状工具画一个矩形,删掉一个锚点,变成三角形。

2. 用四个这样的三角形拼成菱形,并依次填充由浅到深的同色相颜色。

如何利用Photoshop做3D图形动画入门教程

3.窗口—>时间轴,打开“时间轴”面板,点击中间的【创建视频时间轴】按钮(如果出现的是【创建帧动画】按钮,请点击右边的小三角形;或者创建帧动画之后点击左下角如何利用Photoshop做3D图形动画入门教程按钮,也可以切换到时间轴模式。)

4.命名一下图层,如下,复制1、2两个图层,命名为11,22并将图层转为智能对象。(命名随意啦,只是为了方便区分,这一步也可以放在第3步前面做。)

如何利用Photoshop做3D图形动画入门教程

5.把时间轴面板左侧,11和22图层的小三角展幵;

可以看到“变换”“不透明度”“样式”的项目,意思是时间轴可以记录这个图层的这些变化。(时间轴不能记录形状图层的“变换”所以才需要将11和22图层转换为智能对象)

如何利用Photoshop做3D图形动画入门教程

6.点击“变换”和“样式”项目的秒表如何利用Photoshop做3D图形动画入门教程,启用关键帧,把工作区的结尾设置为2秒。(这个东西移动到02:00f处如何利用Photoshop做3D图形动画入门教程

如何利用Photoshop做3D图形动画入门教程

7.把时间刻度上的滑块如何利用Photoshop做3D图形动画入门教程移动到01:00f处,点击如何利用Photoshop做3D图形动画入门教程当中的【菱形方块】增加关键帧。

如何利用Photoshop做3D图形动画入门教程

8.对图层11进行斜切变形:按Ctrl+T变形,之后按住Ctrl+Shift不放,移动鼠标到变形框下边的中点,此时鼠标变成如何利用Photoshop做3D图形动画入门教程,点击往右拖动到菱形中心,对图层22也进行类似的处理。

如何利用Photoshop做3D图形动画入门教程

9.给图层11添加图层样式,颜色叠加,取图层3的颜色,不透明度为50;给图层22添加同样的图层样式,但颜色取图层4的颜色,完成后效果就如下图。

如何利用Photoshop做3D图形动画入门教程

10.这一步跟第7步一样,但是时间滑块移动到了02:00f处。(将滑块移动2秒的地方,然后对图层做变形,时间轴也会自动记录关键字哦。)

如何利用Photoshop做3D图形动画入门教程

11.这一步也是对图层11和22变形,变成了和图层3、4一样的三角形了。

如何利用Photoshop做3D图形动画入门教程

12.把图层11和22颜色叠加的不透明度改成100%。

如何利用Photoshop做3D图形动画入门教程

13.“看起来和一开始的菱形不是一样了吗,是在耍我吗?额,设置播放形式为“循环播放”点击时间轴的播放键,看看动画效果吧。

如何利用Photoshop做3D图形动画入门教程

大功告成!菱形:“请叫我【多面体】”。

下面的是附加内容,有兴趣的请继续往下看:

a. 选中所有图层,转换为智能对象图层–>复制图层–>变形,变成尖一点的多面体; 或上下左右翻转,让多面体从上往下转。

b. 通过拷贝新建智能对象,双击以编辑智能对象,在所有图层上添加一个色相调整图层,做成其它颜色的多面体。

c. 把时间滑块拖回01:00f处,修改图层样式,颜色叠加选用的颜色改成同色相的高亮色,不透明度修改为100%

(可以试试相邻色相的高亮色哟,效果会让你眼前一亮)

d. 对这个多面体的智能对象本身增加“变换”的动画,从-180° –>0° –>180° 做旋转的变形,多面体会在自转的同时,做平行屏幕的旋转。

如何利用Photoshop做3D图形动画入门教程

PS:认真严谨且精通几何学的同学,可能纠结旋转时,正视图看多媒体理由产生的肥瘦变化,这一点,可以在多媒体的智能对象增加“变换”的动画来实现!

属性标签:

欢迎留言

页面生成消耗的时间 0.225 秒,此页面一共查询了 87 次数据库!缓存时间:2018-10-22 17:31:14你的IP为:120.229.234.53