RSS
热门关键字:  open canvas 教程  风景插画  教程  painter  photoshop
当前位置 :| 主页>插画教程>

像素实例:卡通风格房子

来源: 作者: 时间:2008-04-26 点击:

插画中国温馨提示:单击图片可在新窗口浏览图片^_^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>

最新评论共有 1 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表