多边形圆滑技巧 CG관련2012-02-04 00:02:23

从最简单的开始,两个面之间硬边的圆滑,很简单,只要对硬边切角操作就可以了。(图01)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图01

这是三个面构成的物体,直接对相邻的硬边切角操作,如果不希望太锐利,可以切较大的值。(图02)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图02

FEVTE编注:更多3DSMAX建模教程讨论交流和三维作品交流请进入飞特论坛三维作业板块,地址:http://bbs.fevte.com/forum-54-1.html

Box,很简单,对所有的边做切角操作。(图03)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图03

首先说明这是一个错误的切角方式。如图形状的物体(右边第一个),我们依然想圆滑后得到比较好的硬角边,于是我们对硬角边切角,而圆滑后的结果,我们可以看到错误的结果。(图04)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图04

原因出在哪呢?在圆滑过程中,可以看出这两个面会圆滑成半圆的形状,结果底部就突出来了,结果出现错误。(图05)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图05

在说明之前我先说明两种角,首先看下蓝色模型的,这类角大于180度的也分为一类,这种角如果仅对三条边切角,就会出现刚才的错误。而绿色模型,把这种小鱼180度的角归为一类,圆滑这类角只需要对三天硬边切角就行了。(图06)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图06

我们举个例子,看蓝色模型,这是大于180的角,如果我们仅切三条边的话,圆滑后出错了。绿色模型是小于180的角,切了三条边后,圆滑的很不错。(图07)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图07

我想大家也想到方法了,只要对四条边都切角就可以了。结果可以看出,圆滑的结果非常好,所以当我们碰到大于180度的角后,我们要记得四条边都切角。我们对第四条边都切角后,原来的两个面就变成三个面,所以圆滑的时候避免了向内凹陷,所以就不会出现错误了。(图08)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图08

有时候我们碰到这种情况,我们把模型做出来后准备切角操作,但是由于我们是多边形,所以可以有多条边而碰到的角是大于180度的角,我们却只有三条边,该怎么办?


我们来看一下,第一个图形中我们发现这个大于180度的角只有三条边,而刚才讨论要切四条边,怎么办?很简单,我们只需要添加一条边,然后对四条边切角。(图09)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图09

其实我们还能发现一个现象,多边形建模的时候,为了得到更好的圆滑结果,我们尽量让所有的面为四边形或者三角形。如果出现多边形,我们应该保证多边形没有凹边。我们可以从图中第一个图形中看到这个多边形有凹边,所以我们添加一条线,分成两块,问题就解决了。(图10)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图10

好,我们继续深入,一个平面上一个突起的形状,我们希望圆滑硬角边。对红色边切角。要注意下面两个面产生了凹边,所以这个边也要切。(图11)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图11

如果我们仅切硬角边,就会出现错误的结果,可以从图中第三个模型中看出来。(图12)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图12

讨论一个新问题,我们能用box,圆滑出圆柱体或者球体吗?(图13)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图13

我们对红色部分的边切边,因为这些边是硬边,所以要切角,而其余的四条,是要圆滑的,所以不用切。同时,我们可以看到圆滑出来的圆柱体变得很小。(图14)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图14

如果希望圆滑后和圆柱体一样大,就让Box的面和圆柱体相切,可以看第一个图形。再看第二个,这是加高迭代次数的圆滑结果,和圆柱体对比,自己观察 可以看到细小的差别,圆滑后的圆柱体不是标准的园,在原本是平面的地方曲率太小,是角的地方曲率太大。可以看到红圈的地方,这些地方圆滑后交平。(图 15)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图15

有些朋友可能嫌Box圆滑成的圆柱体不满意,因为不够圆。如果我们用六面的棱柱代替Box,代替Box。可以看到圆滑的结果已经非常接近圆了,要比Box好很多。(图16)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图16

圆滑成球体就不多说了,直接加修改器。(图17)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图17

在一个平面上做一个圆柱体,比如我们在制作手机上的按钮。对红色部分切角,因为我们要得到圆柱体,这些都不是硬角边,所以不用切。(图18)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图18

可以看到圆滑的结果,也看到出错的结果。(图19、20)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图19

多边形圆滑技巧 飞特网 3DSMAX建模教程

图20

对这些边切角,就可以得到圆滑结果。(图21)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图21

加深难度,更复杂的情况。(图22)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图22

有些朋友可能对一些布线很茫然,其实很多方法都是可以的。我们看第一个图形,这种是最简单的,面最少,保证了没有凹边形。后两种布线可以让圆滑结果更好。(图23)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图23

对相应的边切角,圆滑后都不错。(图24)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图24

如果少切这两条边,我们会得到什么结果?(图25)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图25

我们可以得到圆滑的一边,大家可以试着体会一下,如果希望其它的角圆滑呢?(图26)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图26

圆滑结果还算不错,但是这个圆柱体并不让人满意。(图27)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图27


于是我们用6边形代替。首先画一个圆来作比较,让圆外切6边形。(图28)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图28

