imick
imick插画画廊
uid: 7934
级别: 贵宾
精华: 18
发帖: 434
威望: 340 点
积分: 72 分
推广值: 1 点
注册时间:2004-07-09
最后登陆:2022-10-07
|
[像素画][翻译教程]Isometric实例：监狱
Isometric实例：监狱
英文原文地址：http://www.zoggles.co.uk/asp/tutorials.asp?tut=14
==========================================================
版权信息：
Credits
Version 1.0 (Last updated on 1/23/2003)
Written by and Copyright: Zoggles （Email：pixels@zoggles.co.uk）
Permission is granted to copy and distribute this document for non-commercial use, free of charge, as long as it's not altered in anyway without permission and that credit is given to the author.
==========================================================
注解
这是一幅为critticage所做的建筑图，分解了步骤来作为教程。
目录
第一部分
第二部分
第三部分
第四部分
动画建造过程
第一部分
好，首先，划地为界，将这个建筑要占的地方圈出来，顺手在边界外做一条道。
下一步是将建筑的外墙建起来。新开一层画外墙，这样在后来建造建筑的内部部分时可以选择显示或隐藏这道外墙。我想要一个双层门的系统开在这个监狱的右边的外墙上，因为外墙已经建好，这个门的尺寸和位置都很容易找对。
现在，门放进去了，这里，我将门的高度降了一两个像素，打破一下高度单调的节奏。
接下来是一个超级短的步骤：在外墙那条道上开一条进入门的口。但其实还有一个隐藏步骤，将“墙”那一层分为两个层。其中一个是最后面的墙，另外一个是其他的墙。这样做的目的是让中部地区看起来是被前面的墙掩盖着，而又在最前面的墙前面。
然后，我决定在墙的上面加上一些铁丝网。首先我得加入一些支撑铁丝的柱子。这个跟墙一样也是在新开层上描绘的，因为它到时也需要分开前面和后面的两层。
然后到铁丝网。在铁丝上，我已经用了3种颜色的灰色来加强刺丝的感觉，但在这种分辨率下它们仍不是十分明显。但用了3种颜色的效果还是比只用1种颜色的要好一些。
第二部分
接下来，在另外一个新开的层上我加上了一个立体的基部并在上面运用了一些很经常用的Isometric的明暗渲染方法。铁丝网的层也分为了两个层（和墙的层一样）。一层是居于后面的墙上，另外一层在前面的墙上。
现在对墙的效果比较满意了，是时候专注于内部的部分了。将墙和铁丝网的层隐藏起来，只显示基部，然后就是细化中间部位的时候了。
再开一新层，草草的将建筑的基本形状勾勒出来。
一旦满意了空间分布和布局之后，就可以将形体向上抽拉成形并按基本方法上明暗。
在一新层上，划出屋顶的线条，然后移动微调到正确的方位。
第三部分
接着给屋顶上色，加明暗，还有加上一些线条（比每一面的颜色稍微暗一些）来制造屋顶瓦片的纹理。我还将最后的那栋房子的屋顶的设计改了一下，因为它原先的设计跟其他的房子太不协调。
对每栋建筑物的颜色很不满意，我不断调整墙体颜色的色调和饱和度直到找到适合的颜色。
同样的，用一种比墙体的颜色稍微暗一点的颜色，在墙体上加一些线制造砖的感觉，还有在瞭望塔上加了几个窗户。
现在到窗户的处理。新开一层，在每面墙上加上一堆小四边形，用两种颜色来上每个窗的玻璃－较深的那种颜色用在对角处，使四边形看起来更接近于菱形，从而符合isometric视角的透视。请将图形放大，你就会看到我所说的。
好，接着来～～发现这些窗户的颜色太亮了，但幸好窗户都是在独立的层上作业，很容易对它做调整。我将这个层的不透明度降低到差不多40％。虽然是作弊，但出来的效果不错。
第四部分
现在，再次将墙那层显示出来，然后将墙分为两个部分，那样我们就可以将最后的墙放在内部建筑的后面。同样地，铁丝网也做类似的处理。
运用跟屋顶一样的纹理处理技巧，在每栋建筑的两面墙上加上一些基本的线条。
然后在内部的广场上加上几个囚犯，在瞭望塔塔顶加上一个天线。
现在到最后一部分，阴影部分。再新开一层，用黑色给墙，建筑还有人上阴影。
然后将此层的不透明度降低到差不多30％。
最后为了使整个画面的风格一致，在建筑/墙/门（不算基部）的最外围上一层黑色。
动画建造过程
这里是一个动画的分解步骤建造过程。
|
imick插画画廊 http://chahua.com/u/7934
http://cg.chahua.org 中国插画画廊-插画师作品展示中心
零
[url=http://my.opera.com/imick/blog/](￫ܫ￩ の)～[/url]
|
|
[楼 主]
|
Posted:2005-08-02 07:14| |
| |
插画中国 -> 像素画教程、像素论坛 -> [像素画][翻译教程]Isometric实例：监狱
