分享
 
 
 

用fireworks打造自己的坐标

王朝other·作者佚名  2006-11-23
窄屏简体版  字體: |||超大  

有次看到别人的网页上的横坐标和纵坐标,着实是该页面中的点晴之笔。开始我认为这可以用普通的无缝背景填充就可以办到。直到有一天,我打算在一个网页上用上这效果时,才猛然发觉,原来这种无缝填充还真有些技巧!而远非我想象的那样简单。效果虽然做到了,但是凭良心说,为什么要如此画才能填充的如此精确,我还是不知道,最超码原理上我还没弄明白。只能说是瞎碰上了处理方法。现在就把咱这瞎碰上的方法拿出与大家共享。:)

1、新建文件,Width=50pixels,Height=20pixels,背景色为透明(Transparent)

2、用放大工具把编辑区放大到400倍。用工具箱中的矩形工具拖画出一个宽为1象素(pixel),高为9象素的矩形。打开Info(信息)面板参照。然后把这矩形移动到X坐标为4,Y坐标为1的位置上。此时信息面板如下图显示。

3、选中该矩形,EditClone,然后按五次电脑键盘上的右方向键,(每按一次方向键,选中的物体就会向相应的方向移动一个象素。如果按住电脑键盘上的Shift键不放,再按方向键,则每按一次方向键,选中的物体会向相应的方向移动10个象素)。

4、打开History(历史)面板,里面记录了我们操作的每个步骤。按住Shift键,选中我们刚才操作过的最后六个步骤(即Clone,move.move.move.move.move),再按历史面板最下面的Replay按键8次。这样我们得到了如下示图.

5、选中最后一个矩形(也就是最右边的那个)。打开Info面板,在H栏中输入数字20(把该矩形的高度设置为20),然后按键盘上的回车键,我们发现该矩形高度变成20象素了。(好多朋友在信息面板中设置好宽度和长度后,总是记不得按回车键,却一个劲的抱怨说改变不了长度或高度。要记住这个功能哦:),它能给您带来许多方便)。言归正传,把改变后的矩形移动到Y坐标置为0,X坐标置为49的位置。参照Info面板。

6、我们再一个长为50象素,高为1象素的矩形,然后把它移动到X坐标值为0,Y坐标值为9的位置上。这个矩形将会用来做坐标线的底线。

7、Ctrl+A,同时选中编辑区中的矩形,你希望你的坐标是什么颜色呢??尽管填上你喜欢的颜色吧。我比较偏爱蓝色,这里我们就填上蓝色吧:)。告一段落了,把这个文件保存起来。

8、新建文件,Width=776,Height=20,一般在分辨率为800*600的显示模式下,网页的宽设为776象素为佳。背景色为透明。这里为了显示方便,我把宽度设为500。

9、在编辑区拖画出一个830*20的矩形,为什么要宽度为830象素呢?等会你就知道了。别忘了打开Info面板参照,保证Y坐标中的置为0。打开Fill面板,打开填充样式的下拉菜单,选中Pattern(图案填充),在图案选择下拉菜单中,我们选中最后一项other,此时它会弹出一个对话框让我们选择文件,这时我们找到刚才保存的文件,点击打开按键。此时效果如图

10、我们可以看到,此时的图最左边的位置不对,因为把这个坐标图放到网页上,要求最左边的刻度为0。怎么办呢?此时我们应感到庆幸,幸好我们绘出的是一个长度为830象素的矩形,我们只要把该矩形向左移动一点距离就行了,使最左边的刻度值为0。没忘了在相应的刻度值上标上数字。

11、把它输出吧,打开Optimize面板,记得要设置成透明图象,把下面的Alpha Transparency选中。FileExport。

到此告一段落了,回顾前面做过的步骤,小刻度的高度为什么要设置为9象素呢?因为小刻度的高度值最好不要大于编辑区高度的一半,不然最后的效果会有些失真。下面看一个示例。

小刻度的高度设为12象素的效果

大家可以看到,如果小刻度设为大于编辑区高度的一半时,用它进行图案填充,得到的是一个上下有点错位的图。

横坐标是画出来了,可是纵坐标该如何画呢?有种快捷的方法就是把横坐标顺时针旋转90度。有时旋转后的图效果不太好,还是动手来画一个纵坐标吧。

方法和前面说过的相同,只不过把宽度设为20,高度设为50罢了,最后用来填充的图案如下图所示

这里不再多说了,大家动手试试吧。

横坐标图案原文件[url=http://www.pccode.net]下载

纵坐标图案原文件[url=http://www.pccode.net]下载

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有