得到非常好的圆柱体,在制作圆形按钮的时候,我们就可以用这种方法。(图29)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图29

有时候可以加高迭代次数来消除少量黑斑。(图30)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图30

看一下实例,卡槽。(图31)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图31

仅对红色这些边切角。(图32)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图32

加深难度,更复杂的情况。(图22)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图22


有些朋友可能对一些布线很茫然,其实很多方法都是可以的。我们看第一个图形,这种是最简单的,面最少,保证了没有凹边形。后两种布线可以让圆滑结果更好。(图23)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图23

对相应的边切角,圆滑后都不错。(图24)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图24

如果少切这两条边,我们会得到什么结果?(图25)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图25

我们可以得到圆滑的一边,大家可以试着体会一下,如果希望其它的角圆滑呢?(图26)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图26

圆滑结果还算不错,但是这个圆柱体并不让人满意。(图27)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图27

于是我们用6边形代替。首先画一个圆来作比较,让圆外切6边形。(图28)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图28

得到非常好的圆柱体,在制作圆形按钮的时候,我们就可以用这种方法。(图29)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图29


有时候可以加高迭代次数来消除少量黑斑。(图30)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图30

看一下实例,卡槽。(图31)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图31

仅对红色这些边切角。(图32)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图32

有扣口部分的卡槽,注意要切的边,只需要那些硬边就可以了。绿圈画上的四条边也要选上,这些边防止凹面的圆滑出现错误。(图33)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图33

以前这个样的物体圆滑困扰了我很久,其实很简单。可以看到绿圈画的布线很重要,因为它们消除了原本的凹边形。(图34)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图34

有些朋友可能会问,有没有方法让大于180度的角只切硬边?答案是,有的,观察如下两种布线方法。第一个图形的布线要切四条边。第二个,因为我们在角上多添了一条线,所以我们只切这三条边也能得到完美的圆滑结果。(图35)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图35

切角操作后,观察结果。我们可以看到都出现了四边形,只要有四边形出现,就能圆滑出正确的结果。(图36)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图36

圆滑后的结果。(图37)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图37


有时候由于模型问题,我们可能在一个角上有多余的边,可以从第一个图形中看到。不过只要保证切角后,角落部分的是四边形,或者是多边形,就能保证正确的圆滑结果。看第二个图形,切完后是一个五边形。(图38)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图38

圆滑的结果。(图39)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图39

回来探讨刚才的情况,如图布线,我们只需要切硬角边就可以了。要保证这个位置是一个四边形即可。(图40)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图40

如图的布线和切角。(图41)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图41

有时候会碰到这种形状仅对硬边切角,如图中第一个图形。然后看第二个图形,保证画圈的边是四边形就OK了。(图42)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图42

平滑后的结果。(图43、44)

多边形圆滑技巧 飞特网 3DSMAX建模教程

图43

多边形圆滑技巧 飞特网 3DSMAX建模教程

图44

