一、窗格子的取材

窗格子的原型取材于fireworks颜色面板中的样本面板。

打开样本面板后，按下键盘的PrintScreen键，然后ctrl＋v粘贴，使用“矩形选取框”在图片上截取一个4×4格子的颜色格子，然后将这个颜色格子转换为图形元件。

二、窗格子的绘画

• 将格子的元件从“库”中拖放到画布上，然后用“扭曲”seover="kwE(event,2, this);" style="COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="return kwC();" onmouseout="kwL(event, this);" target="_blank">工具对画布上的格子实例进行变形。
• 克隆这个实例，进行一定的位移，使它稍微偏离原来实例，然后改变其混合模式为“添加的”和添加“高斯模糊”滤镜。
• 克隆第2步中处理过的实例。这样看起来更光亮。
• 克隆第3步的实例，删除滤镜，混合seover="kwE(event,4, this);" style="COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="return kwC();" onmouseout="kwL(event, this);" target="_blank">模式改为“图章”，透明度改为80％，然后使它稍微偏离原来的实例。
• 克隆第4步的实例，混合模式改为“添加的”。让窗格有透光的感觉。