screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
像素实例:卡通风格房子
制作一个小型动画风格房子的实例操作教程。
第一部分
在这里我给大家讲解一下我为一个isometric游戏做的卡通风格房子拼接地图的几个详细步骤。
好,首先我从基部(尺寸是游戏所用拼接地图的大小)的描绘开始,然后选择几套颜色组成下来要用到的色盘。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
接着就像我平常一样,给isometric的立方体填充上基本的颜色和明暗。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
下一步,我添上数根线条来表示房子的主体,在这一步先忽略屋顶部分。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
然后,再次用基本的Isometric立方体的明暗上法给这部分上基本的石墙颜色。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
下一步需要挺多的计算以保证墙砖平均的分布在墙上,一旦算好这些和做了一些快速的测试之后,我就在灰色的方块上添加一些线条,并保持方块的明暗关系和图形的其余部分一致。在顶部的图案现在觉得有点多余,不知道我当时怎么想的,呵呵
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
第二部分
好,到了这一步,需要开始考虑屋顶了。我选择了一个比较高的屋顶,新开一层,在上面我画上一些指导线。然后我不断调整他们直到达到我想要的形状和结构。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
一旦满意了屋顶形状的指导线,我将其填充并加入一些高光线。当前情况下,房顶将一些下面的砖切开了,而在前面的墙里也留下了空洞,这些在下面马上就处理。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
墙的多余部分被删除了...
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
...然后在前面的墙上补上同样的墙的纹理。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
现在给屋顶加点纹理。在屋顶的两个面上加上一些有明暗的线条,创造一种很简单的但又很适合的茅草纹理,也符合我要追求的卡通风格。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
第三部分
好,房子的基本形状已经构建完毕了,现在是时候加点装饰了。第一项,一扇门。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
然后一个窗户。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
或许在前面的墙上爬一些花。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
到这一步,我觉得屋顶需要加一点东西来打破一下一大片茅草的沉闷感,所以我决定加一个顶楼的房间。还是一样,先勾勒出边线,然后将其放置于合适的位置。在新开的一层上作业不仅可以使你自由的移动这个部分直至满意,而且它不会破坏你已经画好的房子的部分(在此新开的层下)。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
一旦满意它的形状和位置,就像对待屋子的其他部分一样给它上基本的明暗。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>
接着将纹理也加上,让它的风格和屋子的其余部分一直,在前面加上窗户。请注意位于这边的玻璃显得稍微亮一些,因为这一面是亮面,所有的东西都较其他面亮一些。
screen.width*0.75)this.width=screen.width*0.75" border=0> screen.width*0.75)this.width=screen.width*0.75" border=0>