到这里就算结束了,谢谢观看。
给力:Html5代码可实现的八大视觉效果 Program관련2012-02-03 15:43:27
2012年02月03日09:43 来源:百度MUX 作者:百度MUX 编辑:景保玉 评论:0

  【IT168评论】“Html5”一出生就伴随着各种争论,不过有几个业界大佬的保驾护航、极力推动,相信随着支持webkit浏览器的普及,HTML 5会越来越普及、越来越强大,一定是必然趋势。

  

  HTML5 ~= HTML + CSS + JS APIs,在Html5引擎中已经有一些代码将html和css和jsapi做了结合。很多之前需要贴图或者很冗杂代码段才能实现的效果,采用Html5开发只需短短几行代码就可轻松搞定,大大降低了流量的压力。总之Html5真是很给力,那么作为一名移动端的wise设计师对于Html5可以轻松实现的视觉效果不能不了解。

  一、显示本地没有的字体

  

  移动端各种平台可以支持的默认字体有限,如果需要好的视觉效果,很常见的做法就是将文字做成图片,但是对于移动端来说,图片就意味着大流量,在如今还是按流量收费的移动网络时代,一味的追求效果而采用图片显然不是最好的做法。但是采用Html5开发,只需要在代码内设置所需显示的字体,那么一些个性的字体就可以不用图片轻松展示了。如上图红色方块区域中的效果。

  二、圆角效果

  

  如上图hao123主页和hao123.tuan主页效果所示,各种圆角在设计中对于提升用户的好感度,美化页面效果起到了很重要的效果。如今在移动端wise中也可以放心大胆的设计圆角效果,因为Html5对于圆角的支持已经很好了,代码可以根据需要随意控制圆角的半径大小,并且能够对其完美的展现。

  三、半透明效果

  

  在设计中为了能够让层与层之间的结合不生硬,采用半透明的效果,也已经是设计师惯用的手法之一了。Html5对于半透明效果支持也是非常理想的,代码可以根据需要随意控制层的透明度。

  四、渐变效果(线性渐变、径向渐变)

  

  在Html5之前对于线性渐变效果的支持就已经实现了,不过径向渐变还是需要贴图才能实现。图片对于移动端流量还是很受限的移动网络现状,视觉效果满足?流量费用支付?用户还是很在意的,不过Html5已经解决了这个问题,如同左图展现的线性渐变能够很好的支持外,右图中心区域径向渐变效果的展现是不是也很理想:)

  五、文本描边

  

  文本描边这个效果其实在Html5之前也是可以轻松实现的,不过并没有被经常的使用,所以在这里也提及一下,在Html5下文本描边可以很轻松的实现,且可以根据需求控制文本颜色,文本描边颜色,以及文本描边的宽度,宽度甚至可以精确到0.00px。

  六、文本阴影效果 横向、纵向、虚化

  

  如上图所示Html5除了可以轻松实现文本描边效果外,对于文本的阴影角度、方向等也可以轻松实现。可以自由控制阴影的角度、距离、颜色及投影大小。通过自由组合这几个因素,实现很多需要图片支持的效果就变得易如反掌。

  

  上图这样看似只能通过图片来实现的阴影+虚化效果,其实就是通过Html5来实现的。

  七、文本外发光效果

  

  经常对文字操作的视觉效果还包括:文字外发光。Html5对于文本外发光效果也是可以很好支持的,并且可以根据需求设置外发光的颜色、透明度、扩展范围、大小等等。

  八、倒影

  

  刚才讲到了很多文字可以实现的视觉效果,其实对于图形来说是一样的,图形阴影、虚化、外发光效果也可以实现。此外图形还可以实现倒影效果,如上图所示,在Html5技术之前倒影效果需要贴图才能够实现的,而Html5中就可以用代码轻松来实现了。

  综上所述:Html5能够轻松实现的视觉效果简直太给力了!太多太多需要做图软件成图,代码中贴图才能实现的效果,显示本地没有的特殊字体来实现艺术话视觉效果;各种圆角效果的支持;半透明效果:线性渐变,以及突破性的径向渐变支持;文本、图形各种效果的修饰,描边,阴影,虚化,外发光;以及图形的倒影效果等。总而言之,以上各种视觉效果均可实现,那么在以后wise网页设计中,设计师再也不用束手束脚了,不用再设计单调的界面了,很多效果都可以尝试,并且不会带来太多的页面体积成本:)

  以上主要是介绍Html5可以实现的视觉效果,此外Html5还可以支持很多功能层面的震撼效果,如:音频、视频、图片展示、运动展示、360度展示、VR(虚拟实境)、本地存储、表单、分栏显示、地理位置等等。

  有兴趣的朋友可以了解看看:

Windows phone Tango将支持C++开发 其他2012-01-31 18:29:43
2012年01月31日09:35 it168网站原创 作者:小试牛刀 编辑:景保玉 评论:0

  【IT168资讯】1月31日,据国知名科技网站报道,微软的下一个Windows Phone更新Windows Phone Tango将把支持的语言扩大到120个。此前iOS仅支持34种语言和Android到目前为止仅支持大约55种语言。之前的Windows Phone Mango目前支持35种语言。因此此举将大大加速Windows phone走向国际化道路。

  Windows phone Tango将支持C++开发

  语言支持是一个发展策略,然而对于开发语言的策略改变更是体现了微软在发展Windows phone平台上的决心。目前的Windows Phone应用开发基于微软Silverlight平台,开发门槛相对较高,从而限制了那些拥有C++开发经验的开发者,而微软将在Windows Phone Tango系统中增加对C + +代码的支持,从而降低开发门槛吸引开发者。作为当下最为流行的Android和苹果iOS平台,他们对于创建这些应用程序的开发者没有这种限制,因此发展较为迅速。

  Windows Phone Tango的另一个变化将是支持本地代码。虽然知情人士不愿意证实它们是Tango还是Apollo,但是,他们确实证实开发者使用C++本地编码能够为下一个Windows Phone发布版编写应用程序。

  Windows Phone Tango将通过简化现有的平台把Windows Phone操作系统引进到廉价的手机。由于移动世界大会很快召开,人们将在那个会议上听到更多的消息。

  与此同时,Windows phone MarketPlace 加入ESRB分级制度,方便用户过滤应用。去年开发者发现自己在Windows Phone Marketplace上传应用时需要选择评级,而今年开春,微软Windows Phone应用商店开始在前台显示ESRB评级,帮助家长过滤掉不适合自己孩子的应用,《愤怒的小鸟》等游戏是第一批进入年龄评级系统得分应用,接下来还会覆盖更多的产品。

3dmax作品欣赏(3) CG관련2012-01-29 16:18:08
.




3dmax作品欣赏(2) CG관련2012-01-29 16:13:49
.






 1  2  3  4  5  6  7  8  9  10    
Copyright ⓒ Waiting4UFO. All rights reserved.