每周一模第3期:做一个动态的圣诞礼物盒

每周一模 教程/经验 版权:禁止匿名转载;禁止商业使用。

11774 0 0 2017-06-21 18:00:42 举报

wang2015

河南 安阳

今天为大家讲解一个礼物盒的制作

094948dgs6q8g87s7malom.gif


   今天为大家讲解一个礼物盒的制作
什么?
礼物盒简单?


   我们做的是“超萌圣诞礼物盒”好不好!
圣诞节做一个送女神说不定就脱单了亲!

l002.gif


   那么为了下半辈子的幸福
请集中精神,跟着我的节奏开始了哦

第1个部分:礼物盒模型的制作

由于我们的礼物盒太“复杂”了,
所以要分为三部分来做,分别为盒子、缎带和蝴蝶结。

l003.jpg


    我们的模型将使用3ds max来制作,我使用的是2012版本。
礼物盒是一个长方体结构,那么很多同学可能首先考虑使用“长方体”工具来做。


l004.jpg   
但请注意“长方体”工具创建出的模型边是九十度直角
没有圆角平滑效果的,这样很不萌的。
你这么不注意细节,很容易没有铝盆友的,我跟你讲。

l005.jpg


    所以我们使用“切角长方体”工具,来创建一个有圆角效果的长方体,那么下面就开始建模了:
1. 使用“切角长方体”工具创建一个有圆角的长方体,具体创建参数如下图所示。
一定要注意设置高度和圆角的分段数,分别为2和5。

l006.jpg


2. 礼物盒分为盒体和盒盖两部分,如果分开建模很麻烦
大家仔细看,这个立方体其实就是一个完整礼物盒的形状
因此我们可以直接将其拆分,以提高效率。
首先进入“修改”面板,为这个长方体添加一个“编辑多边形”修改器。

l007.jpg


3. 进入“顶点”子对象层,选择盒子中部的顶点
将这些顶点向上移动,确定盒盖和盒身的的分界。

l008.jpg


4. 进入“多边形”子对象层,选择盒盖部分所有的面,如图所示。

l009.jpg


5. 在“编辑几何体”卷展栏单击“分离”按钮右侧的“设置”按钮,打开“分离”对话框,

l010.jpg


6. 确认“分离”对话框中的“分离到元素”和“分离为克隆”复选框均处于未被选择的状态
(如果选择这两个单选按钮,仅将分离的部分复制,不影响源对象)
然后单击“确定”按钮,将所选面分离为独立的对象。

l011.jpg


7. 将分离的盒盖放大并移动,现在外形如下图所示。

l012.jpg


8. 默认状态下,为了加快运算速度,max中的模型为单面对象
单面不是正反两面,而是与法线相反的面根本不存在,这对于封闭的模型是没有问题的
但对于需要显示内部面的模型会出现问题。


在未赋予材质的情况下,模型在视图显示和渲染中均显示有正反面
这是因为max默认显示对象双面,一旦赋予对象默认材质,渲染后就会出现内部面“消失”的现象。

l013.jpg


9. 所以在建模中如果有单面的对象,可以通过赋予对象双面材质,或者使对象产生厚度的方法来解决这个问题
下面将使用“壳”修改器使对象产生厚度。


“壳”修改器可以为对象赋予厚度,如下图所示。

l014.jpg


10. 选择盒子底部,为其添加一个“壳”修改器
并参照下图参数设置其内部的厚度
(为了便于观察,图中隐藏了盒盖对象)。

l015.jpg


11. “壳”修改器不仅可以使对象产生厚度,还能够设置厚度边缘的形状
在前视图使用“线”工具创建一条弧线,作为边缘的形状。

l016.jpg


12. 选择礼物盒底部,进入“修改”面板,选择“倒角边”复选框
单击“倒角样条线”右侧的None按钮,在视图中拾取刚刚创建的弧形,可以看到盒子边缘成为弧形。

l017.jpg


13. 修改其实可以复制的,在堆栈栏右击“壳”修改器,在弹出的快捷菜单中选择“复制”选项

l018.jpg


14. 选择盒盖部分,右击堆栈栏最顶部的“可编辑多边形”修改器
在弹出的快捷菜单中选择“粘贴”选项,将“壳”修改器复制给该对象。

l019.jpg


