FW制作透明立体网格效果 (1)
<BR><CENTER><IMG border=0 src="/bbs/attachments/websoft/20081213/200812139351217177801.jpg"></CENTER><BR> 简单的步骤一样可以做出简洁漂亮的效果。今天我们用来制作一个透明立体网格效果。<BR><BR> 制作步骤如下。<BR><BR> 1、在Fireworks中新建文件，大小为50*50。<BR><BR> 2、选取矩形工具，绘制一个50*50大小的正方形，填充及描边笔触设置如图。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=103 src="/bbs/attachments/websoft/20081213/200812139351221877802.gif" width=486></CENTER><BR> 3、将绘制好的图形保存为PNG或GIF文件，取名为“网格.png”备用。<BR><BR> 4、打开一副素材图片。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=247 src="/bbs/attachments/websoft/20081213/200812139351226577803.gif" width=364></CENTER><BR> 5、在图片上方绘制一个略大于图像并覆盖整个画布的矩形框。在属性面板上，选择填充纹理为“...”，在弹出的文件浏览框中选择刚才保存好的“网格.png”文件。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=103 src="/bbs/attachments/websoft/20081213/200812139351231277804.gif" width=323></CENTER><BR> 6、设置其他填充选项如图所示。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=248 src="/bbs/attachments/websoft/20081213/200812139351235977805.gif" width=365></CENTER><BR> 7、打开层面板，将素材位图克隆一份（Ctrl Shift D）。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=190 src="/bbs/attachments/websoft/20081213/200812139351240677806.gif" width=210></CENTER><BR><BR><CENTER><IMG border=0 src="/bbs/attachments/websoft/20081213/200812139351217177801.jpg"></CENTER><BR> 简单的步骤一样可以做出简洁漂亮的效果。今天我们用来制作一个透明立体网格效果。<BR><BR> 制作步骤如下。<BR><BR> 1、在Fireworks中新建文件，大小为50*50。<BR><BR> 2、选取矩形工具，绘制一个50*50大小的正方形，填充及描边笔触设置如图。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=103 src="/bbs/attachments/websoft/20081213/200812139351221877802.gif" width=486></CENTER><BR> 3、将绘制好的图形保存为PNG或GIF文件，取名为“网格.png”备用。<BR><BR> 4、打开一副素材图片。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=247 src="/bbs/attachments/websoft/20081213/200812139351226577803.gif" width=364></CENTER><BR> 5、在图片上方绘制一个略大于图像并覆盖整个画布的矩形框。在属性面板上，选择填充纹理为“...”，在弹出的文件浏览框中选择刚才保存好的“网格.png”文件。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=103 src="/bbs/attachments/websoft/20081213/200812139351231277804.gif" width=323></CENTER><BR> 6、设置其他填充选项如图所示。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=248 src="/bbs/attachments/websoft/20081213/200812139351235977805.gif" width=365></CENTER><BR> 7、打开层面板，将素材位图克隆一份（Ctrl Shift D）。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=190 src="/bbs/attachments/websoft/20081213/200812139351240677806.gif" width=210></CENTER><BR>
8、同时选中矩形路径和上层的位图对象，选择菜单“修改|蒙版|组合为蒙版”命令，组成遮罩组。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=200 src="/bbs/attachments/websoft/20081213/200812139351245377807.gif" width=320></CENTER><BR> 9、此时如果隐藏位于底层的位图对象，将会看到遮罩得到的图形效果。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=246 src="/bbs/attachments/websoft/20081213/200812139351250077808.gif" width=365></CENTER><BR> 10、对遮罩组对象应用“斜角和浮雕|内斜角”效果，特效参数设置如图。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=124 src="/bbs/attachments/websoft/20081213/200812139351254677809.gif" width=173></CENTER><BR> 11、取消底层位图对象的隐藏属性，得到最终的透明立体网格效果。<BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=246 src="/bbs/attachments/websoft/20081213/2008121393512593778010.gif" width=364></CENTER><BR> PNG源文件下载： <BR><BR><CENTER><IMG align=absMiddle alt="" border=0 height=246 src="/bbs/attachments/websoft/20081213/2008121393512640778011.png" width=365></CENTER><BR></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016115120_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016115120_2.html'></a></b></p>
<p></p></p><p align='center'><b><a href='/news/news001/Fireworks/200510/20051016115120.html'></a><a href='/news/news001/Fireworks/200510/20051016115120.html'></a> <font color='red'></font> </b></p>
页:
[1]