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所示。
图15 墨绿色的矩形
图16为此图案的阴阳效果。至此，这个“旋转的叶子”图案制作完成。
图16 图案的阴阳效果
|