15. 现在盒子的制作就完成了。

l020.jpg


接下来要制作缎带,缎带看上去很简单,但其实有一个难点
就是缎带必须紧贴盒面,如果大小不合适,很容易就成了不合身的效果。


   为了使缎带能够与盒面更好地吻合,我们将使用放样方法来创建缎带模型。


放样对象是沿着第三个轴挤出的二维图形
首先要以一个二维形作为路径
然后拾取一个或者多个图形,作为放样对象的横截面图形
沿着路径排列图形时 3ds Max 会在图形之间生成曲面。

l022.jpg


1. 要使缎带能够吻合盒面,最好的方法是直接从盒面截取一个图形作为路径。
隐藏盒身,只保留盒盖,进入“创建”面板下的“图形”子面板,在“对象类型”卷展栏内单击“截面”按钮。
在左视图中创建截面,并将其移动至如图所示的位置,使其位于盒盖的中央。


“截面”是一种特殊类型的样条线,可以通过对象基于横截面切片生成图形。

l023.jpg


2. 进入“修改”面板,在“截面参数”卷展栏内单击“创建图形”按钮
这时会弹出“命名截面图形”对话框,单击“确定”按钮,这时会沿盒盖的横截面生成一个新的图形。
将其作为放样路径,可以使创建的放样对象紧贴盒面。

l024.jpg


3. 删除截面对象,并隐藏盒盖对象,可以看到新创建的横截面。

l025.jpg


4. 由于缎带只需要在盒盖的表面,所以我们不需要完整的截面形
选择路径形,进入“线段”子对象层,选择内部的线段
然后在键盘上单击delete键将其删除。

l026.jpg


5. 现在路径形就完成了,效果如图所示。

l027.jpg


6. 进入“创建”面板下的“图形”子面板,在“对象类型”卷展栏内单击“矩形”按钮
参照下图设置其参数,将其作为截面形。

l028.jpg


7. 选择路径形,进入“几何体”面板下的“复合对象”面板,然后单击“放样”按钮。

l029.jpg


8. 单击“获取图形”按钮,在视图中拾取新创建的矩形,创建放样对象
可是,这是什么鬼?!!

l030.jpg


9. 这是因为截面形的方向不正确,在主工具栏右击“角度捕捉切换”按钮
打开“栅格和捕捉设置”对话框,设置“角度”参数为90,这样每次旋转参数固定为90度。
关闭该对话框,并激活“角度捕捉切换”按钮。


l031.jpg

10. 选择放样对象,进入“修改”面板,然后进入放样对象的“图形”子对象层
这时可以对放样对象截面形进行编辑,选择截面形,将其旋转,完成缎带的制作。

l032.jpg


11. 将放样对象复制,并旋转,完成缎带的制作。

l033.jpg


最后需要制作蝴蝶结,蝴蝶结包括蝴蝶结部分和其底部的缎带部分
蝴蝶结部分将使用放样方法来制作,缎带部分将使用图形合并来制作。
1. 在前视图创建如图所示的路径形和两个截面形。

l034.jpg


2. 放样对象可以通过拾取多个截面形来声称更为复杂的模型,
选择路径形,进入“几何体”面板下的“复合对象”面板,
然后单击“放样”按钮,单击“获取图形”按钮,在视图中拾取截面形01,如图035所示。

l035.jpg


3. 在“路径”参数栏内键入50(该参数为拾取的截面形在路径的百分比位置)
单击“获取图形”按钮,在视图中拾取截面形02,如图035所示。

l036.jpg


4. 在“路径”参数栏内键入100,单击“获取图形”按钮,在视图中拾取截面形01

l037.jpg


5. 参照盒子的制作方法,为放样对象添加“壳”修改器,设置其厚度为0.2。

l038.jpg


6. 蝴蝶结中部的纽结也是放样方法制作的,大家可根据我们前面讲解的知识,参照下图自行制作。

l039.jpg


7. 将创建的放样对象复制并排列,使其成为如图040所示的形状。

l040.jpg


8. 最后需要制作蝴蝶结的缎带,在制作之前,我们首先要了解分段数对于模型的作用
在使用某些修改器时,分段数越多,对象实现的效果越好
因此我们在制作模型时必须保证模型有足够的分段数。

l041.jpg


9. 使用“线”工具,在顶视图创建如图所示的图形。

