Fireworks中显示器的绘制

核心提示：本文示例源代码或素材下载 一、显示器的外观新建一个800*600大小的画布，然后用“矩形”工具直接画一个446*384、圆角度为3的圆角矩形，Fireworks中显示器的绘制，而千万不要画个小矩形后再拉大到所需的大小，否则圆角度将不规则，从#CCCCCC至#E6E6E6进行由上而下的线性

本文示例源代码或素材下载

一、显示器的外观

新建一个800*600大小的画布，然后用“矩形”工具直接画一个446*384、圆角度为3的圆角矩形。而千万不要画个小矩形后再拉大到所需的大小，否则圆角度将不规则。然后由左#D4D4D4至右#BEBEBE进行线性渐变的填充。并为其添加一个 “内斜角”的特效，如图01。

图01

用“椭圆形”工具画一个446*25的椭圆形，然后将这两个对象进行水平对齐后，把椭圆形的水平中线与矩形的底线进行重合对齐。如图02。

图02

把这两个对象同时选中后使用“修改—组合路径—联合”命令，使其形成一个显示器的外观路径。

二、绘制显示屏

为了使这个显示器更加的逼真，我们不妨先回到电脑桌面，然后按下PrintScreenSysRq键，把你当前所用的电脑桌面截取下来，在Firework里按下“粘贴”按钮进行保存。然后把这个桌面的大小改为363*272。接着把桌面和显示器的外观路径进行垂直对齐，并使显示器的外观顶线高出桌面顶线47个像素。如图03。

图03

显示器的桌面被确定下来后，也就等于将显示器的显示屏位置也确立了下来。这为接下来绘制显示器的边框带来坐标上的定位。

三、显示器边框

用“矩形”工具画一个405*6大小的长条矩形，从#CCCCCC至#E6E6E6进行由上而下的线性填充。使其与显示器外观进行垂直对齐后紧靠在显示屏上端，如图04。