图案艺术的绘画——旋转的叶子（2）

11. 注：以左上角的图案为例，“原图”是这片叶子的右下部分，四个角合并为一片子，这样的图怎么绘画准确呢？首先，复制一个大叶子，将其放在右下角，与“原图”的相应部分重合，不重合可以用“Direct Selection”（路径选择）工具调整。然后，将其移到左下角，与相应部分重合，再调整，依此类推，再将其移到左上角和右上角，调整与“原图”相应部分一至，这个图形就绘画好了，将其复制三个，放在其他三个角上，选中同一行的两个叶子，打开“Align”（对齐）面板，单击顶端对齐。选中同一列的两个叶子，单击左端对齐，还要注意上下两个图形的位置是否相同，以边界为标准，这样合并的叶子才自然而准确。

　　 12. 至此，图案的组成图形绘画完成。接下来，裁切四个边界的图形，这是绘制这个图案的难点。因为一定要裁切精确，图案才能合并自然。首先，裁切上下两边的侧视叶子（注：以边框的内边为标准，使用“Scissors”（剪刀）工具，在路径上单击剪切点，然后使用“Direct Selection”选择工具，选中边框外的路径删除），如图8所示。

图8 精确裁切四个边界的图形

　　 13. 按照图9所示，剪切左右两边的侧视叶子。

图9 剪切左右两边的侧视叶子

marqueesHeight=18;
stopscroll=false;
icefable1.scrollTop=0;

with(icefable1){
　 style.width=0;
　 style.height=marqueesHeight;
　 style.overflowX="visible";
　 style.overflowY="hidden";
　 noWrap=true;
　 onmouseover=new Function("stopscroll=true");
　 onmouseout=new Function("stopscroll=false");
}

preTop=0; currentTop=0; stoptime=0;

function init_srolltext(){
　 icefable2.innerHTML="";
　 icefable2.innerHTML+=icefable1.innerHTML;　　
　 icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
　 setInterval("scrollUp()",50);
}
function scrollUp(){
　 if(stopscroll==true) return;
　 currentTop+=1;
　 if(currentTop==19)
　 {
　 stoptime+=1;
　 currentTop-=1;
　 if(stoptime==50)
　 {
　 currentTop=0;
　 stoptime=0;
　 }
　 }
　 else {　
　 preTop=icefable1.scrollTop;
　 icefable1.scrollTop+=1;
　 if(preTop==icefable1.scrollTop){
　　 icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
　　 icefable1.scrollTop+=1;
　 }
　 }

}
init_srolltext();

　　 14. 按照图10所示，剪切上下两边的圆形花朵。

图10 剪切上下两边的圆形花朵

　　 15. 按照图11所示，剪切上下两边的俯视叶子。

图11 剪切上下两边的俯视叶子

　　 16. 按照图12所示，剪切左右两边的俯视叶子。

图12 剪切左右两边的俯视叶子

　　 17. 按照图13所示，剪切上下左右四个角的俯视叶子。

图13 剪切上下左右四个角的俯视叶子

　　 18. 边界线上的图形剪切完成后，将所有图形统一颜色，如图14所示。

图14 将图案颜色统一

　　 19. 隐藏图层“骨架线”和“背景图”，打开“Window→Swatches”（窗口/样本）面板，单击面板上的“Show Pattern Swatches”（显示图案样本）图标按钮，使用“Direct Selection”（路径选择）工具，全选图案拖至到“样本”面板上，将自动添加此图案。画一个墨绿色矩形，再画一个矩形，单击“图案样本”中的叶子图案，如图15所示。