l042.jpg


10. 在“几何体”面板单击“平面”按钮,在顶视图创建一个平面,然后设置其参数,如图所示。


该平面与缎带轮廓图形是完全重叠的。

l043.jpg


11. 选择路径形,进入“几何体”面板下的“复合对象”面板
然后单击“图形合并”按钮,在“拾取操作对象”卷展栏内激活“拾取图形”按钮,然后拾取缎带轮廓图形。


“图形合并”复合对象可以将图形嵌入模型表面,并设置其剪切效果。

l044.jpg


12. 进入“修改”面板,选择“饼切”单选按钮和“反转”复选框。

l045.jpg


13. 为该对象添加一个“编辑多边形”修改器,使平面被图形剪切。


使用这么麻烦的方法来制作缎带
是为了使生成的缎带有足够的分段数,便于下一步的操作。

l046.jpg


14. 参照盒子的制作方法,为放样对象添加“壳”修改器,设置其厚度为0.2。

l047.jpg


15. 接下来需要使缎带弯曲,为缎带添加一个“弯曲”修改器,并参照下图设置参数
这时我们会发现,缎带整体弯曲了,而我们需要弯曲效果作用在局部。


“弯曲”修改器在堆栈栏中显示名称为Bend。

l048.jpg


16. 在“限制”栏内选择“限制效果”复选框,限制“弯曲”修改器效果
在“上限”参数栏内键入3,设置限制的范围。

l049.jpg


17. 现在弯曲发生在缎带的中部,且角度太正
我们还需要继续对其进行编辑,进入“弯曲”修改器的“中心”子对象层
这时可以通过编辑中心点来设置弯曲发生的位置。

l050.jpg


18 进入Gizmo子对象层,可以通过旋转Gizmo来设置弯曲的角度。

l051.jpg


19. 编辑缎带,使其与礼物盒吻合。

l052.jpg


20. 使用同样的方法创建另一条缎带
注意要使其参数略有差别,这样显得更自然。

l053.jpg


21. 模型部分就基本完成了。

l054.jpg


接下来我们要让它动起来

动次踏次,动次踏次,

动次踏次,动次踏次



第二个部分:礼物盒特效和gif动画制作方法

   

在上一部分中,为大家讲解了礼物盒模型的创建方法
关于材质、渲染、动画、等设置由于较为简单,略去不讲

本教程直接讲解怎样在AE中设置特效,以及怎样在PS中将动画设置为gif动图

我使用的是After Effects CC和Photoshop CC版本,如果使用的软件低于CC版本,可能一些工具会有所不同。

在制作练习之前,需要先下载素材文件。

[attach]1265729[/attach]
     在制作模型,并设置材质、渲染、动画后,输出的avi格式动画如下图所示。



    我们首先要在AE中设置礼物盒的光芒和金属边框,然后将其输出为新的avi格式动画。

AE中设置特效的方法与PS较为相似,都是通过图层叠加来实现的。


1. 首先打开After Effects CC,双击“项目”面板下的空白处

在弹出的“导入文件”对话框内打开素材文件中的“礼物盒素材”文件夹内的“礼物盒序列”文件夹

选择任意一张图片,确定 “Targa序列”复选框处于被选择状态,单击“导入”按钮,导入该图像序列。


2. 这时会弹出“解释素材”对话框,使用默认设置,单击“确定”按钮,退出该对话框。


3. 退出“解释素材”对话框后,图像序列会出现在“项目”面板中,并会显示其相关信息。

可以看到其帧率为每秒30帧,而我们需要设置其帧率为每秒25帧。

我们看到的动画其实是一组连续播放的画面

帧率为30是指动画每秒播放30张画面。


4. 在“项目”面板中右击导入的图像序列名称,

在弹出的快捷菜单中选择“解释素材”/“主要”命令,

打开“解释素材”对话框,在“假定此帧速率”参数栏内键入25,设置其帧率为25,

然后单击“确定”按钮,退出该对话框。


5. 现在需要创建一个新的合成来编辑文件。

在菜单栏执行“合成”/“新建合成”命令,

打开“合成设置”对话框,参照下图设置新合成的名称、尺寸、帧率和时间,

设置完成后单击“确定”按钮,退出该对话框,创建一个新的合成。

