主要想做一个小金币翻转的GIF,然后嵌到原型工具里用。
点击金币后有一个金币翻转的小动画,翻转的时候有一个厚度,懒得一帧一帧画了那就用C4D吧,这种小东西还是能很快做好,唯一一个问题就是还不知道怎么用C4D导出PNG序列。。。
先写怎么导出PNG的序列,后面在记录一下做的过程,和遇到的一些小问题怎么解决。
C4D导出透明背景的PNG序列
1. 输出设置
把输出中的帧范围选为全部帧,才会导出完整的序列。
更多信息可以看一下渲染和导出。
Tips:帧频要和工程设置(属性窗口左上角模式 > 工程)的帧率一致,输出时是按这里填写的帧频输出。 我之前遇到一个问题就是动画时长明明是设置24帧但最终导出后只有19帧,就是因为工程文件的帧率是设置的30,输出是24;想渲染金币的正侧面,但是怎么都渲染不出来,即使是渲染到图片查看器。
宽度、高度、分辨率输入需要的尺寸。
格式选为 TARGA 格式,勾选 Alpha 通道 → 直接 Alpha。
这个格式的选择是看了很多别人的教程,具体原理也每弄懂,反正能达到目的😂。
2. 渲染导出
长按渲染到图片查看器按钮打开一个下拉框,选择添加到渲染队列;
可能会弹出一个窗口问你是否要保存更改?需要保存就点是不需要就点否,对后面的操作没有影响但是我一般都是点的是,万一软件这时候崩溃了呢~
然后弹出渲染队列的窗口,勾选要导出的序列,点击开始渲染图标就开始渲染了;开始渲染了会
这个时候还是可以更改文件储存位置的。
导出了一堆文件,没有缩略图看不到啥格式,还是挺懵的~
双击可以打开图片预览。但是这个格式不能导入PS啊!
机智的我发现图片可以导出,把导出的格式选成PNG就变成一个普通的PNG图片了。
如果嫌一个个存麻烦,还可以用Mac自带的 Automator 创建一个工作流,选中-自动运行这个流程。
怎么用Automator创建一个工作流可以作为下一篇笔记😏。
不知道有没有什么更正经的方法可以导出透明背景的序列。
怎么在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了🤔
最后只留了关键帧删了其他的,还加了动态模糊。