|
大家在上网的时候,可能会经常碰到这种情况:浏览某个网页的时候,大部分内容已经下载完毕,唯独一副大图迟迟不肯露面,让人等得很心烦!这也就是我们为什么要切割大图的原因了。
把大图切割成几个小图,会大大加快图片的下载速度;另外,切割图片还可以用于链接设定。
Fireworks 3可以轻松地将大图切割为几个小图:
首先打开我们要切割的图片,然后选择“Slice Tool”///pc/homepage/fwjch/img/fire4014.gif" width="20" height="19"> 工具,拖动十字架光标在图片左上角拖曳出如图的切割区域,这样图片就被分割成了三个区域。
在如图1的切割图片中,红色的线条代表的是切割线,而绿色的区块,我们可以设置URL链接,设置方法如同热区链接的设置。
///pc/homepage/fwjch/img/fire4013.gif" width="243" height="163" alt="切割图片示例">
图1
切割图片示例
如果我们不想在切割图片的时候产生链接区块,那么我们只需在选取“Slice Tool”///pc/homepage/fwjch/img/fire4014.gif" width="20" height="19"> 工具后,直接在图片中单击鼠标即可产生切割区域。
接下来,我们来调整一下切割区域的比例分配,选取“一般选物工具”,拖动某个切割区域(必须是拖曳产生的Image可链接区域),即可改变区域的个数和比例;另外,使用“一般选物工具”拖曳切割区域的控制点,也可以调整切割区域的比例。(如图2)
///pc/homepage/fwjch/img/fire4015.gif" width="491" height="163" alt="调整切割区域">
图2
调整切割区域
大家可能会问:热区是存放在Web
Layer层的,那么切割区域存放在什么地方呢?
其实,切割区域也存放在Web
Layer层中,同样我们单击眼睛使它消失即可将切割区域隐藏;另外,单击图标 ///pc/homepage/fwjch/img/fire4017.gif" width="20" height="19">
,也可以将切割区域隐藏,单击图标 ///pc/homepage/fwjch/img/fire4018.gif" width="20" height="19">
,可以将切割区域显示。
下面我们为图片添加一些文字:
首先我们在图片的右下角拖曳出一个Image可链接区域,适当地调整它的大小和位置,然后开启“Object”面板,在“Type”选项中选择“Text”(文本),输入需要的文字(例如:li
bai)即可(如图3)。
///pc/homepage/fwjch/img/fire4019.gif" width="496" height="235" alt="输入文字">
图3
输入文字
上一节 下一节
/pc/bin/msg.pl?file_id=k_Fireworks04 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法
|