最美UI

微信红包!用C4D的动画做个微信红包GIF图

主要想做一个小金币翻转的GIF,然后嵌到原型工具里用。点击金币后有一个金币翻转的小动画,翻转的时候有一个厚度,懒得一帧一帧画了那就用C4D吧,这种小东西还是能很快做好,唯一一个问题就是还不知道怎么用C4D导出PNG序列!

最终要达到的效果

先写怎么导出PNG的序列,后面在记录一下做的过程,和遇到的一些小问题怎么解决。

首先我们来看看C4D导出透明背景的PNG序列?


1. 输出设置

打开渲染设置

把输出中的帧范围选为全部帧,才会导出完整的序列。

更多信息可以看一下渲染和导出。

Tips:帧频要和工程设置(属性窗口左上角模式 > 工程)的帧率一致,输出时是按这里填写的帧频输出。

我之前遇到一个问题就是动画时长明明是设置24帧但最终导出后只有19帧,就是因为工程文件的帧率是设置的30,输出是24;想渲染金币的正侧面,但是怎么都渲染不出来,即使是渲染到图片查看器。

宽度、高度、分辨率输入需要的尺寸。

设置输出格式

格式选为 TARGA 格式,勾选 Alpha 通道 → 直接 Alpha。

这个格式的选择是看了很多别人的教程,具体原理也每弄懂,反正能达到目的。

2. 渲染导出

添加到渲染队列

长按渲染到图片查看器按钮打开一个下拉框,选择添加到渲染队列;

可能会弹出一个窗口问你是否要保存更改?需要保存就点是不需要就点否,对后面的操作没有影响但是我一般都是点的是,万一软件这时候崩溃了呢~

开始渲染

然后弹出渲染队列的窗口,勾选要导出的序列,点击开始渲染图标就开始渲染了;开始渲染了会

这个时候还是可以更改文件储存位置的。

渲染成功的样子

导出了一堆文件,没有缩略图看不到啥格式,还是挺懵的~

导出的文件列表

双击可以打开图片预览。但是这个格式不能导入PS啊!

机智的我发现图片可以导出,把导出的格式选成PNG就变成一个普通的PNG图片了。

如果嫌一个个存麻烦,还可以用Mac自带的 Automator 创建一个工作流,选中-自动运行这个流程。

怎么用Automator创建一个工作流可以作为下一篇笔记。

导出为PNG

不知道有没有什么更正经的方法可以导出透明背景的序列。

怎么在C4D里做一个这样的金币翻转的动画呢?


1. 画结构图

要导入到C4D做尺寸参考的,右边有颜色的其实是最终从C4D渲染的效果图。

正面和侧面的图要是两张图,高度保持一样,居中,宽度居中就行,不要求一样宽;

结构图的尺寸自己看着差不多就行,不用太纠结,建议用好记好算的数字做尺寸,因为这个图只能做参考图,还是要到C4D里重绘的;

线不要太粗了,都变成一个面了多不好对齐啊;

侧面的结构要是一个截面,不是轮廓。

2. 把结构图导入为背景

先切换成四视图,正视图背景选上一步导出的正面图,右视图背景选侧面结构图。

怎么插入背景?

点击属性窗口左上角的模式大开下拉框;

点视图设置,顶上有显示你当前选中的是哪个视图,不要传错图了;

切换到背景,点击图像后的三个小点按钮选择图片;

两张图都传好后设置尺寸,我们导的两张图高度是一样的,那就把高度的值输相同的数字,调透明点,一会儿建模的时候样条明显些。

3. 想好怎么建模

我把这个金币拆成了三部分做的,前面是的浅色方形凸起A,中间是深色的主体部分B,后面是大的浅色边C。

实现方法就空心的 样条 + 挤压 ,再将三个独立的模型居中对齐。

示意图

4. 动手

这时候还没有厚度跟透视,那就最大化 正视图。

相关内容: 生成器,下面的步骤用到了生成器,属性的详细说明在 生成器中查看。

先画B:

外轮廓

从样条工具中选择 圆环 ,调整大小,可以比背景上的外轮廓稍小,这样B部分就不会戳到C部分外了;

