标签

导读 Matriax 像素教程

年代久远~文中原作链接已经失效,导读的意义已经没有了……随着 Windows 的更新,Ribbon界面 的 Windows画图 也已经“面目全非”,文中相关内容也没有了参考价值。所以这一篇请跳过不要阅读。
2007-08-02

写实的流水 [Gas13.ru]

本方法告诉你如何用 Adobe Photoshop 和 Adobe ImageReady 创造出生动的动态图块。它可以为你开发手机游戏节省时间。

这个方法是我在“Hive of Evil”(http://www.cyberdream.ru/hoe.html)工作的时候搞出来的……
首先,你需要建造水的材质(不需要很高的质量,但是对比度要高些)。它是全部工作最原始的资源。
建一个新文件。它应该大一些(可以用肉眼很容易的看出图块拼组和动画效果)。用资源材质填充这个图层。复制本层。改变两层中居上图层的不透明度。
图例中,不透明度设置在 30% ,但是这个值应该视资源材质的类型、对比度以及色彩等具体情况进行不同的设置。
切换到 ImageReady ……

现在,你应该创建一个新的图帧,然后将居上的图层整体稍微移动一点位置。移动的方向以及移动的步骤按照你的目标不同而不同。

关键的是你最终得到的结果应该是一个循环动画。16x16 的图块每帧持续向前挪动 两个像素 ,结果就是平静流动的水面。(挪动像素越多,)步伐越大,水流速度越快,帧数也就越少。为了得到最优效果,你需要不断调整每帧的不透明度,还要适当处理一些像素点,直到满意为止。
这里你可以看到不同的移动方向和图层的不同设置所产生的不同效果……

你应该用工作调色板将最佳的结果保存为 gif 文件。
现在要做的就是通过切割获得最终的流水动画图块。

用 ImageReady 打开你的 gif 动画,然后切换到 Photoshop ,在动画上切割任意 16x16 的部位。

现在我们得到了 16x16 像素图块的 psd 文件。这个文件有多少层就有多少帧,图层的数量就是帧数。
现在你需要挨个保存每一层。
这个并不难,我们已经得到了水面的动画材质了。

( 放大 200% )
下面是几个应用了上述手法的流水动画,有的是我在“Hive of Evil”工作时的小样,其他的是我们 CyberDream 公司(http://www.cyberdream.ru/)的项目。
All the graphics materials are
property of mobile games development department
of CyberDream.

2007-07-16

像素面孔PIXEL FACE [Gas13.ru]

  按“D”将现有颜色重置为缺省颜色(孙老四说:此为 PhotoShop 快捷键,后面也是一样,不多作说明)。创建一个新层,使用“Alt+Backspace”将其背景填充为白色(这个就搞不懂了,“Alt+Backspace”似乎是使用前景色填充,而之前重置了缺省颜色,前景色应该是黑色呀。不知道是不是作者写错了,后面的“Ctrl+Backspace”也是一样。反正这里就是要填充成白色,按“Ctrl+Backspace”就好了。)。按“M”使用选框工具,再按“Shift+M”切换到“椭圆选框工具”,此时,按住“Alt+Shift”用鼠标左键拖出一个椭圆选框(孙老四说:Alt 让你从圆心拖出选框,Shift 让你可以拖出一个正圆选框)。
  按“X”交换缺省的前景色和背景色,然后用“Ctrl+Backspace”填充选区内为黑色(孙老四说:这里似乎应该是“Alt+Backspace”)。使用菜单“选择〉修改〉收缩(Select>Modify>Contract)”,收缩量填入 1 像素。单击确定。接着按“delete”。
  (孙老四说:此时应该已经取消了选框)按“B”使用画笔工具,再按“Shift+B”切换到“铅笔工具”。选择画笔为一个像素点。在圆的边缘点击一下鼠标左键,然后按住“Shift”在下一点处单击一下鼠标左键,这样就可以拉出一条连贯的直线,如法继续则线条首尾相接。试试把大致脸型勾勒出来。
  创建一个新层,用一条红线标志出来发基的位置。再用另外两条确定面孔的比例。
  (孙老四说:最好新创建一个层)开始在脸型轮廓内添加细节,按照你的需要勾勒出五官。
  将所有线条换成黑色。放置一个光源(孙老四说:一般光源在心中就可以了,放个灯泡在上面是方便演示)。
  (孙老四说:新创建一个层)使用另一种颜色定义出背光阴影的区域。做完了之后,将其转换为黑色,然后调低这个层的“不透明度”。
  在边线层选择边线外部的区域。线条的连贯性可以确保选区在边线外部。菜单 “选择〉反向(select>invert)”。在层次最深的最底层填充较亮的肤色。
  选择较深的肤色填充阴影区域。
  选择皮肤的中间色,然后定义出中间色的区域。
  填充。填充头发的颜色。
  开始添加细节,来迎接第二层阴影。
  在亮色与中间色、中间色与暗色之间分别选出两种过渡用的色彩,用来平滑过渡。
  继续添加细节,用头发的颜色和深色定义出眼睛和前额。
  细节处理结束。
  我们需要一些调整,“图像〉调整〉曲线(Image>Adjust>Variations)”。“图像〉调整〉色阶(Image>Adjust>Levels)”快捷键是“Ctrl+L”。“图像〉调整〉色相/饱和度(Image>Adjust>Hue)”快捷键是“Ctrl+U”。
  说了这些,希望你能用得着,谢谢。
2007-07-16