纳金网

标题: RageSpline卡通插件的基本操作 [打印本页]

作者: 艾西格亚    时间: 2013-6-3 03:42
标题: RageSpline卡通插件的基本操作
本帖最后由 艾西格亚 于 2013-10-28 21:42 编辑

RageSpline卡通插件的基本操作

RageSpline 试用下载:
http://www.narkii.com/club/thread-293434-1.html

导入RageSpline的资源包之后,在Project面板里面即可看到对应的文件,Demo的目录下提供了几种不同类型的演示场景, Prefabs则是提供了基本的2D造型物件,可以快速的让我们进行线段的修改与调整。

1.jpg

Ok,现在我们要开始进行一个卡通场景的设置,首先是对相机模式的修改,在Project模式里面选择Orthographic,使用这种设置可以让相机以平行视角来观看场景。还有一个需要注意的地方是必须将相机的位置设置为Back,这也是一般用来制作2D游戏的标准设置流程。

2.jpg

接着进行基本造型的设置,在Prefabs目录里面提供了几个基本的2D物件。



选择Circle,然后添加到Hierarchy面板内,如图所示。



使用鼠标直接拖动线段上的控制点来改变造型,这种控制点的调整类似于Bezier曲线,以顶点两边的控制杆来改变线段的形状。
在调整控制点的时候,可以配合以下的命令来达到更好的效果。



在线段上双击某个位置 = 新增一个控制点
Del 键或是 backspace 键= 删除选择的控制点
N键 = 将控制点切换为单边控制状态
SHIFT 键 = 多点选择并进行移动


了解线段的调整方式后,我们来看看如何修改线段的颜色,Outline用来设置线段的边缘粗细与颜色,Fill则是设置内部以何种方式填满,可以选用单色,渐变或是贴图类型。

6.jpg

我们将Outline设置为白色,Fill设置为蓝色所得到的效果如图:

7.jpg

将Fill选项更换为Gradient,在右侧的两个方框内分别将颜色设置为浅蓝与白色,如图所示,内部的颜色即显示出渐变的效果,同时可以移动绿色调节器来调整渐变的范围与方向。

8.jpg

11.jpg

接着我们来修改一下整体的样式,将渐变色更改为白与灰色,将Emboss更换为Sharp模式,然后设置对应的颜色为浅灰与白色,如图所示,绿色的调节器用来调整渐变,蓝色则是用来调整造型边缘的厚度。

12.jpg

13.jpg

如图,这是使用了Gradient与Emboss功能调整后的样式,看起来已经具备了卡通的效果。

14.jpg

使用Ctrl +D方式复制出另外一个物件,然后以拖动控制点方式来改变其外形,如图所示。

15.jpg

继续使用复制功能制作出更多的物件,调整位置后根据高低修改其外形。

16.jpg

将Circle添加进来,使用控制点的移动与增加创造出一个类似树丛的造型,如图所示。

17.jpg

19.jpg

运用相同的方式制作出树木的造型,然后将其位置做些调整。

20.jpg

经过几个物件的复制与调整后,大致上我们已经得到了一组卡通风格的造型关卡。

21.jpg

将一个Rectangle添加进来当做背景,修改其颜色属性为渐变,然后将其面积放大到足以覆盖到整个相机的范围。



将MultitextureLandscape这个地形的特殊物件添加进来,如图所示,在添加后可以使用控制杆来改变地形的外观。

23.jpg

调整地形里面的粉红色调节器可以直接修改贴图的分布与转向,这个功能非常的方便与实用,如果Unity的地形也能这样调整贴图的话就更为理想。

24.jpg

此外也可以很方便的修改地形贴图的样式,只要置换MTExampleFill与RageSplineMaterialTextured的贴图材质即可创造出不同风格的卡通效果。

25.jpg

26.jpg

如何?是不是觉得使用RageSpline制作卡通场景非常的容易?没错,这套插件最大的优势在于操作与修改的方便性,有了RageSpline的辅助,唯一让我们需要烦恼的就是创意了!




作者: libufan    时间: 2013-6-3 09:30
不错不错,谢谢楼主分享
作者: 狂风大尉    时间: 2013-6-6 23:47
Ragespline看起来不错的效果,可能更适合美术人员
作者: rookielee    时间: 2013-6-8 11:34
非常感谢
作者: fgdf#dfg    时间: 2013-6-8 13:27
感谢您的分享这个好包

作者: dannyGame2012    时间: 2013-6-9 13:05
不错的资源啊!!!!!
作者: alloyapple    时间: 2013-8-1 08:28
很好的教程,学习了
作者: slin60    时间: 2013-8-1 12:18
谢谢楼主分享
作者: 小海豚    时间: 2013-10-30 08:55
给力。。。支持
作者: HIDEOKOJIMA    时间: 2013-10-31 20:14
非常感谢
作者: tangqizuse    时间: 2013-11-1 00:42
谢谢楼主分享
作者: glenndai    时间: 2014-3-11 13:47

好铁多多发,感激分享
作者: pz789as    时间: 2014-3-11 13:59
不错不错,谢谢楼主分享
作者: gxf5168    时间: 2014-6-16 19:02
感谢楼主分享
作者: louis_some    时间: 2014-6-16 20:23
EN , HAI SHI BUCUO  DE  DONG XI .
作者: louis_some    时间: 2014-6-16 20:25
A A A A A A A A A A A A
作者: louis_some    时间: 2014-6-16 20:27
看上去不错,试试用
作者: a51383036    时间: 2014-6-23 17:11
美工很漂亮哦,不知道是作什么的
作者: wusky751023    时间: 2015-6-22 01:35
馬克一下,以免忘了這個教程@@
感謝艾西格亞大人




欢迎光临 纳金网 (http://go.narkii.com/club/) Powered by Discuz! X2.5