Tips:如果圆环不圆,那就把圆环属性-对象中的【点插值方式】改为统一,增加下面的数量。

详细说明可阅读样条。

里面的圆角矩形

从样条工具中选择 矩形 ,调整大小,对齐背景上中间方形的部分,位置可以对在A部分的中间,也是为了中间空心的部分不会戳到A外面;

勾选 矩形对象属性 - 对象中的圆角,调整到合适的半径;

布尔运算

先选要减去的样条-矩形,再选被剪的样条-圆环;点击样条中的 样条差集,两个样条就变成了一个可编辑样条(图标是一个贝赛尔曲线);

但是现在只有两条线,肉眼看不出来差别。

增加厚度

现在有厚度了,有三个方向的尺寸,要切换到四视图了。

选中样条图层,按住 Alt点击生成器 - 挤压;

放大右视图,调整挤压的厚度;默认厚度是20cm,调整厚度和位置,跟背景中内凹的那部分对齐;

给厚度边缘加圆角

如果没有圆角就不需要;选中挤压的属性-封顶,将顶端和末端都选择为圆角封顶,调高步幅值,勾选约束,通过半径调整圆角大小;

B这一部分的模型就建好了,先隐藏继续建A、C部分的模型,步骤和B一样。

C在绘制样条的时候可以直接勾选属性- 对象 中的 环状。

模型就建完了。

三个部分的侧面、正面都要对齐全局坐标的中心。

5. 材质

这个金币挺小的,也是用在平面的环境里,需要模拟成2D的样子,所以不需要加材质、不需要灯光。

不打光的情况下渲染是一片黑看不到模型的,但是可以在材质中使用发光来实现自照明。

双击材质窗口新建一个材质球;

双击材质球打开编辑;

点击颜色,可以输入色值,也可以点击图片的小图标导入一个图片从图上吸色;

按住颜色框 ,拖动到发光上打开发光的属性,再拖到发光的颜色框,松开鼠标,相同的颜色也应用到发光颜色了;发光亮度调个50%,100%太亮了;

把材质球拖到应用这个颜色的模型上;

复制一个球改个颜色,应用;

按Cmd R预览一下

6. 调动画

终于到了动画这一步了!

准备工作:

编组。这三个部分到时候是要同步转动的,要把三个模型变成一个,选中三个图层按Alt G编个组;

对齐轴。把组的坐标正面侧面都挪到模型的正中间,旋转是按坐标旋转的,在正中间才是原地旋转;点击左侧工具栏 对象轴 调整轴位置,调好了在把 对象轴 按钮点灭;

调角度。要做的金币角度是正面的,虽然可以通过调节摄像机位置来调整,但是手调怎么着都有点偏啊~ 从视图菜单-摄像机选择正视图就能刚刚好是一个标准的正面。

设置时长。将时间线窗口左下脚的输入框结束帧设置为一秒,如果设置的帧频是30,这里输入30,如果是24则输入24。

Tips:从视图菜单-查看点击恢复默认场景可以将摄像机复位到默认位置

K帧

选中模型,模型属性切换到 坐标,最右边一列有个R字母的是角度;

点一下H前面的小圆圈添加一个关键帧,小圆圈就变红了;

时间线窗口的绿色矩形拖到最后一帧,在H中输入180,小圆圈变成了橙色;金币0~180度和180~360度是一样的,缩短时长可以减小文件体积,180就够了;

再点一次小圆圈增加一个关键帧;这时候左右滑动时间线或点击播放按钮就可以看到动画了。

7. 导出

回到最开始讲的C4D导出透明背景的PNG序列

8. 合成GIF

就PS的脚本,不啰嗦了。

透明图层导出GIF其实会有百边,加刚好是金币在红包上所在位置的那块红包当背景,就能假装成没有背景的GIF了

最后只留了关键帧删了其他的,还加了动态模糊。

分享设计师:Banlinda

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
c4d视频教程!超酷C4D钢丝线文字视频教程
下一篇
C4D教程!如何用C4D制作Lowpoly风格