我们设置的尺寸、帧率和时间与导入的动画一致。


6. 将图像序列拖动至新的合成。

每个加入到合成中的文件都会在一个单独的层。


7. 接下来需要对视频的色彩进行编辑,

在“效果和预设”面板内的“颜色校正”栏内将“亮度和对比”效果拖动至图像序列,

设置亮度和对比度参数分别为15和10。


8. 将“色相/饱和度”效果拖动至图像序列,设置“主饱和度”参数为30。

现在视频的颜色更鲜艳了。


9. 接下来需要设置礼物盒中的光芒效果,导入下载素材中的“金色光芒.mov”文件

并将其拖动至合成中图像序列的上一层,该文件为金色斑点的动画。


10. 为视频添加“亮度和对比”效果和“色相/饱和度”效果,并设置其参数。


11. 现在金色光芒铺满了整个画面,而我们需要使光芒仅出现在合适的位置,该效果可以使用遮罩来实现。

导入下载素材“礼物盒素材”文件夹内的“光芒”文件夹中的图像序列,

设置其帧率为每秒25帧,使其与礼物盒动画时间同步,然后将其拖动至视频的上一层。


12. 播放动画,可以看到该动画为礼物盒光芒的遮罩。

别问我这个遮罩怎么做的,过程太复杂,写稿子太累了,所以不讲了

我的地盘我做主,就是这么任性!


13. 选择“金色光芒.mov”层,在该层的Trkmat下拉式选项栏内选择“亮度遮罩”选项。


该步骤将上一层的亮度值作为该层的遮罩

白的地方完全不透明,黑的地方完全透明,***颜色根据灰度值依此类推。


14. 导入下载素材“礼物盒素材”文件夹内的“边框.png”文件

并将其拖动至合成中的最顶层,该文件带有通道,为透明效果。

有人为问这个边框有什么用?

这就跟你揣个iPhone7 Plus一样,能够提升**。


15. 现在特效设置就完成了,接下来需要将其输出为avi格式动画。

在菜单栏执行“合成”/“添加到渲染队列”命令。


16. 这是在界面底部会显示“渲染队列”面板

单击“输出模块”右侧的金色字体,打开“输出模块设置”对话框

确定“格式”下拉式选项栏内显示的为AVI格式,单击“确定”按钮,退出该对话框。


17. 单击“输出到”右侧的金色字体,打开“将影片输出到”对话框

设置文件的输出路径和名称,单击“保存”按钮,退出该对话框。


18. 单击“渲染”按钮,开始渲染动画,渲染完成后

在指定路径即可看到渲染完成的动画。


19. 接下来我们需要将avi格式动画转换为网络常用的gif格式动图

这个操作将在Photoshop中进行。打开Photoshop CC,然后打开上一步骤中输出的动画文件。

如果你的版本较低,可能无法直接打开avi格式的文件

做了这么多步,是不是很不甘心?是不是很沮丧?

哈哈,我等这个时刻等了好几年了!


20. 在菜单栏执行“文件”/“存储为web所用格式”命令。


21. 这时会打开“存储为web所用格式”对话框

设置“循环选项”下拉式选项栏内的选项为“永远”,然后单击“存储”按钮。

“循环选项”下拉式选项栏内有“一次”和“永远”两个选项

选择“一次”选项,生成的动画只播放一次即停止

选择“永远”选项,生成的动画将循环播放。


22. 这时会打开“将优化结果存储为”对话框

设置存储文件的名称和路径,设置“格式”下拉式选项栏内的选项为“仅限图像”

单击“保存”按钮,将动画输出为gif格式动画。


23. 现在本实例就全部完成了,完成后的效果如图所示。


做好这个送给你的女神,就在家等好消息吧!

当然,如果圣诞节开辆法拉利接女神出去玩,成功率会更高。




不说了,我是老司机,我的一车乘客还在等我

来不及了,我走了,拜拜


标签 206动态 2118礼物 每周一模

声明:该资源由发布人:【wang2015】上传,点击查看作者主页其他资源。

CG模型网(cgmodel.com)内网友所发表的所有内容及言论仅代表其本人,并不反映任何CG模型网(cgmodel.com)之意见及观点。

推送到

首页推荐 编辑推荐

取消 通知作者
对此作品设置了隐私保护,禁止保存至本地。