像素画教程-基本规则
2. 基本规则
首先等角投影像素画最重要的规则是如何构建最基本的线条。等角投影因为30度的倾斜边,有时又叫做30/30透视。但是你在下图中可以看到在像素画中这个角度并不是30度。当角度为30的时候,由像素点构成的线条会出现很多躁点,而当角度为26.565°时则很完美。你只需要记住视觉效果最佳的像素线条的构建法则:间隔1个像素,横2个像素。(译者:也可以看作规则的阶梯形)
你可以使用任何形式的线条在你的作品,但如果你想要光滑笔直的线条,最好遵循像素线条的构建法则。
3. 线条构成形状,形状构成物体
这些线条可以构建最基本的几何形状。一旦你明白这个原理,就可以用这些基本几何形来塑造更复杂的东西。 在下图左你可以看到6个基本几何形,以及如何利用它们构建一个怪异的城堡建筑(下图右)。
4. 明暗
我们需要使用明暗法来模拟3D效果。这是一种在绘画中常用的技术。首先我们需要确定光源的位置,假定在左上角。
- 首先在灰色的格子上放置一个蓝色的立方体。
- 新建一个图层,用油漆桶工具给立方的左右两个面填充20%透明度的黑色(填充需要勾选所有图层)
- 给右下边的面再填充一次。
- 新建一个图层画内边线,使用白色单像素线。
- 隐藏新建的两个图层。把原来立方体的黑色内边线改成蓝色。
- 选中白色内边线的那个图层,更改透明度为50%。
这样你会得到一个和下图7一模一样的立方体。
当然很多其他的方法给物体上明暗,我介绍的是我喜欢用的方法。
5. 图块世界
如果你想制作基于像素画的互动多媒体,图块是一个不错的选择。Tiles are wonderful things if you want to make your Pixel Art interactive.我们可以把对象被放置在等距的网格中。正因为如此,编码部分会变得容易很多。网格是2维的,可以用一个简单的2维数组来定义(在第三部分我会详细说明该方法)。然后旋转45度,在减少50%高度,就得到了符合等角投影规则的空间。
在使用格子构建你的作品时,必须非常小心。因为即使1个像素的偏差,都回破坏整个效果。以下是三种你可能会遇到的情况。
(注意: 每个例子中的蓝色立方都不一样. 同一个例子中其他颜色的立方体的构建方法都和蓝色立方体相同)
6. 文件格式
我想很多人可能已经了解不少关于图片格式的知识,所以在这里我只谈像素画作者们需要了解的东西。GIF 和 PNG 是两种唯一适合发布你作品的图片格式。不管你把作品应用于Flash还是发布在网络上。而JPG格式会扭曲你的像素,并且它无法处理透明度。
GIF和PNG的主要区别在于支持的颜色数和透明度。GIF只能使用256色,而PNG支持24-bit 或 1600 0000 色。PNG用来存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据,所以PNG支持透明度。
7. 结语
好了,现在你已经知道了基本的等角投影像素画知识。下一部分我们将使用photoshop画一个酸奶店。
顺便说一句, Peter NRG提供一个画像素的小窍门:在画像素画的时候你可以把同一个文件显示在2个窗口中,其中一个设置为100%,随时查看效果,另一个则可以根据你的需要随时改变缩放比例。你可以通过以下步骤打开第2个窗口: Photoshop Menu菜单 > Window窗口 > Arrange排列 > New Window新窗口 为 ‘filename文件名称’新建窗口